:root{
  --primary-color:#3d2b7a;
  scroll-padding-top: 110px;
 }
 
 html{scroll-behavior: smooth;}
 .bannerbg .btnWrap-international {
        position: absolute;
    bottom: 14%;
    right: 21%;
    justify-content: center;
    width: fit-content;
    z-index: 2;
}
.btn.btn-estimate:hover{background-color: #fff;color:  rgba(72, 46, 122, 1)}
.btnWrap a.rqst-btn {
    background: rgba(72, 46, 122, 1);color: #fff;font-weight: 600;
}
.btnWrap a.fnd-dctr {
  color: rgba(72, 46, 122, 1);
  background-color: #fff;
  font-weight: 600;
}

.international-main-banner .btnWrap-international .btnWrap a{
  font-size: 18px;
  padding: 16px 35px;
}

@media screen and (min-width:768px) {
  .btnWrap a.rqst-btn:hover {
      background: #fff;color: rgba(72, 46, 122, 1);
  }
  .btnWrap a.fnd-dctr:hover {
      color:  #fff;
      background-color: rgba(72, 46, 122, 1);
  }

    .why-choose .choose-image{
      position: sticky;
      top: 120px;
      height: 100%;
    }
  
}
.btnWrap a {
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--primary-color);
    padding: 12px 28px;
    border-radius: 30px;
    transition: .5s ease;
    color: var(--white-color);
    line-height: 1;
    font-family: var(--font-family);
    text-decoration: none;
    text-align: center;
}
.btnWrap-international h2 {
    font-size: 64px;
    font-weight: 700;
}
.btnWrap {
    display: flex;
    gap: 10px;margin-top: 20px
}
.btnWrap-international span{font-size: 20px;font-weight: 400; color: var(--primary-color); }
 @media only screen and (min-width: 576px) {
    .bannerbg {
        aspect-ratio: 1920 / 576;
        position: relative;
    }
}


   .form-section {
      background-color: #f5f0fa;
      padding: 50px 15px;
    }

    .form-box {
      background-color: #fff;
      padding: 40px;
      border-radius: 16px;
      max-width: 900px;
      margin: 0 auto;
      border: 1px solid rgba(217, 217, 217, 1)
    }



    .form-title {
      font-weight: 600;
      margin-bottom: 30px;
      color: var(--primary-color);
    }
    
    .form-label {
      color: var(--primary-color);
      margin-bottom: 6px;
    }

    
   .form-control, .form-select {
    display: block;
    width: 100%;
    height: 46px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
        border-radius: 30px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control::placeholder, .form-select::placeholder{
  color: rgba(179, 179, 179, 1);
}
.form-control:focus, .form-select:focus{
  outline: none;
  box-shadow: none;
}

  input[type="file"].form-control{
    min-height: 108px;
    border: 1px solid rgba(217, 217, 217, 1);
    color: rgba(179, 179, 179, 1);
    padding: 12px 18px;
  }
  
  input[type="file"].form-control::file-selector-button {
    display: block;
    width: 109px;
    height: 22px;
    font-size: 14px;
    line-height: 1;
    border: 1px solid var(--primary-color);
    border-radius: 20px;
    color: rgb(255, 255, 255);
    background: var(--primary-color);
    margin-bottom: 4px;
  }

  .award-international-sec .center-nav{
    display: none;
  }

    .submit-btn {
      background-color: #3d2b7a;
      border: 1px solid var(--primary-color);
      color: #fff;
      border-radius: 30px;
      padding: 10px 30px;
      font-weight: 600;
    }
    .submit-btn:hover {
      background: none;
      color: var(--primary-color);
    }

    .form-note {
      font-size: 12px;
      color: #666;
      margin-top: 10px;
    }
.main-header.header-fixed {
    box-shadow: 0px 0px 3px #ccc;
}
.nav-wrap{border: 0}
    

    @media (max-width: 768px) {
      .side-menu-top-icon {
    display: none;}
      .form-box {
        padding: 20px;
      }
    }


     .impact-metrics {
      padding: 70px 0px;
      text-align: center;
    }

    .impact-metrics h3 {
    font-weight: 700;
    color: #3d2b7a;
    margin: 0;
    display: flex;
    justify-content: left;
    height: 100%;
    align-items: center;
    text-align: left;    line-height: 45px;
}
    .metric-icon {
      font-size: 40px;
      color: #3d2b7a;
      margin-bottom: 10px;
    }

    .metric-value {
         font-size: 30px;
    font-weight: 500;
      color: #3d2b7a;
    }

    .metric-desc {
    color: rgba(72, 46, 122, 1);
    font-size: 16px;
    font-weight: 500;
}
.choose-list {
    padding-left: 50px;
}
.metric-icon hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid rgba(72, 46, 122, 1);
    width: 90%;
    margin: 5px  auto;
    margin-top: 15px;
}


    /* Why Choose Us Section */
    .why-choose {
      background-color: #f5f0fa;
      padding: 60px 20px;
    }

    .choose-box {
      max-width: 1220px;
      margin: auto;
    }

    .choose-image img {
      border-radius: 20px;
      width: 100%;
      height: auto;
    }

    .choose-list h3 {
      font-weight: 700;
      color: #3d2b7a;
      margin-bottom: 30px;
    }


    .choose-list li {
      list-style: none;
      margin: 15px 0;
      font-weight: 500;
      display: flex;
      align-items: center;
      color: #3d2b7a;    font-size: 18px;
    }
.choose-list li img {
    width: 42px;
    height: 42px;
    margin-right: 30px;
}
    .btn-estimate {
      background-color: #3d2b7a;
      color: white;
      border: none;
      padding: 10px 25px;
      border-radius: 8px;
      margin-top: 20px;
      border-radius: 40px;
      border: 1px solid #3d2b7a;
    }

button.btn.btn-estimate:hover {
   background-color: white;
      color: #3d2b7a;
}
    


    .section-title {
    font-weight: 600;
    color: #3d2b7a;
    margin-bottom: 30px;
    font-size: 32px;
  }

  .section-title.section-title-2{
    margin-bottom: 12px;
  }

  .swiper {
    padding-bottom: 40px;
  }

  .swiper-slide:not(.award-swiper-slide) {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    border: 1px solid #e2e2f0;
    height: auto;
  }
  .award-slider .swiper-wrapper{
    height: auto;
  }
section .common-slider-wrap {
    width: calc(100vw - (100vw - var(--container)) / 2) !important;
    margin-left: auto;
}
  .swiper-slide h5 {
    font-weight: 700;
    color: #3d2b7a;
    margin-top: 15px;
  }
  :root {
    --container: 1220px;
}
.tripSwiper .swiper-wrapper, .mySwiper .swiper-wrapper{height: auto;}
section.treatments{
  padding: 65px 0;
}
section.py-5.treatments .common-slider-wrap{position: relative;}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top:auto !important;
    bottom: 15px;}
  .swiper-button-next, .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px !important;
    width: 45px !important;
    box-shadow: 0px 0px 16px 0px #796B9140;
    border-radius: 50%;
    background: #ffffff;
}
.swiper-button-prev:after{
    font-size: 14px !important;
    color: #000;
}
.swiper-button-next{
    left: 115px !important;
}
.swiper-button-next:after {
    font-size: 14px !important;
    color: rgba(72, 46, 122, 1);
    font-weight: bold;
} 

.treatments hr {
    border-top: 2px solid rgba(72, 46, 122, .2);
}
  .swiper-slide .explore-link {
    font-size: 13px;
    font-weight: 500;
    color: #3d2b7a;
    text-decoration: none;float: right;
  }

  .trip-icon {
    font-size: 18px;
    color: #3d2b7a;
    margin-bottom: 20px;font-weight: 600;gap: 10px; display: flex;
    align-items: anchor-center;
  }

  .trip-box ul {
    padding-left: 16px;
    font-size: 16px;
    color: #333;min-height: 100px;
}

.treatments .swiper p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    overflow: hidden;
}

  .trip-box {
    padding: 20px;
    border-radius: 12px;
    background: #fff;
  }
  .trip-box p,
  .trip-box li{
   color: rgba(77, 77, 77, 1);
  }

  .plan-section {
    background-color: #f5f0fa;
    padding: 60px 20px;
  }
  .plan-section .section-title{text-align: center;}

.ps-0{
  padding-left: 0;
}

.flex-1{
  flex: 1;
}

.text-decoration-underline{
  text-decoration: underline;
}
.mainFooter {
    background: rgba(224, 218, 234, 1);
    float: left;
    width: 100%;
    margin-top: 50px;
}
.faq-section{
  background: rgba(241, 238, 248, 1);
  padding: 65px 0;
  margin-top: 4rem;    float: left;
    width: 100%;
}

.faq-section .d-flex a{
  color: rgba(126, 58, 147, 1);
  font-weight: 500;
}

.container-mini-a{
  max-width: 844px;
  margin-left: auto;
  margin-right: auto;
}

.section-title {
      text-align: center;
      font-weight: 700;
      color: #3d2b7a;
      margin-bottom: 30px;
    }

    .section-subtitle {
      text-align: center;
      color: #555;
      font-size: 14px;
      margin-bottom: 30px;
    }

    /* Tools Section */
    .tools-section {
      padding: 65px 0;
    }

    .tool-box {
      border: 1px solid #ddd;
      border-radius: 12px;
      padding: 15px 25px;
      text-align: center;
      font-weight: 500;
      color: #3d2b7a;
      background-color: #fff;
      transition: 0.3s;
      gap: 20px;
      text-align: left;
      box-shadow: 0px 0px 16px 0px rgba(121, 107, 145, 0.25);

    }

    .tool-box:hover {
      background-color: #f5f0fa;
    }

    .tool-box i {
      font-size: 24px;
      display: block;
      margin-bottom: 10px;
    }

    /* Insurance Section */
    .insurance-section {
      background: rgba(241, 238, 248, 1);
      padding: 45px 0;
    }

    .insurance-section-wrapper{
      background: linear-gradient(0deg, rgba(255, 255, 255, 0) -4.39%, #FFFFFF 26.93%, #FFFFFF 45.8%, #FFFFFF 79.12%, rgba(255, 255, 255, 0) 100%);
      padding: 35px 0;
    }

    .insurance-logos img {
      max-height: 90px;
      margin: 0 10px;
/*      filter: grayscale(100%);*/
      transition: filter 0.3s;
    }
.insurance-logos.align-items-center.mt-4{
  justify-content: space-between !important;
  border: 1.02px solid rgba(126, 58, 147, 1);
  border-left: none;
  border-right: none;
  padding: 20px 0;
}
    .insurance-logos img:hover {
      filter: grayscale(0%);
    }

    /* Patient Stories Section */
    .stories-section {
      padding: 60px 20px;
    }

    .swiper-slide.story-card {
      background: #fff;
      border-radius: 15px;
      overflow: hidden;
      transition: transform 0.3s;
      border: none;
    }

    .story-card{
      position: relative;
    }
    .story-card img:not(.play-ico,.play-icon-rnb) {
      width: 100%;
      height: auto;
      display: block;
      aspect-ratio: 600/429;object-fit: cover;
      object-position: center;
    }

    .story-overlay {
    background: linear-gradient(180deg, rgba(72, 46, 122, 0) 4.76%, #482E7A 80.61%);
    padding: 90px 0 20px;
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


    .story-overlay .erew-flex {
      padding: 0 20px 8px;
      border-bottom: 0.8px solid rgba(191, 156, 201, 1);
      margin-bottom: 8px;
      display: flex;
      align-items: center;
    }

    .story-overlay .erew-flex .play-icon-rnb{
      width: 50px;
      min-width: 50px;
    }
    .story-overlay h6 {
      font-weight: 600;
      flex: 1;
      margin: 0;
    }

    .story-overlay p {
      font-size: 13px;
      margin-bottom: 5px;
      padding: 0 20px;
    }

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

    .center-nav{
      display: flex;
      justify-content: center;
      gap: 60px;
      padding-bottom: 10px;
    }

    .center-nav .swiper-button-next, .center-nav .swiper-button-prev{
      position: unset;
      margin: 0;
      z-index: 1;
    }
.nav-wrap {
    padding: 15px 0;
}
header_area .header_bottom .mainmenu a, .navbar-default .navbar-nav>li>a {
    padding: 10px 10px !important;}
    span.appointment.hidemob a {
    padding: 0 10px !important;
}
    .read-more {
      font-size: 12px;
      color: #fff;
      text-decoration: underline;
      font-weight: 500;
    }
    .read-more:hover {
      text-decoration: none;
      color: #fff;

    }
    .menu-navigation {
    border-top: 0;}
.patientSwiper .swiper-wrapper {
    height: auto;    padding: 20px 0 60px;}
.patientSwiper .swiper-slide.story-card{padding:0}
/* All slides default */
.patientSwiper .swiper-slide {
  /* transform: scale(0.7); */
  transition: transform 0.1s ease, opacity 0.1s ease;
  
}

/* Active (centered) slide */
.swiper-slide.story-card.swiper-slide-next-after{
  /* transform: scale(1.1); */
  opacity: 1;
  z-index: 2;
}

/* Optional: Left and right slides slightly more visible */
/* .patientSwiper .swiper-slide-prev,
.patientSwiper .swiper-slide-next {
  opacity: 0.8;
} */


.bg-purple {
  background-color: #502c8d;
}

.btn-dark-purple {
  background-color: #502c8d;
  color: white;
  border-radius: 40px;
  text-decoration: none;
}

.btn-dark-purple:hover {
  background-color: #3f2373;
  color: white;
}

.updatesSwiper .swiper-wrapper{height: auto;}
.updatesSwiper .update-card{padding: 0;    border-radius: 15px;}
.update-card .card{position: relative;border-radius: 15px;    border: 0;}
small.d-block.category {
    padding: 8px 15px;
    color: rgba(77, 77, 77, 1);
}
.update-card .bg-purple{position: absolute;    top: 32px;}
.update-card .swiper-slide{border: none;border-radius: 15px}
.update-card .card img.card-img-top {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}


.latest-updates{
  background: rgba(241, 238, 248, 1);
}


.light-text{
  color: rgba(77, 77, 77, 1);
}

.faq-section .faq-content{
  margin-bottom: 50px;
}

.faq-section .faq-content .col {
  border: 1px solid rgba(199, 151, 214, 1);
  transition: 0.5s ease;
  border-radius: 30px;
  --paddingtb: 10px;
  --paddinglr: 25px;
  --icon: 15px;
  padding: 0;
  box-shadow: 0px 0px 4px 0px rgba(126, 58, 147, 0.25);
  overflow: hidden;

}
.faq-section .faq-content .col:not(:last-child) {
  margin-bottom: 10px;
}
.faq-section .faq-content .col.active {
  background: #ffffff;
}
.faq-section .faq-content .col.active .title p {
  color: var(--primary-color);
  margin: 0;
}
.faq-section .faq-content .col.active .title::before {
  transform: rotate(-180deg);
}
.faq-section .faq-content .col .title {
  position: relative;
  cursor: pointer;
  padding: var(--paddingtb) var(--paddinglr);
}
.faq-section .faq-content .col .title::before {
  content: "";
  position: absolute;
  height: var(--icon);
  width: var(--icon);
  left: calc(100% - (var(--icon) + var(--paddinglr)));
  top: 50%;
  translate: 0 -50%;
  background: url(../images/int-patient-new/arrow-down.png) no-repeat;
  transition: 0.5s ease;
  transform-origin: center;
  background-size: 100% 100%;
  background-position: 100% 50%;
  background-size: contain;
}
.faq-section .faq-content .col .title p {
  color: rgba(77, 77, 77, 1);
  transition: 0.5s ease;
  padding-right: 40px;
  font-size: 16px;
  margin: 0;
  font-weight: 500;
}

.faq-section .faq-content .col article .content {
  padding: 12px var(--paddinglr) var(--paddingtb);
  background: #3d2b7a24;
}
.faq-section .faq-content .col article .content ul{
    padding-left: 20px;
}

select.valid-input{
  color: #000 !important;
}

select{
  color: #ccc !important; }
select option {
  color: #495057 !important; /* lighter color for the default option if needed */
}







/*treatment page css start here*/
.mainFooter {
    background: rgba(224, 218, 234, 1);
}
.btnWrap-international.left-align {
    right: auto;
    left: 12%;bottom: 50px;
}
.btnWrap-international.left-align h2, .btnWrap-international.left-align span{color: #fff}
.nav-tabs .nav-link {
  color: #502c8d;
  font-weight: 500;
}
.btnWrap-international.left-align hr{    border-top: 1px solid #ffffff91;}

.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #502c8d;
  border-color: #502c8d;
}

.btnWrap-treatment .nav-tabs {
    border-bottom: 0;    gap: 20px;
}
.btnWrap-treatment .nav-tabs .nav-link {    padding: 12px 25px;
    background-color: rgba(203, 136, 224, 1);
    border-radius: 15px;color: rgba(72, 46, 122, 1);border: 0;
}
.btnWrap-treatment .nav-tabs .nav-link.active, .btnWrap-treatment .nav-tabs .nav-link:hover{background-color: rgba(242, 201, 255, 1)}
.form-section.treatmenttab {
    background-color: #fff;
}
.form-section.treatmenttab ul {
    padding-left: 30px;
}
.form-section.treatmenttab h3{color: rgba(72, 46, 122, 1);margin-bottom: 15px}
.form-section.treatmenttab h5{color: rgba(72, 46, 122, 1);margin-bottom: 15px}
.form-section.treatmenttab p, .form-section.treatmenttab li{color: rgba(77, 77, 77, 1)}
.form-section.treatmenttab img{margin-top: 40px}
.form-section.treatmenttab .form-box {padding: 20px 15px;width: 100%;}
h2, h3 {
    color: rgba(72, 46, 122, 1);}
img.play-icon {
    width: 50px;
    margin-top: -75px;
    background: none;
}
.dkpt-2{margin-top: 20px}
span.appointment.visible-xs{display: none;}
.col-md-12.mb-3.visible-xs {
    display: none;
}
h3.footerLinkList span img{transform: rotate(180deg);}
h3.footerLinkList.menuShow span img{transform: rotate(0deg) !important;}
.trippartnerSwiper .swiper-wrapper {height: auto !important;}
.trippartnerSwiper  a {
    display: block;
    padding: 20px 15px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,.05);
    height: 100px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
}

.trippartnerSwiper .swiper-slide{
  margin-top: 1px;
  margin-bottom: 1px;
}
.trippartnerSwiper .trip-box {
    padding: 0;
height: auto;
overflow: hidden;}
    .trippartnerSwiper .trip-box img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.award-international-sec{
  background: #f5f0fa;
  padding: 55px 0;
}

.award-international-sec .car-tp-b{
  border: 1px solid #e2e2f0;
  border-radius: 12px;
}

.award-international-sec .car-tp-b img{
  mix-blend-mode: multiply;
  height: 170px;
  object-fit: contain;
}
.aside-btn-wrap {
    position: fixed;
    right: 12px;
    rotate: 90deg;
    top: 55%;
    transform-origin: top right;
    white-space: nowrap;
    align-items: center;
    transform: translateY(calc(-100% - 20px));
    gap: 8px;
    z-index: 99;
    transition: .5s ease;
}

.aside-btn-wrap.active{
  transform: translateY(0);
}

.aside-btn-wrap a{
  flex: 1;
  display: inline-block;
  background: rgba(158, 128, 216, 1);
  border: 1px solid rgba(158, 128, 216, 1);
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  padding: 10px 30px;
  transition: .3s ease;
}

.treatments .center-nav{
  justify-content: flex-start;
  padding-left: 10px;
}

.aside-btn-wrap a:hover{
  background: none;
  color: rgba(158, 128, 216, 1);
}

@media (max-width: 767px) {
  .mobile-fixed-bottom{display: none;}
  .footerBtmSocialWrap .certified {
    width: 100%;
    display: none;
    margin: 0;
}
    .footerBtmSocialWrap .copyright {
        width: 100%;
        padding-top: 15px !important;
        margin-top: 10px !important;
    }
    .copyright p{
      font-size: 14px !important;
    }
.mainFooter {
    margin-top: 30px;
    padding-top: 30px;
}

.center-nav{
  margin-top: 2rem !important;
}

.special-pg-mbl{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
  border-radius: 0;
}
.special-pg-mbl a{
  border-radius: 10px 10px 0 0;
}

.form-section.treatmenttab ul{
  margin-bottom: 20px !important;
}
.form-section.treatmenttab .btnWrap{
  display: none !important;
}
.quickLinksRow .col-sm-12 .linkRow{background-color: rgba(224, 218, 234, 1)}
.mainFooter .certified a {
    width: 50%;}
    .mainFooter .certified img {
    max-width: 100%;}

  .btnWrap-treatment.hidden-xs{display: none;}
  ul#myTab {
    padding-left: 0;
}
  .col-md-12.mb-3.visible-xs {
    display: block !important;
}
 .latest-updates .swiper.updatesSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    padding-bottom: 25px;
}
.btnWrap {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-direction: column;
    float: left;
    width: 100%;
}
 .latest-updates .text-center.mt-4 {
    margin-top: 10px !important;
}
  .dkpt-2{margin-top: 0px}
  .navbar-toggle{margin-right: 0}
  .insurance-section-wrapper{padding: 0}
  .metric-value {
    font-size: 24px;}
    .metric-desc {
    font-size: 14px;}
    .choose-list li {
    font-size: 16px;
}
.patientSwiper .swiper-wrapper {
    padding: 0;
}
.award-international-sec,.faq-section,.form-section, .why-choose, .plan-section, .stories-section {
    padding: 35px 0;
}
.faq-section{
  margin-top: 1rem;
}

.faq-section .faq-content {
    margin-bottom: 22px;
}
.common-slider-wrap {
    width: 100% !important;
    padding: 0 15px;
}
:root {
    --container: 100%;
}
.bannerbg .btnWrap-international {
    padding: 0 15px;
    bottom: 50px;
    right: 0;
}
.btnWrap a {
    font-size: 12px;}
p.form-note.mt-3.mt-md-0.pe-4{margin-bottom: 0 !important}
.impact-metrics h3{margin-bottom: 20px}
.impact-metrics .row.text-center.g-4 {
    gap: 30px 0;
}
.form-title{
  font-size: 20px;
}

.treatments .center-nav{
  justify-content: center;
}

#intPatientForm .row-gap-3{
  gap: 0;
}
#intPatientForm .form-label{
  font-size: 14px;
}

section.py-5.treatments .common-slider-wrap .swiper-horizontal {
    padding-bottom: 0;
}
.choose-list {
    padding-left: 0;
    padding-top: 30px;
}
.ps-0 {
    padding-left: 15px;
}
.tool-box {
    margin-bottom: 15px;
}
.insurance-logos img {
    margin: 10px auto;
}

.btnWrap-international.left-align {
    left: 0 !important;
    padding: 0 15px;bottom: 20px;        max-width: 100%;
}
.btnWrap-international h2 {
    font-size: 30px;
}
.international-main-banner .btnWrap-international h2 {
    text-align: center;
}
.btnWrap-international.left-align hr{display: none;}

.nav__mobile.mobile-ipad-visible-port.treatmentmenu {
    display: none;
}
.btnWrap-treatment .nav-tabs {
    border-bottom: 0;
    gap: 10px;
    flex-direction: row;
    float: left;
    width: 100%;
    display: flex;
    overflow: auto;        flex-wrap: nowrap;padding-bottom: 10px;
}
li.nav-item {
    float: left;
    min-width: fit-content;
}

.story-card img:not(.play-icon){
  aspect-ratio: 214 / 165;
}

.tool-box{
  margin-bottom: 0 !important;
}




    .footerEndLinks .socialItem {
      margin-bottom: 0px;
      margin: 0 auto 8px !important;
  }



}

.row-gap-3{
  gap: 20px 0;
}


@media (max-width: 1400px) {
   .bannerbg.international-main-banner .btnWrap-international {
    right: 17%;
}
}

@media (max-width: 1280px) {
  section.py-5.treatments .common-slider-wrap {
    padding: 0 25px;
    width: 100% !important;
  }
  .international-main-banner .btnWrap-international .btnWrap a {
    font-size: 16px;
    padding: 13px 35px;
}
}

@media (max-width: 1200px) {
  .btnWrap-international h2 {
    font-size: 40px;
    
  }

  section .common-slider-wrap{
    width: 100% !important;
    padding: 0 25px;
  }
  
  .choose-list {
    padding-left: 15px;
  }
  
  .choose-list li img {
    width: 40px;
    height: 40px;
    margin-right: 17px;
  }
  
      .bannerbg.international-main-banner .btnWrap-international {
        bottom: 12%;
        right: 14%;
    }
  .choose-list li{
    font-size: 18px;
  }
      .international-main-banner .btnWrap-international .btnWrap a {
        font-size: 14px;
        padding: 13px 35px;
    }
    .bannerbg.international-main-banner .btnWrap-international{
      right: 19%;
    }

  .btnWrap-international.left-align{
    left: 4%;
  }
}

@media (max-width: 991px) {
  .btnWrap-international h2 {
    font-size: 34px;
  }
   .treatmenttab #enquiryForm .col-md-6{
      flex: 0 0 100% !important;
        max-width: 100% !important;
    }
  .form-title{
    font-size: 18px;
  }
  .award-international-sec .center-nav{
    display: flex;
  }
  .btnWrap-international span{
    font-size: 16px;
  }
  .impact-metrics h3{
    display: block;
    line-height: 1;
    text-align: center;
    margin-bottom: 3rem;
  }
      .bannerbg.international-main-banner .btnWrap-international {
        bottom: 8%;
    }

  span.appointment.visible-xs {
    display: block !important;
    margin-left: auto;
    margin-right: 5px;
}
}
@media (max-width: 767px) {
  .bannerbg.international-main-banner .btnWrap-international {
    bottom: 50px;
  }
  .impact-metrics h3 {
    margin-bottom: 1rem;
  }
  .section-title{
    font-size: 24px;
    text-align: center !important;
  }
  .faq-section .faq-content .col{
    --paddingtb: 15px;
    --paddinglr: 15px;
  }
  img.play-icon {
    width: 70px;
    height: 70px;
    top: 0;
    margin-top: 0;
    background: none;
  }
}


@media (max-width: 575px) {
  .mbl-lp-pg{display: block !important;}

    .container-fluid.bannerbg.international-banner.position-relative {
        background-image: none !important;
        padding: 0;
    }

    .tool-box img{
      width: 45px;
    }

    .trip-icon img{
      width: 45px;
    }
    .metric-icon img{
      width: 45px;
    }
  .international-main-banner .btnWrap-international .btnWrap a.fnd-dctr {
      background: var(--primary-color);
      color: #ffffff;
      width: 100%;
  }
    .mb-btn-wrap{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 99;
    flex-direction: row !important;
    float: initial;
    margin: 0;
    gap: 0 !important;

    border-radius: 10px 10px 0 0;
    overflow: hidden;
  }
  .mb-btn-wrap a{
    flex: 1;
    width: 50%;
    display: inline-block;
    border-radius: 0;
  }
  .mb-btn-wrap .fnd-dctr{
    border-radius: 0 10px 0 0;
  }
      .footerEndLinks {
        padding-bottom: 62px !important;
    }
    .international-banner:not(.international-main-banner) .btnWrap-international.left-align{
      text-align: center;
      bottom: 55px;
    }
    .btnWrap-international span {
    font-size: 15px;
    text-align: center;
    float: left;
    width: 100%;
}
span.appointment.visible-xs img{
  width: 110px;
  height: auto;
}
.choose-list h3{
  text-align: center;
}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .bannerbg {
    aspect-ratio: 1920 / 690;
  }
  .impact-metrics {
    padding: 45px 0px 60px;
  }
  .tool-box img{
    width: 60px;
  }

  .mb-btn-wrap{
    display: none;
  }

  .trip-icon img{
    width: 60px;
  }
  .metric-icon img{
    width: 60px;
  }
  .why-choose .choose-list h3{
    text-align: center;
  }
  .why-choose .choose-list ul{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .why-choose .btn-estimate{
    margin-left: auto;
    width: fit-content;
    margin-right: auto;
    display: block;
  }
  .why-choose .choose-list{
    padding-top: 50px;
    padding-bottom: 15px;
  }
    img.play-icon {
      width: 55px;
      height: 55px;
  }
  .footerEndLinks {
    padding-bottom: 25px !important;
  }
  .international-banner:not(.international-main-banner) .btnWrap-international.left-align{
    bottom: 35%;
  }
  .form-section.treatmenttab img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 315px;
}
    .form-title {
        font-size: 22px;
    }
    .treatmenttab #enquiryForm .col-md-6{
      flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}