body {

  /* font-family: "Poppins", sans-serif; */

  background-color: #fff;

  color: #1b2d33;

  overflow-x: hidden;

}

/* ----------------------------------

   MOBILE FIXES - DESKTOP UNCHANGED

------------------------------------- */

@media (max-width: 767px) {

  /* Force full width on mobile only */

  html,

  body {

    width: 100% !important;

    max-width: 100% !important;



    margin: 0;

    padding: 0;

  }



  /* Prevent any section from shrinking */

  section,

  nav,

  header,

  footer {

    width: 100% !important;

    max-width: 100% !important;

  }



  /* Fix Bootstrap container width issue on mobile */

  .container,

  .container-lg,

  .container-md,

  .container-sm {

    width: 100% !important;

    max-width: 100% !important;

    padding-left: 15px !important;

    padding-right: 15px !important;

    margin: 0 auto !important;

  }



  /* Fix overflow from carousels or images */

  img,

  video {

    max-width: 100% !important;

    height: auto !important;

  }



  /* Ensure carousels don't overflow */

  .carousel,

  .carousel-inner,

  .carousel-item {

    width: 100% !important;

  }



  /* Fix any row overflow */

  .row {

    /* margin-left: 0 !important; */

    /* margin-right: 0 !important; */

  }

}



/* Navbar */

.navbar {

  background: #fff;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);

  padding: 0.75rem 1rem;

  width: 100%;

  height: auto;

}



.navbar-brand img {

  height: 45px;

}



.nav-link {

  color: #326661 !important;

  font-weight: 700;

  margin: 0 8px;

  font-size: 16px;

  font-family: "Saira";

}



.call-btn {

  background: #008f60;

  color: #fff;

  border-radius: 25px;

  font-weight: 500;

  padding: 8px 18px;

  display: flex;

  align-items: center;

  gap: 8px;

  font-family: "Saira";

}



.call-btn i {

  color: #fff;

}

.call-btn {

  background: #1f6064;

  color: #fff;

  border-radius: 25px;

  font-weight: 500;

  padding: 6px 10px;

  display: flex;

  align-items: center;

  gap: 8px;

  text-decoration: none;

  transition: 0.3s ease;

}

.btn-book1 {

  background-color: #1f6064;

  color: white;

  padding: 12px 80px;

  border: none;

  border-radius: 25px;

  font-size: 22px;

  font-weight: 600;

  cursor: pointer;

  font-family: "Saira";

  line-height: 119%;

  transition: background-color 0.3s;

}

.btn-book3 {

  background-color: #1f6064;

  color: white;

  padding: 12px 80px;

  border: none;

  border-radius: 25px;

  font-size: 22px;

  font-weight: 600;

  cursor: pointer;

  font-family: "Saira";

  line-height: 119%;

  transition: background-color 0.3s;

}

@media (min-width: 320px) and (max-width: 768px) {

  .btn-book1 {

    padding: 15px 60px;

    margin-bottom: 30px;

  }

  .btn-book3 {

    padding: 15px 60px;

    margin-bottom: 30px;

  }

}

body {

  font-family: "Poppins", sans-serif;

  background-color: #ffffff;

}

@media (min-width: 1024px) and (max-width: 1200px) {

  .navbar-nav {

    flex-wrap: nowrap;



    overflow-x: auto;

    width: 100%;

  }



  .navbar-nav .nav-item {

    white-space: nowrap;

  }



  .call-btn {

    white-space: nowrap;

  }

}

@media (min-width: 1024px) and (max-width: 1199px) {

  .custom-no-wrap {

    flex-wrap: nowrap !important;

    overflow-x: auto; /* Optional: Adds horizontal scroll if items overflow the viewport */

  }



  .custom-no-wrap .nav-link {

    white-space: nowrap; /* Prevents text wrapping in links */

    flex-shrink: 0; /* Prevents items from shrinking */

  }

}

@media (min-width: 1024px) and (max-width: 1199px) {

  .call-btn {

    /* font-size: 0.8rem; */

    /* padding: 4px 10px; */

    /* gap: 4px; */

  }



  .call-btn img {

    width: 16px;

    height: 16px;

  }

}



/* Hero Section start */

.hero-section {

  padding: 80px 0;

}



.hero-text h5 {

  background: linear-gradient(90deg, #12a37b 0%, #2cb3c9 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: 700;

  font-size: 40px;

  font-family: Saira;

  line-height: 38px;

}



.hero-text h1 {

  font-weight: 900;

  font-size: 100px;

  font-family: Saira;

  line-height: 74px;

  /* margin-bottom: -6px; */

  background: linear-gradient(90deg, #12a37b 0%, #2cb3c9 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

@media (min-width: 1024px) and (max-width: 1199.98px) {

  .hero-text h1 {

    font-weight: 700;

    font-size: 70px;

    background: linear-gradient(90deg, #247c64 0%, #2cb3c9 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

  }

}

.hero-text p {

  background: linear-gradient(90deg, #12a37b 0%, #2cb3c9 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: 700;

  font-family: Saira;

  font-size: 18px;

  line-height: 44px;

  letter-spacing: 1px;

}



.btn-book {

  background-color: #1f6064;

  color: #fff;

  font-weight: 700;

  padding: 10px 90px;

  border-radius: 30px;

  transition: all 0.3s ease;

  border: none;

}



.btn-book:hover {

  background-color: #2a8b7a;

}



.bottle-img {

  position: relative;

  /* height: 100px; */

  display: flex;

  justify-content: end;

  align-items: center;

}

.hero-bottle-bg {
  position: absolute;
  right: 12%;
  top: -6%;
  width: 320px;
  height: auto;
  z-index: 1;
  opacity: 0.95;
}


@media (min-width: 768px) and (max-width: 991px) {

  .bot-img {

    position: relative;

    left: -138px;

    bottom: -21px;

  }

}

/* @media (min-width: 768px) and (max-width: 991px) {

  .bot-img {

    position: relative;

          left: -138px;

        bottom: -21px;

  }

} */

.shape-bg-one,

.shape-bg-two {

  position: absolute;

  opacity: 1.5;

  z-index: 1;

}

.shape-bg-one {

  top: -10%;

  left: 10%;

  width: 303px;

  height: auto;

}



.shape-bg-two {

  bottom: 14%;

  right: 38%;

  width: 286px;

  height: 368px;

}



.carousel-fade .carousel-item {

  transition: opacity 0.1s ease-in-out !important;

}



.carousel-fade .carousel-item.active.carousel-item-start,

.carousel-fade .carousel-item.active.carousel-item-end {

  opacity: 0.25;

}

/* Normal state */

#pagesCarousel {

  cursor: grab;

}



/* While dragging */

#pagesCarousel.dragging {

  cursor: grabbing;

}



.bottle-main {

  /* position: inherit; */

  /* bottom: 29px; */

  /* position: relative; */

  /* left: -14%; */

  /* width: 375px; */

  z-index: 2;
  width: 375px;
  max-width: 100%;
  height: auto;

  /* height: 399px; */

}

@media (min-width: 320px) and (max-width: 767px) {

  .bottle-main {

    position: inherit;

    /* bottom: 52px; */

    width: 290px;

  }

  .hero-bottle-bg {
    right: 6%;
    top: -8%;
    width: 240px;
  }




  .btn-book {

    background-color: #1f6064;

    color: #fff;

    font-weight: 700;

    padding: 10px 60px;

    border-radius: 30px;

    transition: all 0.3s ease;

    border: none;

  }

  .hero-text p {

    background: linear-gradient(90deg, #12a37b 0%, #2cb3c9 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 700;

    font-family: Saira;

    font-size: 18px;

    line-height: 27px;

  }



  .shape-bg-one {

    top: -16%;

    left: 6%;

    width: 188px;

    height: auto;

  }

  .shape-bg-two {

    bottom: -28%;

    right: 15%;

    width: 201px;

    height: 313px;

  }

}

@media (min-width: 425px) and (max-width: 767px) {

  .shape-bg-two {

    bottom: -28%;

    right: 29%;

    width: 201px;

  }

}



@media (max-width: 768px) {

  .bottle-main {

    transform: none;

  }

}

/* Responsive */

@media (max-width: 991px) {

  .hero-section {

    text-align: center;

    padding: 2px;

  }



  .hero-text h1 {

    font-size: 2.5rem;

  }



  .btn-book {

    margin-top: 15px;

  }

}



@media (max-width: 425px) {

  .hero-text h1 {

    font-size: 2rem;

    margin-bottom: -12px;

  }



  .hero-text h5 {

    font-size: 1rem;

    margin-bottom: -18px;

  }



  .btn-book {

    background-color: #1f6064;

    color: white;

    padding: 12px 63px;

    border: none;

    border-radius: 25px;

    font-size: 22px;

    font-weight: 600;

    cursor: pointer;

    font-family: "Saira";

    transition: background-color 0.3s;

    margin-bottom: 20px;

  }

}



@media (max-width: 991px) {

  .hero {

    flex-direction: column-reverse;

    text-align: center;

    padding: 60px 20px;

  }



  .hero-content {

    max-width: 100%;

  }



  .hero-content h1 {

    font-size: 2.5rem;

  }



  .hero-img img {

    width: 230px;

  }

}



@media (max-width: 575px) {

  .btn-book {

    width: 70%;

  }



  .call-btn {

    font-size: 20px;

    position: relative;

    left: -17px;

    display: flex;

    justify-content: center;

    height: 50px;

    align-items: center;

    width: 251px;

  }

  .nav-item1 {

    padding-top: 10px;

    border-top: 1px solid #ccc;

    margin-top: 10px;

  }

  .bottle-img {

    justify-content: center;

  }

}



@media (min-width: 1024px) and (max-width: 1203px) {

  .shape-bg-one {

    top: -10%;

    left: -1%;

    width: 303px;

    height: auto;

  }

  .shape-bg-two {

    top: -4%;

    right: 28%;

    width: 286px;

    height: 368px;

  }

}

@media (min-width: 320px) and (max-width: 768px) {

  /* .btn-book {

  padding: 12px 63px;

    font-size: 20px;

    margin-bottom: 39px;

  } */

  .btn-book {

    background-color: #1f6064;

    color: white;



    border: none;

    border-radius: 25px;

    font-size: 22px;

    font-weight: 600;

    cursor: pointer;

    font-family: "Saira";

    transition: background-color 0.3s;

  }

  .a1 {

    gap: 20px;

  }

}

/* service section start*/

.services-section {

  background: radial-gradient(

    ellipse 39.37% 92.8% at 50% 46.57%,

    #ffffff 0%,

    #d8f8ff 100%

  );

  padding: 70px 0;

}

.services-title {

  background: linear-gradient(90deg, #12a37b 0%, #2cb3c9 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;



  text-align: center;



  margin-top: -12px;



  background-clip: text;

  font-family: Saira;

  font-weight: 700;

  font-style: Bold;

  font-size: 40px;

  line-height: 40px;

  letter-spacing: 0%;

}

.service-card {

  text-align: center;

  padding: 20px 20px 0;

}



.service-image-wrapper {

  position: relative;

  width: 320px;

  height: 320px;

  margin: 0 auto 25px;

}



.circle-border {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  border-radius: 50%;

  overflow: hidden;

}



.circle-outer {

  width: 220px;

  height: 220px;

}



.circle-middle {

  width: 200px;

  height: 200px;

}



.circle-border img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.circle-inner {

  width: 180px;

  height: 180px;

  border-color: rgba(111, 184, 146, 0.7);

  overflow: hidden;

  background: #fff;

}



.service-image {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 50%;

}



.service-title {

  color: #196b70;

  font-size: 22px;

  font-weight: 600;

  margin-top: 10px;

  font-family: "Saira";

}

.px-custom {

  padding-left: 10rem; /* Adjust as needed */

  padding-right: 10rem; /* Adjust as needed */

}



/* Responsive padding */

@media (max-width: 768px) {

  .px-custom {

    padding-left: 2rem;

    padding-right: 2rem;

  }

}



/* Responsive adjustments */

@media (max-width: 768px) {

  .services-section {

    padding: 60px 0;

  }



  .services-title {

    font-size: 2rem;

    margin-bottom: 40px;

    font-family: "Saira";

  }



  .service-image-wrapper {

    width: 191px;

    height: 184px;

    margin: 0 auto 0px;

  }



  .circle-outer {

    width: 180px;

    height: 180px;

  }



  .circle-middle {

    width: 160px;

    height: 160px;

  }



  .circle-inner {

    width: 140px;

    height: 140px;

  }



  .service-card {

    margin-bottom: 30px;

    padding: 20px;

  }

}

.services-section .col {

  gap: 1px; /* or any custom value */

}

@media (max-width: 576px) {

  .services-section {

    /* padding: 40px 0; */

    padding-top: 50px;

    padding-bottom: 0px;

  }



  .service-image-wrapper {

    width: 218px;

    height: 218px;

    margin-top: -46px;

  }



  .circle-outer {

    width: 160px;

    height: 160px;

  }



  .circle-middle {

    width: 140px;

    height: 140px;

  }



  .circle-inner {

    width: 120px;

    height: 120px;

  }

}

@media (min-width: 320px) and (max-width: 768px) {

  .services-title {

    margin-top: -10px;

    font-family: "Saira";

  }

}

/* iv sec start */

.section-titles {

  background: linear-gradient(100.36deg, #499167 9.07%, #3ca8cc 99.08%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;



  display: flex;

  justify-content: center;

  font-size: 40px;

  font-weight: bold;

  font-family: Saira;

  padding: 30px;

}

.iv-section {

  /* padding: 41px 0; */

}



.section-title {

  color: #2d8b7c;

  font-size: 2.5rem;

  font-weight: 700;

  /* text-align: center;.view-details */

  margin-bottom: 50px;

  position: relative;

  left: 138px;

}



.carousel-container {

  position: relative;

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 60px;

}



.infusion-card {

  padding: 30px 20px;

  text-align: center;

  transition: transform 0.3s ease;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.bottle-img-metabolic {
  max-height: 220px;
  width: auto;
  object-fit: contain;
}



.bottle-container {

  margin-bottom: 20px;

  height: 180px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.infusion-bottle {
  max-height: 160px;
  width: auto;
  object-fit: contain;
  display: block;
}



.section-title {

  font-size: 40px;

  background: linear-gradient(100.36deg, #499167 9.07%, #3ca8cc 99.08%);

  -webkit-background-clip: text;

  background-clip: text;

  /* -webkit-text-fill-color: transparent; */

  color: transparent; /* Fallback for non-WebKit browsers */

}

@media (min-width: 320px) and (max-width: 768px) {

  .section-title {

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

  }

  .section-titles {

    font-size: 34px;

  }

}



.bottle-logo-img {

  width: 60px;

  height: auto;

  margin-bottom: 5px;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.bottle-text {

  font-size: 8px;

  font-weight: 600;

  color: #333;

  line-height: 1.2;

}



.bottle-volume {

  position: absolute;

  bottom: 15px;

  left: 50%;

  transform: translateX(-50%);

  font-size: 11px;

  font-weight: bold;

  color: #2d8b7c;

}



.card-title {

  /* color: #2d8b7c; */

  background: linear-gradient(100.36deg, #499167 9.07%, #3ca8cc 99.08%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-family: Saira;

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 5px;

}



.card-description {

  color: #000000;



  font-size: 14px;

  line-height: 1.5;

  margin-bottom: 20px;

  min-height: 60px;

  font-family: "Saira";

}



.btn-learn-more {

  background-color: #1f6064;

  color: white;

  border: none;

  padding: 5px;

  border-radius: 25px;

  font-weight: 600;

  font-size: 18px;

  width: 90%;

  margin: auto;

}



.btn-learn-more {

  pointer-events: none;

}

@media (min-width: 320px) and (max-width: 768px) {

  .btn-learn-more {

    /* margin-left: 40px; */

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .btn-learn-more {

    width: 127px;

    margin-left: -23px;

  }



  .carousel-control-next {

    position: absolute;

    right: -24px;

  }

}

@media (min-width: 1024px) and (max-width: 1200px) {

  .btn-learn-more {

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

  }

}

.carousel-control-prev,

.carousel-control-next {

  width: 40px;

  height: 40px;

  background-color: white;

  border-radius: 50%;

  top: 50%;

  transform: translateY(-50%);

  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

  opacity: 1;

}



.carousel-control-prev {

  position: absolute;

  left: -84px;

}



.carousel-control-next {

  position: absolute;

  right: -79px;

}



.carousel-control-prev-icon,

.carousel-control-next-icon {

  width: 20px;

  height: 20px;

  background-size: 100%;

  filter: brightness(0);

}



@media (max-width: 768px) {

  .carousel-container {

    padding: 0 50px;

  }



  .section-title {

    font-size: 2rem;

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

  }

}



.carousel-indicators {

  bottom: -30px;

}



.carousel-indicators [data-bs-target] {

  background-color: #333;

  width: 10px;

  height: 10px;

  border-radius: 50%;

}

@media (min-width: 1024px) and (max-width: 1200px) {

  .carousel-control-prev {

    position: absolute;

    left: -39px;

  }

}

/* Mobile carousel indicators - positioned at bottom */

.mobile-indicators {

  position: relative !important;

  bottom: 0 !important;

  margin-top: 1rem !important;

  margin-bottom: 0 !important;

}



/* Optional: Customize the dot appearance */

.mobile-indicators button {

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: #ccc;

  opacity: 0.5;

  border: none;

}



.mobile-indicators button.active {

  opacity: 1;

  background-color: #007bff; /* Change to your brand color */

}



/* metabolic support start */



body {

  font-family: "Arial", sans-serif;

}

.light-blue-bg {

  background: radial-gradient(

    76.09% 83.94% at 50% 52.49%,

    #ffffff 0%,

    #b0d8fe 100%

  );



  padding: 40px 0;

  padding-bottom: 20px;

}

.green-title {

  background: linear-gradient(100.36deg, #499167 9.07%, #3ca8cc 99.08%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;



  text-align: center;

  margin-bottom: 30px;

  font-family: Saira;

  font-weight: 700;

  font-style: Bold;

  font-size: 40px;



  line-height: 40px;

  letter-spacing: 0%;

}

.section-title {

  font-size: 25px;

  font-weight: bold;

  color: #505050;

  margin-bottom: 15px;

  font-family: "Saira";

}

.section-title1 {

  font-size: 25px;

  font-weight: bold;

  color: #505050;

  margin-bottom: 15px;

  font-family: Saira;

}

.section-title2 {

  font-size: 25px;

  font-weight: bold;

  color: #505050;

  margin-bottom: 15px;

  font-family: Saira;

}

.nutrients-list {

  list-style: none;

  padding: 0;

  font-family: Saira;

}

.nutrients-list li {

  margin-bottom: 5px;

  color: #000000;

  margin-left: 143px;

  font-size: 14px;

  line-height: 100%;

  font-family: Saira;

}

@media (min-width: 768px) and (max-width: 991px) {

  .nutrients-list li {

    margin-left: 0px;

  }

}

@media (min-width: 320px) and (max-width: 764px) {

  .nutrients-list li {

    margin-left: 3px;

  }

  .client-title {

    margin-bottom: 15px !important;

    margin-top: 0 !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .nutrients-list li {

    /* margin-left: 57px; */

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .view-details {

    margin-left: -139px;

  }



  .benefits-list {

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

    position: relative;

  }

}

.view-details {

  color: #1f6064;

  text-decoration: none;

  font-weight: 700;

  font-size: 14px;

  /* margin-left: 145px; */

  position: relative;

  left: 145px;

  top: -9px;

}

.view-details:hover {

  text-decoration: underline;

}

@media (min-width: 320px) and (max-width: 764px) {

  .view-details {

    margin-left: -138px;

  }

}

.product-img {

  /* width: 100%; */

  max-width: 200px;

  height: auto;

  display: block;

  margin: 0 auto 20px;

}

.product-label {

  text-align: center;

  font-size: 0.9rem;

  color: #666;

  margin-bottom: 10px;

}

.contact-btn {

  background-color: #1f6064;

  color: white;

  border: none;

  padding: 10px 56px;

  border-radius: 25px;

  font-weight: bold;

  display: block;

  margin: -4px auto 0;

  width: fit-content;

  margin-bottom: 34px;

}

.contact-btn:hover {

  background-color: #1f6064;

  color: white;

}

.need-text {

  font-size: 14px;

  color: #000000;

  line-height: 1.5;

  margin-bottom: 20px;

  font-weight: 400;

  font-family: "Saira";

  /* line-height: 100%; */

}

.protocol-text {

  font-size: 14px;

  font-weight: 400;

  color: #000000;

  line-height: 1.4;

  font-style: italic;

  font-family: "Saira";

}

.benefits-list {

  list-style: none;

  padding: 0;

  /* margin-left: 145px; */

  position: relative;

  left: 146px;

  font-size: 14px;

  line-height: 1.4;

}

.benefits-list li {

  margin-bottom: 10px;

  color: #000000;

  font-size: 14px;

  line-height: 1.4;

}

@media (min-width: 320px) and (max-width: 768px) {

  .benefits-list {

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

    left: 0px;

  }



  .carousel-indicators {

    bottom: -50px;

  }

  .contact-btn {

    margin-bottom: -15px;

  }



  .carousel-indicators [data-bs-target] {

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background-color: #ccc;

    border: none;

    margin: 0 5px;

    transition: background-color 0.3s ease;

  }



  .carousel-indicators .active {

    background-color: #1f6064;

  }



  .carousel-indicators [data-bs-target]:hover {

    background-color: #1f6064;

  }



  .light-blue-bg {

    background-color: #eaf7ff;

    padding: 10px 0;

    padding-bottom: 30px;

  }



  .carousel-indicators.custom-indicators {

    position: absolute;

    bottom: -49px;

    z-index: 4;



    margin: auto;

    display: flex;

  }



  .carousel-indicators.custom-indicators button {

    width: 28px;

    height: 6px;

    background-color: #b0debe;

    border: none;

    border-radius: 0;

    margin: 5px;

    opacity: 0.8;

    transition: all 0.3s ease;

  }



  .carousel-indicators.custom-indicators button.active {

    background-color: #499167;

    opacity: 1;

    transform: scaleX(1.2);

  }



  .carousel-indicators.custom-indicators button:hover {

    background-color: #499167;

    opacity: 1;

  }



  .product-img {
  height: 260px;       /* o 240–280px según te guste */
  width: auto;
  object-fit: contain; /* asegura que no se deformen */
  display: block;
  margin: 0 auto;
}

}

@media (min-width: 320px) and (max-width: 768px) {

  .custom-v {

    /* margin-bottom: 56px; */

    position: relative;

  }

  .custom-u {

    padding: 30px;

  }

}



/* Desktop will use your default styling */



/* faqs */



.faq-section {

  background-color: #f9f9f9;

  padding-top: 1rem !important;

  padding-bottom: 1px !important;

}



.faq-section .row {

  gap: 1rem;

}



.faq-bottle-img {

  height: 375px;

  width: auto;

}

@media (min-width: 320px) and (max-width: 991px) {

  .faq-bottle-img {

    width: 200px;

  }

}

.faq-title {

  margin-bottom: 0.25rem !important;

  font-size: 1.75rem;

}

@media (min-width: 320px) and (max-width: 991px) {

  .faq-title {

    display: flex;

    justify-content: center;

  }

}

@media (min-width: 375px) and (max-width: 991px) {

  .faq-subtitle {

    display: flex;

    justify-content: center;

    margin-left: -138px;

  }

}

.faq-subtitle {

  margin-bottom: 0.75rem !important;

}



.accordion-item {

  margin-bottom: 0.35rem !important;

}



.accordion-button {

  padding: 0.5rem 0.85rem !important;

  font-size: 0.875rem;

}



.accordion-body {

  padding: 0.5rem 0.85rem !important;

  font-size: 0.8rem;

}



/* Remove excessive margins */

.mb-4,

.mb-md-0 {

  margin-bottom: 1rem !important;

}



.faq-bottle-wrapper {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

}



/* .faq-bottle-img {

  max-width: 250px;

  height: auto;

} */



/* Left bottle */

.tirzepatide-img {

  transform: rotate(-10deg);

  position: relative;

  z-index: 1;

  margin-right: -20px;

}



/* Right bottle (on top) */

.jointsupport-img {

  transform: rotate(10deg);

  position: relative;

  z-index: 2;

}



body {

  background-color: #f9f9f9;

}

.faq-section {

  padding: 60px 0;

}

.faq-title {

  background: linear-gradient(90deg, #247c64 0%, #2cb3c9 100%);



  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: bold;

  font-size: 40px;

  margin-bottom: 10px;

}

.faq-subtitle {

  color: #505050;

  font-size: 13px;

  font-weight: 600;

  margin-bottom: 40px;

}

.product-image {

  max-width: 100%;

  height: 250px;

}

.accordion-button {

  background-color: white;

  color: #474747;

  font-weight: 500;

  border: 1px solid #e0e0e0;

  border-radius: 8px !important;

  margin-bottom: 10px;

  font-family: "Saira";

  height: 51px;

}

.accordion-button:not(.collapsed) {

  background-color: white;

  color: #333;

  box-shadow: none;

}

.accordion-button:focus {

  box-shadow: none;

  border-color: #e0e0e0;

}

.accordion-item {

  border: none;

  margin-bottom: 10px;

}

.accordion-body {

  background-color: white;

  border: 1px solid #e0e0e0;

  border-top: none;

  border-radius: 0 0 8px 8px;

}

.accordion-button::after {

  color: #2e8b57;

}



/* patients stories start */

.title {

  display: flex;

  justify-content: center;

  background: linear-gradient(100.36deg, #499167 9.07%, #3ca8cc 99.08%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-size: 40px;

  font-weight: 700;

  margin-top: 40px;

  font-family: "Saira";

}

.client-title {

  color: #505050;

  font-size: 20px;

  font-weight: 700;

  margin-bottom: 20px;

  margin-top: 25px;

  font-family: "Saira";

}

.success-section {

  padding-bottom: 40px;

}

.testimonial-text {

  color: #000000;

  font-size: 14px;

  line-height: 1.7;

  margin-bottom: 15px;

  font-family: "Saira";

}



.button-contact {

  background-color: #1f6064;

  color: white;

  padding: 10px 181px;

  border: none;

  border-radius: 25px;

  font-size: 18px;

  font-weight: 600;

  cursor: pointer;

  transition: background-color 0.3s;

  font-family: "Saira";

}



.button-contact:hover {

  background-color: #164b4e;

}



/* Before/After Slider Styles */

.ba-comparison-container {

  position: relative;

  width: 78%;

  max-width: 600px;

  overflow: hidden;

  border-radius: 8px;

  /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); */

  margin: 0 auto;

  top: 30px;

}



.ba-comparison-container img {

  display: block;

  width: 100%;

  height: auto;

  user-select: none;

}



.ba-after-image {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  clip-path: inset(0 50% 0 0);

}



.ba-slider-handle {

  position: absolute;

  top: 0;

  left: 50%;

  width: 4px;

  height: 100%;

  background: white;

  cursor: ew-resize;

  transform: translateX(-50%);

  z-index: 10;

}



.ba-slider-button {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 50px;

  height: 50px;

  background: white;

  border-radius: 50%;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}



.ba-slider-button::before,

.ba-slider-button::after {

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  border-style: solid;

}



.ba-slider-button::before {

  border-width: 8px 12px 8px 0;

  border-color: transparent #1f6064 transparent transparent;

  left: 12px;

}



.ba-slider-button::after {

  border-width: 8px 0 8px 12px;

  border-color: transparent transparent transparent #1f6064;

  right: 12px;

}



.ba-image-label {

  position: absolute;

  top: 20px;

  padding: 8px 16px;

  background: rgba(31, 96, 100, 0.9);

  color: white;

  font-weight: 600;

  font-size: 14px;

  border-radius: 4px;

  z-index: 5;

}



.ba-label-before {

  left: 20px;

}



.ba-label-after {

  right: 20px;

}



@media (min-width: 320px) and (max-width: 991px) {

  .button-contact {

    position: relative;

    left: 32px;

    padding: 12px 85px;

  }

  .title {

    margin-left: 21px;

  }

  .ba-comparison-container {

    width: 93%;

    position: relative;

    top: 37px;

    left: 35px;

  }



  .ba-comparison-wrapper {

    position: relative;

    left: -40px;

  }

}



@media (min-width: 1024px) and (max-width: 1200px) {

  .ba-comparison-container {

    width: 85%;

    position: relative;

    top: -40px;

  }

}



@media (min-width: 768px) and (max-width: 991px) {

  .custom-sen {

    position: relative;

  }

  .ba-comparison-container {

    position: relative;

    left: -133px;

  }

  .call-btn {

    font-size: 20px;

    position: relative;

    left: -17px;

    display: flex;

    justify-content: center;

    height: 50px;

    align-items: center;

    width: 251px;

    margin-bottom: 15px;

  }

  .carousel-control-next {

    position: absolute;

    right: -32px;

  }

  .carousel-control-prev {

    position: absolute;

    left: -45px;

  }

  .service-image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 50%;

  }

  .ba-comparison-wrapper {

    position: relative;

    left: 123px;

    top: 20px;

  }

}

.ba-comparison-container {

  position: relative;

  width: 77%;

  max-width: 600px;

  overflow: hidden;

  border-radius: 8px;

  margin: 0 auto;

  top: 30px;

}



.ba-comparison-container img.ba-before-image {

  width: 100%;

  height: auto;

  display: block;

  user-select: none;

}



.ba-after-image {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  clip-path: inset(0 50% 0 0); /* Initial half-width */

}



.ba-after-image img {

  width: 100%;

  height: auto;

  display: block;

}



.ba-slider-handle {

  position: absolute;

  top: 0;

  left: 50%;

  width: 4px;

  height: 100%;

  background: white;

  cursor: ew-resize;

  transform: translateX(-50%);

  z-index: 10;

}



.ba-slider-button {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 50px;

  height: 50px;

  background: white;

  border-radius: 50%;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}



/* testimonials start */



#testimonialCarouselDesktop .carousel-inner {

  overflow: visible !important;

}



@media (min-width: 1024px) and (max-width: 1200px) {

  #testimonialCarouselDesktop .row {

    justify-content: space-between !important;

  }



  #testimonialCarouselDesktop .testimonial-card {

    flex: 0 0 30% !important;

    max-width: 30% !important;

  }

  .testimonial-card img {

    /* width: 281px; */

    /* max-width: 0px; */

  }

}



/* Optional: ensure images scale */

.img-fluid1 {

  width: 100%;



  height: auto;

}



.testimonials {

  background: #f8f8f8;

  color: #000;

  padding: 50px 0;

}



.testimonial-card {

  border: none;

  background: #fff;

  border-radius: 10px;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

  text-align: center;

  padding: 20px;

  max-width: 350px;

  margin: 0 auto;

}



.testimonial-card img {

  /* width: 345px; */

  height: 200px;

  margin-left: -19px;

  margin-top: -22px;

}



.carousel-control-prev-icon,

.carousel-control-next-icon {

  /* background-color: black; */

  border-radius: 50%;

  width: 23px;

  height: 40px;

}

.testimonial-card {

  /* max-width: none; */

  margin: 0 15px;

}

.testimonial-card img {

  /* width: 100%; */

  width: 349px;

  height: auto;

}



.icon-text i {

  font-size: 1.8px;

  margin-right: 10px;

}

.sec2-text {

  display: flex;

  justify-content: center;

  background: linear-gradient(100.36deg, #499167 9.07%, #3ca8cc 99.08%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-size: 40px;

  font-weight: 700;

  font-family: "Saira";

}

.custom-text {

  font-size: 14px;

  font-weight: 400;

  font-family: "Saira";

}



@media (max-width: 767px) {

  #testimonialCarouselMobile .carousel-control-prev,

  #testimonialCarouselMobile .carousel-control-next {

    display: none !important;

  }

}

@media (max-width: 767px) {

  #testimonialCarouselMobile .carousel-control-prev,

  #testimonialCarouselMobile .carousel-control-next {

    display: none !important;

  }



  #testimonialCarouselMobile .carousel-indicators {

    position: relative;

    margin-top: 1rem;

    bottom: -301px !important;

    display: flex;

    justify-content: center;

    gap: 0.5rem;

  }



  #testimonialCarouselMobile .carousel-indicators button {

    width: 10px;

    height: 10px;

    border-radius: 50%;

  }

}

.carousel-indicators.mobile-indicators {

  position: static !important;

  margin-top: 1.5rem;

  margin-bottom: 0;

}



.carousel-indicators.mobile-indicators button {

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: #ccc;

  border: none;

  opacity: 0.5;

  margin: 0 5px;

}



.carousel-indicators.mobile-indicators button.active {

  opacity: 1;

  background-color: #333;

}



/* beauty starts */



.sec-back .row {

  row-gap: 10px !important; /* reduce vertical gap */

}



.sec-back .btn-col {

  padding-left: 5px !important;

  padding-right: 5px !important; /* reduce horizontal gap */

}

/* 

.sec-back .item-btn {

  width: 100%;

} */

.col-lg-3 {

  flex: 0 0 auto;

  width: 22%;

}



.sec-back {

  background-color: #ffffff;

}

.page-title {

  color: #3d9b9b;

  font-weight: bold;

  text-align: center;

  margin-bottom: 40px;

  font-size: 2.5rem;

}



.item-btn {

  background-color: #b3e0e5;

  border: none;

  margin-bottom: 8px;

  border-radius: 50px;

  padding: 6px 15px;

  width: 270px;

  font-weight: 500;

  color: #333;

  display: flex;

  justify-content: space-between;

  align-items: center;

  transition: background-color 0.3s;

}



.item-btn:hover {

  background-color: #9dd4da;

}



.plus-sign {

  font-size: 1.5rem;

  font-weight: 300;

}



.text {

  font-size: 16px;

  font-weight: 600;

  position: relative;

  left: 62px;

}



@media (min-width: 1024px) and (max-width: 1400px) {

  .col-lg-3 {

    flex: 0 0 auto;

    width: 295px;

  }

}



/* footer start */

.footer-main {

  background-color: #192731;

  color: #fff;

  padding: 60px 0 20px;

}



.footer-column-title {

  font-size: 14px;

  font-weight: 600;

  margin-bottom: 25px;

  color: #fff;

  font-family: "Saira";

}



.footer-nav-list {

  list-style: none;

  padding: 0;

  margin: 0;

  font-family: "Saira";

}



.footer-nav-item {

  margin-bottom: 12px;

  font-family: "Saira";

}



.footer-nav-link {

  color: #499167;

  text-decoration: none;

  font-size: 15px;

  font-weight: 600;

  transition: color 0.3s ease;

  font-family: "Saira";

}



.footer-nav-link:hover {

  color: #499167;

}



.footer-posts-list {

  list-style: none;

  padding: 0;

  margin: 0;

}



.footer-post-item {

  margin-bottom: 15px;

}



.footer-post-link {

  color: #3ca8cc;

  text-decoration: none;

  font-size: 14px;

  line-height: 1.5;

  transition: color 0.3s ease;

  font-family: "Saira";

}



.footer-post-link:hover {

  color: #3ca8cc;

}



.footer-logo-wrapper {

  margin-bottom: 30px;

}



.footer-logo-img {

  width: 145px;

  height: auto;

}



.footer-contact-item {

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}



.footer-contact-icon-wrapper {

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 15px;

  flex-shrink: 0;

}



.footer-icon-img {

  width: 30px;

  height: 30px;

  object-fit: contain;

}

@media (min-width: 375px) and (max-width: 768px) {

  .footer-icon-img {

    width: 20px;

  }

  .footer-contact-icon-wrapper {

    width: 30px;

    height: 30px;

  }

}



.footer-contact-text {

  color: #fff;

  font-size: 16px;

  margin: 0;

  font-family: "Saira";

}



.footer-contact-link {

  color: #fff;

  text-decoration: none;

  font-family: "Saira";

}



.footer-contact-link:hover {

  color: #5dd3b3;

}



.footer-bottom {

  background-color: #131d25;

  border-top: 1px solid #2d3847;

  padding-top: 20px;

  margin-top: 40px;

  font-size: 13px;

  font-weight: 400;

}



.footer-copyright {

  color: #8a9199;

  font-size: 14px;

  text-align: center;

  margin: 0;

}

.footer-middle-shift {

  position: relative;

  right: 20px; /* adjust as needed: 10px, 15px, 25px */

}

.Recent {

  position: relative;

  right: 60px;

}



@media (max-width: 768px) {

  .footer-main {

    padding: 40px 0 20px;

  }



  .footer-column-title {

    font-size: 16px;

    margin-bottom: 15px;

  }



  .footer-logo-img {

    max-width: 150px;

  }

}

.footer-posts-list {

  list-style: none;

  padding: 0;

  margin: 0;

}



.footer-post-item {

  margin-bottom: 14px;

  font-weight: 400;

  position: relative;

  padding-left: 20px;

}



.footer-post-item::before {

  content: "•";

  position: absolute;

  left: 0;

  color: #3ca8cc;

  font-size: 18px;

  line-height: 1.5;

}



.footer-post-link {

  color: #3ca8cc;

  text-decoration: none;

  font-size: 14px;

  line-height: 1.5;

  transition: color 0.3s ease;

}



.footer-post-link:hover {

  color: #3ca8cc;

}



@media (min-width: 1024px) and (max-width: 1200px) {

  .testimonial-card img {

    width: 286px;

    height: 200px;

    margin-left: -19px;

    margin-top: -22px;

  }

}

@media (min-width: 320px) and (max-width: 425px) {

  .testimonial-card img {

    width: -webkit-fill-available;

  }

}

.d-lg-none .testimonial-card {

  background-color: transparent !important;

}

@media (min-width: 1024px) and (max-width: 1200px) {

  #testimonialCarouselDesktop .row {

    flex-wrap: nowrap; /* keep cards in one row */

  }

  #testimonialCarouselDesktop .testimonial-card {

    flex: 0 0 33.3333%;

    width: 50%;

    display: block !important;

  }

  .carousel-control-next {

    position: absolute;

    right: -42px;

  }

}



/* Inicio page end */

ro-text1 h1 



/* iv infusions page start */

.back-clr {

  background: #f5f5f5;

}

.iv-first-card-bg {

  background-color: #ffffff; /* Light blue */

  border: 1px solid #57a879;

  border-radius: 12px;

  padding: 20px;

}

/* .carousel-control-prev {

  position: absolute;

  left: -163px;

}



.carousel-control-next {

  position: absolute;

  right: -79px;

} */

.hero-section1 {

  background: #ffffff;

  padding: 50px 0;

}

.hero-text1 h5 {

  background: linear-gradient(90deg, #247c64 0%, #2cb3c9 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;



  font-family: Saira;

  font-weight: 700;

  font-style: Bold;

  font-size: 34.81px;

  margin-bottom: 0;

  line-height: 44px;

  letter-spacing: 0%;

}



.hero-text1 h1 {

  background: linear-gradient(90deg, #247c64 0%, #2cb3c9 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-family: Saira;

  font-weight: 900;

  font-size: 88.35px;

  line-height: 80px;

  text-transform: uppercase;

  margin-bottom: 25px;

}



.hero-text1 p {

  color: #565656;



  font-size: 17px;

  letter-spacing: 0%;

  font-family: Saira;

  font-weight: 400;



  font-size: 20px;



  line-height: 28px;

  letter-spacing: 0%;

}

.bottle-main1 {

  position: inherit;

  bottom: 29px;

  /* position: relative; */

  left: -14%;

  z-index: 2;

  height: 441px;

}



.product-img1 {

  width: 175px;

}

.benefits-list1 {

  list-style: none;

  padding: 0;

  /* margin-left: 145px; */

  position: relative;

  left: 146px;

  font-size: 14px;

  line-height: 1.4;

  font-family: "Saira";

}

.nutrients-list1 li {

  margin-bottom: 5px;

  color: #000000;

  margin-left: 143px;

  font-size: 14px;

  line-height: 100%;

  font-family: "Saira";

}

.nutrients-list1 {

  list-style: none;

  padding: 0;

  font-family: "Saira";

}

.view-details1 {

  color: #1f6064;

  text-decoration: none;

  font-weight: 700;

  font-size: 14px;

  /* margin-left: 145px; */

  position: relative;

  left: 11px;

  top: -9px;

  font-family: "Saira";

}

.custom-indicators {

  display: flex;

  justify-content: start; /* or center */

  gap: 10px;

}

.i1 {

  position: relative;

  bottom: -56px;

  left: 310px;

}



.custom-indicators button {

  width: 30px;

  height: 6px;

  border-radius: 2px;

  background-color: #ccc;

  border: none;

}



.custom-indicators button.active {

  background-color: #007bff;

}

.formula-ex-head {

  margin-left: -16px;

  background: linear-gradient(90deg, #247c64 0%, #2cb3c9 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-family: Saira;

  font-size: 18px;

}

.formula-ex-desc {

  margin-left: -16px;

}

.text-1 {

  background: linear-gradient(90deg, #247c64 0%, #2cb3c9 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.t2 {

  color: #000000;

}

@media (max-width: 991.98px) {

  .hero-text1 {

    order: 1 !important;

    margin-bottom: 0;

  }



  .bottle-main1 {

    order: 2 !important;

  }



  .carousel-indicators.i1 {

    position: relative !important;

    top: 459px !important;

    order: 3 !important;

    margin-left: -57px;

  }

}



@media (min-width: 320px) and (max-width: 768px) {

  .bottle-main1 {

    width: 97%;

    padding-top: -12px;

  }

  .hero-section1 {

    padding-bottom: 6px;

  }

  .hero-text1 h1 {

    font-size: 53px;

    line-height: 56.23px;

  }

  .hero-text1 h5 {

    font-size: 25px;

  }

  .hero-section1 {

    background: #ffffff;

    padding: 43px 0;

  }

  .benefits-list1 {

    margin-left: -132px;

  }

  .nutrients-list1 {

    margin-left: -132px;

  }

  /* .view-details1 {

    margin-left: -132px;

  } */

  .i1 {

    /* bottom: -499px; */

    left: 27px;

  }

  .box-light {

    margin-left: -45px;

  }

  .box-blue {

    margin-left: -45px;

  }

  .box-green {

    margin-left: -45px;

  }

  .formula-ex-head {

    margin-left: -16px;

  }

}

@media (min-width: 1024px) and (max-width: 1200px) {

  .benefits-list1 {

    list-style: none;

    padding: 0;

    /* margin-left: 145px; */

    position: relative;

    left: 81px;

    font-size: 14px;

    line-height: 1.4;

  }



  .nutrients-list1 li {

    margin-bottom: 5px;

    color: #000000;

    margin-left: 91px;

    font-size: 14px;

    line-height: 100%;

  }

  .view-details1 {

    color: #1f6064;

    text-decoration: none;

    font-weight: 700;

    font-size: 14px;

    /* margin-left: 145px; */

    position: relative;

    /* left: 92px; */

    top: -9px;

  }

}

.carousel-indicators.custom-indicators {

  display: flex;

  justify-content: center;

  gap: 10px;

}

.carousel-indicators.custom-indicators button {

  width: 30px;

  height: 6px;

  border-radius: 0;

  background-color: #ccc;

  border: none;

  transition: background-color 0.3s;

}



.breadcrumb-link {

  color: #1f6064; /* change "Inicio" color */

  text-decoration: none;

  font-family: "Saira";

  font-size: 16px;

}



.breadcrumb-link:hover {

  color: #1f6064; /* optional hover color */

  text-decoration: none;

}



/* Remove default Bootstrap breadcrumb separator */

.breadcrumb-item + .breadcrumb-item::before {

  content: ""; /* removes "/" */

}



.breadcrumb-item.active {

  color: #1f6064; /* Bootstrap default text-muted color */

  font-family: Saira;

  font-size: 16px;

}

/* Custom ordering classes */

.hero-image-mobile-first {

  order: 2; /* Desktop: image on right */

}



.hero-text-mobile-second {

  order: 1; /* Desktop: text on left */

}



/* Mobile order: image first, text second */

@media (max-width: 991px) {

  .hero-image-mobile-first {

    order: 1; /* Image on top */

    margin-bottom: 1.5rem; /* spacing below image */

  }



  .hero-text-mobile-second {

    order: 2; /* Text below image */

  }

}



/* Button styling */

.btn-book {

  background-color: #1f6064;

  color: white;

  padding: 10px 80px;

  border: none;

  border-radius: 25px;

  font-size: 22px;

  font-weight: 600;

  cursor: pointer;

  font-family: "Saira";

  transition: background-color 0.3s;

}

button.btn.btn-book1 {

  border: 1px solid #499167;

}



/* Optional: adjust carousel indicators for mobile if needed */

@media (max-width: 575px) {

  .custom-indicators button {

    width: 20px;

    height: 6px;

    border-radius: 3px;

  }

}



/* joint support start */

:root {

  --green-600: #0c6b5a;

  --green-500: #10806f;

  --teal-100: #e9f7f5;

  --muted: #7b8b87;

  --panel-border: rgba(33, 122, 110, 0.12);

}



body {

  font-family: "Inter", sans-serif;

  color: #174b45;

  background: white;

}



/* Product Card */

.product-card {

  border: 1px solid #ccd;

  border-radius: 12px;

  padding: 30px;

  text-align: center;

  background: #fff;

  box-shadow: 0 1px 0 rgba(16, 128, 111, 0.03);

}

.product-card img {

  /* max-width: 130px; */

  margin: 0 auto 0.75rem;

  display: block;

  width: 125px;

  padding-bottom: 20px;

}

.btn-accent {

  background: #1f6064;

  color: #fff;

  border-radius: 30px;

  padding: 0.45rem 4.25rem;

  font-weight: 600;

}

ol.breadcrumb.mb-0 {

  font-size: 11px;

}

/* Headers */

h2.product-title {

  background: linear-gradient(100.36deg, #499167 9.07%, #3ca8cc 99.08%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: 700;

  font-family: Saira;

  font-size: 30px;

}

.lead-muted {

  color: #4c4c4c;

  font-size: 18px;

  font-weight: 500;

  font-family: Saira;

}

.blog-joinsupprt {

  font-family: Saira;

  line-height: 26px;

  padding-bottom: 10px;

  color: #000;

}



/* Formula Section */

.formula-title {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 0.5rem;

  background: linear-gradient(100.36deg, #499167 9.07%, #3ca8cc 99.08%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: 700;

  margin: 2rem 0 1rem;

  font-size: 25px;

  font-family: Saira;

}

.formula-grid .card {

  border: 1px solid var(--panel-border);

  border-radius: 8px;

  padding: 1rem;

  background: #f3fffb;

  height: 100%;

}

.formula-num {

  width: 28px;

  height: 28px;

  border-radius: 6px;

  /* background: var(--teal-100); */

  color: var(--green-600);

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 700;

  margin-right: 0.5rem;

  flex-shrink: 0;

}



/* Info Panels */

.info-panels .card {

  border: 1px solid var(--panel-border);

  /* border-radius:8px; */

}



/* Warning */

.small-warning {

  background: #ffffef;

  /* border-left: 4px solid #f2c255; */

  padding: 1rem;

  border-radius: 6px;

  color: black;

  font-size: 0.95rem;

  margin-top: 1.5rem;

  border: 1px solid var(--panel-border);

}

.small-warning span {

  font-size: 14px;

}

/* Common box styling */

.box-light,

.box-green,

.box-blue {

  padding: 24px;

  /* border-radius: 8px; */

}



.box-light {

  background-color: #f8f8f8;

}



.box-green {

  background-color: #f2ffed;

  margin-bottom: 25px;

}



.box-blue {

  background-color: #effdff;

}



.full-gap-remove {

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

}

@media (min-width: 320px) and (max-width: 768px) {

  .cd-1 {

    margin-left: -14px;

  }

}



/* weight loss start */

.peptide-hero-section {

  background-image: url("../images/background.png");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  min-height: 462px;

  display: flex;

  align-items: center;

  position: relative;

  z-index: 2;

}



.peptide-hero-section::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;



  background: rgba(200, 230, 220, 0.3);

}

.ss2 {

  background-color: #f5f5f5;

  padding: 52px;

}



.peptide-content-wrapper {

  position: relative;

  z-index: 1;

}



.peptide-main-heading {

  background: linear-gradient(100.36deg, #499167 9.07%, #3ca8cc 99.08%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-family: Saira;

  font-weight: 900;



  font-size: 60px;



  line-height: 56px;

  letter-spacing: 0%;

  text-transform: uppercase;



  margin-bottom: 1rem;

}



.peptide-sub-heading {

  background: linear-gradient(100.36deg, #499167 9.07%, #3ca8cc 99.08%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-family: Saira;

  font-weight: 900;



  font-size: 17px;



  line-height: 19px;

  letter-spacing: 0%;



  text-transform: uppercase;

  letter-spacing: 0%;

  margin-bottom: 2rem;

}



.peptide-btn-booking {

  background-color: #1f6064;

  color: white;

  padding: 15px 58px;

  border-radius: 25px;

  border: none;

  font-weight: 600;

  /* font-size: 22px; */

  transition: all 0.3s ease;

  font-family: Saira;



  font-style: SemiBold;

  font-size: 22px;



  line-height: 100%;

  letter-spacing: 0%;

}



.peptide-btn-booking:hover {

  background-color: #235a46;

  transform: translateY(-2px);

  box-shadow: 0 4px 12px rgba(45, 115, 89, 0.3);

}

.tirz-square-border {

  width: 465px;

  height: 299px;

  border: 1px solid #d5d5d5;

  border-radius: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  background: white;

  padding: 20px;

  box-sizing: border-box;

}

.tirz-product-image {

  width: 100%;

  max-height: 100%;

  object-fit: contain;

}

.tirz-benefit-card {

  background: #f3fffb;

  border: 1px solid #abc4b5;

  border-radius: 8px;

  text-align: center;

  /* padding: 1rem; */

  margin-bottom: 1rem;

  transition: background-color 0.3s;

}

.tirz-benefit-card:hover {

  background: #d4edda;

}

.tirz-green-text {

  /* color: #28a745; */

  font-size: 14px;

  font-weight: 400;

  font-family: Saira;

}

.tirz-green-text2 {

  /* color: #28a745; */

  font-size: 16px;

  font-weight: 600;

}

.tirz-product-title {

  color: #6c6c6c;

  font-weight: 600;

  font-family: Saira;

}

.tirz-product-description {

  /* background: #f8f9fa; */



  border: none;

  font-family: Saira;

  font-weight: 600;

  font-style: SemiBold;

  font-size: 15px;

  line-height: 24px;

  letter-spacing: 0%;



  /* padding: 1.5rem; */

  /* border-left: 4px solid #28a745; */

}

.tirz-green-text1 {

  background: linear-gradient(

    100.36deg,

    rgba(73, 145, 103, 1) 9.07%,

    rgba(60, 168, 204, 1) 21.08%

  );



  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-size: 30px;

  font-weight: 700;

  font-family: Saira;

}



.full-bg-section {

  width: 100%;

  background-color: #ffffff;

  padding-top: 50px;

  /* position: relative;

    left: 84px; */

  /* margin-left: 80px; */

  /* padding-bottom: 50px; */

}



.t1 {

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.tirz-benefit-card {

  height: 50px;

  width: 350px;

}



.custom-body {

  padding: 0.75rem;

}

.full-bg-section2 {

  width: 100%;

  background-color: #f2f2f2;

  padding-top: 1px;

  padding-bottom: 1px;

  /* position: relative;

    left: 84px; */

  /* margin-left: 80px; */

}



@media (min-width: 1024px) and (max-width: 1200px) {

  .tirz-product-description {

    position: relative;

    left: 115px;

    top: -34px;

  }

}



.comparison-section {

  padding: 40px 0;

  background: #303030;

}



/* .section-titleeee {

  text-align: center;

    background: linear-gradient(100.36deg, rgba(73, 145, 103, 1) 9.07%, rgba(60, 168, 204, 1) 21.08%);

    -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-size: 28px;

  font-weight: 600;

  margin-bottom: 30px;

} */



.table-container {

  background-color: #252525;

  border-radius: 8px;

  overflow: hidden;

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);

}



.comparison-table {

  margin: 0;

  color: #ffffff;

}



.comparison-table thead th {

  background-color: #1a4a4a;

  color: #1adaff;

  font-weight: 600;

  padding: 15px;

  border: none;

  text-align: center;

  font-size: 14px;

}



.comparison-table tbody tr {

  border-bottom: 1px solid #3a3a3a;

}



.comparison-table tbody tr:last-child {

  border-bottom: none;

}



.comparison-table tbody td {

  padding: 15px;

  border: none;

  text-align: center;

  font-size: 13px;

  vertical-align: middle;

  background: #252525;

  color: white;

}



.comparison-table tbody td:first-child {

  background-color: #252525;

  font-weight: 600;

  text-align: left;

  color: #e0e0e0;

  font-family: Saira;

}



.star-rating {

  color: #5fc9b4;

  font-size: 16px;

  letter-spacing: 2px;

}



@media (max-width: 768px) {

  .comparison-table {

    font-size: 11px;

  }

  .c1 {

    margin-bottom: -4px;

  }

  .peptide-hero-section {

    min-height: 291px;

  }

  .tirz-green-text1 {

    background: linear-gradient(100.36deg, #499167 9.07%, #3ca8cc 99.08%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

  }

  .comparison-table thead th,

  .comparison-table tbody td {

    padding: 10px 5px;

  }



  .section-title {

    font-size: 22px;

    margin-left: -139px;

  }

}

.full-width-container {

  width: 100%;

  max-width: 100% !important;

  padding-left: 50px;

  padding-right: 50px;

  margin: 0 auto;

}



@media (max-width: 768px) {

  .full-width-container {

    padding-left: 15px;

    padding-right: 15px;

  }

  .ag {

    margin-top: -25px;



  

  }

}



@media (min-width: 1400px) {

  .full-width-container {

    padding-left: 80px;

    padding-right: 80px;

  }

}



/* Override Bootstrap container max-width for 1024px to 1200px range */

@media (min-width: 1024px) and (max-width: 1199.98px) {

  .container {

    max-width: 100% !important;

    padding-left: 15px;

    padding-right: 15px; /* Maintains some breathing room like Bootstrap's default */

  }

}

@media (max-width: 991px) {

  .benefit-flex-wrap {

    flex-direction: column !important;

    gap: 1rem !important;

    padding: 0 1rem; /* add spacing left & right */

   ;

  }



  .benefit-flex-wrap .card {

    width: 100%;

    margin-left: 0 !important; /* remove ms-5 */

  }

}



@media (max-width: 991px) {

  .benefit-flex-wrap2 {

    flex-direction: column !important;

    gap: 1rem !important;

  }



  .benefit-flex-wrap2 .card {

    width: 100%;

    margin-left: 0 !important; /* removes ms-5 only on mobile */

  }

}

@media (min-width: 320px) and (max-width: 600px) {

  .peptide-main-heading {

    font-size: 25px;

    margin-bottom: -2px;

  }

  .tirz-square-border {

    width: 312px;

  }

  .tirz-product-description {

    font-size: 13px;

  }

  .tirz-product-title {

    font-size: 15px;

  }

}



.comparison-section {

  width: 100%;

  padding: 20px 0;

}



.container {

  width: 100%;

  padding: 0 15px;

  margin: 0 auto;

  margin-bottom: -7px;

}



.section-titleeee {

  text-align: center;

  color: white;

  font-size: 28px;

  margin-bottom: 30px;

  font-weight: 700;

  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);

  background: linear-gradient(

    100.36deg,

    rgba(73, 145, 103, 1) 9.07%,

    rgba(60, 168, 204, 1) 21.08%

  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-family: Saira;

}



.table-container {

  background: white;

  border-radius: 15px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);

  overflow-x: auto;

  overflow-y: visible;

  -webkit-overflow-scrolling: touch;

  position: relative;

}



/* Scrollbar styling */

.table-container::-webkit-scrollbar {

  height: 8px;

}



.table-container::-webkit-scrollbar-track {

  background: #f1f1f1;

  border-radius: 0 0 15px 15px;

}



.table-container::-webkit-scrollbar-thumb {

  background: #667eea;

  border-radius: 4px;

}



.table-container::-webkit-scrollbar-thumb:hover {

  background: #764ba2;

}



.comparison-table {

  width: 100%;

  border-collapse: collapse;

  min-width: 900px;

  font-size: 14px;

}



.comparison-table thead {

  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

}



.comparison-table thead th {

  /* color: white; */

  padding: 15px 12px;

  text-align: left;

  font-weight: 600;

  font-size: 15px;

  white-space: nowrap;

  position: sticky;

  top: 0;

  z-index: 10;

  font-family: Saira;

}



.comparison-table thead th:first-child {

  position: sticky;

  left: 0;

  z-index: 11;

  font-family: Saira;

  /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */

}



.comparison-table tbody tr {

  border-bottom: none; /* removed border */

}



.comparison-table tbody tr:last-child {

  border-bottom: none;

}



.comparison-table td {

  padding: 15px 12px;

  color: #333;

  line-height: 1.6;

}



.comparison-table td:first-child {

  font-weight: 600;

  color: #667eea;

  position: sticky;

  left: 0;

  background: white;

  z-index: 5;

  min-width: 150px;

}



.star-rating {

  font-size: 16px;

  letter-spacing: 2px;

}



/* Mobile specific styles */

@media (max-width: 600px) {

  .container {

    padding: 0 10px;

  }



  /* .section-titleeee {

    font-size: 22px;

    margin-bottom: 20px;

       background: linear-gradient(100.36deg, rgba(73, 145, 103, 1) 9.07%, rgba(60, 168, 204, 1) 21.08%);

    -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  } */



  .table-container {

    border-radius: 10px;

    margin: 0 -10px;

    width: calc(100% + 20px);

  }



  .comparison-table {

    font-size: 13px;

    min-width: 850px;

  }



  .comparison-table thead th {

    padding: 12px 10px;

    font-size: 14px;

  }



  .comparison-table td {

    padding: 12px 10px;

  }



  .comparison-table td:first-child {

    min-width: 130px;

    font-size: 13px;

  }



  .star-rating {

    font-size: 14px;

  }

}



/* Extra small mobile */

@media (max-width: 375px) {

  /* .section-titleeee {

    font-size: 20px;

       background: linear-gradient(100.36deg, rgba(73, 145, 103, 1) 9.07%, rgba(60, 168, 204, 1) 21.08%);

    -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  } */



  .comparison-table {

    font-size: 12px;

    min-width: 800px;

  }



  .comparison-table thead th {

    padding: 10px 8px;

    font-size: 13px;

  }



  .comparison-table td {

    padding: 10px 8px;

  }



  .comparison-table td:first-child {

    min-width: 120px;

  }

}



/* Scroll hint */

.scroll-hint {

  text-align: center;

  color: white;

  font-size: 14px;

  margin-top: 15px;

  opacity: 0.9;

  display: none;

}



@media (max-width: 600px) {

  .scroll-hint {

    display: block;

  }

}



.comparison-table,

.comparison-table th,

.comparison-table td {

  border: none !important;

}



/* about us start */

:root {

  --sbl-primary-green: #5a9d8a;

  --sbl-light-background: #f5f5f5;

}



body {

  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

}



.sbl-hero-wrapper {

  background-color: var(--sbl-light-background);

  padding: 40px 0 40px;

}



.sbl-page-title {

  background: linear-gradient(

    100.36deg,

    rgba(73, 145, 103, 1) 9.07%,

    rgba(60, 168, 204, 1) 21.08%

  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: 900;

  font-size: 40px;

  margin-bottom: 0px;

  font-family: Saira;

}



.sbl-header-logo {

  max-width: 270px;

  height: auto;

}



.sbl-section {

  /* padding: 60px 15px; top-bottom padding */

}



.sbl-section .text-content {

  font-size: 16px;

  line-height: 35px;

}



.sbl-section .text-content p {

  margin-bottom: 1.5rem;

  color: rgba(0, 0, 0, 1);

  font-family: Saira;

}



.sbl-image {

  /* width: 100%; */

  max-width: 400px; /* control image size */

  border-radius: 15px;

  object-fit: cover;

}



@media (max-width: 991px) {

  .sbl-section {

    padding: 40px 15px;

    margin-bottom: -38px;

  }

  .sbl-image {

    margin-top: -44px;

    width: 100%;

  }

  .sbl-header-logo {

    width: 97%;

  }

  .sbl-section .text-content {

    margin-left: -21px;

  }

  .abc {

    margin-left: -19px;

  }

  .sbl-value-box {

    margin-left: -26px;

  }

}

@media (min-width: 320px) and (max-width: 340px) {

  .sbl-page-title {

    font-size: 20px;

  }

}

@media (max-width: 768px) {

  .sbl-page-title {

    font-size: 2rem;

  }



  .sbl-medical-image-wrapper {

    margin-top: 30px;

  }



  .sbl-header-logo {

    max-width: 150px;

    /* margin-top: -77px; */

    /* margin-left: 184px; */

  }

}



.vision-section {

  background-color: #f8f9fa; /* Light background */

  padding: 30px 0;

  padding-bottom: 22px;

}

.vision-heading {

  /* padding: 20px; */

  text-align: left;

  font-size: 35px;

  font-weight: 700;

  font-family: Saira;

  border-radius: 8px 0 0 8px;

  margin-bottom: 10px;

  background: linear-gradient(

    100.36deg,

    rgba(73, 145, 103, 1) 9.07%,

    rgba(60, 168, 204, 1) 21.08%

  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.vision-text {

  font-size: 18px;

  line-height: 35px;

  color: #333;

  padding-right: 20px;

  font-family: Saira;

}

.vision-image {

  width: 554px;

  height: 306px; /* Adjust as needed */

  background-image: url("../images/man.png");

  /* background-size: cover; */

  background-position: center;

  background-repeat: no-repeat;

}

@media (max-width: 768px) {

  .vision-text {

    padding-right: 0;

    margin-bottom: 20px;

  }

  .vision-image {

    height: 209px;

    width: 100%;

  }

  .vision-heading {

    text-align: center;

    border-radius: 8px;

    background: linear-gradient(

      100.36deg,

      rgba(73, 145, 103, 1) 9.07%,

      rgba(60, 168, 204, 1) 21.08%

    );

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

  }

}



.sbl-page-wrapper {

  padding: 40px 20px;

  font-family: Arial, sans-serif;

  color: #333;

}



/* Mission Section */

.sbl-mission-section {

  margin-top: 50px;

}



.sbl-mission-title {

  background: linear-gradient(

    100.36deg,

    rgba(73, 145, 103, 1) 9.07%,

    rgba(60, 168, 204, 1) 21.08%

  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: 700;

  font-size: 35px;

  font-family: Saira;

  margin-bottom: 15px;

}



.sbl-mission-image {

  max-width: 260px;

}



.sbl-mission-text {

  font-size: 16px;

  line-height: 1.7;

  font-family: Saira;

}



/* Values Section */

.sbl-values-wrapper {

  margin-top: 55px;

}



.sbl-values-title {

  background: linear-gradient(

    100.36deg,

    rgba(73, 145, 103, 1) 9.07%,

    rgba(60, 168, 204, 1) 21.08%

  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-weight: 600;

  font-size: 35px;

  font-family: Saira;

  margin-bottom: 25px;

}

/* .ab-1{

  position: relative;

    left: -94px;

} */

.sbl-value-box {

  background: #e9f3fb;

  padding: 20px 22px;

  border-radius: 12px;

  margin-bottom: 20px;

}



.sbl-value-heading {

  color: rgba(58, 126, 120, 1);

  font-weight: 600;

  font-size: 18px;

  margin-bottom: 5px;

  font-family: Saira;

}



.sbl-value-num {

  margin-right: -1px;

}



.sbl-value-description {

  font-size: 16px;

  background: rgba(58, 126, 120, 1);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  margin-left: 20px;

  font-family: Saira;

}

@media (min-width: 320px) and (max-width: 728px) {

  .ab-1 {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    left: 3px;

  }

  .sbl-values-title {

    margin-left: -22px;

  }

}

@media (min-width: 320px) and (max-width: 360px) {

  .contact-left h1 {

    font-size: 31px;

  }

}



.wt-logo {

  width: 190px;

  height: auto;

}

/* Left text section */

.contact-left h2 {

  font-size: 30px;



  margin-bottom: 10px;

  color: #3d3d3d;

  font-family: Saira;

  font-weight: 400;

  font-style: Regular;

  font-size: 30px;



  line-height: 56px;

  letter-spacing: 0%;

}



.contact-left h1 {

  font-family: Saira;

  font-size: 56px;

  font-weight: 400;

  background: linear-gradient(

    100.36deg,

    rgba(73, 145, 103, 1) 9.07%,

    rgba(60, 168, 204, 1) 21.08%

  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;



  line-height: 1.3;

}



/* Form */

.contact-form input,

.contact-form textarea {

  border-radius: 6px;

  border: 1px solid #ccc;

  padding: 12px;

  font-size: 13px;

  line-height: 36px;

  font-weight: 400;

  color: #515151;

  font-family: Saira;

}



.contact-form textarea {

  height: 150px;

  resize: none;

}

.para {

  margin-top: -13px;

}



.submit-btn {

  font-family: Saira;

  width: 100%;

  border: none;

  padding: 12px;

  color: white;

  /* background: linear-gradient(to right, #3bcb95, #59d0e9); */

  background: linear-gradient(

    100.36deg,

    rgba(73, 145, 103, 1) 31.07%,

    rgba(60, 168, 204, 1) 69.08%

  );



  border-radius: 6px;

  font-size: 16px;

  font-weight: 700;

  margin-top: 10px;

}

.b1 {

  background-color: var(--sbl-light-background);

}

.con-frm {

  width: 97%;

}

@media (min-width: 320px) and (max-width: 728px) {

  .con-frm {

    width: 100%;

  }

  .contact-left h1 {

    font-size: 32px;

  }

  .wt-logo {

    width: 65%;

    /* margin-top: -72px; */

  }

}

.contact-section {

  background-color: #303030;

  padding: 60px 40px;

}



.contact-container {

  max-width: 1200px;

  margin: 0 auto;

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 71px;

}



.contact-card {

  text-align: left;

}



.icon-header {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 16px;

}



.icon {

  width: 31px;

  height: 24px;

  background: linear-gradient(

    100.36deg,

    rgba(73, 145, 103, 1) 9.07%,

    rgba(60, 168, 204, 1) 21.08%

  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.contact-card h3 {

  background: linear-gradient(

    100.36deg,

    rgba(73, 145, 103, 1) 9.07%,

    rgba(60, 168, 204, 1) 21.08%

  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-size: 20px;

  font-weight: 600;

  margin-top: 8px;

  font-family: Saira;

  line-height: 20px;

}



.contact-card p {

  color: #ffffff;

  font-size: 12px;

  line-height: 1.6;

  margin-bottom: 20px;

  font-family: Saira;

  line-height: 25px;

  letter-spacing: 0%;

}



.contact-card a {

  color: #4ad2ff;

  text-decoration: none;

  font-size: 15px;

  font-weight: 500;

  font-family: Saira;

}



.contact-card a:hover {

  text-decoration: underline;

}



.location-links {

  display: flex;

  gap: 8px;

  flex-wrap: wrap;

}



@media (max-width: 968px) {

  .contact-container {

    grid-template-columns: repeat(2, 1fr);

  }

  .contact-card {

    margin-bottom: -39px;

  }

  .contact-card p {

    margin-bottom: 5px;

  }

  .icon {

    width: 25px;

  }

  .cc {

    margin-top: -14px;

  }

}



@media (max-width: 600px) {

  .contact-container {

    grid-template-columns: 1fr;

  }



  .contact-section {

    padding: 40px 20px;

  }

}

@media (min-width: 374px) and (max-width: 374px) {

  .wt-logo {

    width: 62px;

    margin-top: -90px;

  }

}