@import "../../frontend/node_modules/slick-carousel/slick/slick.css";
@import "../../frontend/node_modules/slick-carousel/slick/slick-theme.css";
@media screen and (max-width: 1024px) {
  .about-us-wrapper .container {
    max-width: none;
    width: 100%;
  }
}

.about-section {
  margin-top: 156px;
}
@media screen and (max-width: 768px) {
  .about-section {
    margin-top: 130px;
  }
}
.about-clinic {
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .about-clinic {
    margin-top: 40px;
  }
}
.about-clinic_images img {
  max-width: 173px;
}
.about-clinic_card {
  padding: 20px;
  border-radius: var(--radius-2xl, 16px);
  background: var(--uiBg-screen-00, #fff);
  -webkit-box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
          box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
}
.about-clinic_card h4 {
  color: #334155;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 16px;
}
.about-clinic_card p {
  color: #334155;
}
.about-clinic_card span {
  display: block;
}
.about-clinic_card-main {
  height: 248px;
}
.about-success-story h2 {
  width: 90%;
}
@media screen and (max-width: 768px) {
  .about-success-story h2 {
    width: 100%;
  }
}
.about-success-story .video-section iframe {
  background: #fff;
  -webkit-box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
          box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
}

.slick-slide {
  margin: 0 15px; /* Example: 15px gap */
}

.slick-list {
  margin: 0 -15px; /* Compensates for gaps at edges */
  padding-bottom: 30px;
}

.slick-dots {
  text-align: right;
  bottom: 25%;
  right: 0;
}

.custom-dots {
  position: relative;
  width: 50%;
}
.custom-dots .slick-dots li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.custom-dots .slick-dots li.slick-active button, .custom-dots .slick-dots li:hover button {
  background: #ed8910;
}
.custom-dots .slick-dots li button {
  background: #cbd5e1;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.custom-dots .slick-dots li button::before {
  display: none;
}

.achievements-section_wrap {
  background: url("../images/achiment_ornament.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding: 48px;
  border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .achievements-section_wrap {
    padding: 20px;
    background-image: url("../images/achiment_ornament-mobile.png");
    background-size: contain;
    border-radius: 16px;
    background-color: #643906;
  }
}
.achievements-section_title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .achievements-section_title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
  }
}
.achievements-section_title h2 {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .achievements-section_title h2 {
    font-size: 20px;
    line-height: 28px;
  }
}
.achievements-section_title p {
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  font-size: 16px;
}
.achievements-section_list li {
  background: url("../images/icon_check-orange.svg") no-repeat left top;
  padding-left: 30px;
  background-size: 20px;
  font-size: 16px;
}

.testimonial-item {
  padding: 24px 12px 75px 12px;
}
@media screen and (max-width: 768px) {
  .testimonial-item {
    padding: 0;
  }
}
.testimonial-item_wrapper {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: #fff;
  padding: 22px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 16px;
  opacity: 0.8;
  position: relative;
  top: 13px;
  -webkit-box-shadow: 0px 30px 40px rgba(117, 75, 16, 0.01), 0px 20px 20px rgba(117, 75, 16, 0.02), 0px 10px 15px rgba(117, 75, 16, 0.03), 0px 5px 10px rgba(117, 75, 16, 0.04);
          box-shadow: 0px 30px 40px rgba(117, 75, 16, 0.01), 0px 20px 20px rgba(117, 75, 16, 0.02), 0px 10px 15px rgba(117, 75, 16, 0.03), 0px 5px 10px rgba(117, 75, 16, 0.04);
}
@media screen and (max-width: 480px) {
  .testimonial-item_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
  }
}
.testimonial-item_images {
  width: 23%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.testimonial-item_images img {
  border-radius: 16px;
}
@media screen and (max-width: 480px) {
  .testimonial-item_images {
    width: 80%;
    max-width: 100px;
  }
}
.testimonial-item_text {
  text-align: left;
  width: 77%;
  font-family: "Onest", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #334155;
}
@media screen and (max-width: 480px) {
  .testimonial-item_text {
    text-align: center;
    width: 100%;
  }
}

.slick-current.slick-active.slick-center .testimonial-item_wrapper {
  opacity: 1;
  top: 0px;
  padding: 32px;
}
.slick-current.slick-active.slick-center .testimonial-item_images {
  width: 25%;
}
.slick-current.slick-active.slick-center .testimonial-item_text {
  width: 75%;
}

.about-galery_wrapper {
  -webkit-box-shadow: 0px 30px 40px rgba(117, 75, 16, 0.01), 0px 20px 20px rgba(117, 75, 16, 0.02), 0px 10px 15px rgba(117, 75, 16, 0.03), 0px 5px 10px rgba(117, 75, 16, 0.04);
          box-shadow: 0px 30px 40px rgba(117, 75, 16, 0.01), 0px 20px 20px rgba(117, 75, 16, 0.02), 0px 10px 15px rgba(117, 75, 16, 0.03), 0px 5px 10px rgba(117, 75, 16, 0.04);
}

.galery-slide_images {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 320px;
  position: relative;
}
.galery-slide_images img {
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  width: 100%;
  height: 100%;
}