div#head-banner {
  background-image: url('../img/Hero-new.webp') !important;
  background-position: top left !important;
  justify-content: center !important;
}

#head-banner.main-banner {
  /*min-height: auto !important;*/
  height: 100% !important;
}

#head-banner .banner-surgeon {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
}

#head-banner .banner-surgeon img {
  height: 950px;
  object-fit: cover;
  object-position: right top;
  position: relative;
}

#head-banner .banner-surgeon::after {
  content: '';
}

.banner-desc {
  width: 100% !important;
}

.section.testi {
  margin-bottom: 150px !important;
}

/* .section.testi .owl-carousel, .section.testi .owl-stage-outer , .section.testi .owl-stage, .section.testi .owl-item, .section.testi .py-3{
  height: 100%;
 } */

.section.testi .team-detail img {
  width: auto;
}

/*===== TEam Box ===*/

#service .ques-card button.collapsed, #service .ques-card button.collapsed span {
  color: #000000 !important;
}

#service .ques-card.active button, #service .ques-card.active button span {
  color: var(--main-second) !important;
}

#service .ques-card.active button span::before, #service .ques-card.active button span::after, #service .ques-card:hover button.collapsed span::before, #service .ques-card:hover button.collapsed span::after {
  color: #000;
}

.ft-email a {
  text-decoration: none;
  font-weight: bold;
}


.surgeon-content .posco {
  font-size: 40px;
}


div#head-banner.banner2 {
  background-image: url('../img/new-hero.webp') !important;
  background-position: top right !important;
}

#head-banner.banner2 .banner-surgeon::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #01314a 70%, #008e9b00 100%);
  opacity: 0.5;
}

#head-banner.banner2 .banner-surgeon img {
  object-position: left top;
}

#head-banner.banner2 .gradient-overlay {
  background: linear-gradient(266deg, rgb(255 255 255 / 0%) 0%, rgb(1 49 74) 75%);
  opacity: 85%;
}

#head-banner.banner2::before {
  opacity: 0 !important;
}

#team.testi {
  padding-top: 0 !important;
  padding-bottom: 50px !important;
}

#team .overview-wraper {
  padding-top: 60px !important;
}

#team #test-slider {
  padding-top: 45px !important;
}

#team .team-box:hover .team-img {
  transform: scale(0.95) !important;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 37px;
  right: 5px;
  left: auto;
  z-index: 9;
  width: 30px;
  height: 30px;
  color: #fff;
  padding: 10px;
}

.swiper-button-prev {
  right: 50px;
}

.swiper-button-next:after, .swiper-button-prev:after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 800;
  padding: 1rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: linear-gradient(-45deg, var(--main-color), var(--main-second));
}

/* .swiper-wrapper {
    transition-timing-function: linear !important;
} */

#service .accordion-button:not(.collapsed), #service .ques-card:hover button, #service .ques-card:hover button span, #service .ques-card .accordion-button:not(.collapsed), #service .ques-card .accordion-button:not(.collapsed) span::before, #service .ques-card .accordion-button:not(.collapsed) span:after {
  color: var(--main-second) !important;
}

#service .ques-card:hover .accordion-button:not(.collapsed) span, #service .ques-card .accordion-button:not(.collapsed) span {
  color: #000 !important;
}

#service .ques-card button.collapsed, #service .ques-card button.collapsed span {
  cursor: pointer !important;
}

#works h2, #works h3, #works p, #works div, #works span {
  color: #fff !important;
}

#works .step-no {
  border-color: #ffffff50 !important;
}


#works .step-detail p {
  font-weight: 400 !important;
}


/* .about-box .title-desc.pb-4{
  padding-bottom: 0 !important;
} */
/* .desc-toggle{opacity: 0.5;
  transform: translateY(-20px);
  transition: all .3s ease;
  width: 90%;
  margin: 0 auto;
  visibility: hidden;
}

.desc-toggle.show{
  visibility: visible;
  opacity: 1;
  transition: all .3s ease;
  transform: translateY(0);
  padding-bottom: 30px;
} */
.about-box .head-toggle {
  cursor: pointer;
}

.about-box .desc-toggle {
  width: 90%;
  margin: 0 auto;
  display: none;

}



@media screen and (min-width: 1401px) {
  .about-box .desc-toggle {
    width: 85%;
  }
}

#team .team-box .team-detail {
  padding: 10px !important;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}

#team .team-box .team-detail .my-3 {
  margin-top: auto !important;
  margin-bottom: 15px !important;
  width: 100% !important;
}

#team .team-box .team-detail p.first {
  margin-bottom: 10px;
}


@media screen and (min-width: 1601px) {
  #team .team-box .team-detail p.first {
    font-size: 22px !important;
  }

  .desc-toggle {
    width: 90%;
  }
}

@media screen and (min-width: 1401px) and (max-width: 1600px) {
  #team .team-box .team-detail p.first {
    font-size: 1.35vw !important;
  }
}

@media screen and (max-width: 1200px) {
  #team .team-box .team-detail p.first {
    font-size: 1.7vw !important;
  }

  .about-box .desc-toggle {
    width: 100%;
  }

}

@media screen and (max-width: 991px) {
  #team .team-box .team-detail p.first {
    font-size: 2.4vw !important;
  }
}

@media screen and (max-width: 767px) {
  #team .team-box .team-detail p.first {
    font-size: 4.5vw !important;
  }
}

@media screen and (max-width: 575px) {
  #team .team-box .team-detail p.first {
    font-size: 4.7vw !important;
  }
}

@media screen and (max-width: 400px) {
  #team .team-box .team-detail p.first {
    font-size: 5.1vw !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1200px) {
  #team.testi .col-xl-3 {
    width: 33% !important;
  }

  #team.testi .col-xl-9 {
    width: 66% !important;
  }
}

@media screen and (min-width: 1501px) {
  #head-banner.main-banner .bak {
    padding-top: 9% !important;
  }

  .ft-email a {
    font-size: 46px;
  }

  #process .surgeon-img img {
    height: 470px !important;
  }
}

@media screen and (max-width:1500px) {
  #head-banner .banner-surgeon img {
    height: 750px;
  }

  .ft-email a {
    font-size: 35px;
  }

  .surgeon-content .posco {
    font-size: 30px;
  }
}

@media screen and (min-width: 1401px) {
  #process .surgeon-content h2 {
    font-size: 65px !important;
  }

  /* #process .surgeon-img img{
    height: 510px !important;
  } */
}


@media screen and (min-width: 768px) and (max-width: 991.99px) {
  #process .surgeon-content h2 {
    max-width: 600px;
  }
}

/* @media screen and (min-width: 410px) and (max-width: 575.99px){
  #process .surgeon-content h2{
    font-size: 40px !important;
  }
} */

@media screen and (min-width: 1601px) {
  #head-banner.main-banner .site-btn {
    padding-top: 25px !important;
  }
}

@media screen and (min-width: 1401px) and (max-width: 1600px) {
  #head-banner.main-banner .site-btn {
    padding-top: 75px !important;
  }

  #head-banner .title .lt-gr {
    padding-top: 25px !important;
  }

  #head-banner.main-banner .title {
    padding-top: 100px !important;
  }
}


@media screen and (min-width:1401px) {
  #process .surgeon-img img {
    height: 490px;
  }

  h2 {
    line-height: 115% !important;
  }

  #process h2.title-sub {
    font-size: 50px !important;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
  #process h2.title-sub {
    font-size: 45px !important;
  }

  #process .surgeon-content h2 {
    font-size: 47px !important;
  }
}



@media screen and (max-width:991px) {
  #head-banner .banner-surgeon img {
    height: 550px;
  }

  .section.testi {
    margin-bottom: 150px !important;
  }

  #process h2.title-sub {
    font-size: 40px !important;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1500px) {
  #head-banner.main-banner .bak {
    padding-top: 9% !important;
  }
}


/* @media screen and (min-width: 1200px) {
    #head-banner .title {
        font-size: 4.7vw;
      }
    
  } */

@media screen and (min-width: 992px) and (max-width: 1199.99px) {
  #head-banner .title {
    font-size: 4vw !important;
  }

  #head-banner .banner-surgeon img {
    height: 650px;
  }

  #process .process-desc {
    font-size: 20px;
  }

  #process h2.title-sub {
    font-size: 45px !important;
  }

  #process .surgeon-content h2 {
    font-size: 45px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991.99px) {
  #head-banner .title {
    font-size: 4.5vw !important;
  }

  .ft-email a {
    font-size: 2.9vw !important;
  }

  #process .surgeon-content h2 {
    font-size: 50px !important;
  }
}

@media screen and (min-width: 576px) and (max-width: 767.99px) {
  #head-banner .title {
    font-size: 5vw !important;
    width: 88%;
  }

  #head-banner .banner-surgeon img {
    height: 450px;
  }

  #process.sectionw {
    padding-bottom: 4rem !important;
  }

  #process.sectionw .container {
    margin-top: 1rem !important;
  }

  #process h2.title-sub {
    font-size: 35px !important;
  }

  #process .surgeon-content h2 {
    font-size: 45px !important;
  }
}

@media screen and (min-width:1201px) {
  #head-banner.main-banner .title {
    font-size: 4.1vw;
  }

  #head-banner p.banner-desc.simu {
    /*font-size:2.3vw!important;*/
    font-size: 2vw !important;
  }

  #head-banner p.banner-desc.sopa {
    font-size: 1.7vw !important;
  }

  #footer .second-col {
    max-width: 600px !important;
  }

  #process .process-desc {
    font-size: 23px;
  }

}

@media screen and (max-width:1200px) {
  #process.sectionw {
    padding-top: 3rem !important;
  }

  .ft-email a {
    font-size: 30px;
  }

  #footer .second-col {
    max-width: 600px !important;
  }

  #footer .second-col p {
    margin-bottom: .5rem;
  }

  .surgeon-content .posco {
    font-size: 25px;
  }
}

@media screen and (min-width:992px) {
  #process .surgeon-img img {
    height: 460px;
  }

  .test-slider .owl-carousel, .test-slider .owl-stage-outer, .test-slider .owl-stage, .test-slider .owl-item, .test-slider .py-3, .test-slider .team-box {
    height: 100% !important;
  }
}

@media screen and (max-width:991px) {
  #process.sectionw {
    padding-top: 0rem !important;
  }

  #process .surgeon-img img {
    height: 400px;
  }
}

@media screen and (max-width:767px) {
  .title span.lt-gr {
    padding-top: 2vw;
  }

  #test-slider {
    padding-top: 70px !important;
  }

  #case .first {
    flex-direction: column-reverse !important;
  }
}


@media screen and (max-width: 375px) {
  #head-banner .title {
    font-size: 10.5vw !important;
  }
}

@media screen and (max-width:575px) {
  #head-banner.main-banner {
    background-position: 0% !important;
  }

  #process.sectionw .container.mt-5 {
    margin-top: 1rem !important;
    padding-left: 25px;
    padding-right: 25px;
  }

  #head-banner .banner-surgeon img {
    height: 500px;
  }

  #head-banner .banner-surgeon::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #01314a 70%, #008e9b00 100%);
    opacity: 0.3;
  }

  #head-banner .title {
    font-size: 11vw !important;
  }

  .ft-email a {
    font-size: 25px !important;
  }

  .title span.lt-gr {
    padding-top: 8vw;
  }

  .section.testi {
    margin-bottom: 100px !important;
  }

  #brands-logo {
    padding-top: 20px !important;
  }

  #process h2.title-sub {
    font-size: 30px !important;
  }

  .surgeon-content .posco {
    font-size: 20px;
  }

  /* .banner-surgeon{
    display: none;
  } */
  #process .surgeon-content h2.surg-title.sopi {
    font-size: 35px !important;
  }

  .swiper-button-prev {
    right: 50px !important;
  }

  .swiper-button-next:after, .swiper-button-prev:after {
    width: 2.2rem !important;
    height: 2.2rem !important;
  }
}

@media (max-width: 380px) {
  .site-btn .btn span {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 576px) and (max-width: 991.99px) {
  #head-banner p.banner-desc.simu {
    font-size: 3.5vw !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199.99px) {
  #head-banner p.banner-desc.simu {
    font-size: 2.9vw !important;
  }

  #team.testi .overview h2 {
    font-size: 5vw !important;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1399.99px) {
  #head-banner.main-banner .title {
    font-size: 6vw;
  }
}

#about .about-box:hover h4, #about .about-box h4:focus {
  color: #fdbd90 !important;
}

#head-banner .site-btn .gr-text, #sec-banner .site-btn .gr-text{
  background: -webkit-linear-gradient(-200deg, var(--main-second) 50%, var(--main-second) 100%);
  background: linear-gradient(-200deg, var(--main-second) 50%, var(--main-second) 100%) ;
  -webkit-background-clip: text ;
  -webkit-text-fill-color: transparent;
  transition: var(--smooth);
}

#about .about-box {
  cursor: pointer;
}