*{
    margin: 0;
    padding: 0;
}
html, body{
    overflow-x:hidden !important;
    font-family: Open Sans, sans-serif !important;

}

@media only screen and (min-width: 768px) {

.primarymenu {
background-color: #43586b !important;
}
}

.primarymenu .navbar-inverse .navbar-nav > li > a {
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #FFFFFF !important;
    padding: 10px 16px !important;
    text-transform: inherit !important;
    line-height: inherit !important; 
}
.indflag{
  width: 28px;
height: 17px;
}

/* .indtxt{
height: 15px;
font-family: 'Lato';
font-style: normal;
font-weight:700;
font-size: 15px !important;
line-height: 17px;
color: #152539;
margin-top: 5px;
} */

.top-nav {
    background: #FFFFFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    }

/*.toptwo{
margin-top:11px;
font-family: 'Lato';
font-style: normal;
font-weight:600;
font-size: 14px;
line-height: 17px;
color: #152539;
    }*/

    .a{
      padding-right:0px !important;
      padding-left: 0px !important;
    }
   .miniimg{
    width:100% !important;
    height:8em !important;
    padding:20px;

   }
   .section-white {

    background: #F3F4F6 !important;
}

section.footer {
    background: #1A2E47 !important;
    }
    .text-reset{
      font-family: 'Lato';
      font-style: normal;
      font-weight:400;
      font-size: 16px;
      line-height: 24px;
      color: #ffffff !important;
      text-decoration: none;
    }

    .faicon{
      padding: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 26px !important;
    line-height: 47px;
    text-align: center;
    text-transform: lowercase;
    color: white !important;
    }

  /*  section.main-container {*/
  /*  margin-top:25px;*/
  /*}*/
  .pressRelease {
    height: 345px !important;
}
.btn-info {
    color: #fff;
    background-color: #f68e2b !important;
    border-color: #f68e2b !important;
}
.ax {

    border-radius:15px !important;
    padding: 5px 5px !important;
}

.play-pause{
  margin-left: 5px;
}
.play-pause {

    right: 20px !important;
}

/*.btn.btn-default.btn-sm.local {
  margin-left:20px !important;
    width: 36% !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 19px !important;
    display: block !important;
    background: #e58043 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    margin-top: -52px !important;
    border: 1px solid #e58043 !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    color: white !important;
} */

.ras{
  
    color: #424F5F !important;
    text-align: left !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;

}
.ras:hover{
    color: orange !important;
}
.dsize{
    font-family: Open Sans, sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 12px !important;
    line-height: 21px;
    color: #1A2E47 !important;
    text-transform: uppercase;
}
.fa-download{
  color:#E87301 !important;
}
.pressRelease-new ul li {
    background: none !important;
}

.bb{
      background: #43586b !important;
    /*margin-top: 20px !important;*/
    /*margin-bottom:45px !important;*/
        
}

/*.q {
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    color: white !important;
    margin-top: 15px !important;
    margin-bottom: 3px !important;
}*/

.cc{
  background: #F3F4F6;
border: 1px solid rgba(26, 46, 71, 0.3);
border-radius: 12px;
    margin-bottom:40px !important;

}
.shri{

border-radius: 50%;
    width: 96px;
    height: 99.65px;
}
.axt{
  margin:25px 0px 25px 0px;

}
.axt1{
  /*margin:50px 0px 25px 0px; */
  align-items: center !important;
}

/*.namet{

    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #152539;
    text-align: left;

} */


/*.namep{
      font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #5F6D7F;
    text-align: left; 

}*/

.devide{
    margin-top: 71px;
    width: 96px;
    height: 0px;
    border: 1px solid #D1D5DA;
    transform: rotate(-90deg);
}
/*.achievecrousel{

 
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 64px;
    gap: 10px;
    isolation: isolate;
    width: 1200px;
    height: 150px;
    background: #1A2E47;
    border-radius: 12px;
    flex: none;
    order: 3;
    flex-grow: 0;

}*/
.owl-theme .owl-controls .owl-buttons div {
    
    opacity:0.8 !important;

    }
    .miniimg2{
height:4em !important;
padding-top: 10px !important;
transition: all 0.6s ease;
transform-style: preserve-3d;

    }
   /* .minitext{

    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 17px !important;
    color: white;

    }*/

    .brd-items{

        padding-top: 20px !important;
    }

    .implink{
            margin-bottom: 3em;
    }

    .pressRelease ul {
    height: 274px !important;
}

/*.secondsection{*/
/*    margin-bottom: 40px;*/
/*}*/
.notificate{
    margin-bottom:2em;
}

.news-item img {
    display:inline !important;
}
.tabthree{
    background: #43586b !important;
    color: white !important;
    text-align:center !important;
}
#tab1{
    margin-top: -12em !important;
    margin-left: 3em;
}
#tab2{
       margin-top: -15em;
    margin-left: 0em;
}
.notificate {
    margin-bottom: 4em !important;
}
/*.inheading {*/
/*    padding: 0px 2px 35px 6vw !important;*/
/*    }*/

    .intro{
    border-radius:8px;
    padding: 10px 20px 10px 20px !important;
    width: 18% !important;
    color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;
    }

    .introtxt{
        padding-left: 0px !important;
    }
.breed{
    background: #E8E8E8 !important;
}
.breadcrumb{

    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 21px !important;
    background-color: rgb(232 232 232) !important;
    padding: 6px !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
    color: #152539 !important;
}
.breadcrumb li{
    display: inline-block !important;
}

/*.para{

    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color:#302e2e;
}*/

/*.hand{*/
/*    padding-left: 3px !important;*/
    /*padding-right: 14px !important;*/
/*}*/
.missiontitle
{
    
    border-radius: 8px !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    background: white !important;
    color: black !important;
    padding: 4px !important;

}

.buttona{


    font-size: 20px !important;
    /*font-family: Open Sans, sans-serif !important;*/
     font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    background: #5A1B1D !important;
    color: white !important;
    border-radius: 4px !important; 
}

.headnav{
    width:80% !important;
}
.headnavins{
    width:95% !important;
}
.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:focus::after, .nav-tabs>li.active>a:hover::after {
    display:none !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 21px !important;
    border: 0 !important;
    color: #fff !important;
    background: #1A2E47 !important;
}
.nav-tabs>li>a {
    color: #424F5F !important;
    font: 300 150%/19px Lato !important !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 21px !important;
    background: #FFFFFF !important;
    border: 1px solid #BDC1C6 !important;
}
.nav-tabs>li>a {
    margin-right: 0px !important;
}

/*.headtt{

    color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 36px !important;
}*/
.pdflink{

    text-decoration-line: underline !important;
    color: #E87301 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 25px !important;
}

.submenulink{
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    /* border-bottom: 1px solid #D1D5DA !important; */
    text-align: center !important;
}
#content1{
        background: #FFFFFF;
    border: 1px solid #BDC1C6;
    border-radius: 12px;

}
a:focus, a:hover {
   color: #E87301 !important;
}
.yeartab{
    margin:5px !important;
    color: #424F5F !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 27px !important;
    background: #FFFFFF !important;
    border: 1px solid #BDC1C6 !important;
    border-radius: 4px !important;
    padding: 5px 12px !important;
    
}

.thbord{
    border: 1px solid #BDC1C6 !important;
}
/*.trbackground{
    background: #1A2E47 !important;
    border-radius: 8px 0px 0px 0px !important;
    color: white !important;
}*/
.footer-menu {
    margin-top: 15px !important;
    }

    .organatitle{

    border-radius: 8px !important;
     font-family: Open Sans, sans-serif !important;
   /* font-family: Open Sans, sans-serif !important; */
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    background: white !important;
    color: black !important;
    padding: 4px !important;

    }
   /* .whotxt{
    color: #79756a !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    text-align: center !important;
    } */

    .introfa{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:32% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }

    .introdo{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:42% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
    margin-left: 0px !important;

    }
    .introworker{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:44% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }

    .introdo90{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:48% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }

      .introdo90{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:48% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }
    .introoshcode{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:18% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }
    .intronational{

         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:14% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;
    }

    .introafi{

         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:6% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;
    }

    .intromonth{

         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:17% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }

    .headtopmenu{
        display:inline !important;
    }
    .in-banner{
        display:grid !important;
    }
    .text-uppercase {
    font-size: 18px !important;
}



   /* .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }*/

    /*.panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }*/

    /*.panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }*/

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

   /* .headfaq{

    color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 25px !important;
    line-height: 36px !important;
}*/


    

.headfaq:hover, .headfaq:focus{
    color: #E87301 !important;
    text-decoration: underline !important;
}

@media  (max-width:450px) {
    /* .social-icon{
        display: flex !important;
        justify-content: center !important;
        margin-left:auto !important;
        margin-right:auto !important;
        background-color: red !important;
    } */
    /* .width-ctrl{
        width: 90% !important;
    } */
}
@media only screen and (max-width:500px){
.width-ctrl{
    width: 90% !important;
}
}
@media only screen and (max-width:540px) {

    .tabwidth{
        width:100% !important;
    }

    #tab1{
    margin-top: -12em !important;
    margin-left: 7em;
}
#tab2{
    margin-top: -7em;
    margin-left: 7em;
}

       .text-uppercase {
    text-align: center !important;
    font-size: 18px !important;
}

.btn.btn-default.btn-sm.local {
  margin-left:20px !important;
    width: 36% !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 19px !important;
    display: block !important;
    background: #e58043 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    margin-top: -52px !important;
    border: 1px solid #e58043 !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    color: white !important;
}
/* .width-ctrl{
    width: 95% !important;
} */

}
/*for mobile*/

@media only screen and (min-width:320px) {

    .headfaq{

    color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 36px !important;
}

    .tabwidth{
        width:100%;
    }

    .in-banner{
        display:none;
    }

    .headtopmenu{
        display: none;
    }

    .icon-bar {
    position: relative !important;
    }
 .navbar-inverse .navbar-toggle:hover {
    background-color:transparent !important;
}

.navbar-inverse .navbar-toggle {
    border-color: transparent !important;
}

 .primarymenu {
background-color: #43586b !important;
}
.primarymenu .navbar-inverse .navbar-nav > li > a {
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #FFFFFF !important;
    padding: 10px 16px !important;
    text-transform: inherit !important;
    line-height: inherit !important; 
}
.indflag{
  width: 28px;
height: 17px;
}
/*.indtxt{
height: 17px;
  font-family: 'Lato';
font-style: normal;
font-weight:700;
font-size: 14px;
line-height: 17px;
color: #152539;
} */

.top-nav {
    background: #FFFFFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    }
    .toptwo{
      margin-top:11px;
      font-family: 'Lato';
font-style: normal;
font-weight:600;
font-size: 14px;
line-height: 17px;
color: #152539;
    }
    .a{
      padding-right:0px !important;
      padding-left: 0px !important;
    }
   .miniimg{
    width:100% !important;
    height:10em !important;
    padding:20px;

   }
  .shrt-icon:hover .miniimg2{
    transform: rotateY(180deg);
  } 
 
   .section-white {

    background: #F3F4F6 !important;
}

section.footer {
    background: #1A2E47 !important;
    }
    .text-reset{
      font-family: 'Lato';
font-style: normal;
font-weight:400;
font-size: 16px;
line-height: 24px;
color: #FFFFFF !important;

    }

    .faicon{
    padding: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 47px;
    text-align: center;
    text-transform: lowercase;
    color: white !important;
    }

  /*  section.main-container {*/
  /*  margin-top:25px;*/
  /*}*/
  .pressRelease {
    height: 345px !important;
   
}
.btn-info {
    color: #fff;
    background-color: #f68e2b !important;
    border-color: #f68e2b !important;
}
.ax {

    border-radius:15px !important;
    padding: 5px 5px !important;
}

.play-pause{
  margin-left: 5px;
}
.play-pause {

    right: 20px !important;
}
/*.btn.btn-default.btn-sm.local {
  margin-left:20px;
    width: 36%;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    display: block;
    background: #e58043;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: -52px;
    border: 1px solid #e58043;
    border-top: 0;
    border-radius: 0;
    color: white;
}*/

.ras{
  
    color: #424F5F !important;
    text-align: left !important;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;

}

.dsize{
      font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 12px !important;
    line-height: 21px;
    color: #1A2E47 !important;
    text-transform: uppercase;
}
.fa-download{
  color:#E87301 !important;
}
.pressRelease-new ul li {
    background: none !important;
  
}
}
.bb{
      background: #43586b !important;
    /*margin-top: 20px !important;*/
    /*margin-bottom:45px !important;*/
        
}
.q {
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    color: white !important;
    margin-top: 15px !important;
    margin-bottom: 3px !important;
}
.cc{
  background: #F3F4F6;
border: 1px solid rgba(26, 46, 71, 0.3);
border-radius: 12px;
    margin-bottom:40px !important;
    margin-top:40px !important;
}
.shri{

border-radius: 50%;
    width: 120px;
    height:120px;
}
.axt{
  margin:25px 0px 25px 0px;
}
.axt1{
  margin:50px 0px 25px 0px;
}
.namet{

      font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #152539;
    text-align: center;

}
/*.namep{
      font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #5F6D7F;
    text-align: center; 
}*/
.devide{
    margin-top: 71px;
    width: 96px;
    height: 0px;
    border: 1px solid #D1D5DA;
    transform: rotate(-90deg);
}
.achievecrousel{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 64px;
    gap: 10px;
    isolation: isolate;
    width:100%;
    height:auto;
    background: #43586b;
    border-radius: 12px;
    flex: none;
    order: 3;
    flex-grow: 0;
}
.owl-theme .owl-controls .owl-buttons div {
    
    opacity:0.8 !important;
    }
    .miniimg2{
height: 4em !important;
    padding-top: 0px !important;

    }
    .minitext{

       font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 17px !important;
    color: white;
    margin-top: 10px;
    }

    .brd-items{
        padding-top: 20px !important;
    }

    .implink{
            margin-bottom: 3em;
    }

    .pressRelease ul {
    height: 274px !important;
}

/*.secondsection{*/
/*    margin-bottom: 40px;*/
/*}*/
.notificate{
    margin-bottom:2em;
}

.news-item img {
    display:inline !important;
}
.tabthree{
    background: #43586b !important;
    color: white !important;
    text-align:center !important;
}
.media-container{
    width: 100%;
    height: 85%;
    padding: 20px 0;
    text-align: center;
    /* background-color: lightblue; */
   /* margin-top: 20px;*/
}
.media-container .tab-pane img{
  object-fit:fill;
}

#tab1{
    display: none;
    /* position: relative; */
    margin-top:auto;
    /* padding-bottom:10vh; */
    top: 15%;
}
#tab3,#tab4{
    display: none;
}
#tab2{
    display: none;
    top:15%;
}
#tab1,#tab2{
margin-top: 0px !important;
margin-left:auto !important;
}
.notificate {
    margin-bottom: 4em !important;
}
/*.inheading {*/
/*    padding: 0px 2px 0px 6vw !important;*/
/*    }*/
.inheading{
    padding-left:6vw !important;
}
    .intro{
        border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width: 18% !important;
        color: #152539 !important;
        font-family: Open Sans, sans-serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 24px !important;
        line-height: 29px !important;
        background: white !important;
        margin-left: 0px !important;
    }

    .introtxt{
        padding-left: 0px !important;
    }
.breed{
    background: #E8E8E8 !important;
}
.fa-ul{
    margin-left:1px !important ;
}
.breadcrumb{

    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 21px !important;
    background-color: rgb(232 232 232) !important;
    padding: 6px !important;
    display:inline-block !important;
    margin-bottom: 0 !important;
    color: #152539 !important;
    padding-left:6vw !important;
    
}
.breadcrumb li{
    display: inline-block !important;
}

/*.para{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color: #152539;
}*/
.hand{
    padding-left: 3px !important;
    padding-right: 14px !important;
    /*padding-right: 5px !important;*/
}
.missiontitle
{
    border-radius: 8px !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    background: white !important;
    color: black !important;
    padding: 4px !important;
}

.buttona{
    font-size: 20px !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    background: #1A2E47 !important;
    color: white !important;
    border-radius: 4px !important; 
}
.headnav{
    width:80% !important;
}
.headnavins{
    width:95% !important;
}
.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:focus::after, .nav-tabs>li.active>a:hover::after {
    display:none !important;
}

/*.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    border: 0 !important;
    color: #fff !important;
    background: #1A2E47 !important;
}

.nav-tabs>li>a {
    color: #424F5F !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    background: #FFFFFF !important;
    border: 1px solid #BDC1C6 !important;
} */


.nav-tabs>li>a {
    margin-right: 0px !important;
}
.headtt{

    color:black !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 36px !important;
}
.pdflink{

        text-decoration-line: underline !important;
    color: #E87301 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 25px !important;
    
}
.li-item a{
transition:all ease 0.3s;
}
.li-item:hover a{
    transform:scaleX(0.90);
}

.submenulink{
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 10px !important;
    text-align: center !important;
    text-decoration: none !important;
    /* text-underline-position:; */
    color: #9c007d !important;
   
}
.institute-submenu{
    padding: 10px 5px !important;
    border-bottom: 1px solid lightgrey;
    
}
.institute-submenu:hover, .institute-submenu:focus,.institute-submenu:active{
    background-color: #f6f4f4 !important;
    color: #E87301 !important;
    border-radius:11px 11px 11px 11px;
}
.institute-submenu:hover .submenulink{
    color: #E87301 !important;
}
/* accordian FAQ  & PPE testing CSS */
.accordion-button{
    background-color:#ededed !important;
}
.sticky{
    position: fixed !important;
    top: 0%;
    width: 100% !important;
}
.tab-pane{
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.width-ctrl{
    width: 85% !important;
}
.nav-link{
    border-radius: 0px !important;
}
#content1{
        background: #FFFFFF;
    border: 1px solid #BDC1C6;
    border-radius: 12px;
}

/*a:focus, a:hover {
   color: #E87301 !important;
}*/

.yeartab{
    margin:5px !important;
    color: #424F5F !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 27px !important;
    background: #FFFFFF ;
    border: 1px solid #BDC1C6 !important;
    border-radius: 4px !important;
    padding: 5px 12px !important;
    transition:all ease-out 0.3s;
}
.yeartab:hover{
    color:white !important;
    background: #424F5F !important ;
    transform:scale(1.08);
}
.yeartab a{
    color:#424F5f;
    text-decoration:none;
}
.yeartab:hover a{
    color: #FFFFFF !important;
}
/* .thead-dark{
    background-color:#1A2E47 !important;
    color: white !important;
} */

.thbord{
    border: 1px solid #BDC1C6 !important;
    color: white !important;
    /* background-color:#1a2e47 !important; */
}
.thead-dark{
    color: white !important;
}
.trbackground{
    background-color: #1A2E47 !important;
    border-radius: 8px 0px 0px 0px !important;
    color: white !important;
}
.table>:not(caption)>*>*{
    background-color: transparent !important;
    color:white !important;
}
.table{
    color: white !important;
}
.table-font-color{
    color:black !important;
}
.footer-menu {
    margin-top: 15px !important;
    }

    .organatitle{

          border-radius: 8px !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    background: white !important;
    color: black !important;
    padding: 4px !important;

    }
    .whotxt{
    color: black !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    text-align: center !important;
    }
    .introfa{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:32% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }

    .introdo{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:42% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }
    .introworker{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:44% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }

    .introdo90{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:48% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }

      .introdo90{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:49% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }
      .intro2do90{
         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:51% !important;
        color: #152539 !important;
        font-family: Open Sans, sans-serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 24px !important;
        line-height: 29px !important;
        background: white !important;
        margin-left: 0px !important;
    }
        .intro3do90{
         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:53% !important;
        color: #152539 !important;
        font-family: Open Sans, sans-serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 24px !important;
        line-height: 29px !important;
        background: white !important;
        margin-left: 0px !important;
    }
    .intro4do90{
         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:57% !important;
        color: #152539 !important;
        font-family: Open Sans, sans-serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 24px !important;
        line-height: 29px !important;
        background: white !important;
        margin-left: 0px !important;
    }
    .introoshcode{

          border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:28% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }
    .introo2shcode{
         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:36% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;
    }
    .introo3shcode{
         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:26% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;
    }
      .introo4shcode{
         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:25% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;
    }
      .introo5shcode{
    border-radius:8px;
    padding: 10px 20px 10px 20px !important;
    width:auto !important;
    color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;
    }
     .introo6shcode{
         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:63% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;
    }
    .intronational{

         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:22% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;
    }

    .introafi{

         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:12% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;
    }

    .intromonth{

         border-radius:8px;
        padding: 10px 20px 10px 20px !important;
        width:17% !important;
            color: #152539 !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    background: white !important;
        margin-left: 0px !important;

    }

/*@media only screen and (min-width:320px) {
   For tablets: 
 body{
    background: red;
 }
}
@media only screen and (min-width: 768px) {
   For desktop: 
  body{
    background: green;
 }
}*/


       /*written by arpit*/

       

.primarymenu .container-fluid {
    background: #43586B none repeat scroll 0 0;
    font-size: 13px;
}

a:focus, a:hover {
   color: orange !important;
}

.para{
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #152539;
    font-family: Open Sans, sans-serif !important;

}


.achievecrousel{

 
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 64px;
    gap: 10px;
    isolation: isolate;
    width:100%
    height: 150px;
    background: #43586b;
    flex: none;
    order: 3;
    flex-grow: 0;

}


.trbackground{
    background: #1C426F none repeat scroll 0 0 !important;
    border: 1px solid #1A2E47;
    color: white !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    font-weight: 500 !important;
    font-size:100% !important;
    line-height: 21px !important;
    border: 0 !important;
    color: #fff !important;
    background: #43586b !important;
}

.nav-tabs>li>a {
    color: #424F5F !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    background: #FFFFFF !important;
    border: 1px solid #BDC1C6 !important;
}

.headtt{
    color: black !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 36px !important;
}

.headfaq{
     color: #79756a!important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 36px !important;
}
.whotxt{
    color: black !important;
    font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    text-align: center !important;
    }


 .btn.btn-default.btn-sm.local {
  margin-left:20px !important;
    width: 36% !important;
     font-family: Open Sans, sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    display: block !important;
    background: #5A1B1D !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    margin-top: -52px !important;
    border: 1px solid #5A1B1D !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    color: white !important;
}

.namet{
    font-family: Open Sans, sans-serif !important;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #152539;
    text-align: left;

} 

.q {
    font-family: Open Sans, sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    color: white !important;
    margin-top: 15px !important;
    margin-bottom: 3px !important;
}


 .minitext{
    font-family: Open Sans, sans-serif !important;
    font-style: normal;
    font-weight: 300;
    font-size: 17px !important;
    color: white;
  }


.indtxt{
height: 15px;
font-family: Open Sans, sans-serif !important;
font-style: normal;
font-weight:700;
font-size: 15px !important;
line-height: 17px;
color: #152539;
margin-top: 5px;
text-align: center !important; 
}

.toptwo{
margin-top:11px;
font-family: Open Sans, sans-serif !important;
font-style: normal;
font-weight:600;
font-size: 14px;
line-height: 17px;
color: #152539;
    }


.namep{
    font-family: Open Sans, sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #5F6D7F;
    text-align: center !important; 

}

.carousel-item{
    height:395px !important;
    width: 100% !important;
}
.modal-img{
    height:35em;
}
.org-card iframe{
    height:135vh !important;
}
@media only screen and (max-width: 768px){
    .carousel-item{
        height:35vh;
    }
}
@media only screen and (max-width: 500px){
    .carousel-item{
        height:28vh !important;
    }
    .modal-img{
    height:20em;
}
}

.cd{
    background: #F3F4F6;
border: 1px solid rgba(26, 46, 71, 0.3);
border-radius: 12px;
transition:all ease 0.5s;
}
.cd:hover{
      box-shadow: 0px 40px 60px 5px rgba(40, 15, 62, 0.15);
      transform:scale(0.97);
      background-color:#43586b;
      color:white !important;
}
.cd img{
    border:2px solid white;
}
.cd:hover p{
     color:white !important;
      transform:scale(0.97);
}
.port-box{
    background-color:#eeeeee7c;
    transition: all ease-out 1s;
  }
  .port-txt{
    color:#152539;
  }
  .port-box:hover {
    background-color: #152539;
    transform: scaleZ(1.4)
  }
  .port-box:hover .port-txt{
    color:white !important;
  }
   @media only screen and (min-width:1450px){
       .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 11px !important;
      }
   }
     @media only screen and (min-width:1470px){
       .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 12px !important;
      }
   }
    @media only screen and (min-width:1506px){
       .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 14px !important;
      }
   }
     @media only screen and (min-width:1530px){
       .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 14px !important;
      }
      .intro{
          width:10em !important;
      }
      .intronational{
          width:12em !important;
      }
      .introoshcode{
          width:16em !important;
      }
     /*.intronational{*/
     /*    width:11em !important;*/
     /*}*/
     .introdo90{
         width:25em !important;
     }
     .intro2do90{
         width:28.5em !important;
     }
      .intro3do90{
         width:29em !important;
     }
      .intro4do90{
         width:34em !important;
     }
     .introo2shcode{
         width:20em !important;
     }
     .introo3shcode{
         width:13.5em !important;
     }
       .introo4shcode{
           width:14em !important;
       }
       .introafi{
           width:6.5em !important;
       }
   }
      @media only screen and (min-width:1550px){
          .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 16px !important;
      } 
      }
      @media only screen and (min-width:1564px){
       .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 18px !important;
      }
   }
        @media only screen and (min-width:1590px){
       .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 19px !important;
      }
   }
           @media only screen and (min-width:1616px){
       .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 20px !important;
      }
   }
                @media only screen and (min-width:1750px){
        .head-top-img{
        height:105px !important;
        width:105px !important;
    }
   }
             @media only screen and (min-width:1850px){
        .head-top-img{
        height:115px !important;
        width:115px !important;
    }
   }
            @media only screen and (min-width:2100px){
        .head-top-img{
        height:125px !important;
        width:125px !important;
    }
   }
  @media only screen and (max-width:1450px){
      .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 10px !important;
      }
       .intronational{
        width:22% !important;
    } 
    .introo2shcode{
        width:39% !important;
    }
     .introo3shcode{
         width:25% !important;
     }
          .introo6shcode{
              width:64% !important;
          }
            .intro3do90{
         width:auto !important;
     }
            .intro4do90{
         width:auto !important;
     }
  }
  
   @media only screen and (max-width:1430px){
      .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 9px !important;
      }
   }
      @media only screen and (max-width:1415px){
      .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 8px !important;
      }
   }
  @media only screen and (max-width:1400px){
    .intro{
        width:20% !important;
    }

    .introoshcode{
        width:29% !important;
    }
    .introo4shcode{
           width:27% !important;
       }
    .intronational{
        width:24% !important;
    } 
     .introo3shcode{
         width:25% !important;
     }
      .introo4shcode{
           width:27% !important;
       }
        .introo6shcode{
              width:68% !important;
          }
       .head-top-img{
        height:75px !important;
        width:75px !important;
    }
    .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 7px !important;
      }
      .intro2do90{
         width:53% !important;
     }
}
@media only screen and (max-width:1375px){
     .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 6px !important;
      }
}
@media only screen and (max-width:1350px){
     .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 5px !important;
      }
      .introoshcode{
        width:30% !important;
    }
     .introo3shcode{
         width:26% !important;
     }
      .introo4shcode{
           width:28% !important;
       }
      .introo6shcode{
              width:70% !important;
     }
           .intro2do90{
         width:55% !important;
     }
       
}
@media only screen and (max-width:1312px){
     .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 4px !important;
      }
       .introo2shcode{
        width:42% !important;
    }
    .introo3shcode{
         width:27% !important;
     }
          .intro2do90{
         width:57% !important;
     }
}

@media only screen and (max-width:1300px){
    .intro{
        width:20% !important;
    }
    .introoshcode{
        width:32% !important;
    }
    .intronational{
        width:25% !important;
    }
    .introo3shcode{
         width:29% !important;
     }
    .introo4shcode{
         width:30% !important;
     }
      .introo6shcode{
              width:72% !important;
          }
    .top-menu{
        display:none !important;
    }
      .top-menu2{
        display:none;
    }
       .head-top-img{
        height:72px !important;
        width:72px !important;
    }
     .introafi{
        width:13% !important;
    }
}
@media only screen and (max-width:1280px){
     .primarymenu .navbar-inverse .navbar-nav > li > a{
          padding:10px 4px !important;
      }
      .introdo90{
          width:50% !important;
      }
        .intronational{
        width:26% !important;
    } 
     .introo6shcode{
              width:74% !important;
        }
    .intro2do90{
         width:59% !important;
     }
}
@media only screen and (max-width:1225px){
     .intronational{
        width:26% !important;
    }
      .introoshcode{
        width:34% !important;
    }
      .introdo90{
          width:55% !important;
      }
            .introo2shcode{
        width:43% !important;
    }
     .introo4shcode{
       width:32% !important;
   }
     .introo6shcode{
              width:76% !important;
          }
        .intro2do90{
         width:61% !important;
     }
}
@media only screen and (max-width:1180px){
     .intro{
        width:23% !important;
    }
       .introoshcode{
        width:35% !important;
    }
    .introo2shcode{
        width:45% !important;
    }
    .introo3shcode{
         width:31% !important;
     }
    .introo4shcode{
     width:33% !important;
  }
  .introo6shcode{
    width:80% !important;
    }
      .intronational{
        width:28% !important;
    }
         .intro2do90{
         width:64% !important;
     }
     /*.fb-page{*/
     /*    width:16vw !important;*/
     /*    margin:0px auto !important;*/
     /*}*/
     .pdf-card2 .card-body{
         height:20vh !important;
     }
     .pdf-card2 .card-footer{
         height:15vh !important;
     }
}
/*.fb-page span{*/
    /*width:100% !important;*/
/*}*/
@media only screen and (max-width:1133px){
      .intronational{
        width:29% !important;
    }
       .introoshcode{
        width:36% !important;
    }
      .introafi{
        width:17% !important;
    }
     .introo2shcode{
        width:48% !important;
    }
     .introo4shcode{
     width:34% !important;
  }
  .introo6shcode{
    width:84% !important;
    }
}

@media only screen and (max-width:1120px){
    .introoshcode{
        width:37% !important;
    }
       .head-top-img{
        height:68px !important;
        width:68px !important;
    }
     .introdo90{
          width:60% !important;
      }
      .introo3shcode{
         width:32% !important;
     }
       .intro2do90{
         width:68% !important;
     }
   
}
@media only screen and (max-width:1050px){
     .intro{
        width:25% !important;
    }
      .intronational{
        width:32% !important;
    }
      .introoshcode{
        width:39% !important;
    }
    .introo2shcode{
        width:51% !important;
    }
     .introo3shcode{
         width:34% !important;
     }
     .introo4shcode{
         width:37% !important;
     }
      .introo6shcode{
    width:90% !important;
    }
      .intro2do90{
         width:71% !important;
     }
   
}
@media only screen and (max-width:1010px){
   
       .head-top-img{
        height:60px !important;
        width:60px !important;
    }
       .introoshcode{
        width:40% !important;
    }
     .introdo90{
          width:65% !important;
      }
       .intro2do90{
         width:73% !important;
     }
      .introo4shcode{
         width:37% !important;
     }
          .introo6shcode{
    width:92% !important;
    }
   
}
@media only screen and (max-width:992px){
    .intro{
        width:28% !important;
    }
    .introdo90{
        width:70% !important;
    }
    .intro2do90{
         width:80% !important;
     }
    .introafi{
        width:18% !important;
    }
    .introoshcode{
        width:45% !important;
    }
    .intronational{
        width:34% !important;
    }
     .head-top-img{
        height:50px !important;
        width:50px !important;
    }
    .introo2shcode{
        width:56% !important;
    }
     .introo3shcode{
         width:38% !important;
     }
     .introo4shcode{
         width:40% !important;
     }
           .introo6shcode{
    width:96% !important;
    }
          .top-menu2{
        display:block;
    }
       .pdf-card2 .card-body{
         height:15vh !important;
     }
     .pdf-card2 .card-footer{
         height:12vh !important;
     }
}
@media only screen and (max-width:892px){
     .intro{
        width:30% !important;
    }
    .intronational{
        width:36% !important;
    }
     .introoshcode{
        width:46% !important;
    }
    .introdo90{
        width:75% !important;
    }
     .intro2do90{
         width:84% !important;
     }
    .introo2shcode{
        width:60% !important;
    }
     .introo3shcode{
         width:40% !important;
     }
     .introo4shcode{
         width:43% !important;
     }
    .introo6shcode{
    width:98% !important;
    }
     .intro4do90{
        width:95% !important;
     }
}
@media only screen and (max-width:850px){
        .intronational{
        width:38% !important;
    }
       .introoshcode{
        width:51% !important;
    }
     .introo2shcode{
        width:64% !important;
    }
     .introo3shcode{
         width:42% !important;
     }
     .introo4shcode{
         width:43% !important;
     }
      .introafi{
        width:20% !important;
    }
    .intro2do90{
         width:88% !important;
     }
}
@media only screen and (max-width:820px){
     .introdo90{
        width:80% !important;
    }
    .intro2do90{
         width:92% !important;
     }
         .intronational{
        width:40% !important;
    }
    .introo3shcode{
         width:43% !important;
     }
     .introo4shcode{
         width:45% !important;
     }
}
@media only screen and (max-width:780px){
    .intro{
        width:34% !important;
    }
    .introoshcode{
        width:56% !important;
    } 
       .introo2shcode{
        width:70% !important;
    }
     .introo3shcode{
         width:44% !important;
     }
     .introo4shcode{
         width:49% !important;
     }
    .intronational{
        width:42% !important;
    } 
    .sld-gap{
        margin-top:15px !important;
        padding:10px !important;
    }
    .top
     .head-top-img{
        height:80px !important;
        width:80px !important;
    }
     .introafi{
        width:24% !important;
    }
      .intro3do90{
         width:95%!important;
     }
  
}
@media only screen and (max-width:768px){
      .intro{
        width:35% !important;
    }
      .tab-pane{
        width:100% !important;
    }
    .mr-top{
        margin-top:25px !important;
    }
     .in-banner{
        height:15vh;
    }
       .intronational{
        width:44% !important;
    } 
      .introdo90{
        width:85% !important;
    }
     .introo3shcode{
         width:47% !important;
     }
     .introo4shcode{
         width:51% !important;
     }
         .introo2shcode{
        width:72% !important;
   }
     .intro3do90{
         width:90%!important;
     }
   .fb-page{
       width:auto !important;
   }
}

@media only screen and (max-width:700px){
       .introoshcode{
        width:60% !important;
    }  
         .introdo90{
        width:95% !important;
    }
      .introo2shcode{
        width:80% !important;
    }
        .introo3shcode{
        width:53% !important;
    }
    .introo4shcode{
         width:55% !important;
     }
         .intronational{
        width:47% !important;
    } 
    .intro3do90{
         width:95%!important;
     }
}
@media only screen and (max-width:650px){
    .intro{
        width:40% !important;
    }
    .intronational{
        width:49% !important;
    } 
    .introoshcode{
        width:70% !important;
    } 
        .introafi{
        width:26% !important;
    }
       .introo2shcode{
        width:85% !important;
    }
        .introo3shcode{
        width:55% !important;
    }
      .introo4shcode{
         width:60% !important;
     }
      .intro3do90{
         width:90%!important;
     }
      .intro4do90{
        width:93% !important;
     }
}

@media only screen and (max-width:630px){
        .intronational{
        width:53% !important;
    } 
      .introo3shcode{
        width:57% !important;
    }
    }
@media only screen and (max-width:590px){
     .intronational{
        width:56% !important;
    } 
     .introoshcode{
        width:73% !important;
    }
         .introo2shcode{
        width:90% !important;
    }
       .introo3shcode{
        width:59% !important;
    }
    .introo4shcode{
         width:65% !important;
     }
}
@media only screen and (max-width:560px){
   .intro{
        width:45% !important;
    }
     .head-top-img{
        height:60px !important;
        width:60px !important;
        margin-right:15px !important;
    }
    .in-banner{
        height:15vh;
    } 
    .intronational{
        width:59% !important;
    } 
       .introoshcode{
        width:75% !important;
    }
          .introafi{
        width:30% !important;
    }
           .introo2shcode{
        width:95% !important;
    }
       .introo3shcode{
        width:66% !important;
    }
    .introo4shcode{
         width:69% !important;
     }
}
@media only screen and (max-width:510px){
    .intro{
        width:50% !important;
    }
    .introdo90{
        width:90% !important;
    }
    .introafi{
        width:37% !important;
    }
    .introoshcode{
        width:80% !important;
    } 
    .intronational{
        width:64% !important;
    } 
       .head-top-img{
        height:55px !important;
        width:55px !important;
        margin-right:15px !important;
    }
    .introo2shcode{
        width:75% !important;
    }
     .introo3shcode{
        width:69% !important;
    }
    /*.introoshcode{*/
    /*    width:78% !important;*/
    /*}*/
    .introo4shcode{
        width:73% !important;
    } 
    .org-card iframe{
        height:30vh !important;
    }

}
@media only screen and (max-width:480px){
     .intro{
        width:55% !important;
    }
     .intronational{
        width:68% !important;
    } 
     .introoshcode{
        width:90% !important;
    } 
     .introo3shcode{
        width:73% !important;
    }
    .introo4shcode{
        width:78% !important;
    } 
     .introo6shcode{
    width:92% !important;
    }
}
@media only screen and (max-width:450px){
     .intronational{
        width:72% !important;
    } 
       .introoshcode{
        width:92% !important;
    } 
      .introo3shcode{
        width:78% !important;
    }
    .introo4shcode{
        width:83% !important;
    } 
     .introo2shcode{
        width:85% !important;
    }
    
}
@media only screen and (max-width:430px){
   
   .intro{
       width:60% !important;
   }
     .introafi{
        width:42% !important;
    }
  
   .intronational{
        width:75% !important;
    }
    .head-top-img{
        height:45px !important;
        width:45px !important;
        margin-right:15px !important;
    }
    .introoshcode{
        width:94% !important;
    } 
     .introo3shcode{
        width:83% !important;
    }
    .introo4shcode{
        width:89% !important;
    } 
    .introdo90{
        width:96% !important;
    }
}
@media only screen and (max-width:420px){
   .top-nav{
       width:100% !important;
   }
   .achievecrousel{
       padding:24px 40px !important;
   }
        .pdf-card2 .card-body{
         height:18vh !important;
     }
     .pdf-card2 .card-footer{
         height:15vh !important;
     }
     .introdo90{
        width:92% !important;
    }
}
.text-justify{
    text-align:justify !important;
}

figure {
    display: grid;
    overflow: hidden;
    cursor: pointer;
  }
  figure > * {
    grid-area: 1/1;
    transition: .4s;
  }
figure figcaption {
    display: flex;
    justify-content: center;
    align-items: end;
    font-family: sans-serif;
    font-size: 2rem;
    font-weight: bold;
    /*color:#1A2E47;*/
    color:black;
    padding: .75rem;
    background: var(--c,rgba(204, 204, 204, 0.6));
    clip-path: inset(0 var(--_i,0%) 0 0);
  }
  
  .card:hover figcaption{
    clip-path: inset(0 var(--_i,0%) 0 0);
    /*background: var(--d,rgba(0, 8, 125, 0.582));*/
    background-color:#43586b !important;
    color:white;
  }
  .card:hover  figure img {
    transform: scale(1.2);
  }
  .pdf-card{
      height:auto;
      transition:all ease-out 0.3s;
  }
.pdf-card:hover {
    background-color:#43586b !important;
    transform:scale(1.02);

}
.pdf-card:hover .card-footer{
    background-color:#1A2E47 !important;
    border-top: 2px solid white;
}
.pdf-card:hover .card-footer i{
    color:white !important;
}
.pdf-card:hover .card-body  i{
    color:white !important;
}
.carousel-control-prev-icon:hover{
  background-color:#43586b !important;    

}
.carousel-control-next-icon:hover{
  background-color:#43586b !important;    
}

.slickplan-level-3 a p{
    transition:all ease 0.3s;
}
.slickplan-level-3 a p:hover{
    transform:scaleX(1.02);
}

.paginate .page-link{
    /*color:#43586;*/
}
.paginate .page-link:active{
    color:white !important;
    background-color:#43586b !important;
}
.paginate .page-link:focus{
    color:white;
    background-color:#43586b !important;
}
.pdf-card2{
    transition:all ease-out 0.2s;
}
.pdf-card2:hover{
    background-color:#43586b !important;
    transform:scale(1.015);
}
.pdf-card2:hover .card-footer{
    background-color:#1A2E47 !important;
    border-top: 2px solid white;
    color:white !important;
}
.li-item{
    transition:all ease 0.3s;
}
.li-item:hover{
    transform:scaleX(0.98);
}