* {
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
    list-style: none;
 

}

:root {
    --main-background: #0d5b18;
    --Heading: #0d5b18;
    --paragraph: #727272;
    --Main-heading: #0d5b18;
    --Under-line: #f5791d;
    --new-color: #c5c65b;
    --logo-color: #0d5b18;
    --mana: #F5F6FA;
    --secodary-color: #51c8d8;
}

/*:root {
    --main-background: #000080;
    --Heading: #181818;
    --paragraph: #727272;
    --Main-heading: #001E5F;
    --Under-line: #f5791d;
    --new-color:#c5c65b;
    --logo-color: #000888;
    --mana: #F5F6FA;
    --secodary-color:  #51c8d8;

}
*/
.head-input-field:before {
    content: '';
    position: absolute;
    left: 25px;
    background-repeat: no-repeat;
    height: 26px;
    bottom: 6px;
    z-index: 1;
    width: 2px;
    background: #a8aebc;
}
 .dropbtn-menu {
  /* background-color: #04AA6D; */
  color: #000;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown-menu1 {
  position: relative;
  display: inline-block;
}

.readmore__content {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
}

.dropdown-content-menu {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  border-radius: 7px;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content-menu a {
  color: black !important;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content-menu a:hover {background-color: #ddd;}

.dropdown-menu1:hover .dropdown-content-menu {display: block;}

/* .dropdown-menu1.dropdown-content-menu .dropbtn-menu {background-color: #3e8e41;} */
/* ------------------ header-start------------------ */

.logo-p {
    display: flex;
    align-items: center;
}

.logo-heading h1 {
    color: var(--logo-color);
    font-family: 'Roboto';
    font-size: 20px;
}

.search-drop {
    display: flex;
    align-items: center;
    margin-top: 20px;
}


.custom-select1 {
    background: #F5F6FA;
    outline: none;
    border: none;
    color: #979EAE;
    font-size: 14px;
    font-weight: 400;
    /* padding: 16px 12px 15px 18px; */
    padding: 15px 12px 16.3px 18px;
    /* padding: 12px 12px 11px 18px; */
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    position: relative;

}
/* ------------------ Dropdown -start------------------ */

.dropbtn {
    background-color: #F5F6FA;
  color: #979EAE;
  /* padding: 15px 20px 14px 18px; */
  padding: 11px 20px 13px 18px;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border: none;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;

}

.dropdown-btn-d {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 180px;
z-index: 1;
border: 1px solid #0d5b18;
padding: 15px 15px;
border-radius: 15px;
}
.dropdown-content a:nth-child(1){
font-family: Roboto;
font-size: 14px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
color: #1A1A1A;
}

.dropdown-content a {

text-decoration: none;
display: block;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
color: #979EAE;
}

/* .dropdown-btn-d:hover .dropdown-content {display: block;} */
/* ------------------ Dropdown -end------------------ */

.drop-arrow-icon{
    position: relative;
}


.dropdown-btn-d:before{
    /* content: '';
    position: absolute;
    left: 60px;
    background-image: url(../img/dropdown.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    bottom: 0px;
    z-index: 1; */
}
.drop-arrow-icon:before{
    
    position: absolute;
    left: 145px;
    background-image: url(../img/vertical-line.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 35px;
    bottom: -5px;
    z-index: 1;
}

.head-input-field input {
    background: #F5F6FA;
    outline: none;
    border: none;
    color: #979EAE;
    padding: 9px 10px 9px 40px;
    width: 350px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;

}




.head-input-field input::placeholder {
    color: #979EAE;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;


}
/* ------------------ touch-pad-start------------------ */
.top-p {
    display: flex;
    align-items: center;
    margin-top: 20px;
  
    justify-content: space-between;
}
.remove-margin{
margin-left:50px;
}

@media screen and (max-width:990px){
.remove-margin{
margin-left:0px;
}
}


.box-p-pad{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
   }
  .box-p-pad-c {
    padding: 10px;
    background-color: #fff;
    border: 1px solid var(--main-background);
    width: 18.3%;
  }

  .box-p-pad-c:nth-child(1){
 border-top-left-radius: 10px;
  }
  .box-p-pad-c:nth-child(5){
    border-top-right-radius: 10px;
  }
  .box-p-pad-c:nth-child(21){
    border-bottom-left-radius: 10px;
  }
  .box-p-pad-c:nth-child(25){
    border-bottom-right-radius: 10px;
  }

  .box-p-pad-c img {
    display: block;
    margin: auto;
  }
  .pad-text {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
    color: #314619;
    margin-top: 5px;
  }
 /* #pads-click-open{
    position: absolute;
    left: 20%;
    top: 10%;
    display: none;
  }
*/  


  /*fixed header*/
  .menus-sticky{
    position: sticky;
    top: 0px;
    z-index: 8;
}

/*anjani css of header 30/11*/
 
#pad-click{
    position: relative;
    cursor:pointer;
  }

  #pads-click-open{
    position: absolute;
    top: 36px;
    right: -48px;
    z-index: 9;
    width: 600px;
    display: none;
  }

  @media screen and (max-width:990px){
    #pads-click-open {
    position: absolute;
    top: 36px;
    z-index: 9;
    width: 280px;
    left: -160px;
 
}
  }

  /*anjani css of header 30/11*/
  .bars-icon{
    display: none;
  }
/* ------------------ touch-pad-end------------------ */
/* ------------------ header-top-end------------------ */
/* ------------------ header-bottom-start------------------ */
.menu {
    background-color: var(--main-background);
}

.menu ul {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px 10px;
    margin: 10px 100px;
}

.menu ul li a {
    color: #fff;
    text-decoration: none;
}

/* ------------------ header-bottom-end------------------ */
/* ------------------ mandatory-box-start------------------ */

.mandatory-box {
    padding: 25px;
    background-color: var(--mana);
    border-radius: 15px;
}

.manadatory-heading h1 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--Heading);

}

.mandatory-para p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
    margin-bottom: 0px !important;
    
}


.readmore__toggle {
    color: #337eb7;
    font-size: 14px;
    font-family: 'ROBOTO';
   padding:0px;
}

.button .btn-d {
    color: #fff;
    background-color: var(--logo-color);

    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 10px;

}

/* ------------------ mandatory-box-end------------------ */
/* ------------------carousel-caption-start------------------ */


.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 5% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff !important;
    text-align: center;
}

.carousel-control-prev {
    left: 0px;
    display: none;
}
.carousel-control-next {
    left: 0px;
    display: none;
}

.carousel-caption h5{
    font-family: Roboto;
font-size: 30px;
font-weight: 400;
line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #fff !important;

}
.carousel-caption p{
 font-family: Roboto;
font-size: 14px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: left;

}
.carousel-indicators [data-bs-target]{
    height: 6px !important;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%) !important;
    opacity: 1 !important;
    width: 10% !important;
 
}

.carousel-indicators .active{
    background-color: var(--Under-line) !important;
    width: 15% !important;
}
/* ------------------carousel-caption-end------------------ */

/* ------------------upcoming-event-start------------------ */


.event-p{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.heading-event h1{
    font-family: Roboto;
font-size: 40px;
font-weight: 700;
line-height: 47px;
letter-spacing: 0em;
text-align: left;
color: var(--Main-heading);
position: relative;
}
.heading-event h1:before{
   position: absolute;
   content: '';
   background-color: var(--Under-line);
   width: 45%;
   height: 4px;
   left: 0px;
   bottom: -8px;
   border-radius: 10px;
}

.view p{
    font-family: Roboto;
font-size: 16px;
font-weight: 600;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color:#267FC5;

}
.view p a:hover{
    color:#0d5b18;
}

.event-h{
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    
}
.event-p{
    font-family: Roboto;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #777777;
    
}
.card-event{
    border: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    position: relative;
    overflow: hidden;
   margin: 10px;
   
}
span{
    position: relative;
    overflow: hidden;
}
span img{
    transition: all 0.5s;
    position: relative;
}

span img:hover{
    transform: scale(1.2) rotate(0deg);
}


.img-c{
    position: relative;
    overflow: hidden;
    width: 100%;
}
.img-c img{
    transition: all 0.5s;
    position: relative;
    width: 100%;
    height: 498px;
    object-fit: cover;
}

.img-c img:hover{
    transform: scale(1.2) rotate(0deg);
}

.img-c-1{
    position: relative;
    overflow: hidden;
}
.img-c-1 img{
    transition: all 0.5s;
    position: relative;
    height:230px;
    object-fit: cover;
}

.img-c-1 img:hover{
    transform: scale(1.2) rotate(0deg);
}

.img-c-2{
    position: relative;
    overflow: hidden;
}
.img-c-2 img{
    transition: all 0.2s;
    position: relative;
}

.img-c-2 img:hover{
    transform: scale(1.2) rotate(0deg);
}
.training{
    position: relative;
    overflow: hidden;
}
.training img{
    transition: all 0.3s;
    position: relative;
}

.training img {
    width: 100%;
    object-position: center!important;
    object-fit: cover!important;
    height: 350px!important;
}

.training img:hover{
    transform: scale(1.2) rotate(0deg);
}


.card-bdy{
    background-color: #fff;
    padding: 15px 15px 5px 15px;
    border: 1px solid #ccc;
}
.card-p{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-date {
    font-family: Roboto;
font-size: 12px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
color: #777777;

}

.view-s{
    font-family: Roboto;
font-size: 12px;
font-weight: 700;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
color: var(--main-background);
}
.view-s a:hover{
    color: var(--main-background);  
}
.card-carousel-section{
    bottom: -60px !important;
}

.card-carousel-section [data-bs-target]{
    height: 6px !important;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%) !important;
    opacity: 1 !important;
    width: 10% !important;
    background-color: #D4D4D4 !important;

 
}

.card-carousel-section .active{
    background-color: var(--logo-color) !important;
    width: 15% !important;
}


/* ------------------upcoming-event-end------------------ */

/* ------------------gallery-start------------------ */
.img-p{
    display: flex;
}
.img-c1{
width:100%;
display:flex;
flex-wrap:wrap;
}
.img-c-1{
/*width:47%;*/
width: 100%;

}
.img-c img{
    width: 100%;

}
.img-c1 img{
    width: 100%;
    height: 248px;
    object-fit: cover;
}
.img-c2 img{
    width: 100%;
    height: 248px;
    object-fit: cover;
}
.img-c{
    position: relative;
}
.img-c1{
    position: relative;
}
.img-c-1{
    position: relative;
}
.img-c-2{
    position: relative;
}
.img-c:before{
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0.4;
}
.img-c-1:before{
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
   
}
.img-c-2:before{
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0.4;
}


.gallery-overlay {
    position: absolute;
    padding: 0px 10px 0px 15px;
    width: 100%;
    top: 74%;
    left: 0%;
    display: flex;
    flex-direction: column;
}
.gallery-overlay1{
    position: absolute;
    padding: 0px 15px;
    width: 100%;
    top: 65%;
    left: 0%;
    display: flex;
    flex-direction: column;
}
.gallery-overlay2{
    position: absolute;
    padding: 0px 15px;
    width: 100%;
    top: 65%;
    left: 0%;
    display: flex;
    flex-direction: column;
}
.gallery-heading{
    font-family: Roboto;
    font-size: 28px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    text-shadow:2px 2px 3px #000;
    
}
.gallery-anchor a{
    font-family: Roboto;
font-size: 16px;
font-weight: 500;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
/* ------------------gallery-start------------------ */
/* ------------------tab-start------------------ */



.tabs-border{
    border: 1px solid var(--logo-color) ;
    border-radius: 0px 10px 15px 15px;
    border-top: 0px !important;
    padding: 40px 10px 0px 10px;
    background: #f8f9fd;
}
.tab-border .navs1{
    /*color: #495057;*/
    /*background-color: #f8f9fd !important;*/
    /* border-color: #dee2e6 #dee2e6 #fff; */
    padding: 12px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-left: 1px solid #dadada !important;
    border-top: 1px solid #dadada !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
color:#000;
}
.tab-border .navs2{
border: 1px solid #ccc !important;
background-color: #ffff !important;

border-radius: 0px !important;
}

.nav-tabs-active{
    font-family: Roboto;
font-size: 15px;
font-weight: 700;
line-height: 19px;
letter-spacing: 0em;
text-align: center;


}

.nav-tabs1{
    font-family: Roboto;
font-size: 15px;
font-weight: 700;
line-height: 19px;
letter-spacing: 0em;
text-align: center;
/*color: #000;*/

}

.side-heading{

    font-family: Roboto;
font-size: 14px;
font-weight: 700;
line-height: 17px;
letter-spacing: 0em;
text-align: left;

}
.side-para{
    font-family: Roboto;
font-size: 11px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0em;
text-align: left;
color: #737373;
}
.opt-p{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -10px;

}
.opt-active p{
    font-family: Roboto;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;    
    color: var(--logo-color);
    
}
.opt p{
    font-family: Roboto;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;    
    color:#7D7D7D;
    
}
.side-view-all{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 6px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: underline;
    color: var(--main-background);
    margin-bottom: 20px !important;
    

}
.side-view-all a{
    color: var(--main-background);   
}
/* ------------------tabs-end------------------ */
/* ------------------card-start------------------ */
.box_card{
    padding: 20px;
    border-radius: 15px;
    background-color: #267FC5;
    padding: 60px 25px 18px 25px;
}
.box-circle{
    height: 120px;
    width: 120px;
    border: 1px solid #267FC5;
    border-radius: 50%;
    position: relative;
    display: block;
    margin: auto;
    background-color: #fff;
    top: 60px;
}
.box-circle:before{
    content: '';
    position: absolute;
    left: 25px;
    background-image: url(../img/polling.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    bottom: 12px;
    z-index: 1;
    top: 25px;
}
.box-circle img{
    margin: auto;
    display: block;
}
.box-polls{
    font-family: Roboto;
font-size: 30px;
font-weight: 700;
/*line-height: 35px;*/
letter-spacing: 0em;
text-align: center;
color: #fff;

}
.box-para{
    font-family: Roboto;
font-size: 18px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #fff;

}
/* .card-btn-c .btn{
    font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
color: #868686 !important;
text-align: center;
background-color: #fff !important;
padding: 16px 0px;
} */
/* .box-heading-c1{
    font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color: #fff;
} */
.box-card-anchor a{
    font-family: Roboto;
font-size: 16px;
font-weight: 700;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
/* ------------------card-end------------------ */
/* ------------------Joining-start------------------ */
.side-heading-c1{
    font-family: Roboto;
font-size: 20px;
font-weight: 700;
margin-top: 5px;
margin-bottom: 0;
/*line-height: 26px;*/
letter-spacing: 0em;
text-align: left;

}
.side-para-j{
    font-family: Roboto;
font-size: 14px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color: #1E1E1E;
margin-bottom: 7px;
}
.side-para-j1{
    font-family: Roboto;
font-size: 14px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color: #575656;

}
.view-employe a{
    color: #000;
    font-family: Roboto;
font-size: 14px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
text-decoration: underline;
}
.margin{
    margin-bottom: 3px;
}
/* ------------------Joining-end------------------ */

/* ------------------footer-start------------------ */
/*new add by anjani online icon*/

.overlay-patch {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #337EB7;
    top: 20px;
    background-color: #fff;
    padding: 10px;
    position: absolute;


}

.overlay-patch p {
    margin-bottom: 0px !important;

}

.overlay-online-img {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
}

.overlay-pach-img {
    position: absolute;
    z-index: 1;
    top: 40%;
    left: 50%;

}

.icon-help-c:hover .text a{
  text-decoration: underline;
  color: #fff;
} 
.bar_tool li i{
 color: #fff;
}
/*----------------anjani-----------------------*/

.footer{
    background-color: var(--main-background);
    padding: 20px 10px 1px 10px;
}

.heading-footer h1{
    color: #fff;
    font-family: Roboto;
font-size: 40px;
font-weight: 700;
line-height: 47px;
letter-spacing: 0em;
text-align: left;
position: relative;

}

.heading-footer h1:before{
    position: absolute;
    content: '';
    background-color: var(--Under-line);
    width: 16%;
    height: 4px;
    left: 0px;
    bottom: -8px;
    border-radius: 5px;
}

.training img{
    width: 100%;
}

.f-training{
    position: relative;
}
.training{
    position: relative;
}
.training:before {
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0.4;
}
.overlay {
    position: absolute;
    padding: 0px 25px;
    width: 100%;
    top: 55%;
    left: 0%;
    display: flex;
    flex-direction: column;
  
}
.overlay h5{
    font-family: Roboto;
font-size: 30px;
font-weight: 400;
line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
.overlay p{
    font-family: Roboto;
font-size: 18px;
font-weight: 400;
line-height: 0px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}

.over-p{
display: flex;
}
.over-p-c p{
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;    
    color: #fff;
    margin-top: -5px;
}
.f-views{
    margin-top: 13px;
}
.f-views a{
    font-family: Roboto;
font-size: 12px;
font-weight: 700;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
color: #fff;


}
.heading-footer-side h1{
    font-family: Roboto;
font-size: 40px;
font-weight: 700;
line-height: 47px;
letter-spacing: 0em;
text-align: left;
color: #fff;

}

.heading-footer-side-d h1{
    font-family: Roboto;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    
}
.card-breadcamp{
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
}
.breadcamp-head{
    font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color: var(--logo-color);

}
.breadcamp-head-heading{
    font-family: Roboto;
font-size: 18px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0em;
text-align: left;

}

.breadcamp-over-p{
    display: flex;

}
.breadcamp-over-p-c p{
    font-family: Roboto;
font-size: 12px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
color: #7D7D7D;
margin-bottom: 0px !important;
}
.card-view a{
    font-family: Roboto;
font-size: 12px;
font-weight: 700;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
color: #fff;
float: right;
margin-top: 5px;
}
.text{
    margin-left: 15px;
}

.heading-help{
    font-family: Roboto;
font-size: 40px;
font-weight: 400;
line-height: 47px;
letter-spacing: 0em;
text-align: left;
color: #fff;

}
.paragraph-help{
    font-family: Roboto;
font-size: 18px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #fff;

}
.icon-help i{
 
    color: #0d5b18;
    font-size: 25px;
    background-color: #fff;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    transition: 0.2s linear;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  

}
.icon-help i:hover{
    color: var(--logo-color);
    background-color: #fff;
}
.fa-info-circle:before {
    content: "\f05a";
    position: absolute;
    top: 12px;
    left: 13px;
}
.icons-email i{
    color: #0d5b18;
    font-size: 20px;
    background-color: #fff;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    transition: 0.2s linear;
    position: relative;
    font-weight: bold;display: flex;
    justify-content: center;
    align-items: center;
 
}
.icons-email i:hover{
    color:var(--logo-color);
    background-color: #fff;
}
.fa-envelope-o:before {
    content: "\f003";
    position: absolute;
    left: 14px;
    top: 14px;
}
.help-text{
    font-family: Roboto;
font-size: 12px;
font-weight: 400;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 0px;
color: #fff;

}
.help-wask{
    font-family: Roboto;
font-size: 18px;
font-weight: 600;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #fff;

}
.icon-help-c{
    display: flex;
    align-items: center;
}

.coment i{
    color:var(--main-background);
    font-size: 40px;
    height: 90px;
    width: 90px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
}
.fa-comments-o:before {
    content: "\f0e6";
    position: absolute;
    top: 23px;
    left: 20px;
}
.container-p{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bottom-border{
    border-top: 2px solid #fff;
    margin: 10px 0px;
}

.footer-right{
    font-family: Roboto;
font-size: 18px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #fff;
margin-top: 10px;

}
.social-media{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 7px !important;
}


/* ------------------footer-start------------------ */

.poll_1 {
    margin-top: -26px;
  
}
.hr-box {
    margin-top: -7px;
    margin-bottom: 13px;
    color: lightgray;
    }
    .hr-box1 {

    margin-bottom: 0px;
    color: lightgray;
    }
/* ------------------footer-end------------------ */

/* ------------------Chat-box-start------------------ */
.send i{
    color: var(--logo-color);
}
.send i:hover{
    color: var(--logo-color);
}
.blog {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.alink {
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
.foot input[type="text"],
button {
	padding: 8px 8px;
    border: 0;
    outline: 0;
    background: #F1F5F9;
    border-radius: 10px;
}
button {
	background-color: transparent;
	cursor: pointer;
}
button:hover i {
	color: #79c7c5;
	transform: scale(1.2);
}

/* container */
.coment-button{
    position: relative;
}
.chat-container{
	width: 450px;
	height: auto;
	position: absolute;
	bottom: 110%;
	right: 8.5%;
	z-index: 1;
	border-radius: 25px;
	background-color: #f9fbff;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	overflow: hidden;
    display: none;
}

/* chat_box */
.chat_box {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.chat_box > * {
	padding: 16px;
}

/* head */
.head {
	display: flex;
	align-items: center;
    background-color: #337EB7;
}
.head .user {
	display: flex;
	align-items: center;
	flex-grow: 1;
}
.head .user .avatar {
	margin-right: 8px;
}
.head .user .avatar img {
	display: block;
	border-radius: 50%;
}
.head .bar_tool {
	display: flex;
}
.head .bar_tool i {
	padding: 5px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.name{
    font-family: Roboto;
font-size: 22px;
font-weight: 700;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
color: #fff;

}
.name1{
    font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color: #fff;
margin-bottom: 0px !important;
}

/* body */
.body-humble {
	flex-grow: 1;
	background-color: #fff;
}
.body-humble .bubble {
	display: inline-block;
	padding: 10px;
	margin-bottom: 5px;
	border-radius: 15px;
    border-radius: 15px 0px 15px 15px;
}
.bubble p {
font-size: 18px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
color: #fff;

}
.bubble1 p{
    color: #000 !important;
    font-size: 18px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
}

.body-humble .incoming {
	text-align: left;
}
.body-humble .incoming .bubble {
	background-color:  #337EB7;
}
.body-humble .outgoing {
	text-align: right;
}
.body-humble .outgoing .bubble1 {
	background-color: #F1F5F9;
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 0px 15px 15px 15px;
}

/* foot */
.foot {
	display: flex;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.foot .msg {
	flex-grow: 1;
}

@keyframes bounce {
	50% {
		transform: translate(0, 5px);
	}
	100% {
		transform: translate(0, 0);
	}
}
.ellipsis {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #b7b7b7;
}
.dot_1 {
	/* animation: name duration timing-function delay iteration-count */
	animation: bounce 0.8s linear 0.1s infinite;
}
.dot_2 {
	animation: bounce 0.8s linear 0.2s infinite;
}
.dot_3 {
	animation: bounce 0.8s linear 0.3s infinite;
}

/* ------------------footer-box-end------------------ */

/* ------------------Mobile-view-start------------------ */
@media screen and (max-width:990px){
    .head-input-field input{
        width: 100%;
    }
}

    @media screen and (max-width:990px){
      /*  #pads-click-open{
          left: 0px;
          top: 40%;
        }*/
        .menu{
          display: none;
        }
        .menu ul{
          display: block;
          margin: 10px 15px;
          
        }
        .dropbtn-menu{
            padding: 0px;
        }
   
  .head-input-field input {
      background: #F5F6FA;
      outline: none;
      border: none;
      color: #979EAE;
      padding: 10px 10px 10px 40px;
      width: 100%;
      border-bottom-right-radius: 20px;
      border-top-right-radius: 20px;
  }
  .dropbtn{
    padding: 14px 20px 14px 18px;
  }
  
  .bars-icon i{
    font-size: 30px;
    display: block;
  }
  .bars-icon{
    font-size: 30px;
    display: block;
  }
  
  
      }

      /* ------------------Mobile-view-start------------------ */


 /*-----------media-detail-----*/
.gal-co h1 {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    position: relative;
        margin-bottom: 30px;

} 
.gal-co p{
    margin-bottom: 25px;
}
.gal-co h1:before {
    position: absolute;
    content: '';
    background-color: var(--Under-line);
    width: 7%;
    height: 4px;
    left: 0px;
    bottom: -8px;
    border-radius: 10px;
}
.overview{

background-color: #f5f6fa;
    margin-top: -10px;
    padding: 38px 20px 50px 20px;
}
.heading-event1 h1 {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--Main-heading);
    position: relative;
        margin-bottom: 30px;

} 
.heading-event1 p{
    margin-bottom: 25px;
     font-family: Roboto;
}
.accordion-body{
     font-family: Roboto;
}
.over-l ul{
    font-family: 'Roboto';
}
.over-r ul{
    font-family: 'Roboto';
}
.accordion-item h2{
     font-family: 'Roboto';
}
.heading-event1 {
    font-family: 'Roboto';
}
.heading-event1 h1:before {
    position: absolute;
    content: '';
    background-color: var(--Under-line);
    width: 7%;
    height: 4px;
    left: 0px;
    bottom: -8px;
    border-radius: 10px;
}


/*slider*/
.as_heading_testimonial {
    color: var(--dark-color1);
    font-weight: bold;
    font-family: 'Poppins';
    font-size: 34px;
}
.as_heading_testimonial {
    padding-top: 70px;
    padding-bottom: 30px;
}
.as_heading_testimonial span {
    background: linear-gradient(currentColor 0 0) bottom /var(--d, 0) 3px no-repeat;
    transition: 0.5s;
}
.item {
    position: relative;
    overflow: hidden;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.item img {
    transition: all 0.5s;
}
.owl-dots {
    display: none;
}

.owl-dots {
    text-align: center;
    padding-top: 15px;
}
.owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
  
}
.owl-nav button {
    position: absolute;
    top: 50%;
    background-color: var(--secondary-color);
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    padding: 0 !important;
    margin: 0% !important;
    font: inherit;
    background: none !important;
    font-size: 100px !important;
    /* color: white; !important; */
}
.owl-nav button.owl-prev {
    left: 0;
}
.owl-nav button.owl-next {
    right: 0;
}
/*overview*/

.over-l i{
    font-size: 7px;
    
    margin: 0px 14px 0px -30px;
}
.ss span{
    margin-right: 6px!important;
}

/*------*/
.gal-btn{
    text-align: center;
}
.gal-btn button{
    border: 1px solid #337eb7;
    border-radius: 14px;
    font-family: Roboto;
    background: #337eb7;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
   
    padding: 10px 20px;
  
    font-size: 14px;
    font-weight: 400;
}
.fancybox-navigation{
    display: none!important;
}
/*-------------------Knowledge Base-----------------------*/
.card-breadcamp1 {
        background-color: #f5f6fa;
    border-radius: 15px;
    padding: 20px;
    width: 47.5%;
    margin-bottom: 20px;
    margin-right: 10px;
}
.media-cap {
    left: 0;
    bottom: -8px;
    position: absolute;
    color: #000;
    font-size: 16px;
    background-color: #ffffff91;
    width: 100%;
    padding: 7px 15px;
    text-align: center;
}
.cap{
    position: relative;
}
.media-cap {
    display: none;
}
.cap:hover  .media-cap{
    display: block!important;
}
/*--------News-----------*/
.post.post-classic {
 
    width: 48%;
   margin:10px;

}

.bordered {
    border: solid 1px #EBEBEB;
}
.rounded {
    border-radius: 10px !important;
}
.post .thumb {
    position: relative;
}
.post .category-badge.lg {
    font-size: 14px;
    padding: 8px 20px;
}
.post .category-badge {
    color: #FFF;
    
    border-radius: 25px;
    display: inline-block;
    
    line-height: 1;
    left: 20px;
    top: 20px;
    z-index: 1;
   text-decoration: none;
    background:var(--new-color);
    background-size: 200% auto;
    
}


.post.post-classic .thumb .inner {
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
}

.post .thumb.top-rounded .inner {
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.post .thumb img {
   
    transition: all 0.3s ease-in-out;
}
.post.post-classic .details {
    padding: 15px;
}
.post .meta {
    font-size: 14px;
    color: #9faabb;
}

.mb-0 {
    margin-bottom: 0!important;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}
.list-inline-item {
    display: inline-block;
}
.post .meta li:not(:last-child) {
    margin-right: 0.8rem;
}
.post .meta a {
    color: #9faabb;
    font-weight: 400;
}
.post .meta li img.author {
    margin-right: 12px;
    vertical-align: middle;
}
.post .meta li:after {
    content: "";
    display: inline-block;
    
    border-radius: 50%;
    margin-left: 1rem;
    height: 3px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 3px;
}
.post.post-classic .details .post-title {
    font-size: 24px;
}
.post .post-title a {
    color: #203656;
    text-decoration: none;
}
.post .excerpt {
    font-size: 16px;
}

.mb-0 {
    margin-bottom: 0!important;
}
.post.post-classic .post-bottom {
    border-top: solid 1px #EBEBEB;
    margin: 0 50px;
    padding: 20px 0;
}

.align-items-center {
    align-items: center!important;
}
.d-flex {
    display: flex!important;
}

.post.post-classic .post-bottom .social-share .toggle-button {
    display: none;
}
.post .post-bottom .social-share .toggle-button {
    font-size: 16px;
    color: #9faabb;
    background-color: transparent;
    border: 0;
    padding: 0;
    vertical-align: middle;
}
.post .post-bottom .social-share .icons {
    display: inline;
    vertical-align: middle;
}

.fab {
    font-family: "Font Awesome 5 Brands";
}
.float-end {
    float: right!important;
}
.post .post-bottom .more-link {
        text-decoration: none;
    color: #203656;
    font-size: 17px;
    font-weight: bold;
}
.post .post-bottom .more-link i {
    font-size: 12px;
    color: #9faabb;
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
    right: 0;
  
    transition: all 0.3s ease-in-out;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}
.me-auto {
    margin-right: auto!important;
}
.post .post-bottom .more-button a {
    font-size: 16px;
    font-weight: 700;
    color: #9faabb;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}
.post .post-bottom .social-share .icons li a {
    color: #9faabb;
    font-size: 14px;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.post .meta {
    font-size: 14px;
    color: #9faabb;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}
.post .meta a {
    color: #9faabb;
    font-weight: 400;
        text-decoration: none;
}

/*---------------------About us start------------------------------*/
.drop {
  position: relative;
  width: 330px;
  height: 330px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 20px 20px 20px rgba(0, 0, 0, 0.05),
    25px 35px 20px rgba(0, 0, 0, 0.05),
    25px 30px 30px rgba(0, 0, 0, 0.05),
    inset -20px -20px 25px rgba(255, 255, 255, 0.9);
  transition: 0.5s ease-in-out;
}

.drop:nth-child(1) {
  border-radius: 49% 51% 70% 30% / 30% 30% 70% 70%;
}

.drop:nth-child(2) {
  border-radius: 49% 51% 41% 59% / 52% 30% 70% 48%;
}

.drop:nth-child(3) {
  border-radius: 76% 24% 40% 60% / 40% 69% 31% 60%;
}

.drop:hover {
  border-radius: 50%;
}

.drop::before {
  content: '';
  position: absolute;
  top: 60px;
  left: 85px;
  width: 35px;
  height: 35px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.5;
}

.drop::after {
  content: '';
  position: absolute;
  top: 100px;
  left: 110px;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.7;
}

.drop .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  text-align: center;
  padding-inline: 50px;
}

.drop .content h2 {
  position: relative;
  width: 80px;
  height: 80px;
  background: #eff0f4;
  border-radius: 50%;
  box-shadow: inset 2px 5px 10px rgba(0, 0, 0, 0.1),
    inset -2px -5px 10px rgba(255, 255, 255, 1),
    15px 15px 10px rgba(0, 0, 0, 0.05),
    15px 10px 15px rgba(0, 0, 0, 0.025);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  color: var(--color);
}

.drop .content a {
  position: relative;
  padding: 10px 25px;
  background: var(--color);
  color: #fff;
  border-radius: 25px;
  font-weight: 500;
  text-decoration: none;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  opacity: 0.75;
  transition: 0.5s;
}

.drop .content a:hover {
  cursor: pointer;
  opacity: 1;
}

.drop .content a::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 25%;
  height: 5px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  transition: 0.5s;
}

.drop .content a:hover::before {
  transform: translateX(-50%) translateY(28px);
  width: 65%;
}
.mission{

  position: relative;
  width: 100%;
  min-height: 74vh;
  
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 50px;
  padding: 50px 25px;
}
.content h3{
    color: var(--Main-heading);
}
.about-1{
     background-color: #f5f6fa;
}

.abo-txt{
        padding: 26px 10px 0px 0px;
        margin-left: -50px;
}

.abo-txt1{
    padding: 20px 0px 0px 20px;
}

/*About us end*/


/*Shreya css end*/
/*-----------------------Ayush-Senger-----------------*/
.dropdown-content-menu a{
  width: 255px;
}
.intro-card-1 {
  display: flex;
  background-color: #f5f6fa;
  padding: 15px;
  border-radius: 15px;
  width: 100%;
  margin-top: 10px;
  margin-bottom:15px
}


.profile-details {
  padding-left: 30px;
   font-family: Roboto;
   display: flex;
align-items: center;
}
.profile-details h2 {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 1rem !important;
}
.profile-details h2 span {
  font-family: Roboto;
  font-weight: 400;
  color: #001e5f;
  font-size: 20px;
}
.profile-bio p span i {
  margin-right: 5px;
}
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 350px;
  height: 40px;
  margin-right: 15px;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #74b3e5;
  padding: 13px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 16px;
  right: 10px;
}
.select-styled:hover {
  background-color: #74b3e5;
}
.select-styled:active, .select-styled.active {
  background-color: #74b3e5;
}
.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #fff transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #337eb7;
}
.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-top: 1px solid #fff;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:hover, .select-options li.is-selected {
  color: #337eb7;
  background: #fff;
}
.select-options li[rel="hide"] {
  display: none;
}
.filter {
  display: flex;
}
.filter .btn-group {
  width: 100%;
  margin-right: 15px;
}
.filter .btn-group:last-child {
	margin-right: 0;
}
.list-profile {
  width: 128px;
  height: auto;
}
.profile-details-card {
  padding-left: 15px;
}
.profile-details-card h2 {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 1rem !important;
}
.profile-details-card h2 span {
  font-family: Roboto;
  font-weight: 400;
  color: #001e5f;
  font-size: 13px;
}
.card-list {
  display: flex;
  flex-wrap: wrap;
  width:100%;
}
.profile-bio p span {
  display: flex;
}
.view-flex {
  display: flex;
}
.view-flex .input-group {
  margin-right: 15px;
}
.view-flex .input-group button {
  background-color: #337eb7;
  color: #fff;
}
.emp-chate {
  background-color: #337eb7;
  width: 31px;
  height: 30px;
  padding-left: 7.5px;
  color: #fff;
  border-radius: 100%;
  margin-left: 15px;
  display: inline-block;
  padding-top: 2px;
}
.filter.mt-3 div button {
  background-color: #74b3e5;
}

.img-p-g{
    display: flex;
}
.img-c-g img{
    width: 100%;
	height: 580px;
object-fit: cover;
object-position: center;
}
.img-c1-g img{
    width: 100%;
}
.img-c2-g img{
    width: 100%;
}
.img-c-g{
    position: relative;
	width: 66.1%;
margin-right: 23.5px;
}
.img-c1-g{
    position: relative;
	width:32%;
}
.img-c-1-g{
    position: relative;
	margin-bottom: 23.5px;
	
}
.img-c-2-g{
    position: relative;
}
.img-c:before{
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0.4;
}

.img-c-2:before{
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0.4;
}
.gallery-overlay1-1{
    position: absolute;
    padding: 0px 15px;
    width: 100%;
    top: 59%;
    left: 0%;
    display: flex;
    flex-direction: column;
}
.gallery-overlay2-2{
    position: absolute;
    padding: 0px 15px;
    width: 100%;
    top: 59%;
    left: 0%;
    display: flex;
    flex-direction: column;
}
.pagenation button:first-child{
	 background-color: #5c636a;
}
.pagenation button {
  background-color: #74b3e5;
}
.filter.mt-3 div button.active {
  background-color: #337eb7;
}


.pagenation button:first-child {
  background-color: #5c636a;
}
/*-----------------------Ayush-Senger-----------------*/


/*Anjani css 25/11/22 */

/* Support-page */
.bg-hero {
    margin-top: -10px;
    background-image: url(../img/carousel-banner.png);
    background-position: top;
    background-size: cover;
    padding: 20px 0px;
    width: 100%;
    height: 400px;
    position: relative;

}

.bg-hero::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom right, rgba(57, 128, 128, 0.60) 0%, rgba(10, 71, 102, 0.40) 100%);
    content: "";
    display: block;
    height: 400px;
    left: 0;
    top: 0px;
    position: absolute;
    width: 100%;
}

.hero-inner {
    position: relative;
    /* top: 100%; */
    /* transform: translateY(-50%); */
    max-width: 610px;
    margin: 0 auto;
}

.help-center-name {
    color: #FFF;
    font-size: 48px;
    margin: 10px 0 25px 0;
    text-align: center;
    text-rendering: optimizeLegibility;
    font-family: Open Sans, sans-serif;
    line-height: 62px;
    font-weight: 300;
    letter-spacing: 0;
}


.question-sup-input {
    font-weight: 300;
    max-width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border .12s ease-in-out;
}

.search-full_text input[type="search"] {
    border: 1px solid #fff;
}

.enter_text input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    color: #999;
    height: 60px;
    padding-left: 15px;
    padding-right: 20px;
    width: 100%;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
}

/* enter-text */

/* text-area */
.text-search-q {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    color: #757575;
    padding-left: 15px !important;
}


.support-btn {
    color: #fff !important;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    width: 180px;
    padding: 12px;
    border-radius: 27px;
    margin-top: 40px;
    background-color: #1b68e9 !important;

}

.support-btn:hover {
    background-color: #fff !important;
    color: #1b68e9 !important;
    box-shadow: none !important;
    border: none !important;
}

.form-label {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
}

/*.support-form-btn {
    color: var(--logo-color) !important;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    width: 180px;
    padding: 12px;
    border-radius: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}*/
.support-form-btn {
    color:#fff!important;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    background-color: #0d6efd;
    width: 180px;
    padding: 10px;
    border-radius: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.support-form-btn:hover {
    color: #fff !important;
}



.support-ul li a {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
    text-decoration: none;

}


ul.support-ul li {
    padding: 12px 0px;
}

ul.support-ul li i {
    font-size: 27px;
}





/* .form-list */
.support-page-list {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
    text-decoration: none;
}

/* .form-lst-end */


.card-support {
    height: 420px;
    width: 100%;
    border-radius: 15px;
    background-color: #337eb7;
}


.imagem {
    display: flex;
    justify-content: center;
}


.img {
    height: 70px;
    width: 70px;
    margin-top: 40px;
}

.titulo_support {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
}


.desc_support {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 0px 20px;
}

.button_lg {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    transition: 0.4s;
}

.button_support_card {
    color: #fff !important;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    width: 180px;
    padding: 12px;
    border-radius: 27px;
    border: 1px solid #fff;
}

.button_support_card:hover {
    color: #fff;
    border: 1px solid #fff;
}

.button_support_card a {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    text-decoration: none;
}


.button_lg:hover {
    margin-top: 40px;
}

@media screen and (max-width:767px) {
    .box-top-gap {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

/* Support-page */
/* end-by-anjan */

/* Manadatory-box */

.main-box-mandatory-page {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.main-box-mandatory-child {
    width: 48%;
    margin: 10px;
}

.btn-d-maanadatory {
    color: #fff;
    background-color: green;
    border: 1px solid green;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 10px;
}


@media screen and (max-width:1100px) {
    .main-box-mandatory-child {
        width: 47%;
    }
}

@media screen and (max-width:767px) {
    .main-box-mandatory-child {
        width: 100%;
    }
}

/* mandatory-box-end */

/* Calender-page-start-by-anjani */

.calender-img img {
    width: 100%;
    border-radius: 0px!important;
    border: none!important;
}

.calender-pages {}

.calender-ul-sec li a {
    text-decoration: none;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #2d83c7;
}

.calender-text-li {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #575656;
    margin-left: 15px;
    display: contents;

}

.calender-ul-sec li {
    padding: 10px 0px;
    border-bottom: 1px solid #5c98c5;
}

.calender-ul-sec li:nth-child(1) {
    padding: 0px 0px 10px 0px;

}

.calender-ul-sec li:last-child {
    padding-bottom: 0px;
    border: 0px !important;
    
}

.calender-list {
    border: 1px solid #337eb7;
    padding: 10px;
    border-radius: 15px;
}

.main-calender-p{
    display: flex;
}
.main-calender-c{
    width: 20%;
}
.main-calender-c-g{
    width: 80%;
}

/* Calender-page-endby-anjani */


/* Polls-page-start-by-anjani */



.card-breadcamp-polls {
    background-color: #f5f6fa;
    border-radius: 15px;
    padding: 20px;
    width: 32%;
    margin-bottom: 20px;
}

.card-list-polls {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.card-breadcamp-polls {
    width: 47%;
    margin: 10px;
}


@media screen and (max-width:767px) {
    .card-breadcamp-polls {
        width: 100%;
        margin: 10px;
    }
}

/*----------------------- Polls-page-end-by-anjani */

/*----------------------- Polls-pop-start-by-anjani */


.poll {

 /*   position: absolute;
    width: 100%;
    top: 560%;
    left: 50%;
    transform: translate(-50%, -50%);*/
  /*  background: #ffff;*/
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;

}

.polls-desing {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.poll .question {
    padding: 20px;
    color: #111;
    font-size: 14px !important;
    border-bottom: 1px solid #eee;
    font-family: Roboto;
}

.poll .answers {
    padding-top: 20px;
}

.poll .answers .answer {
       position: relative;
    width: 100%;
    height: 40px;
    line-height: 37px;

    padding: 0 10px;
    border: 1px solid #d4d4d4;
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px;

    margin-bottom: 20px;
}

.poll .answers .answer.selected {
    border: 2px solid #8f9fe8;
}

.poll .answers .answer span.percentage_value {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 40px;
    color: #111;
    font-size: 15px;
}

.poll .answers .answer span.percentage_bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #97b5f5;
    z-index: -2;
    transition: width 200ms ease-in-out;
}

/*----------------------- Polls-pop-end-by-anjani */


/*----------------------- Privacy-start-by-anjani */
.terms-header-back {
    background-image: url(../img/carousel-banner.png) !important;
    background-position: center;
    background-size: cover;
    padding: 100px;
    margin-top: -10px;
}

.term-header {
    font-size: 35px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.terminal-css a {
    color: #fff;
    text-decoration: none;
}

.wpb_wrapper {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: justify;
    color: #575656;
}
.procedure{
    padding-left: 0px;
}

/*----------------------- Privacy-end-by-anjani */
/*-----------------------      search-page-start-by-anjani */
.search-page-heading h1{

    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--Main-heading);
    position: relative;
    text-align: center;
}





 .search-result-para{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: justify;
    color: #575656;
 }   
 .search-manadatory-oth{
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--logo-color);
    position: relative;
    text-align: center;
 } 
 .mandatory-para-page{
    font-family: Roboto;
    font-size: 16px;
   
    line-height: 140%;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph); 
 } 
       

 /*-----------------------      search-page-end-by-anjani ---------------*/


 /*training 28/11/2022*/
 .train1-img{
    width: 70%;
 }
  .train2-img{
    width: 30%;
    display: flex;
    flex-direction: column;
 }
 .train1-img img{
        width: 100%;
    height: 488px;
    object-fit: cover;
    object-position: center;
 }
 .heading-event h2{
    font-family: Roboto;
    font-size: 28px;
    font-weight: 700;
    /* line-height: 22px; */
    letter-spacing: 0em;
    text-align: left;
    color: var(--main-background);
    position: relative;
}
.search-res{
    background-color: #f5f6fa;
    border-radius: 15px;
    padding: 20px;
    margin-top: 10px;
}
.pie-1{
    width: 50%;
}
.pie-2{
    width: 50%;
    margin-left: 16px;
    margin-top: -26px;
}
.poll-res h2{
    color: #000;
        font-size: 20px;
            margin-top: -18px;
}

/*document-library*/

.nav-header {
  background:#fff;
  min-height:60px;
  padding:10px;
  width:100%;
  
  
  top:0;
  z-index:100;
  display: flex;
justify-content: space-between;
}
.nav-header .search {
  height:38px;
  max-width:200px;
}


.file-manager h5 {
  text-transform: uppercase;
}
.file-manager {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.folder-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}
.folder-list li.active {
  background:#eee;
}
.folder-list li.sub1 {
  padding-left:10px;
}
.folder-list li.sub2 {
  padding-left:20px;
}
.folder-list li.sub3 {
  padding-left:30px;
}
.folder-list li.sub4 {
  padding-left:40px;
}
.folder-list li.sub5 {
  padding-left:50px;
}
.folder-list li i {
  padding-right: 8px;
  color: #3d4d5d;
}


/*===--- the file folders ---===*/
/*.file-field {
  margin:80px 0 0 280px;
}*/
.file-field .crumbs {
  height:38px;
  padding:0 10px 10px 10px;
  background:#eee;
  color:#a6a6a6;
  font-style:italic;
  float:right;
  width:100%;
  border-bottom: 1px solid #a6a6a6;
  margin-bottom: 20px;
}
.file-box {
  float: left;
  width: 220px;
}
.file {
  border: 1px solid #e7eaec;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  margin: 0 0 20px 20px;
}
/*.file-manager .hr-line-dashed {
  margin: 15px 0;
}*/
.file .icon,
.file .image {
  height: 100px;
  overflow: hidden;
}
.file .icon {
  padding: 15px 10px;
  text-align: center;
}
.file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px;
}
.file-control.active {
  text-decoration: underline;
}
.file .icon i {
  font-size: 70px;
  color: #dadada;
}
.file .file-name {
  padding: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
  overflow: hidden;
/*  cut off titles that get too long  */
}
.file-name small {
  color: #676a6c;
}
/*===--- list view! ---===*/
.file-field.listview .file-box {
  float:left;
  width:auto;
}
.file-field.listview .icon, .file-field.listview .image, .file-field.listview .icon {
  display:none;
}


.ibox {
  clear: both;
  padding: 0;
  height:100%;
  max-width:280px;
}
.ibox:after,
.ibox:before {
  display: table;
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  max-width:280px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
  height:100%;
 
}
a:hover{
text-decoration:none;    
}


/*===--- mobile ---===*/
@media (max-width: 768px) {
  .file-field {
    margin:80px 20px;
  }
  .ibox {
    height:auto;
    display:none;
  }
  .ibox-content {
    height:auto;
    position:relative;
  }
}


/*list*/

.list_img{
    height: 26px;
    width: 26px;
    margin-right: 10px;
}
/* modal for login start */
.modal-title{
    color: #fff;
}
.modal-header {
    background-color: var(--logo-color)!important;
       border-radius: 11px 11px 0 0; 
}
.modal-body {
 
    background: #f5f6fa!important;
    border-radius: 15px!important;
}
.support-form-btn{
        background-color: #337eb7!important;
}
.modal-dialog{
    border-radius: 18px!important;
}

.modal-content {
    border: 3px solid var(--logo-color);
    border-radius: 18px!important;
}


.check-for a{
    text-decoration: none;
    color: #337eb7;
}

.display-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 10px 0;
}
/* modal for login end */


/* card-dashboard */
.c-dashboardInfo {
  margin-bottom: 15px;
}
.c-dashboardInfo .wrap {
  background: #ffffff;
  box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 40px 25px 20px;
  height: 100%;
}
.c-dashboardInfo__title,
.c-dashboardInfo__subInfo {
  color: #6c6c6c;
  font-size: 1.18em;
}
.c-dashboardInfo span {
  display: block;
}
.c-dashboardInfo__count {
  font-weight: 600;
  font-size: 2.5em;
  line-height: 64px;
  color: #323c43;
}
.c-dashboardInfo .wrap:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: "";
}


.wrap:after {
    background: linear-gradient(82.59deg, #51c8d8 0%, #000888 100%);
}

.c-dashboardInfo__title svg {
  color: #d7d7d7;
  margin-left: 5px;
}
.MuiSvgIcon-root-19 {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 24px;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  user-select: none;
  flex-shrink: 0;
}


.top-c{
    position: relative;
    cursor :pointer;
}

.card-parent-d{
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    .card-child-d{
        width: 18%;
        margin: 10px;
    }
    @media screen and (max-width:1100px){
        .card-child-d {
    width: 22%;
    margin: 10px;
}
    }
    @media screen and (max-width:990px){
        .card-child-d {
    width: 30%;
    margin: 10px;
}
    }

    @media screen and (max-width:767px){
        .card-child-d {
    width: 46%;
    margin: 10px;
}
    }
    @media screen and (max-width:580px){
        .card-child-d {
    width: 45%;
    margin: 10px;
}
    }
@media screen and (max-width:380px){
        .card-child-d {
    width: 100%;
    margin: 10px;
 }
}

 /* card-end-dashboard */
 @keyframes swing {
    0% {
      transform: rotate(0deg);
    }
    10% {
      transform: rotate(10deg);
    }
    30% {
      transform: rotate(0deg);
    }
    40% {
      transform: rotate(-10deg);
    }
    50% {
      transform: rotate(0deg);
    }
    60% {
      transform: rotate(5deg);
    }
    70% {
      transform: rotate(0deg);
    }
    80% {
      transform: rotate(-5deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  
  @keyframes sonar {
    0% {
      transform: scale(0.9);
      opacity: 1;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  body {
    font-size: 0.9rem;
  }
  .page-wrapper .sidebar-wrapper,
  .sidebar-wrapper .sidebar-brand > a,
  .sidebar-wrapper .sidebar-dropdown > a:after,
  .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
  .sidebar-wrapper ul li a i,
  .page-wrapper .page-content,
  .sidebar-wrapper .sidebar-search input.search-menu,
  .sidebar-wrapper .sidebar-search .input-group-text,
  .sidebar-wrapper .sidebar-menu ul li a,
  #show-sidebar,
  #close-sidebar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  /*----------------page-wrapper----------------*/
  
  #chating {
    cursor: pointer;
}
  
  .page-wrapper {
    height: 100vh;
    position: relative;
  }
  
  .page-wrapper .theme {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px;
  }
  
  .page-wrapper .theme.chiller-theme {
    background: #1e2229;
  }
  
  /*----------------toggeled sidebar----------------*/
  
  .page-wrapper.toggled .sidebar-wrapper {
    left: 0px;
  }
  
  @media screen and (min-width: 768px) {
    .page-wrapper.toggled .page-content {
      padding-left: 300px;
    }
  }
  /*----------------show sidebar button----------------*/
  #show-sidebar {
    position: absolute;
      left: 0;
      border-radius: 0 4px 4px 0px;
      width: 35px;
      transition-delay: 0.3s;
      background: #337eb7;
      border: 1px solid #337eb7;
  }
  .page-wrapper.toggled #show-sidebar {
    left: -40px;
  }
  /*----------------sidebar-wrapper----------------*/
  
  .sidebar-wrapper {
    width: 260px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 40px;
     right: 0px;
    z-index: 9999;
  }
  
  .sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  
  .sidebar-wrapper a {
    text-decoration: none;
  }
  
  /*----------------sidebar-content----------------*/
  
  .sidebar-content {
    max-height: calc(100% - 30px);
    height: calc(100% - 30px);
    /* overflow-y: auto; */
    position: relative;
  }
  
  .sidebar-content.desktop {
    overflow-y: hidden;
  }
  
  /*--------------------sidebar-brand----------------------*/
  
  .sidebar-wrapper .sidebar-brand {
    padding: 10px 20px;
    display: flex;
    align-items: center;
  }
  
  .sidebar-wrapper .sidebar-brand > a {
    text-transform: uppercase;
    font-weight: bold;
    flex-grow: 1;
  }
  
  .sidebar-wrapper .sidebar-brand #close-sidebar {
    cursor: pointer;
    font-size: 20px;
  }
  /*--------------------sidebar-header----------------------*/
  
  .sidebar-wrapper .sidebar-header {
    padding: 20px;
    overflow: hidden;
  }
  
  .sidebar-wrapper .sidebar-header .user-pic {
    float: left;
    width: 60px;
    padding: 2px;
    border-radius: 12px;
    margin-right: 15px;
    overflow: hidden;
  }
  
  .sidebar-wrapper .sidebar-header .user-pic img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  
  .sidebar-wrapper .sidebar-header .user-info {
    float: left;
  }
  
  .sidebar-wrapper .sidebar-header .user-info > span {
    display: block;
  }
  
  .sidebar-wrapper .sidebar-header .user-info .user-role {
    font-size: 12px;
  }
  
  .sidebar-wrapper .sidebar-header .user-info .user-status {
    font-size: 11px;
    margin-top: 4px;
  }
  
  .sidebar-wrapper .sidebar-header .user-info .user-status i {
    font-size: 8px;
    margin-right: 4px;
    color: #5cb85c;
  }
  
  /*-----------------------sidebar-search------------------------*/
  
  .sidebar-wrapper .sidebar-search > div {
    padding: 10px 20px;
  }
  
  /*----------------------sidebar-menu-------------------------*/
  
  .sidebar-wrapper .sidebar-menu {
      padding-bottom: 10px;
      background: #fff;;
      border-radius: 15px;
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      height: 500px;
      overflow: scroll;
      width: 275px;
      /* border: 1px solid #337DB6; */
  }
  
  .sidebar-wrapper .sidebar-menu .header-menu span {
    font-weight: bold;
    font-size: 14px;
    padding: 15px 20px 5px 20px;
    display: inline-block;
  }
  
  .sidebar-wrapper .sidebar-menu ul li a {
      width: 100%;
      text-decoration: none;
      position: relative;
      padding: 8px 8px 2px 15px;
      display: block;
      font-family: Roboto;
      font-size: 16px;
      font-weight: 400;
      line-height: 16px;
      letter-spacing: 0em;
      text-align: left;
      color: #337eb7;
      font-family: 'Roboto';
  }
  
  .sidebar-wrapper .sidebar-menu ul li a i {
    margin-right: 10px;
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
  }
  
  .sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
    display: inline-block;
    animation: swing ease-in-out 0.5s 1 alternate;
  }
  
  .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    /* font-family: "Font Awesome 5 Free"; */
    font-weight: 900;
    content: "\f105";
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 20px;
    top: 14px;
    font: normal normal normal 14px/1 FontAwesome;
  
   
  }
  
  .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
    padding: 5px 0;
  }
  
  .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
    padding-left: 25px;
    font-size: 13px;
  }
  

  .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
    content: "\00BB";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    font-size: 20px;
  }
  
  .sidebar-wrapper .sidebar-menu ul li a span.label,
  .sidebar-wrapper .sidebar-menu ul li a span.badge {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
  }
  
  .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
  .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
    float: right;
    margin-top: 0px;
  }
  
  .sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none;
  }
  
  .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
    transform: rotate(90deg);
    right: 17px;
  }
  .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f1f1f1;
      min-width: 180px;
      z-index: 1;
      border: 1px solid #0d5b18;
      padding: 15px 15px;
      border-radius: 15px;
      z-index: 1111;
  }
  
  /*--------------------------side-footer------------------------------*/
  
  .sidebar-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
  }
  
  .sidebar-footer > a {
    flex-grow: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    position: relative;
  }
  
  .sidebar-footer > a .notification {
    position: absolute;
    top: 0;
  }
  
  .badge-sonar {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 0;
  }
  
  .badge-sonar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #fff;
    opacity: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: sonar 1.5s infinite;
  }
  
  /*--------------------------page-content-----------------------------*/
  
  .page-wrapper .page-content {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
  }
  
  .page-wrapper .page-content > div {
    padding: 20px 40px;
  }
  
  .page-wrapper .page-content {
    overflow-x: hidden;
  }
  
  /*------scroll bar---------------------*/
  
  ::-webkit-scrollbar {
    width: 5px;
    height: 7px;
  }
  ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }
  ::-webkit-scrollbar-thumb {
    background: #525965;
    border: 0px none #ffffff;
    border-radius: 0px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #525965;
  }
  ::-webkit-scrollbar-thumb:active {
    background: #525965;
  }
  ::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
  }
  ::-webkit-scrollbar-track:hover {
    background: transparent;
  }
  ::-webkit-scrollbar-track:active {
    background: transparent;
  }
  ::-webkit-scrollbar-corner {
    background: transparent;
  }
  
  
  /*-----------------------------chiller-theme-------------------------------------------------*/
  
  .chiller-theme .sidebar-wrapper {
      background: #74b4e6;
  }
  
  .chiller-theme .sidebar-wrapper .sidebar-header,
  .chiller-theme .sidebar-wrapper .sidebar-search,
  .chiller-theme .sidebar-wrapper .sidebar-menu {
      border-top: 1px solid #fff;
  }
  
  .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
  .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
      border-color: transparent;
      box-shadow: none;
  }
  
  .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
  .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
  .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
  .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
  .chiller-theme .sidebar-wrapper .sidebar-brand>a,
  .chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
  .chiller-theme .sidebar-footer>a {
      color: #fff;
  }
  
  .chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
  .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
  .chiller-theme .sidebar-wrapper .sidebar-header .user-info,
  .chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
  .chiller-theme .sidebar-footer>a:hover i {
      color: #ffff;
  }
  
  .page-wrapper.chiller-theme.toggled #close-sidebar {
      color: #fff;
  }
  
  .page-wrapper.chiller-theme.toggled #close-sidebar:hover {
      color: #ffffff;
  }
  
  .chiller-theme .sidebar-wrapper ul li:hover a i,
  .chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
  .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
  .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
      color: #fff;
      text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);
  }
  
  .chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
  .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
  .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
  .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
      background: #337eb7;
  }
  
  .chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
      color: #fff;
  }
  
  .chiller-theme .sidebar-footer {
    background: #337eb7;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
     
  
  }
  
  .chiller-theme .sidebar-footer>a:first-child {
      border-left: none;
  }
  
  .chiller-theme .sidebar-footer>a:last-child {
      border-right: none;
  }
  .dashboard-parent{
    display: flex;
    margin-top: -10px;
  }
  
  .dashboard-child{
    width: 20%;
  }
  .dashboard-child1{
    width: 80%;
  }
  
/* reset and forget password  by Anajni*/
.btn-right-side{
    text-align:end;
    margin:30px 0px 15px 0px;
}
.btn-right-side .btn {
width: 14%;
background-color: #337eb7 !important;
border-radius: 50px;
margin-bottom: 10px;
transition: all 0.4s;
font-family: Roboto;
font-size: 16px;
font-weight: 500;
padding: 10px 20px;
/* border:; */
}


.btn-right-side .btn:hover{
background-color: #fff !important;
color: #337eb7;
border: 1px solid #337eb7;
}

.btn-right-side .btn a{
color:#fff;
text-decoration:none;
}
.btn-right-side .btn i{
font-size:18px !important;
margin-right:10px;
margin-top:5px;
}
.btn-right-side .btn:hover i{
color: #337eb7;
}

.btn-right-side .btn:hover a{
color: #337eb7;
}


/* -----------------bottom ----------------*/
/* -----------------top----------------------- */
.forget-page {
background-color: #fff;
padding: 20px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
margin-bottom: 50px;
border-radius: 15px;
}

.forget-suer {
font-size: 60px !important;
color: #337eb7;
}

.forget-head {
font-family: Roboto;
font-size: 25px;
font-weight: 500;
letter-spacing: 0em;
text-align: left;
color: #337eb7;
position: relative;
margin-top: 20px;
}

.forget-line {
font-family: Roboto;
font-size: 16px;
font-weight: 500;
color: #727272;
text-align: center;
margin-bottom: 40px;
}

.forget-input {
border: 1px solid #337eb7;
padding: 12px;
margin-bottom: 40px;

}


.forget-input::placeholder {
color: #727272;
font-size: 18px;
}

.forget-btn {
text-align: center;
}

.forget-btn .btn {
background-color: #337eb7 !important;
width: 40%;
padding: 16px;
border-radius: 50px;
margin-bottom: 10px;
transition: all 0.4s;
font-family: Roboto;
font-size: 14px;
font-weight: 500;
}

.forget-btn .btn:hover {

background-color: #fff !important;
color: #337eb7;
border: 1px solid #337eb7;

}
/* -----------------end button----------------------- */

* {
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
    list-style: none;


}

/* :root {
    --main-background: #000888;
    --Heading: #181818;
    --paragraph: #727272;
    --Main-heading: #001E5F;
    --Under-line: #E8BD4E;
    --logo-color: #000888;
    --mana: #F5F6FA;



} */

.dropbtn-menu {
    /* background-color: #04AA6D; */
    color: #000;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown-menu1 {
    position: relative;
    display: inline-block;
}

.dropdown-content-menu {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    border-radius: 7px;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/*.dropdown-content-menu a {*/
/*    color: black !important;*/
/*    padding: 12px 16px;*/
/*    text-decoration: none;*/
/*    display: block;*/
/*}*/

.dropdown-content-menu a:hover {
    background-color: #ddd;
}

.dropdown-menu1:hover .dropdown-content-menu {
    display: block;
}

/* .dropdown-menu1.dropdown-content-menu .dropbtn-menu {background-color: #3e8e41;} */
/* ------------------ header-start------------------ */

.logo-p {
    display: flex;
    align-items: center;
}

.logo-heading h1 {
    color: var(--logo-color);
    font-family: 'Roboto';
    font-size: 20px;
}

.logo-heading a {
    text-decoration: none;
}

.logo-heading a:hover {
    text-decoration: none;
}

.search-drop {
    display: flex;
    align-items: center;
    margin-top: 20px;
}


.custom-select1 {
    background: #F5F6FA;
    outline: none;
    border: none;
    color: #979EAE;
    font-size: 14px;
    font-weight: 400;
    /* padding: 16px 12px 15px 18px; */
    padding: 15px 12px 16.3px 18px;
    /* padding: 12px 12px 11px 18px; */
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    position: relative;

}

/* ------------------ Dropdown -start------------------ */

.dropbtn {
    background-color: #F5F6FA;
    color: #979EAE;
    /* padding: 15px 20px 14px 18px; */
    padding: 11px 20px 13px 18px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;

}

.dropdown-btn-d {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 180px;
    z-index: 1;
    border: 1px solid #0d5b18;
    padding: 15px 15px;
    border-radius: 15px;
}

.dropdown-content a:nth-child(1) {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #1A1A1A;
}

.dropdown-content a {

    text-decoration: none;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #979EAE;
}

/* .dropdown-btn-d:hover .dropdown-content {display: block;} */
/* ------------------ Dropdown -end------------------ */

.drop-arrow-icon {
    position: relative;
}


.dropdown-btn-d:after {
    content: '';
    position: absolute;
    /* left: 60px; */
    background-image: url(../img/dropdown.png);
    background-repeat: no-repeat;
    width: 15px;
    height: 25px;
    bottom: 0px;
    z-index: 1;
}

.drop-arrow-icon:before {

    display:none;
    position: absolute;
    left: 150px;
    background-image: url(../img/vertical-line.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 35px;
    bottom: -5px;
    z-index: 1;
}






.head-input-field input::placeholder {
    color: #979EAE;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;


}

/* ------------------ touch-pad-start------------------ */
/*.top-p {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin-top: 20px;*/
/*    justify-content: space-between;*/
/*}*/


.box-p-pad {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}



.box-p-pad-c img {
    display: block;
    margin: auto;
}

.pad-text {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
    color: #314619;
    margin-top: 5px;
}

/* #pads-click-open{
    position: absolute;
    left: 20%;
    top: 10%;
    display: none;
  }
*/

/*anjani css of header 30/11*/





@media screen and (max-width:990px) {
    #pads-click-open {
        position: absolute;
        top: 36px;
        z-index: 9;
        width: 280px;
        left: -160px;

    }
}

/*anjani css of header 30/11*/
.bars-icon {
    display: none;
}

/* ------------------ touch-pad-end------------------ */
/* ------------------ header-top-end------------------ */
/* ------------------ header-bottom-start------------------ */
.menu {
    background-color: var(--main-background);
}

.menu ul {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px 10px;
    margin: 10px 100px;
}

.menu ul li a {
    color: #fff;
    text-decoration: none;
}

/* ------------------ header-bottom-end------------------ */
/* ------------------ mandatory-box-start------------------ */

.mandatory-box {
    padding: 25px;
    background-color: var(--mana);
    border-radius: 15px;
}

.manadatory-heading h1 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--Heading);

}

.mandatory-para p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);

}

.button .btn-d {
    color: #fff;
    background-color: var(--logo-color);

    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 10px;

}

/* ------------------ mandatory-box-end------------------ */
/* ------------------carousel-caption-start------------------ */


.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 5% !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff !important;
    text-align: center;
}

.carousel-control-prev {
    left: 0px;
    display: none;
}

.carousel-control-next {
    left: 0px;
    display: none;
}

.carousel-caption h5 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff !important;
    text-shadow:2px 2px 3px #000;

}

.carousel-caption p {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;

}

.carousel-indicators [data-bs-target] {
    height: 6px !important;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%) !important;
    opacity: 1 !important;
    width: 10% !important;

}

.carousel-indicators .active {
    background-color: var(--Under-line) !important;
    width: 15% !important;
}

/* ------------------carousel-caption-end------------------ */

/* ------------------upcoming-event-start------------------ */


.event-p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.heading-event h1 {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--Main-heading);
    position: relative;
}

.heading-event h1:before {
    position: absolute;
    content: '';
    background-color: var(--Under-line);
    width: 45%;
    height: 4px;
    left: 0px;
    bottom: -8px;
    border-radius: 10px;
}

.view p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #267FC5;

}

.view p a:hover {
    color: #267FC5;
}

.event-h {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;

}

.event-p {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #777777;

}

.card-event {
    border: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    position: relative;
    overflow: hidden;
    margin: 10px;

}

span {
    position: relative;
    overflow: hidden;
}

span img {
    transition: all 0.5s;
    position: relative;
}

span img:hover {
    transform: scale(1.2) rotate(0deg);
}


.img-c {
    position: relative;
    overflow: hidden;
}

.img-c img {
    transition: all 0.5s;
    position: relative;
}

.img-c img:hover {
    transform: scale(1.2) rotate(0deg);
}

.img-c-1 {
    position: relative;
    overflow: hidden;
}

.img-c-1 img {
    transition: all 0.5s;
    position: relative;
}

.img-c-1 img:hover {
    transform: scale(1.2) rotate(0deg);
}

.img-c-2 {
    position: relative;
    overflow: hidden;
}

.img-c-2 img {
    transition: all 0.2s;
    position: relative;
}

.img-c-2 img:hover {
    transform: scale(1.2) rotate(0deg);
}

.training {
    position: relative;
    overflow: hidden;
}

.training img {
    transition: all 0.3s;
    position: relative;
}

.training img:hover {
    transform: scale(1.2) rotate(0deg);
}


.card-bdy {
    background-color: #fff;
    padding: 15px 15px 5px 15px;
    border: 1px solid #ccc;
}

.card-p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-date {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #777777;

}

.view-s {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--main-background);
}

.view-s a:hover {
    color: var(--main-background);
}

.card-carousel-section {
    bottom: -60px !important;
}

.card-carousel-section [data-bs-target] {
    height: 6px !important;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%) !important;
    opacity: 1 !important;
    width: 10% !important;
    background-color: #D4D4D4 !important;


}

.card-carousel-section .active {
    background-color: var(--logo-color) !important;
    width: 15% !important;
}


/* ------------------upcoming-event-end------------------ */

/* ------------------gallery-start------------------ */
.img-p {
    display: flex;
}

.img-c img {
    width: 100%;
}

.img-c1 img {
    width: 100%;
}

.img-c2 img {
    width: 100%;
}

.img-c {
    position: relative;
}

.img-c1 {
    position: relative;
}

.img-c-1 {
    position: relative;
}

.img-c-2 {
    position: relative;
}

.img-c:before {
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0.4;
}



.img-c-2:before {
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0.4;
}


.gallery-overlay {
    position: absolute;
    padding: 0px 10px 0px 15px;
    width: 100%;
    top: 74%;
    left: 0%;
    display: flex;
    flex-direction: column;
}

.gallery-overlay1 {
    position: absolute;
    padding: 0px 15px;
    width: 100%;
    top: 65%;
    left: 0%;
    display: flex;
    flex-direction: column;
}

.gallery-overlay2 {
    position: absolute;
    padding: 0px 15px;
    width: 100%;
    top: 65%;
    left: 0%;
    display: flex;
    flex-direction: column;
}

.gallery-heading {
    font-family: Roboto;
    font-size: 28px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;

}

.gallery-anchor a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
        text-shadow: 2px 2px 3px #000;
}

/* ------------------gallery-start------------------ */
/* ------------------tab-start------------------ */
.tabs-border {
    border: 1px solid var(--logo-color);
    border-radius: 0px 0px 15px 15px;
    border-top: 0px !important;
    padding: 40px 10px 0px 10px;
    background: #f8f9fd;
}
  .tab-border .nav-link{
    width: 33.3%;
  }



.tab-border .navs2 {
    border: 1px solid #ccc !important;
    background-color: #ffff !important;
    color:#000;
    border-radius: 0px !important;
}

.tab-border .navs3 {
    background-color: #ffff !important;
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
    border-top-right-radius: 10px !important;
color:#000;
}

.nav-tabs-active {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
 

}

.nav-tabs1 {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;


}

.side-heading {

    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;

}

.side-para {
    font-family: Roboto;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0em;
    text-align: left;
    color: #737373;
}

.opt-p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -10px;

}

.opt-active p {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--logo-color);

}

.opt p {
    font-family: Roboto;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #7D7D7D;

}

.side-view-all {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 6px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: underline;
    margin-bottom: 20px !important;


}

.side-view-all a {
    color: var(--main-background);
}

/* ------------------tabs-end------------------ */
/* ------------------card-start------------------ */
.box_card {
    padding: 20px;
    border-radius: 15px;
    background-color: #0d5b18;
    padding: 60px 25px 18px 25px;
}

.box-circle {
    height: 120px;
    width: 120px;
    border: 1px solid #0d5b18;
    border-radius: 50%;
    position: relative;
    display: block;
    margin: auto;
    background-color: #fff;
    top: 60px;
}

.box-circle:before {
    content: '';
    position: absolute;
    left: 25px;
    background-image: url(../img/polling.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    bottom: 12px;
    z-index: 1;
    top: 25px;
}

.box-circle img {
    margin: auto;
    display: block;
}

.box-polls {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 700;
    /*line-height: 35px;*/
    letter-spacing: 0em;
    text-align: center;
    color: #fff;

}

.box-para {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;

}

.card-btn-c .btn {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    color: #868686 !important;
    text-align: center;
    background-color: #fff !important;
    padding: 10px 0px;
    margin: 5px 0px;
}

 #home_address {
    padding: 16px;
}

.news-section h1 strong {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
}

.box-heading-c1 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-top: 8px;
}

.box-card-anchor a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}

/* ------------------card-end------------------ */
/* ------------------Joining-start------------------ */
.side-heading-c1 {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 0;
    /*line-height: 26px;*/
    letter-spacing: 0em;
    text-align: left;

}

.side-para-j {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #1E1E1E;
    margin-bottom: 7px;
}

.side-para-j1 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #575656;

}

.view-employe a {
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: underline;
}

.margin {
    margin-bottom: 3px;
}

/* ------------------Joining-end------------------ */

/* ------------------footer-start------------------ */

/* New-add-by-anjani-online & upcoming Video-icon */

.overlay-patch {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #337EB7;
    top: 20px;
    background-color: #fff;
    padding: 10px;
    position: absolute;


}

.overlay-patch p {
    margin-bottom: 0px !important;

}

.overlay-online-img {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
}

.overlay-pach-img {
    position: absolute;
    z-index: 1;
    top: 40%;
    left: 50%;

}

.icon-help-c:hover .text a {
    text-decoration: underline;
    color: #fff;
}

.text a {
    text-decoration: none;
}
.text a:hover {
    text-decoration: none!important;
}

.bar_tool li i {
    color: #fff;
}


/* New-add-by-anjani-online & upcoming Video-icon */

.footer {
    background-color: var(--main-background);
    padding: 20px 10px 1px 10px;
}

.heading-footer h1 {
    color: #fff;
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    position: relative;

}

.heading-footer h1:before {
    position: absolute;
    content: '';
    background-color: var(--Under-line);
    width: 16%;
    height: 4px;
    left: 0px;
    bottom: -8px;
    border-radius: 5px;
}

.training img {
    width: 100%;
}

.f-training {
    position: relative;
}

.training {
    position: relative;
}

.training:before {
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0.4;
}

.overlay {
    position: absolute;
    padding: 0px 25px;
    width: 100%;
    top: 55%;
    left: 0%;
    display: flex;
    flex-direction: column;

}

.overlay h5 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
text-shadow: 2px 2px 3px #000;
}

.overlay p {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 0px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
text-shadow: 2px 2px 3px #000;
}

.over-p {
    display: flex;
}

.over-p-c p {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-top: -5px;
}

.f-views {
    margin-top: 13px;
}

.f-views a {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;


}

.heading-footer-side h1 {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;

}

.heading-footer-side-d h1 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;

}

.card-breadcamp {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
}

.breadcamp-head {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--logo-color);

}

.breadcamp-head-heading {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;

}

.breadcamp-over-p {
    display: flex;

}

.breadcamp-over-p-c p {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #7D7D7D;
    margin-bottom: 0px !important;
}

.card-view a {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    float: right;
    margin-top: 5px;
}

.text {
    margin-left: 15px;
}

.heading-help {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;

}

.paragraph-help {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;

}

.icon-help i {

    color: #0d5b18;
    font-size: 25px;
    background-color: #fff;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    transition: 0.2s linear;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;


}

.icon-help i:hover {
    color: var(--logo-color);
    background-color: #fff;
}

.fa-info-circle:before {
    content: "\f05a";
    position: absolute;
    top: 12px;
    left: 13px;
}

.icons-email i {
    color: #0d5b18;
    font-size: 20px;
    background-color: #fff;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    transition: 0.2s linear;
    position: relative;
    font-weight: bold;

}

.icons-email i:hover {
    color: var(--logo-color);
    background-color: #fff;
}

.fa-envelope-o:before {
    content: "\f003";
    position: absolute;
    left: 14px;
    top: 14px;
}

.help-text {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 0px;
    color: #fff;

}

.help-wask {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;

}

.help-wask a {
    color: inherit;
    text-decoration: none;
}

.help-wask a:hover{
text-decoration:none;
}
.icon-help-c {
    display: flex;
    align-items: center;
}

.coment i {
    color:var(--main-background);
    font-size: 40px;
    height: 90px;
    width: 90px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
}

.fa-comments-o:before {
    content: "\f0e6";
    position: absolute;
    top: 23px;
    left: 20px;
}

.container-p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bottom-border {
    border-top: 2px solid #fff;
    margin: 10px 0px;
}

.footer-right {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-top: 10px;

}

.social-media {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* ------------------footer-start------------------ */

.poll_1 {
    margin-top: -26px;

}

.hr-box {
    margin-top: -7px;
    margin-bottom: 13px;
    color: lightgray;
}

.hr-box1 {

    margin-bottom: 0px;
    color: lightgray;
}

/* ------------------footer-end------------------ */

/* ------------------Chat-box-start------------------ */
.send i {
    color: var(--logo-color);
}

.send i:hover {
    color: var(--logo-color);
}

.blog {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.alink {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.foot input[type="text"],
button {
    padding: 8px 8px;
    border: 0;
    outline: 0;
    background: #F1F5F9;
    border-radius: 10px;
}

button {
    background-color: transparent;
    cursor: pointer;
}

button:hover i {
    color: #79c7c5;
    transform: scale(1.2);
}

/* container */
.coment-button {
    position: relative;
}

.chat-container {
    width: 450px;
    height: auto;
    position: absolute;
    bottom: 110%;
    right: 8.5%;
    z-index: 1;
    border-radius: 25px;
    background-color: #f9fbff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    overflow: hidden;
    display: none;
}

/* chat_box */
.chat_box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat_box>* {
    padding: 16px;
}

/* head */
.head {
    display: flex;
    align-items: center;
    background-color: #337EB7;
}

.head .user {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.head .user .avatar {
    margin-right: 8px;
}

.head .user .avatar img {
    display: block;
    border-radius: 50%;
}

.head .bar_tool {
    display: flex;
}

.head .bar_tool i {
    padding: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.name {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;

}

.name1 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 0px !important;
}

/* body */
.body-humble {
    flex-grow: 1;
    background-color: #fff;
}

.body-humble .bubble {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 15px;
    border-radius: 15px 0px 15px 15px;
}

.bubble p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;

}

.bubble1 p {
    color: #000 !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
}

.body-humble .incoming {
    text-align: left;
}

.body-humble .incoming .bubble {
    background-color: #337EB7;
}

.body-humble .outgoing {
    text-align: right;
}

.body-humble .outgoing .bubble1 {
    background-color: #F1F5F9;
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 0px 15px 15px 15px;
}

/* foot */
.foot {
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.foot .msg {
    flex-grow: 1;
}

@keyframes bounce {
    50% {
        transform: translate(0, 5px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.ellipsis {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #b7b7b7;
}

.dot_1 {
    /* animation: name duration timing-function delay iteration-count */
    animation: bounce 0.8s linear 0.1s infinite;
}

.dot_2 {
    animation: bounce 0.8s linear 0.2s infinite;
}

.dot_3 {
    animation: bounce 0.8s linear 0.3s infinite;
}
.closely{
position:relative;
}

/* ------------------footer-box-end------------------ */

/* ------------------Mobile-view-start------------------ */
@media screen and (max-width:990px) {
    .head-input-field input {
        width: 100%;
    }
}

/* 01-11-2022-change-by-anjani-in media */
@media screen and (max-width:990px) {

    /*  #pads-click-open{
          left: 0px;
          top: 40%;
        }*/
    .menu {
        display: none;
    }

    .menu ul {
        display: block;
        margin: 10px 15px;

    }

    .dropbtn-menu {
        padding: 0px;
    }




    /* 01-12-22-change-by-anjani */
    .dropbtn {
        padding: 14px 20px 14px 40px;
    }

    /* 01-12-22-change-by-anjani */
    .bars-icon i {
        font-size: 30px;
        display: block;
    }

    .bars-icon {
        font-size: 30px;
        display: block;
    }



}

/* ------------------Mobile-view-start------------------ */


/*-----------media-detail-----*/
.gal-co h1 {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    position: relative;
    margin-bottom: 30px;

}

.gal-co p {
    margin-bottom: 25px;
}

.gal-co h1:before {
    position: absolute;
    content: '';
    background-color: var(--Under-line);
    width: 7%;
    height: 4px;
    left: 0px;
    bottom: -8px;
    border-radius: 10px;
}

.overview {

    background-color: #f5f6fa;
    margin-top: -10px;
    padding: 38px 20px 50px 20px;
}

.heading-event1 h1 {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--Main-heading);
    position: relative;
    margin-bottom: 30px;

}

.heading-event1 p {
    margin-bottom: 25px;
    font-family: Roboto;
}

.accordion-body {
    font-family: Roboto;
}

.over-l ul {
    font-family: 'Roboto';
}

.over-r ul {
    font-family: 'Roboto';
}

.accordion-item h2 {
    font-family: 'Roboto';
}

.heading-event1 {
    font-family: 'Roboto';
}

.heading-event1 h1:before {
    position: absolute;
    content: '';
    background-color: var(--Under-line);
    width: 7%;
    height: 4px;
    left: 0px;
    bottom: -8px;
    border-radius: 10px;
}


/*slider*/
.as_heading_testimonial {
    color: var(--dark-color1);
    font-weight: bold;
    font-family: 'Poppins';
    font-size: 34px;
}

.as_heading_testimonial {
    padding-top: 70px;
    padding-bottom: 30px;
}

.as_heading_testimonial span {
    background: linear-gradient(currentColor 0 0) bottom /var(--d, 0) 3px no-repeat;
    transition: 0.5s;
}

.item {
    position: relative;
    overflow: hidden;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.item img {
    transition: all 0.5s;
}

.owl-dots {
    display: none;
}

.owl-dots {
    text-align: center;
    padding-top: 15px;
}

.owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;

}

.owl-nav button {
    position: absolute;
    top: 50%;
    background-color: var(--secondary-color);
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    padding: 0 !important;
    margin: 0% !important;
    font: inherit;
    background: none !important;
    font-size: 100px !important;
    color: white !important;
}

.owl-nav button.owl-prev {
    left: 0;
}

.owl-nav button.owl-next {
    right: 0;
}

/*overview*/

.over-l i {
    font-size: 7px;

    margin: 0px 14px 0px -30px;
}

.ss span {
    margin-right: 6px !important;
}

/*------*/
.gal-btn {
    text-align: center;
}

.gal-btn button {
    border: 1px solid #337eb7;
    border-radius: 14px;
    font-family: Roboto;
    background: #337eb7;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;

    padding: 10px 20px;

    font-size: 14px;
    font-weight: 400;
}

.fancybox-navigation {
    display: none !important;
}

/*-------------------Knowledge Base-----------------------*/
.card-breadcamp1 {
    background-color: #f5f6fa;
    border-radius: 15px;
    padding: 20px;
    width: 47.5%;
    margin-bottom: 20px;
    margin-right: 10px;
}

.media-cap {
    left: 0;
    bottom: -8px;
    position: absolute;
    color: #000;
    font-size: 16px;
    background-color: #ffffff91;
    width: 100%;
    padding: 7px 15px;
    text-align: center;
}

.cap {
    position: relative;
}

.media-cap {
    display: none;
}

.cap:hover .media-cap {
    display: block !important;
}

/*--------News-----------*/


.bordered {
    border: solid 1px #EBEBEB;
}

.rounded {
    border-radius: 10px !important;
}

.post .thumb {
    position: relative;
}

.post .category-badge.lg {
    font-size: 14px;
    padding: 8px 20px;
    max-width: 370px;
}

.post .category-badge {
    color: #FFF;

    border-radius: 25px;
    display: inline-block;

    line-height: 1;
    left: 20px;
    top: 20px;
    z-index: 1;
    text-decoration: none;
    background: var(--new-color);
    background-size: 200% auto;

}




.post.post-classic .thumb .inner {
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
}

.post .thumb.top-rounded .inner {
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.post .thumb img {

    transition: all 0.3s ease-in-out;
}

.post.post-classic .details {
    padding: 15px;
}

.post .meta {
    font-size: 14px;
    color: #9faabb;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.post .meta li:not(:last-child) {
    margin-right: 0.8rem;
}

.post .meta a {
    color: #9faabb;
    font-weight: 400;
}

.post .meta li img.author {
    margin-right: 12px;
    vertical-align: middle;
}

.post .meta li:after {
    content: "";
    display: inline-block;

    border-radius: 50%;
    margin-left: 1rem;
    height: 3px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 3px;
}

.post.post-classic .details .post-title {
    font-size: 24px;
}

.post .post-title a {
    color: #203656;
    text-decoration: none;
}

.post .excerpt {
    font-size: 16px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.post.post-classic .post-bottom {
    border-top: solid 1px #EBEBEB;
    margin: 0 50px;
    padding: 10px 0;
}

.align-items-center {
    align-items: center !important;
}

.d-flex {
    display: flex !important;
}

.post.post-classic .post-bottom .social-share .toggle-button {
    display: none;
}

.post .post-bottom .social-share .toggle-button {
    font-size: 16px;
    color: #9faabb;
    background-color: transparent;
    border: 0;
    padding: 0;
    vertical-align: middle;
}

.post .post-bottom .social-share .icons {
    display: inline;
    vertical-align: middle;
}

.fab {
    font-family: "Font Awesome 5 Brands";
}

.float-end {
    float: right !important;
}

.post .post-bottom .more-link {
    text-decoration: none;
    color: #203656;
    font-size: 17px;
    font-weight: bold;
}

.post .post-bottom .more-link i {
    font-size: 12px;
    color: #9faabb;
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
    right: 0;

    transition: all 0.3s ease-in-out;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.me-auto {
    margin-right: auto !important;
}

.post .post-bottom .more-button a {
    font-size: 16px;
    font-weight: 700;
    color: #9faabb;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.post .post-bottom .social-share .icons li a {
    color: #9faabb;
    font-size: 14px;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.post .meta {
    font-size: 14px;
    color: #9faabb;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.post .meta a {
    color: #9faabb;
    font-weight: 400;
    text-decoration: none;
}

/*---------------------About us start------------------------------*/
.drop {
    position: relative;
    width: 330px;
    height: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 20px 20px 20px rgba(0, 0, 0, 0.05),
        25px 35px 20px rgba(0, 0, 0, 0.05),
        25px 30px 30px rgba(0, 0, 0, 0.05),
        inset -20px -20px 25px rgba(255, 255, 255, 0.9);
    transition: 0.5s ease-in-out;
}

.drop:nth-child(1) {
    border-radius: 49% 51% 70% 30% / 30% 30% 70% 70%;
}

.drop:nth-child(2) {
    border-radius: 49% 51% 41% 59% / 52% 30% 70% 48%;
}

.drop:nth-child(3) {
    border-radius: 76% 24% 40% 60% / 40% 69% 31% 60%;
}

.drop:hover {
    border-radius: 50%;
}

.drop::before {
    content: '';
    position: absolute;
    top: 60px;
    left: 85px;
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.5;
}

.drop::after {
    content: '';
    position: absolute;
    top: 100px;
    left: 110px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.7;
}

.drop .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    text-align: center;
    padding-inline: 50px;
}

.drop .content h2 {
    position: relative;
    width: 80px;
    height: 80px;
    background: #eff0f4;
    border-radius: 50%;
    box-shadow: inset 2px 5px 10px rgba(0, 0, 0, 0.1),
        inset -2px -5px 10px rgba(255, 255, 255, 1),
        15px 15px 10px rgba(0, 0, 0, 0.05),
        15px 10px 15px rgba(0, 0, 0, 0.025);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: var(--color);
}

.drop .content a {
    position: relative;
    padding: 10px 25px;
    background: var(--color);
    color: #fff;
    border-radius: 25px;
    font-weight: 500;
    text-decoration: none;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    opacity: 0.75;
    transition: 0.5s;
}

.drop .content a:hover {
    cursor: pointer;
    opacity: 1;
}

.drop .content a::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 25%;
    height: 5px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    transition: 0.5s;
}

.drop .content a:hover::before {
    transform: translateX(-50%) translateY(28px);
    width: 65%;
}

.mission {

    position: relative;
    width: 100%;
    min-height: 74vh;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px;
    padding: 50px 25px;
}

.content h3 {
    color: var(--Main-heading);
}

.about-1 {
    background-color: #f5f6fa;
}

.abo-txt {
    padding: 26px 10px 0px 0px;
    margin-left: -50px;
}

.abo-txt1 {
    padding: 20px 0px 0px 20px;
}

/*About us end*/


/*Shreya css end*/
/*-----------------------Ayush-Senger-----------------*/
.dropdown-content-menu a {
    width: 255px;
}

.intro-card-1 {
    display: flex;
    background-color: #f5f6fa;
    padding: 15px;
    border-radius: 15px;
    width: 100%;
    margin-top: 15px;
}

.intro-card {
    display: flex;
    background-color: #f5f6fa;
    padding: 15px;
    border-radius: 15px;
    width: 47.5%;
    margin: 10px;
}


.profile-details {
    padding-left: 30px;
    font-family: Roboto;
    display: flex;
    align-items: center;
}

.profile-details h2 {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 1rem !important;
}

.profile-details h2 span {
    font-family: Roboto;
    font-weight: 400;
    color: #001e5f;
    font-size: 20px;
}

.profile-bio p span i {
    margin-right: 5px;
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 350px;
    height: 40px;
    margin-right: 15px;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #74b3e5;
    padding: 13px 15px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
}

.select-styled:hover {
    background-color: #74b3e5;
}

.select-styled:active,
.select-styled.active {
    background-color: #74b3e5;
}

.select-styled:active:after,
.select-styled.active:after {
    top: 9px;
    border-color: transparent transparent #fff transparent;
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #337eb7;
}

.select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-top: 1px solid #fff;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.select-options li:hover,
.select-options li.is-selected {
    color: #337eb7;
    background: #fff;
}

.select-options li[rel="hide"] {
    display: none;
}

.filter {
    display: flex;
}

.filter .btn-group {
    width: 100%;
    margin-right: 15px;
}

.filter .btn-group:last-child {
    margin-right: 0;
}

.list-profile {
    width: 128px;
    height: auto;
}

.profile-details-card {
    padding-left: 15px;
}

.profile-details-card h2 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 1rem !important;
}

.profile-details-card h2 span {
    font-family: Roboto;
    font-weight: 400;
    color: #001e5f;
    font-size: 13px;
}




.profile-bio p span {
    display: flex;
}

.view-flex {
    display: flex;
}

.view-flex .input-group {
    margin-right: 15px;
}

.view-flex .input-group button {
    background-color: #0d5b18;
    color: #fff;
}
.emp-chate:hover{
    color: #fff;
}
.emp-chate {
    background-color: #0d5b18c4;
    width: 31px;
    height: 30px;
    padding-left: 7.5px;
    color: #fff;
    border-radius: 100%;
    margin-left: 15px;
    display: inline-block;
    padding-top: 2px;
}

.filter.mt-3 div button {
    background-color: #0d5b18;
}

.img-p-g {
    display: flex;
}

.img-c-g img {
    width: 100%;
    height: 580px;
    object-fit: cover;
    object-position: center;
}

.img-c1-g img {
    width: 100%;
}

.img-c2-g img {
    width: 100%;
}

.img-c-g {
    position: relative;
    width: 66.1%;
    margin-right: 23.5px;
}

.img-c1-g {
    position: relative;
    width: 32%;
}

.img-c-1-g {
    position: relative;
    margin-bottom: 23.5px;

}

.img-c-2-g {
    position: relative;
}

.img-c:before {
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0.4;
}



.img-c-2:before {
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    opacity: 0.4;
}

.gallery-overlay1-1 {
    position: absolute;
    padding: 0px 15px;
    width: 100%;
    top: 59%;
    left: 0%;
    display: flex;
    flex-direction: column;
}

.gallery-overlay2-2 {
    position: absolute;
    padding: 0px 15px;
    width: 100%;
    top: 59%;
    left: 0%;
    display: flex;
    flex-direction: column;
}

.pagenation button:first-child {
    background-color: #5c636a;
}

.pagenation button {
    background-color: #74b3e5;
}

.filter.mt-3 div button.active {
    background-color: #337eb7;
}


.pagenation button:first-child {
    background-color: #5c636a;
}

/*-----------------------Ayush-Senger-----------------*/


/*Anjani css 25/11/22 */

/* Support-page */
.bg-hero {
    margin-top: -10px;
    background-image: url(../img/carousel-banner.png);
    background-position: top;
    background-size: cover;
    padding: 20px 0px;
    width: 100%;
    height: 400px;
    position: relative;

}

.bg-hero::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom right, rgba(57, 128, 128, 0.60) 0%, rgba(10, 71, 102, 0.40) 100%);
    content: "";
    display: block;
    height: 400px;
    left: 0;
    top: 0px;
    position: absolute;
    width: 100%;
}

.hero-inner {
    position: relative;
    /* top: 100%; */
    /* transform: translateY(-50%); */
    max-width: 610px;
    margin: 0 auto;
}

.help-center-name {
    color: #FFF;
    font-size: 48px;
    margin: 10px 0 25px 0;
    text-align: center;
    text-rendering: optimizeLegibility;
    font-family: Open Sans, sans-serif;
    line-height: 62px;
    font-weight: 300;
    letter-spacing: 0;
}


.question-sup-input {
    font-weight: 300;
    max-width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border .12s ease-in-out;
}

.search-full_text input[type="search"] {
    border: 1px solid #fff;
}

.enter_text input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    color: #999;
    height: 60px;
    padding-left: 15px;
    padding-right: 20px;
    width: 100%;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
}

/* enter-text */

/* text-area */
.text-search-q {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    color: #757575;
    padding-left: 15px !important;
}


.support-btn {
    color: #fff !important;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    width: 180px;
    padding: 12px;
    border-radius: 27px;
    margin-top: 40px;
    background-color: #1b68e9 !important;

}

.support-btn:hover {
    background-color: #fff !important;
    color: #1b68e9 !important;
    box-shadow: none !important;
    border: none !important;
}

.form-label {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
}

/*.support-form-btn {
    color: var(--logo-color) !important;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    width: 180px;
    padding: 12px;
    border-radius: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}*/
.support-form-btn {
    color: #fff;
    background-color: var(--logo-color);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    border-radius: 10px;
    margin-bottom:10px;
    width:125px;
}
td h2 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: 'Roboto';
}

.support-form-btn:hover {
    color: #fff !important;
}



.support-ul li a {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
    text-decoration: none;

}


ul.support-ul li {
    padding: 12px 0px;
}

ul.support-ul li i {
    font-size: 27px;
}





/* .form-list */
.support-page-list {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
    text-decoration: none;
}

/* .form-lst-end */


.card-support {
    height: 420px;
    width: 100%;
    border-radius: 15px;
    background-color: #337eb7;
}


.imagem {
    display: flex;
    justify-content: center;
}


.img {
    height: 70px;
    width: 70px;
    margin-top: 40px;
}

.titulo_support {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
}


.desc_support {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 0px 20px;
}

.button_lg {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    transition: 0.4s;
}

.button_support_card {
    color: #fff !important;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    width: 180px;
    padding: 12px;
    border-radius: 27px;
    border: 1px solid #fff;
}

.button_support_card:hover {
    color: #fff;
    border: 1px solid #fff;
}

.button_support_card a {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    text-decoration: none;
}


.button_lg:hover {
    margin-top: 40px;
}

@media screen and (max-width:767px) {
    .box-top-gap {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

/* Support-page */
/* end-by-anjan */

/* Manadatory-box */

.main-box-mandatory-page {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.main-box-mandatory-child {
    width: 48%;
    margin: 10px;
}

.btn-d-maanadatory {
    color: #fff;
    background-color: green;
    border: 1px solid green;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 10px;
}


@media screen and (max-width:1100px) {
    .main-box-mandatory-child {
        width: 47%;
    }
}

@media screen and (max-width:767px) {
    .main-box-mandatory-child {
        width: 100%;
    }
}

/* mandatory-box-end */

/* Calender-page-start-by-anjani */

.calender-img img {
    width: 100%;
    border-radius: 0px !important;
    border: none !important;
}

.calender-pages {}

.calender-ul-sec li a {
    text-decoration: none;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #2d83c7;
}

.calender-text-li {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #575656;
    margin-left: 15px;
    display: contents;

}

.calender-ul-sec li {
    padding: 10px 0px;
    border-bottom: 1px solid #5c98c5;
}

.calender-ul-sec li:nth-child(1) {
    padding: 0px 0px 10px 0px;

}

.calender-ul-sec li:last-child {
    padding-bottom: 0px;
    border: 0px !important;

}

.calender-list {
    border: 1px solid #337eb7;
    padding: 10px;
    border-radius: 15px;
}

.main-calender-p {
    display: flex;
}

.main-calender-c {
    width: 20%;
}

.main-calender-c-g {
    width: 80%;
}

/* Calender-page-endby-anjani */


/* Polls-page-start-by-anjani */



.card-breadcamp-polls {
    background-color: #f5f6fa;
    border-radius: 15px;
    padding: 20px;
    width: 32%;
    margin-bottom: 20px;
}

.card-list-polls {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.card-breadcamp-polls {
    width: 47%;
    margin: 10px;
}


@media screen and (max-width:767px) {
    .card-breadcamp-polls {
        width: 100%;
        margin: 10px;
    }
}

/*----------------------- Polls-page-end-by-anjani */

/*----------------------- Polls-pop-start-by-anjani */


.poll {

    /*   position: absolute;
    width: 100%;
    top: 560%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    /*  background: #ffff;*/
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;

}

.polls-desing {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.poll .question {
    padding: 20px;
    color: #111;
    font-size: 14px !important;
    border-bottom: 1px solid #eee;
    font-family: Roboto;
}

.poll .answers {
    padding-top: 20px;
}

.poll .answers .answer {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 37px;

    padding: 0 10px;
    border: 1px solid #d4d4d4;
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px;

    margin-bottom: 20px;
}

.poll .answers .answer.selected {
    border: 2px solid #8f9fe8;
}

.poll .answers .answer span.percentage_value {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 40px;
    color: #111;
    font-size: 15px;
}

.poll .answers .answer span.percentage_bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #97b5f5;
    z-index: -2;
    transition: width 200ms ease-in-out;
}

/*----------------------- Polls-pop-end-by-anjani */


/*----------------------- Privacy-start-by-anjani */
.terms-header-back {
    background-image: url(../img/carousel-banner.png) !important;
    background-position: center;
    background-size: cover;
    padding: 100px;
    margin-top: -10px;
}

.term-header {
    font-size: 35px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.terminal-css a {
    color: #fff;
    text-decoration: none;
}

.wpb_wrapper {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: justify;
    color: #575656;
}

.procedure {
    padding-left: 0px;
}

/*----------------------- Privacy-end-by-anjani */
/*-----------------------      search-page-start-by-anjani */
.search-page-heading h1 {

    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--Main-heading);
    position: relative;
    text-align: center;
}





.search-result-para {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: justify;
    color: #575656;
}

.search-manadatory-oth {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--logo-color);
    position: relative;
    text-align: center;
}

.mandatory-para-page {
    font-family: Roboto;
    font-size: 16px;

    line-height: 140%;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
}


/*-----------------------      search-page-end-by-anjani ---------------*/


/*training 28/11/2022*/
.train1-img {
    width: 70%;
}

.train2-img {
    width: 30%;
    display: flex;
    flex-direction: column;
}

.train1-img img {
    width: 100%;
    height: 488px;
    object-fit: cover;
    object-position: center;
}

.search-res {
    background-color: #f5f6fa;
    border-radius: 15px;
    padding: 20px;
    margin-top: 10px;
}

.pie-1 {
    width: 50%;
}

.pie-2 {
    width: 50%;
    margin-left: 16px;
    margin-top: -26px;
}

.poll-res h2 {
    color: #000;
    font-size: 20px;
    margin-top: -18px;
}

/*document-library*/

.nav-header {
    background: #fff;
    min-height: 60px;
    padding: 10px;
    width: 100%;


    top: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
}

.nav-header .search {
    height: 38px;
    max-width: 200px;
}


.file-manager h5 {
    text-transform: uppercase;
}

.file-manager {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.folder-list li a {
    color: #666666;
    display: block;
    padding: 5px 0;
}

.folder-list li {
    border-bottom: 1px solid #e7eaec;
    display: block;
}

.folder-list li.active {
    background: #eee;
}

.folder-list li.sub1 {
    padding-left: 10px;
}

.folder-list li.sub2 {
    padding-left: 20px;
}

.folder-list li.sub3 {
    padding-left: 30px;
}

.folder-list li.sub4 {
    padding-left: 40px;
}

.folder-list li.sub5 {
    padding-left: 50px;
}

.folder-list li i {
    padding-right: 8px;
    color: #3d4d5d;
}


/*===--- the file folders ---===*/
/*.file-field {
  margin:80px 0 0 280px;
}*/
.file-field .crumbs {
    height: 38px;
    padding: 0 10px 10px 10px;
    background: #eee;
    color: #a6a6a6;
    font-style: italic;
    float: right;
    width: 100%;
    border-bottom: 1px solid #a6a6a6;
    margin-bottom: 20px;
}

.file-box {
    float: left;
    width: 220px;
}

.file {
    border: 1px solid #e7eaec;
    padding: 0;
    background-color: #ffffff;
    position: relative;
    margin: 0 0 20px 20px;
}

/*.file-manager .hr-line-dashed {
  margin: 15px 0;
}*/
.file .icon,
.file .image {
    height: 100px;
    overflow: hidden;
}

.file .icon {
    padding: 15px 10px;
    text-align: center;
}

.file-control {
    color: inherit;
    font-size: 11px;
    margin-right: 10px;
}

.file-control.active {
    text-decoration: underline;
}

.file .icon i {
    font-size: 70px;
    color: #dadada;
}

.file .file-name {
    padding: 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    /*  cut off titles that get too long  */
}

.file-name small {
    color: #676a6c;
}

/*===--- list view! ---===*/
.file-field.listview .file-box {
    float: left;
    width: auto;
}

.file-field.listview .icon,
.file-field.listview .image,
.file-field.listview .icon {
    display: none;
}


.ibox {
    clear: both;
    padding: 0;
    height: 100%;
    max-width: 280px;
}

.ibox:after,
.ibox:before {
    display: table;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    max-width: 280px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    height: 100%;

}

a:hover {
    text-decoration: none;
}


/*===--- mobile ---===*/
@media (max-width: 768px) {
    .file-field {
        margin: 80px 20px;
    }

    .ibox {
        height: auto;
        display: none;
    }

    .ibox-content {
        height: auto;
        position: relative;
    }
}

/* ----------------login-page-------------------- */


@keyframes swing {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(10deg);
    }

    30% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    50% {
        transform: rotate(0deg);
    }

    60% {
        transform: rotate(5deg);
    }

    70% {
        transform: rotate(0deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes sonar {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

body {
    font-size: 0.9rem;
}

.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand>a,
.sidebar-wrapper .sidebar-dropdown>a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/

.page-wrapper {
    height: 100vh;
    position: relative;
}

.page-wrapper .theme {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px;
}

.page-wrapper .theme.chiller-theme {
    background: #1e2229;
}

/*----------------toggeled sidebar----------------*/

.page-wrapper.toggled .sidebar-wrapper {
    left: 0px;
}

@media screen and (min-width: 768px) {
    .page-wrapper.toggled .page-content {
        padding-left: 300px;
    }
}

/*----------------show sidebar button----------------*/
#show-sidebar {
    position: absolute;
    left: 0;
    border-radius: 0 4px 4px 0px;
    width: 35px;
    transition-delay: 0.3s;
    background: #337eb7;
    border: 1px solid #337eb7;
}

.page-wrapper.toggled #show-sidebar {
    left: -40px;
}

/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
    width: 260px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 70px;
    right: 0px;
    z-index: 9999;
}

.sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper a {
    text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
    max-height: calc(100% - 30px);
    height: calc(100% - 30px);
    /* overflow-y: auto; */
    position: relative;
}

.sidebar-content.desktop {
    overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.sidebar-wrapper .sidebar-brand>a {
    text-transform: uppercase;
    font-weight: bold;
    flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
    cursor: pointer;
    font-size: 20px;
}

/*--------------------sidebar-header----------------------*/

.sidebar-wrapper .sidebar-header {
    padding: 20px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
    float: left;
    width: 60px;
    padding: 2px;
    border-radius: 12px;
    margin-right: 15px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
    float: left;
}

.sidebar-wrapper .sidebar-header .user-info>span {
    display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
    font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
    font-size: 11px;
    margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
    font-size: 8px;
    margin-right: 4px;
    color: #5cb85c;
}

/*-----------------------sidebar-search------------------------*/

.sidebar-wrapper .sidebar-search>div {
    padding: 10px 20px;
}

/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
    padding-bottom: 10px;
    background: #fff;
    ;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    /* border: 1px solid #337DB6; */
}

.sidebar-wrapper .sidebar-menu .header-menu span {
    font-weight: bold;
    font-size: 14px;
    padding: 15px 20px 5px 20px;
    display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 8px 8px 2px 15px;
    display: block;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #337eb7;
    font-family: 'Roboto';
}

.sidebar-wrapper .sidebar-menu ul li a i {
    margin-right: 10px;
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover>i::before {
    display: inline-block;
    animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after {
    /* font-family: "Font Awesome 5 Free"; */
    font-weight: 900;
    content: "\f105";
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 20px;
    top: 14px;
    font: normal normal normal 14px/1 FontAwesome;


}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
    padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
    padding-left: 25px;
    font-size: 13px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
    content: "\00BB";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    font-size: 20px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
    float: right;
    margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after {
    transform: rotate(90deg);
    right: 17px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 180px;
    z-index: 1;
    border: 1px solid #0d5b18;
    padding: 15px 15px;
    border-radius: 15px;
    z-index: 1111;
}

/*--------------------------side-footer------------------------------*/

.sidebar-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
}

.sidebar-footer>a {
    flex-grow: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.sidebar-footer>a .notification {
    position: absolute;
    top: 0;
}

.badge-sonar {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 0;
}

.badge-sonar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #fff;
    opacity: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: sonar 1.5s infinite;
}

/*--------------------------page-content-----------------------------*/

.page-wrapper .page-content {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
}

.page-wrapper .page-content>div {
    padding: 20px 40px;
}

.page-wrapper .page-content {
    overflow-x: hidden;
}

/*------scroll bar---------------------*/

::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #525965;
    border: 0px none #ffffff;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #525965;
}

::-webkit-scrollbar-thumb:active {
    background: #525965;
}

::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
    background: transparent;
}

::-webkit-scrollbar-track:active {
    background: transparent;
}

::-webkit-scrollbar-corner {
    background: transparent;
}


/*-----------------------------chiller-theme-------------------------------------------------*/

.chiller-theme .sidebar-wrapper {
    background: #74b4e6;
}

.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #fff;
}

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer>a {
    color: #fff;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-footer>a:hover i {
    color: #ffff;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #fff;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #ffffff;
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
    color: #fff;
    text-shadow: 0px 0px 10px rgba(22, 199, 255, 0.5);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    background: #337eb7;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #fff;
}

.chiller-theme .sidebar-footer {
    background: #337eb7;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;


}

.chiller-theme .sidebar-footer>a:first-child {
    border-left: none;
}

.chiller-theme .sidebar-footer>a:last-child {
    border-right: none;
}

.dashboard-parent {
    display: flex;
    margin-top: -10px;
}

.dashboard-child {
    width: 20%;
}

.dashboard-child1 {
    width: 80%;
}



/* card-dashboard */
.c-dashboardInfo {
    margin-bottom: 15px;
}

.c-dashboardInfo .wrap {
    background: #ffffff;
    box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 40px 25px 20px;
    height: 100%;
}

.c-dashboardInfo__title,
.c-dashboardInfo__subInfo {
    color: #6c6c6c;
    font-size: 1.18em;
}

.c-dashboardInfo span {
    display: block;
}

.c-dashboardInfo__count {
    font-weight: 600;
    font-size: 2.5em;
    line-height: 64px;
    color: #323c43;
}

.c-dashboardInfo .wrap:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
}

.wrap:after {
    background: linear-gradient(82.59deg, #51c8d8 0%, #000888 100%);
}

.c-dashboardInfo__title svg {
    color: #d7d7d7;
    margin-left: 5px;
}

.MuiSvgIcon-root-19 {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 24px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
    flex-shrink: 0;
}


.top-c {
    position: relative;
}

.card-parent-d {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.card-child-d {
    width: 18%;
    margin: 10px;
}

@media screen and (max-width:1100px) {
    .card-child-d {
        width: 22%;
        margin: 10px;
    }
}

@media screen and (max-width:990px) {
    .card-child-d {
        width: 30%;
        margin: 10px;
    }
}

@media screen and (max-width:767px) {
    .card-child-d {
        width: 46%;
        margin: 10px;
    }
}

@media screen and (max-width:580px) {
    .card-child-d {
        width: 44%;
        margin: 10px;
    }
}

@media screen and (max-width:380px) {
    .card-child-d {
        width: 100%;
        margin: 10px;
    }
}

/* card-end-dashboard */
/* ------------------login------------------------- */

/* ----------------------manage-list--------------- */

.act-mg-p {
    display: flex;
    align-items: center;
}

.mg-btn {
    margin-right: 20px;

}

.mg-btn i {
    margin-right: 10px;
}

.mg-btn i:hover {
    color: #fff;
}

.view p {
    margin-bottom: 0px;
}

.add-album-btn .btn {
    background-color: #337eb7 !important;
    color: #fff;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
    border: none;
}

.add-album-btn .btn:focus {
    box-shadow: none;
}

.add-album-btn i {
    margin-right: 10px;
}

.add-album-btn i:hover {
    color: #fff;
}

/* ----------moddal-------------- */


.manage-m-p {
    display: flex;
    width: 100%;
    align-items: center;
}

.manage-m-child {
    width: 30%;
}

.manage-m-child-input {
    width: 70%;
}

.act-p {
    display: flex;
    align-items: center;

}

.act-child-in {
    margin-left: 30%;
}

.add-album-box {
    background-color: #337EB7;
    color: #ffff;
}

.text-album {
    color: #fff;
}

.modal-heading {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.mod-p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
}

.manage-m-child-input input {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
}

.submit-m {
    color: #fff !important;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    background-color: #337EB7;
    width: 113px;
    padding: 12px;
    border-radius: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    transition: all 0.5s;
}

.submit-m:hover {
    background-color: transparent !important;
    color: #0d5b18  !important;
    border: 1px solid #0d5b18 ;
}

/* ---------------table-------------- */
.table-style_g th {
    font-family: 'Roboto';
    font-weight: 400;
    color: #fff !important;
    font-size: 14px;
    background-color: #337eb7;
    min-width:120px;
}

.tables-data-style td {
    color: #000;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 400;
}
td img{
height: 50px;
width: 50px;
}
.manage-m-child-input .name-label{


border: 1px solid #337eb7;
    padding: 10px 0px;

}

.name-label::placeholder{
    padding-left: 15px;
}

/* ------------table-end------------- */
.name-label2::placeholder{
    padding-left: 15px;
}

.til-input-b2 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0rem;
    color: var(--paragraph);
    border: 1px solid #ced4da;
    padding: 12px 15px !important;
}

.til-input-t2 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0rem;
    color: var(--paragraph);
    border: 1px solid #ced4da;
    padding: 12px 15px !important;
}

.custom .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 40px;
    margin-right: 15px;
}

.custom .form-control {
    display: block;
    width: 100%;
    padding: 0.65rem 0.75rem;
    border: 1px solid #ced4da;
}

.custom .select-styled {
    background-color: #fff !important;
    border: 1px solid #ced4da;
    border-radius: 6px;
    color: #6c757d !important;
    font-size: 16px;
    font-weight: 500;
    padding: 9px 15px !important;
    height: 46px;
}

.custom .modal-heading {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.custom .card {
    border: 0 solid transparent;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}

.custom .card-header.bg-dark {
    background: linear-gradient(90deg, #d3d4dc 0%, 50%, rgba(237 243 248) 100%) !important;
}

.custom .select-options{box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);border: 1px solid #ced4da;}

.custom .select-styled:after {
    border-color: #afafaf transparent transparent transparent !important;
}

.custom-radio input[type="radio"] {
  display:none;
}


.custom-radio label {
  padding: .5rem 1em;
  display: inline-block;
  border: 1px solid grey;
  cursor: pointer;
}

.custom-radio .blank-label {
  display: none;
}

 .custom-radio input[type="radio"]:checked + label {
    background: #337eb7;
    color: #fff;
    border: 1px solid #337eb7;
}

.text-right {
    text-align: right;
}

.custom .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 19px;
    right: 10px;
}

.custom .select-styled:active:after, .select-styled.active:after {
     top: 19px;
    border-color: transparent transparent #fff transparent;
}


.custom .select-options {
    background-color: #fff;
}

.custom .select-options li {
    margin: 0;
    padding: 5px 0;
    text-indent: 15px;
    border-top: 1px solid #fff;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    color: #262626;
}

.custom .submit-m {
    color: #fff;
    background-color: #0d5b18;
    width: auto;
    padding: 8px 20px;
}

/* News CSS */
.detail-box{
    position: relative;
 }
.detail-box img{
  width: 100%;
}
.detail-lables{
    position: absolute;
    top: 20px;
    left: 20px;
}

.detail-lables .category-badge {
color: #FFF;
border-radius: 25px;
display: inline-block;
line-height: 1;
left: 20px;
top: 20px;
z-index: 1;
text-decoration: none;
background: var(--new-color);
background-size: 200% auto;
}
.detail-lables .lg{
font-size: 20px;
padding: 6px 10px;
}
.details .meta {
    font-size: 14px;
    color: #9faabb;
    padding: 0px;
    display: flex;
    align-items: center;
}

.online-training {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: justify;
    color: var(--paragraph);
    margin: 10px 0px;
}

.post-title-deatil a {
    font-size: 18px;
    color: inherit;
    text-decoration: none;
    font-family: 'Roboto';
    color: #001e5f;
}
.box-side_cover {
padding: 15px;
}
.deatil_list-inline a{
color: inherit;
text-decoration: none;
}
.deatil_list-inline img{
margin-right: 20px;
}
.list-inline-item img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.post.post-classic .details .post-title {
font-size: 24px;
}

.mandatory-para{
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: justify;
color: var(--paragraph);
} 

.training-description {
    font-size: 15px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #727272;
}
.online-training a {
    text-decoration: none;
    
}
.detail-box img {
width: 100%;
height: 364px;

object-position: top center;
object-fit: cover;
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
/*End News CSS*/

/*Start Polls CSS*/

.add-btn-cl {
    background-color: #337eb7 !important;
    color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    top: -15px;
  }

  #view {
    padding: 0px;
    position: relative;
  }
  #view li{
    position: relative;
  }
  #view li:before {
  position: absolute;
  content: '';
  height: 15px;
  background: #ffffff;
  width: 15px;
  top: 12px;
  left: 20px;
  border-radius: 50%;
  border: 1px solid #767272;
}

  #view li {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
    margin-bottom: 10px;
    list-style: square !important;
    margin-top: 10px;
    background: #e9ecef;
    height: 37px;
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 15px;
    border-radius: 4px;
    padding-left: 50px;


  }
  .r-input:focus{
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important
  }

  .form-background {
    padding: 20px;
    background: #fff;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    border-radius: 10px;
  }

  .add-items-btn {
    color: #fff;
  background-color: var(--logo-color);
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  border-radius: 10px;
  padding: 8px 24px;
  text-decoration: none;
  position: relative;
  /* top: 25px; */
  margin-top: 15px;
  display: inline-block;
  }

  .add-items-btn:hover {
    color: #fff;
  }

  /* ------------------- */

  /*------------------------*/
  input:focus,
  button:focus,
  .form-control:focus {
    outline: none;
    box-shadow: none;
  }

  .form-control:disabled,
  .form-control[readonly] {
    background-color: #fff;
  }

  /*----------step-wizard------------*/
  .d-flex {
    display: flex;
  }

  .justify-content-center {
    justify-content: center;
  }

  .align-items-center {
    align-items: center;
  }

  /*---------signup-step-------------*/
  .bg-color {
    background-color: #333;
  }

  .signup-step-container {
    
    padding-bottom: 60px;
  }




  .wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color: transparent;
  }

  .wizard>div.wizard-inner {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
    display: none;
  }

  .connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 75%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    z-index: 1;
    display: none;
  }

  .wizard .nav-tabs>li.active>a,
  .wizard .nav-tabs>li.active>a:hover,
  .wizard .nav-tabs>li.active>a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
  }

  span.round-tab {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #0e214b;
    font-weight: 500;
    border: 1px solid #ddd;
    display: none;
  }

  span.round-tab i {
    color: #555555;
  }


  .wizard li.active span.round-tab i {
    color: #5bc0de;
  }

  .wizard .nav-tabs>li.active>a i {
    color: #0db02b;
  }

  .wizard .nav-tabs>li {
    width: 25%;
  }

  .wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: red;
    transition: 0.1s ease-in-out;
  }



  .wizard .nav-tabs>li a {
    width: 30px;
    height: 30px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
    position: relative;
    top: 0;
  }

  .wizard .nav-tabs>li a i {
    position: absolute;
    top: -15px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 700;
    color: #000;
  }

  .wizard .nav-tabs>li a:hover {
    background: transparent;
  }

  .wizard .tab-pane {
    position: relative;
    padding-top: 20px;
  }


  .wizard h3 {
    margin-top: 0;
  }

  .prev-step,
  .next-step {
    font-size: 13px;
    padding: 8px 24px;
    border: none;
    border-radius: 4px;
    margin-top: 30px;
  }

  .next-step {
    color: #fff;
    background-color: var(--logo-color);
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 10px;
  }

 

  .step-head {
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
  }

  .term-check {
    font-size: 14px;
    font-weight: 400;
  }

  .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
  }

  .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 40px;
    margin: 0;
    opacity: 0;
  }

  .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 40px;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 2;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
  }

  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 38px;
    padding: .375rem .75rem;
    line-height: 2;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
  }

  .footer-link {
    margin-top: 30px;
  }



  .list-content {
    margin-bottom: 10px;
  }

  .list-content a {
    padding: 10px 15px;
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    position: relative;
    color: #565656;
    font-weight: 400;
    border-radius: 4px;
  }

  .list-content a[aria-expanded="true"] i {
    transform: rotate(180deg);
  }

  .list-content a i {
    text-align: right;
    position: absolute;
    top: 15px;
    right: 10px;
    transition: 0.5s;
  }

  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #fdfdfd;
  }

  .list-box {
    padding: 10px;
  }

  .signup-logo-header .logo_area {
    width: 200px;
  }

  .signup-logo-header .nav>li {
    padding: 0;
  }

  .signup-logo-header .header-flex {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .list-inline li {
    display: inline-block;
  }

  .pull-right {
    float: right;
  }

  /*-----------custom-checkbox-----------*/
  /*----------Custom-Checkbox---------*/
  input[type="checkbox"] {
    position: relative;
    display: inline-block;
    margin-right: 5px;
  }

  input[type="checkbox"]::before,
  input[type="checkbox"]::after {
    position: absolute;
    content: "";
    display: inline-block;
  }

  input[type="checkbox"]::before {
    height: 16px;
    width: 16px;
    border: 1px solid #999;
    left: 0px;
    top: 0px;
    background-color: #fff;
    border-radius: 2px;
  }

  input[type="checkbox"]::after {
    height: 5px;
    width: 9px;
    left: 4px;
    top: 4px;
  }

  input[type="checkbox"]:checked::after {
    content: "";
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
  }

  input[type="checkbox"]:checked::before {
    background-color: #18ba60;
    border-color: #18ba60;
  }


  .prev-step {
    color: #fff;
    background-color: var(--logo-color);
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 10px;
  }





  @media (max-width: 767px) {
    .sign-content h3 {
      font-size: 40px;
    }

    .wizard .nav-tabs>li a i {
      display: none;
    }

    .signup-logo-header .navbar-toggle {
      margin: 0;
      margin-top: 8px;
    }

    .signup-logo-header .logo_area {
      margin-top: 0;
    }

    .signup-logo-header .header-flex {
      display: block;
    }
  }


  /* ------------------- */
  .containning {
      display: block;
      position: relative;

      height: auto;
    }

    h2 {
      color: #AAAAAA;
    }

    .containning ul {
      list-style: none;
      margin: 0;
      padding: 0;
      overflow: auto;
    }

    .radios_btn {
      display: flex;
      align-items: center;
    }

    .radios_btn li {
      color: #AAAAAA;
      display: block;
      position: relative;
      float: left;
      width: 100%;

    }

    .radios_btn li input[type=radio] {
      position: absolute;
      visibility: hidden;
    }

    .radios_btn li label {
      display: block;
      position: relative;
      padding: 10px 25px 25px 60px;
      z-index: 9;
      cursor: pointer;
      -webkit-transition: all 0.25s linear;
      font-size: 14px;
      font-family: 'Roboto';
      font-weight: 500;
    }

    .radios_btn li:hover label {
      color: #337eb7;
      font-size: 14px;
      font-family: 'Roboto';
      font-weight: 500;
    }

    .radios_btn li .check {
      display: block;
      position: absolute;
      border: 5px solid #AAAAAA;
      border-radius: 100%;
      height: 25px;
      width: 25px;
      top: 10px;
      left: 20px;
      z-index: 5;
      transition: border .25s linear;
      -webkit-transition: border .25s linear;
    }



    .radios_btn li .check::before {
      display: block;
      position: absolute;
      content: '';
      border-radius: 100%;
      height: 11px;
      width: 11px;
      top: 2px;
      left: 2px;
      margin: auto;
    }

    input[type=radio]:checked~.check {
      border: 5px solid #337eb7;
    }

    input[type=radio]:checked~.check::before {
      background: #337eb7;
    }

    input[type=radio]:checked~label {
      color: #dee1e6;
    }

    /* ----------New-active--------------- */

    .custom-radio input[type="radio"] {
      display: none;
    }

    .custom-radio input[type="radio"]:checked+label {
      background: #0d5b18;
      color: #fff;
      border: 1px solid #0d5b18;
    }

    .custom-radio input[type="radio"] {
      display: none;
    }

    .custom-radio label {
      padding: 0.5rem 1em;
      display: inline-block;
      border: 1px solid grey;
      cursor: pointer;
    }

    input[type=radio]:checked~label {
      color: #2b1e1e;
    }


/*End Polls CSS*/
* -----------------registration-form */
.r-labels{
    color: #000;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 500;
}
.r-form-design{
    border: 1px solid #337EB7;
    padding: 7px;
    border-radius: 0px;
}
.r-form-design:focus{
    border: 1px solid #337EB7;
    
}

.r-form-design::placeholder{
    font-weight: 400;
    font-size: 16px;
    color: #727272;
    font-family: 'Roboto';

}



/* ---input-type */
/* [type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
} */
[type="file"] + label {
    border: 1px solid #337EB7;
    box-shadow: none;
    background-color: transparent;
    border-radius: 0px;
    color: #727272;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    outline: none;
    padding: 7px;
    width: 100%;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
    margin-top: -30px;
}
[type="file"] + label:hover {
    border: 1px solid #337EB7;
    box-shadow: none;
    background-color: transparent;
}


.drop_down-r{
  position: relative;
}

.drop_icon{
    position: absolute;
    top: 40px;
    right: 20px;
}
.drop_icon i{
    color: #727272;
    transform: rotate(90deg);
}
.re-drop-down{
    width: 100% !important;
    padding: 0px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border: none;
}

.profile-text-a{
    border: 1px solid #337EB7;
    box-shadow: none;
    background-color: transparent;
    height: 40px !important;  
    border-radius: 0px;
}
.profile-text-a:focus{
    border: 1px solid #337EB7;
}
#r-labels{
    font-weight: 400;
    font-size: 16px;
    color: #727272;
    font-family: 'Roboto';
    margin-top: -10px !important; 
}
/*.button-p .btn{
    color: #fff;
    background-color: var(--logo-color);
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    border-radius: 15px;
    padding: 14px 50px;
}*/


/* -------------shreya-css-start */
.profile-img {
    position: relative;
}
.profile-img  img {
    border-radius: 50%;
height: 150px;
width: 150px;
    position: relative;
}
.edit-profile {
  position: absolute;
    right: 25px;
    bottom: 18px;
    height: 36px;
    width: 36px;
    background: #71A439;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
}
.pro-he{
    margin-top: 20px;
}
/* 10-01-2023 */

#gallerys{
    background-image: url(../img/carousel-banner.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
     height: 500px;
    object-fit: cover;
    padding: 150px 0px;
}

.event-banner-heading

 {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    position: relative;
    text-shadow:2px 2px 3px #000;
}

#fancy_img_customize{
    object-fit: cover;
    height: 120px;
    width: 100%;
}

.event-parent{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.event_child{
    width: 18%;
    margin:10px;


}

.event-para {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
}
.event-banner-date{
 
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
 
}

/* --------------event-gallery-------------- */
.list-profile-event{
    height: 130px;
    width: 130px;
    object-fit: cover;
}

/* ----------Vacancy Advertisement-------------- */



#Vacancy-Advertisement{
    background-image: url(../img/carousel-banner.png);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 600px; */
    object-fit: cover;
    padding: 150px 0px;
}
.vacancy-advetisevent{
    width: 31%;
    margin:10px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #fff;

}
.img-vacancy img{
    height: 160px;
    width: 100%;
    object-fit: cover;
}
.card-addvertise{
    background-color: #fff;
    padding: 15px 15px 0px 15px;

}

.vacncy-p{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: justify;
    color: var(--paragraph);
    margin-bottom: 0px !important;
}
.card-v{
    border: none;
}


@media screen and (max-width:990px){
    .vacancy-advetisevent{
        width: 48%;
    }
    .overview{
        margin-top: 10px;
    }
    #gallerys{
        padding: 30px 0px;
    }
    .event_child{
      width: 30%;
    }
}


@media screen and (max-width:767px){
    .vacancy-advetisevent{
        width: 100%;
        margin: 10px 0px;
    }
    .event_child{
        width: 100%;
        margin: 10px 0px;
      }
      .heading-event h1{
        font-size: 30px;
      }
  }


  /* --------------description------------------ */
.event-description{
    color: #001e5f;
}

.order_av li{
    list-style-type: decimal !important;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.vac-adv{
    padding: 10px 60px !important;
    margin-top: 0px !important;
}

.facebook i{
    color: #fff;
    background-color: #3b5998;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.twitter i{
    color: #fff;
    color: #fff;
    background-color: #55acee;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.linkedin i{
    color: #fff;
    background-color: #1f88be;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.email i{
    color: #fff;
    background-color: #1f88be;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.social-icon-adv{
    display: flex;
      justify-content: space-around;

}
.mt-10{
    margin-top: 10px;
}
.mt-20{
    margin-top: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mb-10{
    margin-top: 10px;
}
.mb-20{
    margin-top: 20px;
}
.mb-30{
    margin-top: 30px;
}


@media screen and (max-width:767px){
    .event-description {
        color: #001e5f;
        font-size: 16px;
    }
}


/* ------------------aniversary-birthday------------------ */


#aniverssary-birthday{
    background-image: url(../img/carousel-banner.png);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 600px; */
    object-fit: cover;
    padding: 150px 0px;
}
.card-birth-aniverse{
    padding: 20px 15px;
}

.aniverssary-birthday{
    width: 23%;
    margin: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 6px;
}
.aniverse-birth{
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: left;
    color: var(--Main-heading);
   
}
.avt-title{
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 0px;
}

.avt-desination{
    font-family: Roboto;
font-size: 16px;
font-weight: 400;
margin-bottom: 0px;
letter-spacing: 0em;
text-align: left;
color: var(--paragraph);
}
.profil-details{
    padding-left: 30px;
}

.btn-group{
    /* width: 100%; */
    display: flex;
    flex-wrap: wrap;
}
.space-m{
    margin-top: 30px;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #74b3e5;
    /* padding: 8px 15px; */
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    font-weight: 600;
}
/* start People Diretory Image */
.profile-picture img {
    border-radius: 50%;
    border: 1px solid #e8bd4e;
    box-shadow: 0px 0px 18px #cacaca;
    height: 120px;
    width: 120px;
    object-fit: cover;
  }
  /* End People Diretory Image */
@media screen and (max-width:767px){
    .intro-card{
        display: block;
        width: 100%;
    }
    .profil-details{
        padding-left: 0px;
        padding-top: 15px;
    }
    .profile-picture img{
        margin: auto;
        display: block;
    }
    .aniverse-birth, .avt-title, .avt-desination{
        text-align: center;
    }
    #aniverssary-birthday{
        padding: 60px 0px;
    }
    .event-banner-heading{
        font-size: 25px;
    }
    .view-flex .input-group{
        margin: 10px 0px;
    }
    .view-flex{
        flex-direction: column;
    }
    .select{
        width: 100%;
        margin-top: 10px;
    }
    .space-m{
        margin-top: 10px;
    }
}

/*------- Start  Holiday -------------------- */
.holilist thead tr {
    border: 1px solid #868c90;
    background: #6f8a89;
    color: #fff;
}

.holilist-td tr td {
    font-family: Roboto;
    font-size: 16px;
    text-transform: capitalize;
    border: 1px solid #6f8a89 !important;
    font-weight: 400;
    color: var(--paragraph);
}

.r-labels {
    color: #000;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 500;
}

/* End Holiday  */


/* side bar css */
.closely{
    position: relative;
    display:flex;
    align-items:center;
  }

.top-c-custom i {
    font-size: 23px;
    color: #0d5b18  ;
    cursor: pointer;
}
  .sidebar-wrapper{
    display: none;
  }

/* end side bar css */

/* Start Knowledge Base */
.breadcamp-head-heading a{
    text-decoration: none;
    color: inherit;
}
/* End Knowledege Base */

/* For Image Input Field */
.image_field{
    height: 0;
    overflow: hidden;
    width: 0;
}
/* For Image Input Field */

/* Department */
.breadcamp-head-heading a{
    text-decoration: none;
    color: inherit;
}

.detail-boxes{
  width: 60%;
}
.finace-boxes{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*  End Department*/

/* Start  Department for Mobile View */
@media screen and (max-width:767px) {
    .intro-card-1{
        display: block;
    }
    .detail-boxes{
        width: 100%;
    }
    .profile-details h2 {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        margin-bottom: 1rem !important;
        text-align: center;
        margin: 10px 0px;
    }
    .profile-details h2 span{
        margin-top: 10px;
    }
    .profile-details{
        padding-left: 0px;
    }
    .finace-boxes{
        display: block;
        
    }
    .finace-boxes span{
        display: block;
        padding: 5px 0px;
    }
  }
/*End  Department for Mobile View */
/*Start  User Profile css */
/* -----------17-01-2023------------- */

.wraping-profile-picture{
    background: #fff;
    padding: 30px 10px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    margin: 50px 0px 30px 0px;
    border-radius: 10px;
  }
  .profile-pic{
    position: relative;
    right: 10px;
  }
  .profile-pic img{
    width: 180px;
    height: 180px;
  }
  .profile--main-he{
    font-family: Roboto;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--Main-heading);
    position: relative;
  }


  .change-profile {
    position: absolute;
    right: 18%;
    bottom: 20px;
    height: 45px;
    width: 45px;
    background: #f8f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color:var(--main-background);
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.change-profile i {
    font-size: 22px;
}
 
.profile-input{
    display: block;
    width: 100%;
    padding: 0.65rem 0.75rem;
    border: 1px solid #ced4da;
}

.profile-labels{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
.space-prp-input{
    margin-top: 20px;
}


@media screen and (max-width:767px){
    .profile-pic img{
        margin: auto;
        display: block;
        height: 160px;
        width: 160px;
    }
    .space-prp-input{
        margin-top: 0px;
    }
    .wraping-profile-picture {
        background: #fff;
        padding: 20px 10px;
        box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
        margin: 30px 0px 30px 0px;
        border-radius: 10px;
    }
    .button-p .btn{
        margin: auto;
        display: block;
    }
    .change-profile{
        right: 20%;
        bottom: 33px;
    }
}



/* 19-01-2023  pulse and survey*/


.rating-item:not(:last-child) {
    margin-right: 24px;
}

.rating-item {
    margin: 1em 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 55px;
}
.rating-item:first-child .rating-item-title {
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: left;
}
.rating-item .rating-item-title {
    cursor: text;
    text-align: right;
    word-break: break-word;
    width: 100px;
    white-space: normal;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    z-index: 9;
}
.rating-item-title {
    font-size: .75em;
    width: 100%;
    text-align: center;
    margin-top: 6px;
}

.form-radio {
    position: absolute;
    opacity: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}

.rating-item label {
    color: #8894ab;
    background-color: transparent;
    font-size: 16px;
}
.form-radio+label, .form-radio+span {
    color: #2c3345;
}
.rating-item>label {
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    border: 2px solid;
    font-size: .75em;
    border-radius: 50%;
    font-weight: 500;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
}

.rating-item input:checked+label {
    background-color: #337eb7;
    color: #fff;
    border-color: #337eb7;
}
.rating-item-group, li[data-type=control_scale] .form-sub-label-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.box_ct-box{
    display: flex;
    justify-content: space-between;
}

.Yes-design{
    color: #8894ab;
    background-color: transparent;
    font-size: 16px;
}
.listed_numbers li{
    list-style: decimal !important;
    padding: 10px 0px;
    font-size: 16px;
    color: #8894ab;

    
}
.listed_numbers li .r-form-design{
    margin-left: 30px;
}
.post-inout {
    margin-top: 15px;

}
.post-inout .form-control {
  
    border: 1px solid #ced4da ;
    border-radius: 5px;
    width: 100%;
    padding: 25px;
    min-height: calc(9.5em + 0.75rem + 2px) !important;
    margin-left: 30px;
}

.bg-design{
 
    padding: 40px 60px;
    border-radius: 10px;
   
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 50px;
}
.bg-designs{
    margin-left: 0px !important;

} 


/* end of pulse and survey */



/* End User Profile css */


/* 20-01-2023 */



/* --------------19-01-2023-------------- */
/* commented by dharmanshu for training page */
.card-img-top {

    
    width: 400px;
    height: 256px;
    object-fit: cover;
}
/*end  commented by dharmanshu for training page */
.text-para-ab{
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
color: var(--paragraph);
}



.pagination .page-item .page-link{
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: none !important;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    border-radius: 20%;
    font-size: 20px;
    font-weight: 600;  

 
}
.pagination .page-item{
    padding: 40px 10px 30px 10px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #ffffff;
    background-color:#0d5b18  !important;
    border-color: #0d5b18 !important;
}
.pagination .page-item .page-link:hover{
    background-color: #0d5b18 !important;
    border-color: #0d5b18 !important;
    color: #ffffff;
}
.training-event{
    width: 31.2%;
}

@media screen and (max-width:1100px) {
    .training-event{
        width: 30%;
    }
}
@media screen and (max-width:900px) {
    .training-event{
        width: 47%;
    }
}

@media screen and (max-width:767px) {
    .pagination .page-item .page-link{
        height: 35px;
        width: 35px;
        border-radius: 15%;
        font-size: 18px;
    }
    .training-event{
        width: 100%;
    }

    
}

 /*-----------------rating 18-01-2023--------------------- */
 
  .rating {
    display: inline-block;
    position: relative;
    height: 50px;
    line-height: 50px;
    font-size: 50px;
  }
  
  .rating label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
  }
  
  .rating label:last-child {
    position: static;
  }
  
  .rating label:nth-child(1) {
    z-index: 5;
  }
  
  .rating label:nth-child(2) {
    z-index: 4;
  }
  
  .rating label:nth-child(3) {
    z-index: 3;
  }
  
  .rating label:nth-child(4) {
    z-index: 2;
  }
  
  .rating label:nth-child(5) {
    z-index: 1;
  }
  
  .rating label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  
  .rating label .icon {
    float: left;
    color: transparent;
  }
  
  .rating label:last-child .icon {
      color: #dee1e6;
  }
  
  .rating:not(:hover) label input:checked ~ .icon,
  .rating:hover label:hover input ~ .icon {
    color: #e8ce4e;
  }
  
  .rating label input:focus:not(:checked) ~ .icon:last-child {
    color: #000;
    text-shadow: 0 0 5px #09f;
  }
  
  .rating-parent{
      display: flex;
      width: 100%;
      align-items: center;
  }
  .rating-child{
      width: 60%;
      margin-right: 5%;
  }
  .rating-child-star{
      width: 40%;
  }
  .wraper-rating{
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      padding: 20px 20px;
      background-color: #fff;
      margin: 40px 0px;
      border-radius: 10px;
  }
  
  @media screen and (max-width:767px) {
      .rating-parent{
          display: block;
      }
      .rating-child{
          width: 100%;
      }
      .rating-child-star{
      width: 100%;
  }
  .wraper-rating{
      margin: 20px 0px;
  }
  }

/* 25-01-2023 */

#address {

    padding: 16px;
}
#street_address{
padding: 16px;
}
.new-add-btns-c{
margin-top:29px !important;
}

.new-add-btns-c .btn{
color:#fff;
background-color:#337eb7 !important;
}
#removeRow{
left:5px !important;
position:relative;
}

.user-name-pro {
    color: #0d5b18;
    font-size: 14px;
    font-weight: 500;
    font-family: roboto;
    /* margin-top: 10px; */
    top: 3px;
    cursor:pointer;
}


/* / ----------25-01-2023--------------- / */
.add-class-trigger-add{
    display: block;
    width: 100%;
    padding: 0.65rem 0.75rem;
    border: 1px solid #ced4da;
    width: 90%;
    border-radius: 7px;
    margin: 8px 0px;
}
.add-class-trigger-add:focus{
    border: 1px solid #267FC5;
}
.trigger-select{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.question-triger{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
    background-color: transparent !important;
    border: none;
    margin: 15px 0px 0px 0px;
}
.trigger-question-label{
    font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #267FC5;
}


  /* -------------news-data-s 10-02-2023 */
#calendar {
    max-width: 1100px;
    margin: 0 auto 8px;
    border: 1px solid #0d5b18;
    border-radius: 20px;
    padding: 15px;
}
.fc .fc-daygrid-day-top {
    display: flex;
    justify-content: center !important;
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events{
    margin-bottom: 0px !important;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
    min-height: 0px !important;

}

.fc-daygrid-day-top a {
    text-decoration: none;
    color: #716969 !important;
    font-weight: 500;
    font-family: 'Roboto';
}
.fc-scrollgrid-sync-inner a {
    text-decoration: none;
    color: #337eb7;
    font-weight: 500;
    font-family: 'Roboto';
}
.fc-theme-standard td, .fc-theme-standard th {
    border: none;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: rgb(51 126 183);
    /* border-radius: 16%; */
}
  /* .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    background-color: #337eb7;
    border-color: #337eb7;
    color: var(--fc-button-text-color);
}  */
.fc .fc-button-primary {
    background-color: 337eb7;
    border-color: #337eb7;
    color: var(--fc-button-text-color);
}
.fc-theme-standard .fc-scrollgrid {
    border: none;
}

.deatil_list-inline li:nth-child(2) {
    margin: 0px 10px;
}

.remove-icon a i {
    background: #ffffff;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--new-color);
    font-size: 16px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.remove-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index:1;
}
.banner_item img {
    height: 378px;
}


 /* -------28-02-23----- */
  .dropdown-custom-box {
    width: 140px;
  }
  .dropdown__switch:checked + .dropdown__options-filter .dropdown__select {
    transform: scaleY(1);
  }
  .dropdown__switch:checked + .dropdown__options-filter .dropdown__filter:after {
    transform: rotate(-135deg);
  }
  .dropdown__options-filter {
    width: 100%;
    cursor: pointer;
  }
  .dropdown__filter {
    position: relative;
    display: flex;
    padding: 7px;
    background-color: #f5f6fa;
    border: 1px solid #f5f6fa;
    border-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: 0.3s;
    color: #979EAE;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 0px;
  }
  /* .dropdown__filter:focus {
    border: 1px solid #918FF4;
    outline: none;
    box-shadow: 0 0 5px 3px #918FF4;
  } */
  .dropdown__filter::after {
    position: absolute;
    top: 45%;
    right: 0px;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid #a39eb5;
    border-bottom: 2px solid #a39ebf;
    transform: rotate(45deg) translateX(-45%);
    transition: 0.2s ease-in-out;
  }
  .dropdown__select {
    /* position: absolute; */
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 5px;
    /* overflow: hidden; */
    /* box-shadow: 0 5px 10px 0 rgba(152, 152, 152, 0.6); */
    transform: scaleY(0);
    transform-origin: top;
    font-weight: 300;
    transition: 0.2s ease-in-out;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    z-index: 1;
    border: 1px solid #337DB6;
    padding: 10px 15px;
    border-radius: 15px;
    z-index: 1111;
  }
  .dropdown__select-option {
    padding: 7px;
    /* background-color: #fff; */
    border-bottom: 1px solid #d6d6d6;
    transition: 0.3s;
  }
  .dropdown__select-option:last-of-type {
    border-bottom: 0;
  }
  .dropdown__select-option:hover {
    background-color: #f9f9f9;
  }

  @media screen and (max-width:767px) {
    .search-drop{
        display: block !important;
    }
    .head-input-field input{
        border-radius: 20px;
    }

    .dropdown-custom-box{
        width: 100%;
    }
    .drop-arrow-icon:before{
        background-image: none;
    }
    .head-input-field:before{
        background-image: none;
	background-color: transparent;
    }

    .dropdown__filter::after {
        right: 20px;
      
    }
    .dropdown__filter{
        border-radius: 20px;
        padding: 9px;
    }
    .head-input-field{
        margin-top: 15px;
    }
.img-c-1{
width:100%;
margin:8px 0px;
}
  }


/* --------New-add-css 02-03-23--------- */

  
  .tt-select {
    position: relative;
    height: auto;
    padding: 0px;
    margin-bottom: 0px;
    text-align: left;
    width: 175px;
}
.tt-select select {
    display: none;
}
.select-selected {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.8) !important;
}
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
}
.select-selected:before {
    position: absolute;
    content: "";
    top: 18px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: transparent transparent #979EAE transparent;
    transform: rotate(180deg);
}
.select-selected.select-arrow-active:before {
    border: none;
}
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #979EAE transparent;
    top: 10px;
}

.select-items p,.select-selected {
    padding: 7px 16px;
    border: 1px solid #F5F6FA;
    cursor: pointer;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    background-color: #F5F6FA;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 0px !important;
}


.select-items {
    position: absolute;
    background-color: #f5f6fa;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 2px solid #337DB6 !important;
    border-radius: 5px;
    top: 43px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.select-hide {
    display: none;
}
.select-items p:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0px !important;
   
}
.head-input-field{
    position: relative;
}
.secrh-icon{
    position: absolute;
    right: 25px;
    bottom: 8px;
}
.secrh-icon i{
    color: #a8aebc;
    font-size: 20px;
    cursor: pointer;
}

.search-parent{
    display: flex;
    flex-wrap: wrap;
    width: 100%;

}
.ser-cx{
    width: 33.3%;
}

@media screen and (max-width:1280px){
    .ser-cx{
        width: 47%;
    }
}
@media screen and (max-width:660px){
    .ser-cx{
        width: 100%;
    }
    .card-breadcamp1{
        width: 100%;
    }
    .tt-select{
        width: 100%;
    }
    .select-items p, .select-selected{
        border-radius: 20px;
    }
    .drop-arrow-icon:after{
        background-image: none;
        top: 0px;
    }
    .select-selected:before {
        right: 40px;
       
    }
}

.manoj {
    width: 33.3%;
}



.fc-toolbar-chunk h2 {
    text-align: center;
    padding: 0px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #001e5f !important;
    float: left;
    font-family: Roboto;
    font-size: 14px !important;
}

.fc-next-button {
    background-color: transparent !important;
    color: #337eb7 !important;
    border: 0px !important;
    position: relative;
    left: 240px;
}

.fc-prev-button {
    background-color: transparent !important;
    color: #337eb7 !important;
    border: 0px !important;
}

.fc .fc-button:focus {
     box-shadow: none !important;
    outline: 0;
}

.fc-scrollgrid-sync-inner a {
    text-decoration: none;
    color: #001e5f;
    font-weight: 500;
    font-family: 'Roboto';
    font-size: 13px !important;
}



.fc-event-title {
    color: #7e6b69;
}

.fc-daygrid-event-harness {
    height: 8px !important;
    width: 8px !important;
    background: #337eb7;
    border-radius: 50%;
    position: relative;
    bottom: 5px;
    left: 20px;

}
.fc-event-title-container {
    display: none;
}




td.fc-day.fc-day-thu.fc-day-today.fc-daygrid-day a {
    color: #fff !important;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: rgb(51 126 183);
    /* border-radius: 16%; */
    border-radius: 50% !important;
}

.fc .fc-daygrid-day-top {
    display: flex;
    justify-content: center !important;
    height: 40px;
    justify-content: center !important;
    text-align: center;
    height: 41px;
    padding: 9px;
    width: 40px;
    border-radius: 50% !important;
}




span a {
    text-decoration: none!important;
}

span a:hover {
    text-decoration: underline !important;
}


  /* --------employee-details---------- */                                    
                                        
                                        
                                        
.e-flex{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.e-child{
    width: 31%;
    margin: 3px 10px 3px 0px;
}
.per-det{
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: left;
    color: var(--Main-heading);
    margin-bottom: 0px;
}
.employe-cs{
    height: 200px !important;
    width: 200px !important;
    object-fit: cover;
}
.emp-detail{
   
    padding-left: 12px;
}
.emp-detail li{
    list-style-type: decimal !important;

}


@media screen and (max-width:767px){
    .e-child{
        width: 100%;
        margin:5px 0px;
    } 
    .employe-cs{
        height: 120px !important;
        width: 120px !important;
        object-fit: cover;
    }
}

select.all_department{
background-color: #0d5b18;
    padding: 12px 6px;
    color: #fff;
    font-size: 16px;
    font-weight:500;
    outline:none;
    border: 1px solid transparent;
}
/*.img-c-1 img{*/
/*opacity:0.7;*/
/*}*/
.gallery-overlay1 a{
color:#fff;
text-shadow: 2px 2px 3px #000;
}

/* by dharmanshu */
.search_keyword{
    position: relative !important;
    left: 126px !important;
}
.mark_heading{
    color: #337eb7 !important;
}
.edit_hover:hover{
    color: #337eb7 !important;
}
/* end by dharmanshu */

/* added by anjani for tab */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057 !important;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    background: #f8f9fd !important;
    border: 1px solid var(--logo-color) !important;
    color: var(--logo-color) !important;
    border-bottom: 0px !important;
}


/*-------------chose-multiple-selection-------------*/

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 5px 5px !important;
    width: 100%;
    height: auto;
    border: 1px solid #aaaaaa70;
    background-color: #fff;
     background-image:none !important; 
     background-image: none !important; 
    cursor: text;
    border-radius: 3px !important;
}

@media screen and (max-width:767px){
    .dropdown-btn-d{
        width: 100%;
    }
    .dropbtn{
        width: 100%;
        border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    }
    .dropdown-btn-d:after{
        width: 15px;
        right:20px;
    }
    .dropdown-content{
        width: 100%;
    }

}


/* ----------forum-design-css */
.content-cx a{
    color: inherit;
    text-decoration: none;
}
   .forum-bg {
     background-color: #fff;
     border-radius: 10px;
     padding: 20px;
     box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.form-head{
    color: #000;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 500;
}
.form-head-main{
    color: #000;
    font-size: 25px;
    font-family: 'Roboto';
    font-weight: 500;  
}
.forum-cs{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--paragraph);
    margin-bottom: 0px;
}
.user-img img{
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 50%;
}

.user-imges img{
    height: 50px;
    width: 50px;
    object-fit: cover;
    border-radius: 50%;
}
.users-title{
    color: #337eb7;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 500;
  
}
.cx-botom{
    display: flex;
   
}
.users-details{
    margin-left: 20px;
   
    
}
.main-coments{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.user-coment{
    margin-left: 50px;
}
.coment-icon{
    margin-left: 50px;
}
.mx-like{
    margin-right: 10px;
    position: relative;
}
.mx-like i{
    font-size: 20px;
}
.user-da-cx li{
    margin: 30px 0px 10px 0px;
}

.submit-m {
    color: #fff !important;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    background-color: #0d5b18 ;
    width: 113px;
    padding: 12px;
    border-radius: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    transition: all 0.5s;
    border: none;
}
.cx-design-parent{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cx-data-s{
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 10px;
}
.icon-text-dc{
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    left: 24px;
    top:-2px;
    color: #ffff;
    background: #337eb7;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.wraper-forum{
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 0px 0px 20px 0px;
}
.card-event a{
    overflow:hidden;
}



/*media query start*/

@media screen and (min-device-width: 1300px) and (max-device-width: 1920px) { 
 .fc-icon-right-single-arrow {
    /*margin-left: 101px!important;*/
}
}/*media query end*/


.breadcamp-head {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--logo-color);
}



/* -------drop-down-menu-sub---------- */

.sub-child-menu-sub-btn {
    position: relative;
    /*display: inline-block;*/
}
.dropdown-content-menu-sub {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    border-radius: 7px;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    left: 160px;
}

.sub-child-menu-sub-btn:hover .dropdown-content-menu-sub {
    display: block;
}


.sub-child-menu-sub-btn .dropdown-toggle::after {
    position: relative;
    left: 10% !important;
    top: 3px !important;
}


@media screen and (max-width:767px){
    .dropdown-content-menu-sub {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        border-radius: 7px;
        min-width: 150px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        left: 20px;
    }
}


.doc-list table.dataTable tbody td {
    padding: 8px 10px;
    border-bottom: 2px solid #dee2e6!important;
}

  /* by dharmanshu for training page */
    .img_training {   
        width: 100px !important;
        height: 188px !important;
        object-fit: cover !important;
    }
  /* end by dharmanshu for training page */

  /* by dharmanshu for table heading */
  .thead_th{
    font-family: 'Roboto' !important;
      font-weight: 400 !important;
      color: #fff !important;
      font-size: 14px !important;
      background-color: #0d5b18  !important;
  }
  /* end by dharmanshu for table heading */


/* --------New-design-for-knowledgebase */

.t-cx-p{
    display: flex;
    align-items: center;
}
.cx-img img{
    width: 50px!important;
    height: 50px!important;
    object-fit: cover!important;
}

.table-know{
    color: #000;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 400;
    margin-left: 10px;
    margin-bottom: 0px;
    text-align: start;

}
.tables-data-style td {
    color: #000;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 400;
    vertical-align: middle;

}
.table-dates{
    color: #337eb7;
}

.fc-prev-button{
 box-shadow: none!important;
}
.fc-next-button {
    box-shadow: none !important;
}




/* -----------Support new style---------- */

.card-main{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    margin: 8px;
    width: 32%;
    border-radius: 15px;
   background-color: #0d5b18 ;
}
.card-main:first-child{
    margin-left: 0px;
}

.button_support_card:hover {
  background: #fff !important;
    color: #0d5b18 !important;
}


.main-terms-cx{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

@media screen and (max-width:767px) {
    .card-main{
        width: 100%;
        margin: 10px 0px;
    }
}


.log-css {
    position: absolute;
    left: -50px;
    top: 28px;
    padding: 2px 8px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 4px;
    font-weight: 600;
    color: #337eb7;
    font-size: 16px;
    display:none;
}

.top-c-custom:hover .log-css {
    display: block;
}


img.latest-tab {
    height: 97px!important;
    width: 97px!important;
    object-fit: cover;
    border-radius: 12px;
}


@media screen and (max-width:767px){
.banner_item img {
    height: 250px;
    object-fit: cover;
}

.card-img-top {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.img-c img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.nav-tabs-active {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
}

.training img {
    width: 100%;
    object-position: center!important;
    object-fit: cover!important;
    height: 250px!important;
   
    }
.f-training {
    position: relative;
    margin: 5px 0px;
}
    
    .help-wask {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}

.head .user .avatar img {
    display: block;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    object-fit: cover;
}
    .name {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
}

.heading-footer-side h1 {
    font-family: Roboto;
    font-size: 25px;
    font-weight: 700;
    /* line-height: 47px; */
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
}

.list-profile {
    display: flex;
    margin: auto;
}

.fc-icon-right-single-arrow {
    margin-left: 2px!important;
}

.overlay {
    position: absolute;
    padding: 0px 25px;
    width: 100%;
    left: 0%;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px !important;
    }
    
    .list-profile {
    height: 80px !important;
    width: 80px !important;
}

img.latest-tab {
    height: 80px!important;
    width: 80px!important;
    object-fit: cover;
    border-radius: 12px;
}
    



.box-p-pad-c:nth-child(4) {
    border-top-right-radius: 10px;
}
.box-p-pad-c:nth-child(17) {
    border-bottom-left-radius: 10px;
}
.box-p-pad-c:nth-child(20) {
    border-bottom-right-radius: 10px;
}

.box-p-pad-c:nth-child(16) {
    border-bottom-left-radius: 0px !important;
}

.box-p-pad-c:nth-child(5) {
    border-top-right-radius: 0px !important;
}


.box-p-pad-c {
    padding: 5px;
    background-color: #fff;
    border: 1px solid var(--logo-color);
    width: 24.3%;
}
#pads-click-open {
    position: absolute;
    top: 36px;
    z-index: 9;
    width: 300px;
    left: -162px;
}
#readmore {
    text-align: justify;
}


.event-p {
    display:block;
  
}

.pagination .page-item {
    padding: 40px 5px 30px 5px;
}
.pagination .page-item .page-link {
    height: 20px;
    width: 20px;
    border-radius: 15%;
    font-size: 13px;
}

.menu.menus-sticky ul li {
    padding: 4px 0px;
}
.noticeRead {
    margin-top: 0px !important;
}
.side-heading-c1 {
  
    font-size: 15px;
   
}


 .dropbtn {
        padding: 14px 20px 14px 40px!important;
    }

    .pulse_head{
        font-size: 25px !important; color:white !important;
    }
}

.heading-event p {
    font-size: 28px;
    margin-left: 15px;
}

@media screen and (max-width:480px) {
    .fc-next-button .fc-icon-right-single-arrow {
        margin-left: 0px!important;
    }
}

.page-link{
    color: #0d5b18 ;
}
.document-i i {
    font-size: 40px;
    color: #0d5b188f!important;
}
.btn-primary{
    border-color: #ababab!important;
}

a {
    color: #0d5b18;
    
}
.form-control:focus{
    border-color: #0d5b18;
}