/*header search bar*/
.header-icon .btn.btn-rounded.btn-small{width: 165px}
.search_btn {width: 45px; height: 45px; background: #f9f9f9; border-radius: 100%; text-align: center;line-height: 45px}
.searchbox {
    width:0%;
    background: #f9f9f9;
    position: absolute;
    top: 27px;
    right: 29%;
    border-radius: 70px;
    transition: all ease .3s;
    opacity: 0;
    z-index: -1;

}
.suggestions-dropdown {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      border-top: none;
      background: #f9f9f9;
      z-index: 1000;
      display: none;
      max-height: 200px;
      overflow-y: auto;
    }
    .suggestion-item {
      padding: 15px 45px 15px 25px;
      text-align: left;
      display: flex;
      align-items: center;
      color: #333;
      cursor: pointer;
    }
     .suggestion-item .category {color: #066D78; font-size: 16px}
    .suggestion-item:hover {
      background-color: #f0f0f0;
    }
    .suggestion-item img {width: 40px; height: 40px; border-radius: 40px; margin-right: 10px}
  .searchbox.show{width: 54%; opacity: 1;z-index: 10}
  .searchbox .btn{position: absolute; right: 10px;z-index: 10; top: 10px}
  .searchbox input {border:0!important; border-radius: 50px; background: transparent!important; outline: none}
  .calendar-btn img{max-width: 35px; margin-right: 12px}
@media (max-width: 1600px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 8px;
        padding-right: 8px;
    } 
    .header-icon .btn.btn-rounded.btn-small {font-size: 13px; width: 138px; padding: 8px 5px}
}
@media (max-width:1300px){
  header .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
}
.searchbox.show {width:54%;right: 28%;}
}
@media (min-width: 1500px) and (max-width:1599px) {
.searchbox.show {width:54%;right: 29%;}
}
@media (min-width: 1600px) {
.searchbox.show {
        width: 55%;
        right: 27%;
    }
}
@media (min-width: 1900px) {
.searchbox.show {
        width: 60%;
        right: 25.5%;
    }
}
@media (max-width:640px){
  .searchbox.show {
        width: 100%;
        right: 0;
        top: 15px;
    }
}

.navbar .navbar-nav .nav-link i {
  float: right;
  margin-top: 2px;
  margin-left: 5px;
}

.btn-info {
  background: #008c9b;
  border-color: #008c9b;
  color: #fff !important;
}

.btn-success {
  background-color: #1eaf5f;
  border-color: #1eaf5f;
  color: #fff !important;
}

.btn-info span,
.btn-success span {
  color: #fff !important;
  transition: all ease 0.3s;
}

.btn-info:hover span,
.btn-success:hover span {
  color: #333 !important;

}

#slider {

  background: #f4ede7;

  min-height: 83vh;

}

.banner-img {

  left: 0px;

  bottom: -220px;

  width: 440px !important;

  height: 500px !important;

}

.banner-img2 {

  animation: anime1 2s infinite;

  width: 220px !important;

  height: 180px !important;

}

.text-last {

  left: 500px;

  bottom: -150px;

  width: 200px !important;

}


@keyframes anime1 {

  0% {

    bottom: -120px;

  }



  50% {

    bottom: -100px;

  }



  100% {

    bottom: -120px;

  }

}



.banner-img3 {

  width: 150px !important;

  height: 150px !important;

}



.home-sec-1 .box {

  background: #f3f3f3;

  border-radius: 15px;

  min-height: 100px;

  -webkit-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.15);



  -moz-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.15);

  box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.15);

  margin-top: -50px;

  position: relative;

  z-index: 999;

  padding: 15px;

}



.home-sec-1 .box h6 {

  font-size: 16px;

  font-weight: 600;

  line-height: 20px;

  margin-bottom: 0;

  margin: 10px 0 5px;

}



.home-sec-1 .box p {

  line-height: 20px;

/*  font-size: 14px;*/
  font-size: 12px;

  margin-bottom: 0;

}



.home-sec-1 .box img {

  margin-bottom: 10px;

}



.home-sec-1 .box .row .col {

  position: relative;

}



.home-sec-1 .box .row .col:after {

  content: "";

  right: 5px;

  bottom: 10px;

  height: 80px;

  background: #ddd;

  width: 1px;

  position: absolute;

}



.home-sec-1 .box .row .col:last-child:after {

  display: none;

}



.bg-green {

  background: #e7fff2;

}



.bg-info-light {

  background: #cbfcff;

}



.bg-warning-light {

  background: #ffe0c5;

}



.text-info {

  color: #005a87 !important;

}



.blog-grid .card .blog-categories {

  right: auto;

}



.cta-sec .box {

  background: rgb(165, 223, 191);



  background: linear-gradient(

    0deg,

    rgba(165, 223, 191, 1) 0%,

    rgba(51, 183, 110, 1) 69%,

    rgba(30, 175, 95, 1) 95%

  );

  padding: 30px;

  border-radius: 20px;

}



.podcast-sec {

  background: #f9f9f9;

}



.podcast-sec .media img {

  position: relative;

  padding: 25px 0 25px 25px;

}



.podcast-sec .media:before {

  content: "";

  background: #99d1d7;

  position: absolute;

  z-index: 0;

  width: 50%;

  height: 100%;

  left: 0;

  top: 0;

  border-radius: 50px 20px 20px 20px;

}



.podcast-sec .media:after {

  content: url("../images/home/play.png");

  position: absolute;

  right: -32px;

  top: 42%;

}



.theme-demos {

  display: none !important;

}



.stats-sec {

  background: url("../images/home/bg.png") #005a87 0 0 no-repeat;

}



.stats-sec .box {

  width: 160px;

  height: 160px;

  background: rgba(255, 255, 255, 0.3);

}



.blog-sec .btn-info {

  background: #005a87;

  color: #fff !important;

}



.blog-sec .card img {

  border-radius: 20px 20px 0 0;

  margin-top: -2px;

}



.social-sec .nav-tabs li {

  width: 50%;

  padding: 0;

}



.social-sec .nav-tabs li a {

  padding: 15px;

  border-radius: 30px;

  color: #ccc;

}



.social-sec .nav-tabs li a.active,

.social-sec .nav-tabs li a:hover {

  background: #333;

  color: #fff;

}



.social-sec i {

  position: absolute;

  z-index: 99;

  background: rgba(255, 255, 255, 0.9);

  width: 40px;

  height: 40px;

  border-radius: 40px;

  line-height: 40px;

  text-align: center;

  top: 45%;

  left: 45%;

  cursor: pointer;

  color: #333;

}



.testimonial-sec .testi-info {

  background: #005b75;

}



.testimonial-sec .testi-info img.user {

  width: 110px;

  height: 110px;

}



footer {

  background: #e9f7f8;

}



footer .footer-logo img {

  width: 180px;

  height: 70px;

  max-height: 70px;

}



footer .elements-social.social-icon-style-02 li {

  margin: 0 5px 0 0;

}



.download {

  max-width: 140px;

}



.footer-logos img {

  width: 15%;

  margin-right: 15px;

}



[data-mobile-nav-style="modern"]

  .navbar-modern-inner

  .navbar-nav

  .nav-item

  .nav-link

  i {

  display: none;

}



header .navbar {

  z-index: 9999;

}



.navbar .navbar-nav .dropdown  .dropdown-menu.sub {display: none; left: 100%; top: 0}

.navbar .navbar-nav .dropdown.sub-level.open  .dropdown-menu.sub {display: block;}

.navbar .navbar-nav .dropdown.open .dropdown-menu {overflow: visible;}

.navbar .navbar-nav .dropdown.open .dropdown-menu li a i {float: right; font-size: 14px}

.navbar .navbar-nav .dropdown.open .dropdown-menu li a i::after {display: none;}



select {appearance: menulist!important;-webkit-appearance: menulist!important;}

.partner-sec-1 .main{position: relative; font-size: 40px; display: inline-block;}
.partner-sec-1 .main:before {content: ""; width: 100%; height: 3px; position: absolute; background: #008C9B; left: 0; bottom: -5px} 
.slider-one-slide-prev-1, .slider-one-slide-next-1, .slider-one-slide-prev-2, .slider-one-slide-next-2  {background: none!important; position: relative!important; font-size: 30px!important; width: 50px!important; height: 50px!important; margin-left: 5px}
.podcast-sec .slider-one-slide-prev-1, .podcast-sec .slider-one-slide-next-1{ margin-right:10px }

/*event*/
.home-sec-event {background: url('../img/event-img.png') 0 0  no-repeat #F2EFEF; background-size: 100%; display: flex; align-items: center; padding: 50px 0; min-height: 400px}
.home-sec-event h2{font-size: 26px;color: #333; line-height: 30px; margin: 25px 0 20px}
.home-sec-event .container{position: relative;}
.home-sec-event  span{padding: 10px 30px; color: #fff; font-weight: 700; font-size: 20px; border-radius: 15px}
.home-sec-event p{color: #666; line-height: 24px}
.home-sec-event .btn{border-radius: 30px; font-size: 18px; padding: 10px 30px;position: absolute; right: 50px; top:-150px }
.home-sec-event .btn:hover {color: #1EAF5F!important}
.home-sec-event .btn-info{right: 225px}

.home-sec-event .date {float: right;   }
.home-sec-event .date p {color: #008C9B!important; font-size: 18px; margin: 10px 0}
.home-sec-event .date p img {max-width: 20px}
.participate-modal .modal-content {border-radius: 25px; padding:40px 30px}
.participate-modal .modal-content  .btn-close {position: absolute; right: 10px; top: 10px}
.participate-modal .modal-content  h5{font-size: 24px; color: #333; margin-bottom: 10px}
.participate-modal .modal-content p{color: #333; font-size: 14px;line-height: 20px}
.participate-modal .modal-content .btn {border-radius: 25px; margin-right: 10px}
.participate-modal .modal-content .btn:hover{color: #333!important}
.participate-modal.modal .modal-dialog {max-width: 600px}

.yodh-connect  .page-banners {background-size: 50%; height: 70vh; background-position: 100% 0; background-color: #008C9B0A}
.text-blue {color: #008C9B}
.yodh-connect .objecitves-sec .card  {background: #F5FBFB; padding: 20px; margin-bottom: 20px; box-shadow: 1px 1px 10px #cccc; border:0; align-items: center; flex-direction: row}
.yodh-connect .objecitves-sec .card .media {margin-right: 20px;min-width: 100px; height: 100px}
.yodh-connect .objecitves-sec .card .media img {width: 100px; height: 100px}
.yodh-connect .objecitves-sec .page-title1 {font-size: 40px; color: #333; font-weight: 600; margin: 0}
.yodh-connect .objecitves-sec .lead {color: #333; font-weight: 500}
.yodh-connect .objecitves-sec .card h4{font-size: 18px; font-weight: 600; color: #333; margin: 0; }
.yodh-connect .objecitves-sec .card p {margin: 0; line-height: 20px; font-size: 14px}

.page-banners p{line-height: 24px}

@media (min-width: 1400px) {

  .container,

  .container-lg,

  .container-md,

  .container-sm,

  .container-xl,

  .container-xxl {

    max-width: 1368px;

  }

}



@media (max-width: 640px) {

  .home-sec-1 .box img {

    max-width: 40px;

  }



  .home-sec-1 .box .row .col {

    margin-bottom: 25px;
    flex: 1 0 50%;
  }
  .home-sec-1 .box h6 {font-size: 15px}
 .home-sec-1 .box p {font-size: 13px!important; line-height: 20px!important}


  .home-sec-1 .box .row .col:nth-child(even):after {

    display: none;

  }



  .cta-sec .text-info {

    margin-top: 20px;

  }



  .podcast-sec {

    padding: 50px 0 !important;

    margin-top: 30px;

  }



  .podcast-sec .media {

    margin-bottom: 20px;

  }



  .podcast-sec .media:after {

    right: 35%;

  }



  .stats-sec .box {

    width: 100px;

    height: 100px;

    margin: 15px auto;

  }



  .social-sec {

    padding: 50px 0 !important;

  }



  .social-sec .nav-tabs li a {

    padding: 10px;

    font-size: 15px;

  }



  .testimonial-sec {

    padding: 40px 0 !important;

  }



  .testimonial-sec h3 {

    font-size: 24px;

  }



  .footer-logos img {

    width: 25%;

  }



  .banner-img {

    left: 35px;

    bottom: -320px;

    width: 250px !important;

    height: 300px !important;

  }



  .text1 {

    margin-top: -325px;

  }



  .text-last {

    left: 0;



    bottom: 0;



    width: auto !important;

  }



  .banner-img2 {

    animation: anime1 2s infinite;



    width: 140px !important;



    height: 120px !important;



    left: -155px;

  }



  .banner-img3 {

    width: 90px !important;



    height: 90px !important;



    left: 110px;



    top: -50px;

  }

  .main {font-size: 36px!important}
  p{font-size: 14px!important; line-height: 24px!important}
  .partner-banner  {height: 80vh !important;
        background-position: 20% 80px;}
   .home-sec-event{background-position: 95% 0; padding-top: 400px}
   .home-sec-event h2 {font-size: 20px;}
    .home-sec-event .btn {
        border-radius: 30px;
        font-size: 16px;
        padding: 10px 20px;
    }
    #slider {min-height: 100%}
   .home-sec-1 .box {margin-top: -20px}
   .podcast-sec .swiper  {padding-left: 10px}
   .img-fluid{height: 100vh!important}
   .yodh-connect .page-banners{background-size: 100%; background-position: 0 0; padding-top: 60%;   height: 100% !important;}
   .yodh-connect .objecitves-sec .page-title1{font-size: 30px}
   .yodh-connect .objecitves-sec .card h4 {line-height: 26px; margin-bottom: 10px}
   .yodh-connect .objecitves-sec .card p {
      margin: 0;
      line-height: 20px !important;
      font-size: 13px !important;
    }
}



/* about - contact */

/* ABOUT US PAGE */

.img-fluid {

    height: 690px;

    background-repeat: no-repeat;

    /* background-attachment: relative; */

    background-size: 100% cover;



  }



  .take {

    /* position: relative; */

    top: 414px;

    font-size: 15px;

    /* bottom: 10px; */

    padding-top: 170px;

    font-family: Work Sans;

  }



  .main {

    color: #008C9B;

    font-weight: 600;

    font-size: 50px;

    font-family: Work Sans;

  }



  .make {

    font-size: 16.7px;

    /* line-height: 30px; */

  }



  /* CONTACT US PAGE */



  .text {

    background-color: #ffffff;

    padding-left: 42px;

    padding-right: 42px;

    padding-bottom: 20px;

    padding-top: 22px;

    font-size: 15px;

    border-radius: 12px;

    margin-top: 15px;

    width: 616px;

    /* height: 729px; */

    /* height: 840px; */

    border-radius: 20.48px 20.48px 20.48px 20.48px;

  }



  .port img {

    height: 801px;

    width: 892px;

    margin-top: 19px;

    /* margin-left: -17px; */

  }



  .top {

    background-color: #dEFFeD;

    margin-top: 19px;

    margin-left: -15px;

  }