*{padding: 0px;margin: 0px;}
html, body{overflow-x: hidden;}
body{padding-right: 0px !important;font-family: "Montserrat", sans-serif;transition: all 0.5s ease-in-out;    padding-right: 0px !important;}
@media (min-width: 1280px) {
    .container{max-width: 95%;}
}
header{width: 100%;position:initial;top: 0px;z-index: 999;}
.header_in .logo_block a img{width:190px;}
.header_in .mid_nav .top_row{display: flex;justify-content: right;margin-bottom: 20px;}
.header_in .mid_nav .top_row .link{margin-right: 50px;}
.header_in .mid_nav .top_row .link a{font-weight: 400;text-decoration: none;font-size: 15px;color: #000;margin-left: 50px;}
.header_in .mid_nav .top_row .social a img{width: auto;}



.header_in .mid_nav .top-row .contact-head a:hover{color: #1F4D97;}
.social-media a img:hover{transition: all ease .5s;transform: rotate(360deg);}
.header_in .mid_nav .top-row{margin-bottom: 10px;display: flex;justify-content: right;align-items: center;}
.header_in .mid_nav .top-row .contact-head a{font-size: 15px; display: inline-flex;align-items: center;margin-right: 50px;text-decoration: none;color: #000000;font-weight: 400;}
.header_in .mid_nav .top-row .contact-head a img{margin-right: 8px;}
.header_in .mid_nav .top-row .select_ln{cursor: pointer; background: #1F4D97;border: none;padding: 8px 12px;border-radius: 2px;}
.header_in .mid_nav .top-row .select_ln select{cursor: pointer; background: #1F4D97;border: none !important;width: 128px;color: #fff;font-size: 14px;font-weight: 400;outline: none;}

.header_in .mid_nav .btm_row ul li:last-child{margin-right: 0px;padding-right: 0px;}
.header_in .mid_nav .btm_row{display: flex;align-items: center;justify-content: right;}
.header_in .mid_nav .btm_row ul{margin: 0;padding: 0;}
.header_in .mid_nav .btm_row ul li{display: inline;padding:8px 20px;position: relative;}
.header_in .mid_nav .btm_row ul li a{    padding: 8px 5px;
    text-decoration: none;
    margin-right: 10px;
    color: #000000;
    font-size: 17px;
    font-weight: 400;}
.aboutus .text .more a:hover{background: #e75337;color: #fff;}
.exp_more a:hover{background: #e75337;color: #fff;}
.header_in .mid_nav .btm_row ul li:last-child a:hover{background: #e75337;color: #fff;}
.header_in .mid_nav .btm_row ul li:last-child a{    background: #019BDC;
    color: #fff;
    padding: 10px 20px;}
.header_in .mid_nav .top_row .link a:hover{color:#e75337;}
.header_in .mid_nav .btm_row ul li a:hover{color:#e75337;}
.header_in .mid_nav .btm_row ul li a img{transition: all 0.5s ease-in-out;position: relative;top: -1px;margin-left: 10px;}
.header_in .mid_nav .btm_row ul li a:last-child{margin-right: 0;}
.header_in{display: flex;align-items: center;justify-content: space-between;}
.fixed-header{padding: 0px;padding-bottom: 8px; top:0px;box-shadow: 0 3px 3px rgba(0,0,0,0.15);position: fixed;z-index: 999;background:#fff;width: 100%;}
.main_banner .owl-stage .owl-item .item .banner_area{position:relative;}
.main_banner .owl-stage .owl-item .item .banner_area.page-banner .text{    top: 50%;}
.main_banner .owl-stage .owl-item .item .banner_area.page-banner .text h3{font-size: 45px;}
.main_banner .owl-stage .owl-item .item .banner_area .text label{margin-bottom: 42px;
    font-weight: 400;
    font-size: 30px;
    background: #ffffff87;
    padding: 2px 20px;
    border-radius: 50px;}
.main_banner .owl-stage .owl-item .item .banner_area .text h3{      position: relative;
    font-size: 48px;
    line-height: 52px;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 600;
        font-family: 'Poppins';}
.exp_more{    margin-top: 40px;}
.exp_more a{    background: #019BDC;
    text-decoration: none;
    color: #fff;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;} 


.main_banner .owl-stage .owl-item .item .banner_area .text{    left: 0;
    position: absolute;
    top: 35%;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;}
.main_banner .owl-stage .owl-item .item .banner_area img{border-radius: 0px;}
.main_banner .owl-dots{display:none;margin-top: 10px;}
.main_banner .owl-dots button.active span{    background: #1F4D97 !important;
    width: 10px !important;
    height: 10px !important;}
.main_banner .owl-dots button span{    margin: 4px !important;
    width: 8px !important;
    height: 8px !important;
    background: #0BDBF2 !important;}
.main_banner .owl-nav{height: 32px;
    display: none !important;
    border: 1px solid #fff;
    width: 50px;
    border-radius: 5px;
    position: absolute;
    bottom: 180px;
    right: 0;
    left: 0;
    margin: 0 auto;}
.main_banner .owl-nav button{background: none !important;margin: 0px !important;}
.main_banner .owl-nav button span{padding: 6px;font-size: 29px;position: relative;top: -7px;color: #fff !important;}

.submenu {
       position: absolute;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width: 260px;
    top: 35px;
    padding-top: 5px;
    border-top: 2px solid #ff6d10;
    background: #fff;
    display: none;
    left: 0px;
    border-radius: 0px;
    z-index: 777;
}
.header_in .mid_nav .btm_row ul li:hover .submenu {
    display: block !important;
}
.header_in .mid_nav .btm_row ul li .submenu ul li{padding: 8px 10px;display: block;}
.header_in .mid_nav .btm_row ul li .submenu ul li a:hover{color: #e75337 !important;}
.header_in .mid_nav .btm_row ul li .submenu ul li a{    font-size: 15px;
    background: none !important;
    padding: 0;
    color: #000 !important;}
.submenu::before {border-bottom: 10px solid #ff6d10;content: ' ';width: 0;height: 0;left: 35px;position: absolute;top: -10px;border-left: 10px solid transparent;border-right: 10px solid transparent;}

.director{display: flex;margin-bottom: 25px;align-items: center;}
  .director .img{margin-right: 20px;}
  .director .img img{width: 300px;}


footer{    background: url(../assets/img/ft-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 10px;}
footer .ft{}
footer .ft img{}
footer .ft .contact-icon{}
footer .ft .contact-icon ul{    padding: 0;
    margin: 0;}
footer .ft .contact-icon ul li{    list-style: none; display: flex;
    margin-bottom: 10px;}
footer .ft .contact-icon ul li:last-child{margin-bottom: none;}
footer .ft .contact-icon ul li a{    text-decoration: none;
    color: #000;
    font-weight: 300;    font-family: 'Poppins';
    font-size: 15px;
   }
footer .ft.mt{margin-top: 45px;}
footer .ft.mt p{    font-weight: 300;    font-family: 'Poppins';
    font-size: 15px;margin-bottom: 25px;
    padding-right: 50px;}
footer .ft .contact-icon ul li img{height: 15px;width: 15px;object-fit: contain;margin-right: 10px;margin-top: 3px;}
footer .ft h4{    font-weight: 600;
    color: #D22F27;
    font-size: 25px;
       font-family: 'Poppins';
    margin-bottom: 40px;}
footer .ft .ft-form{}
footer .ft .ft-form input::placeholder{color: #fff;}
footer .ft .ft-form input{     display: block;
    width: 100%;
    background: #019BDC;
    border: none;
    padding: 12px 20px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
    outline: none;
    box-shadow: none;}
footer .ft .ft-form button:hover{background: #000;}
footer .ft .ft-form button{    width: 100%;
    background:#D22F27;
    margin-top: 10px;
    padding: 10px;font-weight: 600;
    border: none;
    color: #fff;
    font-size: 15px;}
.gototop{text-align: center;    margin-top: 30px;}
.gototop a img{width: auto;}
.bottom_ft .left p{      margin-top: 55px;
    padding-bottom: 20px;  margin-bottom: 0;
    font-size: 12px;font-family: 'Poppins';
    font-weight: 700;}
.bottom_ft .left p a{color: #D22F27;    text-decoration: none;}


.mision-row{margin: 80px 0px;}
.mision-row .our-mission{    background: #019BDC;position: relative;
    padding: 50px 30px;}
.mision-row .our-mission .top-border{    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    height: 50px;
    position: absolute;
    top: 5px;
    width: 50px;
    left: 5px;
    border-top-left-radius: 5px;}
.mision-row .our-mission .bottom-border{     border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 50px;
    position: absolute;
    bottom: 5px;
    width: 50px;
    right: 5px;
    border-bottom-right-radius: 5px;}
.mision-row .our-mission h2{    font-weight: 600;
    color: #fff;
    font-size: 25px;
    margin-bottom: 20px;
   font-family: 'Poppins';}
.mision-row .our-mission p{    font-family: 'Poppins';
    font-size: 15px;
    line-height: 26px;}
.mision-row .our-mission .more{margin-top: 35px;}
.mision-row .our-mission .more a{    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins';
    font-size: 14px;}
.mision-row .our-mission label{    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins';
    color: #fff;
    margin-bottom: 10px;}


.aboutus{margin: 80px 0px;}
.aboutus .row{align-items: center;}
.aboutus .img img{    width: 100%;}
.aboutus .text{padding-left: 50px;}
.aboutus .text h2{    font-size: 25px;
    color: #E75337F0;
    font-family: 'Poppins';
    font-weight: 600;}
.aboutus .text p{    font-size: 15px;
    color: #000000;line-height: 26px;
    font-weight: 300;
    font-family: 'Poppins';}
.aboutus .text .more{    margin-top: 55px;}
.aboutus .text .more a{    font-size: 15px;
    font-family: 'Poppins';
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
    background: #D22F27;
    padding: 12px 25px;}


.lightboxpreview {transition: all .3s linear;padding-top:60%;cursor:pointer;background-size:cover;}
  .lightbox-content {max-height:75svh;height:75svh;}
  .lightbox-close { cursor:pointer;margin-left: auto;position:absolute;right:-30px;top:-30px;color:white;font-size: 2rem;font-weight: 700;line-height: 1;}
  .modalscale {transform:scale(0);opacity:0;}
  .lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;}
  .lightbox_img_wrap {height: 310px;overflow:hidden;border-radius: 15px;margin-top: 20px;}
  .lightbox-enabled:hover {transform:scale(1.1)}
  .lightbox-enabled {width: 100%;cursor: pointer;height: 100%;object-fit: cover;}
  .lightbox-container {width:100svw;height:100svh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);z-index:9999;opacity:0;pointer-events:none;}
  .lightbox-container.active {opacity:1;pointer-events:all;}
  .lightbox-image-wrapper {display:flex;transform:scale(0);align-items:center;justify-content:center;max-width:90vw;max-height:90vh;position:relative;}
  .lightbox-container.active .lightbox-image-wrapper {transform:scale(1);}
  .lightbox-btn, #close {color:white;z-index:9999999;cursor:pointer; position:absolute;font-size:50px;}
  .left {left:50px;}
  .right {right:50px;}
  #close {top:50px;right:50px;}
  .lightbox-image {width:100%;max-height:95vh;object-fit:cover;}
  @keyframes slideleft {
    33% {transform:translateX(-300px);
    opacity:0;
    }
    66% {transform:translateX(300px);
    opacity:0;
    }
  }
  .slideleft {animation-name: slideleft;animation-duration: .5s; animation-timing-function: ease; }
  @keyframes slideright {
    33% {transform:translateX(300px);
    opacity:0;}
    66% {transform:translateX(-300px);
    opacity:0;}
  }
  .slideright{animation-name: slideright;animation-duration: .5s; animation-timing-function: ease; }



.leadership{margin: 80px 0px;    padding: 0px 150px;}
.leadership .head h2{    text-align: center;
    color: #000000;
    font-size: 25px;
    font-weight: 600;
    font-family: "Montserrat Alternates", sans-serif;}
.leadership .leader-detail{margin-top: 25px;}
.leadership .leader-detail .img{margin-bottom: 20px;}
.leadership .leader-detail .img img{width: 100%;}
.leadership .leader-detail h4{    color: #019BDC;
    font-weight: 600;
    font-size: 23px;
    font-family: "Montserrat Alternates", sans-serif;
    margin-bottom: 0px;}
.leadership .leader-detail label{    display: block;
    font-weight: 600;
    color: #000000;
    font-size: 18px;
    font-family: "Montserrat Alternates", sans-serif;
    margin-bottom: 10px;}
.leadership .leader-detail p{    font-size: 15px;
    color: #000000;line-height: 26px;
    font-family: 'Poppins';
    font-weight: 400;}
.leadership .leader-detail .more{margin-top: 25px;}
.leadership .leader-detail .more a{    text-decoration: none;
    color: #D22F27;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 600;
    font-size: 15px;}

.benefits{  /*background: url(../assets/img/our-be-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
  background: #A1C7DB80;
    padding: 40px 0px;}
.benefits .head{text-align: center;}
.benefits .head h2{    color: #E75337F0;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Poppins';
    margin-bottom: 20px;}
.benefits .head p{    font-size: 15px;
    color: #000000;
    font-weight: 300;line-height: 26px;
    font-family: 'Poppins';}
.benefits .text_w_icon{    display: flex
;
    align-items: center;
    margin-top: 40px;}
.benefits .text_w_icon .icon{    margin-right: 25px;
    min-width: 130px;}
.benefits .text_w_icon .icon img{    width: 100%;}
.benefits .text_w_icon .text{}
.benefits .text_w_icon .text label{    display: block;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 5px;}
.benefits .text_w_icon .text p{    font-size: 15px;
    font-weight: 300;
    color: #000;    font-family: 'Poppins';
    line-height: 26px;
    margin-bottom: 0;}
.benefits .text_w_icon.pr{padding-right: 60px;}
.benefits .text_w_icon.pl{padding-left: 60px;}

.gallery{    padding: 80px 0px;}
.gallery .head{text-align: center;padding: 0px 100px;}
.gallery .head h2{  color: #E75337F0;
    font-size: 25px;text-transform: uppercase;
    font-weight: 600;
        font-family: 'Poppins';
    margin-bottom: 20px;}
.gallery .head p{   font-size: 15px;
    color: #000000;
    font-weight: 300;line-height: 26px;
    font-family: 'Poppins';}
.gallery .img{margin-top: 20px;}
.gallery .img img{width: 100%;border-radius: 10px;}

.getintouch{padding: 50px 0px;    padding-top: 0;}
.getintouch .head{text-align: center;}
.getintouch .head h2{ color: #E75337F0;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Poppins';
    margin-bottom: 20px;}
.getintouch .head h4{    color: #000000;
    font-family: 'Poppins';
    font-weight: 600;}
.getintouch .img{    margin-top: 25px;}
.getintouch .img img{width: 100%;border-radius: 10px;}
.getintouch .form{     padding-left: 50px;   margin-top: 25px;}
.getintouch .form .input-block{     border-bottom: 1px solid #ddd;
    margin-bottom: 21px;
    padding-bottom: 10px;}
.getintouch .form .input-block input{     width: 100%;
    padding: 10px 0px;
    border: none;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Poppins';
    outline: none;}
.getintouch .form label{    font-weight: 400;
    font-family: 'Poppins';
    display: block;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 26px;}
.getintouch .form label a{    color: #D22F27;
    text-decoration: none;}
.getintouch .form .check-box{    margin-bottom: 20px;}
.getintouch .form .check-box label{     font-size: 14px;
    display: flex
;
    align-items: baseline;
    font-family: 'Poppins';
    font-weight: 400;
    line-height: 22px;}
.getintouch .form .check-box input{    position: relative;
    top: 4px;
    margin-right: 10px;}
.getintouch .form button{    width: 100%;
    background: #D22F27;
    margin-top: 10px;
    padding: 10px;
    font-weight: 600;
    border: none;
    color: #fff;
    font-size: 15px;}


.page-banner {
    position: relative;
}

.page-banner .rel {
    position: relative;
}
.page-banner .banner_text.other_pages_text {
    width: 100%;
    text-align: left;
    bottom: 10px;    left: 50%;
    color: #fff;    transform: translate(-50%, -50%);
    right: auto;position: absolute;
    top: auto;
}
.page-banner .banner_text h3 {
    text-transform: uppercase;
    font-size: 42px;
    color: #fff;
    margin-bottom: 0px;}

.abou_t{margin: 80px 0px;}
.abou_t .text{padding-right: 50px;}
.abou_t .text h2{     font-size: 25px;
    color: #E75337F0;
     font-family: 'Poppins';
    font-weight: 600;}
.abou_t .text p{    font-family: 'Poppins';
    font-size: 15px;
    line-height: 26px;}
.abou_t .text h4{    font-size: 22px;
    font-weight: 600;
     font-family: 'Poppins';
    color: #000000;
    margin-bottom: 10px;}
.abou_t .img img{width: 100%;}


.directors{margin: 80px 0px;}
      .directors .left-linking{padding-right: 25px;}
      .directors .left-linking ul{margin: 0;padding: 0;}
      .directors .left-linking ul li{list-style: none;margin-bottom: 10px;}
      .directors .left-linking ul li a{background: #019BDC;display: block;text-decoration: none;padding: 18px 18px;color: #fff;font-weight: 600;}
      .directors .left-linking ul li a.active{background:#E75337F0;}
      .directors .text h2{font-size: 28px;color: #E75337F0;margin-bottom: 15px;font-family: 'Poppins'; sans-serif;font-weight: 600;}
      .directors .text h4{font-size: 25px;color: #000000f0;margin-bottom: 20px;font-weight: 600;}
      .directors .text label{font-size: 17px;color: #000000;line-height: 26px;font-weight: 500;font-family: 'Poppins';font-style: italic;margin-bottom: 12px;}
      .directors .text p{font-size: 15px;color: #000000;line-height: 26px;font-weight: 300;font-family: 'Poppins';}

.about-mision-row .our-mission img{    width: 145px;
    margin-bottom: 25px;}
.about-mision-row{margin: 80px 0px;}
.about-mision-row .our-mission{     min-height: 526px;
    margin-bottom: 25px;   background: #019BDC;position: relative;text-align: center;
    padding: 50px 30px;}
.about-mision-row .our-mission .top-border{    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    height: 50px;
    position: absolute;
    top: 5px;
    width: 50px;
    left: 5px;
    border-top-left-radius: 5px;}
.about-mision-row .our-mission .bottom-border{     border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 50px;
    position: absolute;
    bottom: 5px;
    width: 50px;
    right: 5px;
    border-bottom-right-radius: 5px;}
.about-mision-row .our-mission h2{    font-weight: 600;
    color: #fff;
    font-size: 25px;
    margin-bottom: 10px;
    font-family: "Montserrat Alternates", sans-serif;}
.about-mision-row .our-mission p{    font-family: 'Poppins';
    font-size: 15px;margin-bottom: 0px;text-align: left;
    line-height: 26px;}
.about-mision-row .our-mission .more{margin-top: 35px;}
.about-mision-row .our-mission .more a{    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-family: 'Montserrat Alternates';
    font-size: 14px;}
.about-mision-row .our-mission label{    font-size: 16px;
    font-weight: 600;display: block;
    font-family: "Montserrat Alternates", sans-serif;
    color: #fff;
    margin-bottom: 10px;}

   
.page-banner img{width: 100%;}
.mission-flex-col{display: flex;justify-content: space-between;background: #89b8ff;padding: 50px 30px;}
  .mission-flex-col .icon{min-width: 145px;margin-right: 25px;}
  .mission-flex-col .icon img{width:145px;}
  .mission-flex-col .our-missions{
    text-align:left;}
  .mission-flex-col .our-missions h2{    font-weight: 600;
    color: #fff;
    font-size: 25px;
    margin-bottom: 10px;
    font-family: 'Poppins';}
  .mission-flex-col .our-missions p{    font-family: 'Poppins';
    font-size: 15px;
    line-height: 26px;}














@media (min-width: 601px) {
    .hamburger{display: none;}
    .mobile-nav{display: none;}
}




@media (max-width:1920px) {
    .mision-row .our-mission{height: 380px;}
    .getintouch{padding: 50px 150px;}
}
@media (max-width:1700px) {
    .header_in .mid_nav .btm_row ul li{padding: 8px 10px;}
}
@media (max-width:1500px) {
    .header_in .mid_nav .btm_row ul li{padding: 8px 5px;}
    .header_in .mid_nav .btm_row ul li:last-child a{padding: 8px 10px;}
}
@media (max-width:1366px) {
    .header_in .mid_nav .btm_row ul li a{font-size: 15px;}
    .getintouch{padding: 50px 85px;}
}

@media (min-width:1280px) {
    footer{padding: 0px 100px;}
}

@media (max-width:1280px) {
.header_in .mid_nav .btm_row ul li a{    padding: 8px 0px;}
.about-mision-row .our-mission {min-height: 552px;}
}
@media (max-width:1200px) {
    .header_in .mid_nav .btm_row ul li a {font-size: 13px;}
    .header_in .logo_block a img {width: 160px;}
    .header_in .mid_nav .top_row{margin-bottom: 15px;}
}
@media (max-width:1024px) {
    .lightbox_img_wrap{height: 350px;}
.about-mision-row .our-mission {min-height: 630px;}
.header_in .mid_nav .btm_row ul li{padding: 8px 3px;}
.header_in .mid_nav .btm_row ul li a{font-size: 13px;    padding: 8px 0px;}
.header_in .mid_nav .top_row .link a{margin-left: 25px;}
.header_in .logo_block a img{width: 155px;}
.main_banner .owl-stage .owl-item .item .banner_area .text h3{font-size: 36px;line-height: 40px;}
.mision-row .our-mission{height: 480px;}
}
@media (max-width:1000px) {
    .container{max-width: 95%;}
}

@media (max-width:912px) {
    .container{max-width: 95%;}
    .header_in .logo_block a img{width: 140px;}
    .header_in .mid_nav .top_row{        margin-bottom: 12px;
        margin-top: 10px;}
    .mision-row .our-mission {height: 550px;}
    .getintouch {padding: 50px 0px;}
    .header_in .mid_nav .btm_row ul li{padding: 8px 0px;}
}
@media (max-width:768px) {
    .header_in .mid_nav .top_row .social a img{width: 15px;}
    .mision-row .our-mission {height: 680px;}
    .header_in .mid_nav .btm_row ul li a{font-size: 11px;}
    .header_in .mid_nav .btm_row ul li:last-child a{padding: 8px 10px;}
    .header_in .mid_nav .top_row{margin-bottom: 15px;}
    .header_in .mid_nav .top_row .link a{font-size: 12px;}
    .mision-row .our-mission{padding: 25px 15px;}
    .mision-row .our-mission h2{font-size: 20px;}
    .mision-row .our-mission{height: 515px;}
    .leadership{padding: 0px 0px;}
    footer .ft h4{font-size: 20px;}
    footer .ft .contact-icon ul li a{font-size: 10px;}
    footer .ft.mt p{font-size: 10px;    padding-right: 0px;}
    .header_in .logo_block a img {width: 105px;}
    .header_in .mid_nav .btm_row{margin-bottom: 10px;}
}
@media (min-width: 601px) {
    .show-on-mobile{display: none;}
}

@media (max-width: 600px) {
    .primary .primary-block{width: 100% !important;}
    .feedback .c_text{margin-bottom: 10px;}
    .feedback{padding: 80px 0px !important;}
    .gallery .head h2{text-align: center;}
    .programs .text{width: 100% !important;padding-top: 20px;}
    .curriculum{min-height: auto !important;}
    .hide-on-mobile{display: none;}
    .director{display: block;}
    .director .img img {width: 100%;}
    .director .img {margin-right: 0px;margin-bottom: 25px;}
     .mission-flex-col, .about-mision-row .our-mission{padding: 50px 15px;}
    .mission-flex-col .icon img, .about-mision-row .our-mission img {
    width: 100px;}
    .about-mision-row .our-mission label{text-align: left;}
    .about-mision-row .our-mission h2{text-align: left;}
    .directors .text h4, .directors .text h2{font-size: 24px;}
    .directors .text label{font-size: 16px;}
    .directors .left-linking{padding-right: 0px;margin-bottom: 40px;}
    .getintouch .form .check-box label{font-size: 12px;line-height: 18px;}
    .mission-flex-col .icon{margin-right: 0px !important;text-align: center;margin-bottom: 25px;}
    .mission-flex-col{display: block;}
    .about-mision-row .our-mission{height: auto;min-height: auto;}
    .mobile-nav .logo_block{text-align: left;padding-left: 30px;}
    .abou_t .text {padding-right: 0px;text-align: left;}
    .about-mision-row .our-mission{margin-bottom: 25px;}
    footer{background-size: cover;}
    .mid_nav{display: none;}
    .header_in .logo_block a img{width: 140px;}
    .hamburger i{font-size: 34px;}
    .main_banner .owl-stage .owl-item .item .banner_area .text{top: 25%;}
    .main_banner .owl-stage .owl-item .item .banner_area .text h3{font-size: 24px;line-height: normal;}
    .exp_more a{font-size: 15px;}
    footer .ft.mt p, footer .ft .contact-icon ul li a{font-size: 15px;}
    .mision-row .our-mission{margin-bottom: 25px;height: auto;}
    .aboutus .text{padding-left: 0px;margin-top: 25px;}
    .leadership{padding: 0px 0px;}
    .benefits .text_w_icon.pr{padding-right: 0px;}
    .benefits .text_w_icon.pl{padding-left: 0px;}
    .benefits .text_w_icon{display: block;}
    .benefits .text_w_icon .icon{width: 100px;margin: 0 auto;}
    .benefits .text_w_icon .text {text-align: center;margin-top: 15px;}
    .gallery .head{padding: 0px 0px;}
    .getintouch .form{padding-left: 0px;}
    footer .ft{text-align: center;}
    footer .ft .contact-icon ul li a{text-align: left;}
    footer .ft .contact-icon ul li a br{display: none;}
    footer .ft.mt p{padding-right: 0px;}
    footer .ft h4{margin-bottom: 12px;}
    .bottom_ft .left p{text-align: center;margin-top: 25px;}
    .leadership .leader-detail h4{margin-bottom: 10px;}
    .benefits .text_w_icon .text{text-align: left;}
    .gallery .head{text-align: left;}
    .getintouch .head {text-align: left;}
    .benefits .head{text-align: left;}
    /*hamburger menu*/
.hamburger-menu {
     z-index: 999;
    position: absolute;
    top: 10px;
    width: 45px;
    height: 40px;
    cursor: pointer;
    right: 25px;
}

.bar,
.bar:after,
.bar:before {
  width: 45px;
    height: 3px;
}

.bar {
        position: relative;
    transform: translateY(25px);
    background: rgb(0 0 0);
    transition: all 0ms 300ms;
}

.bar.animate {
  background: rgba(255, 255, 255, 0); 
}

.bar:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 12px;
    background: rgb(0 0 0);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    background: rgb(0 0 0);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
}

.bar.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
}
.bts-popup-container{width: 85% !important;}
/*nav menu*/
.show {
  left:0%;
  opacity:1;
}

.hide {
  opacity:0;
  left:100%;
}

.mobile-nav {
  background:#fff;
  position:fixed;
  top:0;
  width:100vw;
  height:100vh;
  text-align:center;z-index: 2;
  transition: .2s ease;
}
.mobile-nav ul{
    list-style: none;        margin-top: 25px;
}
.mobile-nav ul li{text-align: left;margin-bottom: 12px;}
.mobile-nav a {
  font-size:4vw;
  color:#ffffff;margin-bottom: 8px;
  opacity:0;
  transition:opacity .9s ease-in-out;
}

.mobile-nav.show a {
      font-size:16px;display: block;
    color: #000000;
    opacity: 1;        font-family: 'Poppins';
    text-decoration: none;
}

.mobile-nav a:hover {
  color:#2980b9;
}
.exp_more {margin-top: 18px;}
}

@media (max-width: 430px) {
    .main_banner .owl-stage .owl-item .item .banner_area .text h3{font-size: 17px;}
    .main_banner .owl-stage .owl-item .item .banner_area .text {top: 18%;}
    
}
@media (max-width: 414px) {
    .header_in .logo_block a img{width: 150px;}
}








div#formResponse p {
    margin: 0;
    background: #ff000030;
    padding: 6px 14px;
    margin-bottom: 5px;
    border-left: 5px solid #ff0000;
}

div#formResponse.success p {
    background: rgb(0 128 0 / 30%);
    border-color: green;
}

div#formResponse {
    margin-top: 20px;
}

span#formLoader {
    display: none;
} 

.show_laoding {
    display: none;
}