/* Root */
:root {
  --main-font: "Instrument Serif", serif;
  --regular: "Raleway", sans-serif;
  --thColor: #6b2261;
  --thDark: #3b1144;
  --accent1: #992278;
  --accent: #A60077;
  --sec2: #f4f4f7;

  --thLight: #ededed;
  --white: #fff;
  --gray: #767676;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--regular);
}
/* Buttons that replaced href="#" links (class btn-as-link): same look as the original links */
button:where(.btn-as-link) {
  display: inline; margin: 0; padding: 0; border: 0; border-radius: 0; background: none;
  font-family: var(--regular); font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit;
  color: inherit; letter-spacing: inherit; word-spacing: inherit; text-transform: inherit; text-indent: inherit;
  text-shadow: inherit; text-align: inherit; white-space: inherit; align-items: normal; box-sizing: border-box;
  cursor: pointer; text-decoration: underline; -webkit-appearance: none; appearance: none;
}
[type=button]:where(.btn-as-link) { -webkit-appearance: none; appearance: none; }
/* block-level ones: fill the row like the original link did */
.event-card-body .event-gallery-link.btn-as-link,
.accordion-content .btn-as-link { width: -moz-available; width: -webkit-fill-available; width: stretch; }

html {
  scroll-behavior: smooth;
}
body {
  font-family: var(--regular) !important;
  background-color: #fff!important;
  overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,p, h1.h1-as-h2, h1.h1-as-h3, h1.h1-as-h4, h1.h1-as-p {
  margin-bottom: 0 !important;
}
/* Page titles changed to <h1> for SEO: same size as the original heading */
h1.h1-as-h2{font-size: min(calc(1.325rem + .9vw), 2rem);}
.cap {
  text-transform: uppercase;
}
ul {
  margin: 0 !important;
  padding: 0 !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-35 {
  padding-top: 35px;
}
.mb-20 {
  margin-bottom: 20px;
}
section {
  max-width: 1280px;
  margin: auto;
  padding: 60px 0 60px 0;
  position: relative;
}
.section-bg{
  background: var(--sec2);
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
section.section-bg{
  padding: 50px 0 60px 0;
  max-width: 100%;
}
section.section-bg.sec-before-footer{
  padding-bottom: 140px;
}
section.border-bg{
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
  padding: 70px 0;
  max-width: 100%;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
}
section.section-bg .container-box, section.border-bg .container-box{
  max-width: 1280px;
  margin: auto;
}
.bg-corner{
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.full-width-section{
  max-width: 100%;
  margin: auto;
}
.regular {
  font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum" 1;
  -moz-font-feature-settings: "lnum=1";
  -ms-font-feature-settings: "lnum" 1;
  -o-font-feature-settings: "lnum" 1;
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1;
}
.rotate {
  transform: rotate(180deg);
}
select {
  -webkit-appearance: none; /* Safari/Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* Standard */
  background-image: none !important; /* Hiq çdo ikonë sfondi */
}
select::-ms-expand {
  /* IE/Edge i vjetër */
  display: none;
}
.hidden{
  display: none;
}
/* Btn Theme */
.btn-thm{
  position: relative;
  padding: 12.5px 30px;
  font-family: var(--regular);
  font-size: 14px;
  font-weight: 500;
  color: var(--white);
  text-decoration: none;
  background: var(--thDark);
  border-radius: 50px;
  overflow: hidden;
  transition: .7s;
  width: fit-content;
  display: block;
}
.btn-thm img{
  width: 19px;
  filter: brightness(100);
  margin-left: 5px;
}
.btn-thm-2{
  position: relative;
  display: grid;
  gap: 5px;
  text-decoration: none;
  width: fit-content;
  cursor: pointer;
}
.btn-thm-2 .span-full{
  position: relative;
  padding: 12.5px 33px;
  font-family: var(--regular);
  font-size: 14px;
  font-weight: 500;
  color: var(--white);
  text-decoration: none;
  background: var(--thDark);
  border-radius: 50px;
  overflow: hidden;
  transition: .7s;
  width: fit-content;
  display: block;
  height: fit-content;
  text-transform: uppercase;
}
.btn-thm-2 .span-full span{
  font-weight: 600;
}
.btn-thm-2 .span-btn{
  color: var(--thDark);
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  transition: .3s;
}
.btn-thm-2.js-popup-open:hover .span-full{
  background: var(--thColor);
}
.btn-thm-2:hover .span-btn{
  color: var(--thDark);
}
.btn-thm::before, .btn-thm-2 .span-full::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0) 65%
    ),
    linear-gradient(to bottom,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0) 70%
    );
  pointer-events:none;
  border-radius: 50px;
  z-index: 1;
  transition: .3s;;
}
@keyframes rotateStarBtn{
  0% {
    transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
img.cta-star[src*="btn-star"]{filter: none;}
.btn-thm img.cta-star, .btn-thm-2 img{
  position: absolute;
  top: 2px;
  right: 4px;
  width: 30px;
  z-index: 4;
}
.btn-thm:hover{
  color: var(--white);
  cursor: pointer;
}
.btn-thm > * {
  position: relative;
  z-index: 5;
}
.btn-thm:hover, .btn-thm-2 .span-full:hover{
  background: var(--thColor);
}
button.btn-thm{border: none;}
.btn-thm.center{
  margin: auto;
}
/* End of Btn Theme */

/* Btn Outline */
.btn-outline{
  position: relative;
  padding: 14px 30px;
  font-family: var(--regular);
  font-size: 14px;
  font-weight: 500;
  color: var(--white);
  text-decoration: none;
  text-transform: uppercase;
  background: transparent;
  border-radius: 50px;
  border: 1px solid white;
  transition: .3s;
  line-height: normal;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.btn-outline.dark{
  border: 1px solid var(--accent1);
  color: var(--thColor);
  font-weight: 600;
}
.btn-outline:hover{
  background-color: var(--thColor);
  border: 1px solid var(--thColor);
  color: white!important;
}
.btn-outline img{
  width: 16px;
  position: relative;
  z-index: 2;
  transition: filter 0.2s;
}
.btn-outline:hover img{
  filter: brightness(100);
}
.btn-outline-header{
  background: var(--sec2);
  color: var(--thColor);
  font-weight: 600;
}
/* End of Btn Outline */

/* Btn Outline Dark */
.btn-outline-dark{
  position: relative;
  padding: 14px 30px;
  font-family: var(--regular);
  font-size: 14px;
  font-weight: 600;
  color: var(--thColor);
  text-decoration: none;
  background: transparent;
  border-radius: 50px;
  border: 1px solid var(--thColor);
  transition: .3s;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 7px;
}
.btn-outline.btn-white-bg:hover {
  background-color: var(--thLight);
  color: var(--thColor)!important;
}
.btn-outline-dark:hover{
  background-color: var(--thColor);
  border: 1px solid var(--thColor);
  color: white!important;
}
.btn-outline-dark img{
  width: 16px;
  position: relative;
  z-index: 2;
  transition: filter 0.3s ease;
}
.btn-outline-dark:hover img{
  filter: brightness(100);
}
.btn-outline.center, .sec-btn.center{
  margin: 0 auto;
}
/* End of Btn Outline Dark */
.button-flex{
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.button-flex.flex-start{
  justify-content: start;
}
.text-box h2, .text-box h1.h1-as-h2{
  text-align: center;
  font-size: 15px;
  color: var(--thColor);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 7px!important;
  position: relative;
}
.text-box p, .text-box h1.h1-as-p{
  font-family: var(--regular);
  color: var(--thColor);
  font-size: 45px;
  line-height: normal;
  text-align: center;
  font-weight: 500;
}
.text-box p.title-small{
  font-family: var(--regular);
  color: var(--thColor);
  font-size: 37px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
}
.text-box p.title-small span, .text-box p span, .text-box h1.h1-as-p span{
  font-family: var(--main-font);
  font-style: italic;
}
.text-box p.text-center{
  padding: 0 22%
}
.text-body{
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  color: var(--thColor)!important;
  font-family: var(--regular);
}
.text-body.fs-16{
  font-size: 16px;
} 
.text-body.text-center{
  padding: 20px 22%;
}
p.text-body{
  color: var(--thColor)!important;
}
.text-gray{
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  color: var(--gray)!important;
  font-family: var(--regular);
}
.p-next-row span::before {
  content: "";
  display: block;
}
.text-break{
  display: grid;
}
.text-break .text-box p{
  line-height: 60px;
}
.sec-btn{
  position: relative;
  padding: 13px 30px;
  font-family: var(--regular);
  font-size: 14px;
  font-weight: 600;
  color: var(--thColor)!important;
  text-decoration: none;
  border-radius: 50px;
  transition: .3s;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
  gap: 6px;
  align-items: center;
  width: fit-content;
  overflow: hidden;
  transition: color 0.3s ease;
  cursor: pointer;
  border: 1.5px solid #bf1991;
}
.sec-btn.sec-btn-outline{
  border: 1.5px solid #bf1991;
}
.sec-btn.sec-btn-tr{
  background: transparent;
}
.sec-btn span{
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}
.sec-btn img{
  width: 16px;
  position: relative;
  z-index: 2;
  transition: filter 0.3s ease;
}
.sec-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: var(--thColor);
  z-index: 1;
  transition: width 0.6s ease;
  border-radius: 27px;
}
/* Hover animation */
.sec-btn:hover::before {
  width: 100%;
}

.sec-btn:hover span {
  color: #fff;
}

.sec-btn:hover img {
  filter: brightness(0) invert(1);
}
.btn-solid{
  text-decoration: none;
  font-family: var(--regular);
  color: var(--white);
  font-weight: 500;
  font-size: 15px;
  background-color: var(--thColor);
  border-radius: 21px;
  padding: 9px 21px;
  transition: .3s;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 10px;
}
.btn-solid img{
  position: relative;
  z-index: 2;
  transition: filter 0.3s ease;
}
.btn-solid:hover{
  background: var(--thDark);
  color: var(--white);
  font-weight: 500;
}
.swiper-pagination-bullet{
  width: 8px!important;
  height: 8px!important;
}
.swiper-pagination-bullet-active{
  background: var(--thColor)!important;
  width: 14px !important;
  height: 7.5px !important;
  border-radius: 5px!important;
}
.swiper-button-prev img{
    width: 20px;
    transform: rotate(180deg);
}
.swiper-button-next img{
    width: 18px;
}
.btn-whatsapp{
  font-size: 25px;
  color: white;
  background: #25D366;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  box-shadow: 0px 4px 12px #0000004a;
  transition: .3s;
}
.btn-whatsapp:hover{
  background: var(--white);
  color: #1aa34d;
  cursor: pointer;
}
.transparent-play-btn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 40px;
  background: rgba(241, 238, 243, 0.43);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 50%;
  display: block;
  border: 1px;
  cursor:pointer;
}
.transparent-play-btn img{
  width: 13px;
  margin-left: 2px;
}
.simple-header{
  position: relative;
}
.simple-header.header-h{
  height: 83px;
}
.simple-header .text-box {
    padding-top: 60px;
}
.text-box h1{
  font-family: var(--regular);
  color: var(--thColor);
  font-size: 50px;
  text-align: center;
  font-weight: 500;
}
.text-box h1 span{
  font-family: var(--main-font);
  font-style: italic;
}
.box-center{
  text-align: center;
}
.width-100{
  width: 100%;
}
.height-100{
  height: 100%;
}
.d-hide{
  display: none;
}
.pt-30{
  padding-top: 30px;
}
.simple-link{
  color: var(--thColor);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  text-underline-offset: 3px;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: .3s;
  width: fit-content;
}
.simple-link img{
  width: 16px;
}
.simple-link:hover{
  gap: 15px;
  color: var(--thDark);
}
.simple-gray-link{
  color: var(--gray);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  text-underline-offset: 3px;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: .3s;
  width: fit-content;
  cursor: pointer;
}
.simple-gray-link img{
  filter: saturate(0.2);
  width: 16px;
}
.simple-gray-link:hover{
  color: var(--thDark);
  gap: 15px;
}
.simple-gray-link.center {
  margin: auto;
}
.small-btn{
  background: var(--sec2);
  border-radius: 25px;
  padding: 8px 21px;
  font-size: 13px;
  color: var(--thColor);
  font-weight: 600;
  text-decoration: none;
  transition: .3s;
}
.small-btn:hover{
  background: var(--thColor);
  color: var(--white);
  cursor: pointer;
}
.play-white-bg img{
  padding-left: 4px;
}
.display-flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.text-small{
  font-size: 16px;
  color: var(--thColor);
  font-weight: 600;
}
.text-15{
  font-size: 15px;
  color: var(--thColor);
  font-weight: 600;
}
.box-flex{
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.box-flex.box-right{
  justify-content: end;
}
.box-flex p.text-body{
  width: 40%;
}
.short-header{
  position: relative;
  padding: 0 5vw;
}
.short-header .text-box h2,
.short-header .text-box p, .short-header .text-box h1.h1-as-h2, .short-header .text-box h1.h1-as-p {
  color: var(--white);
  margin-bottom: 0!important;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: fit-content;
}
.short-header .text-box h2 img, .short-header .text-box h1.h1-as-h2 img {
  animation: rotateStar 6s linear infinite;
  position: absolute;
  top: -25px;
  right: -37px;
}
.short-header .text-box p, .short-header .text-box h1.h1-as-p {
  font-family: var(--main-font);
  font-size: 40px;
}
.short-header .text-box h3{
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  color: var(--white) !important;
  font-family: var(--regular);
  text-align: center;
  width: 38%;
  margin: 0 auto;
}
.short-header .header-grid{
  display: grid;
  grid-gap: 13px;
  padding: 85px 0 110px 0;
}
.short-header.p-less .header-grid{
  padding: 155px 0 75px 0;
}
.filter-label-flex{
  display: flex;
  gap: 14px;
  align-items: center;
}
.filter-label {
  text-decoration: none;
  font-family: var(--regular);
  color: var(--thColor);
  font-weight: 600;
  font-size: 15px;
  background-color: var(--sec2);
  border-radius: 21px;
  padding:7px 21px;
  transition: .3s;
}
.filter-label.outline{
  border: 1px solid var(--accent1);
}
.filter-label.active,
.filter-label:hover{
  background-color: var(--accent1);
  color: var(--white);
  font-weight: 500;
  cursor: pointer;
}

.filter-block{
  display: grid;
  grid-gap: 24px;
}
.filter-label-txt{
  font-family: var(--regular);
  color: var(--gray);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: .3s;
}
.filter-label-txt.active, .filter-label-txt:hover{
  color: var(--thColor);
  text-decoration: underline;
  text-underline-offset: 1px;
}
.disclaimer-box {
  width: 28%;
  display: flex;
  align-items: center;
  gap: 11px;
  padding-top: 0;
  padding-left: 5vw;
}
.disclaimer-box p{
  font-size: 14px;
  font-weight: 500;
  color: var(--gray);
}
.disclaimer-box i{
  color: var(--gray);
}
.btn-mobile{display: none;}
.full-bg-header{
  position: relative;
  height: 100vh;
  background-image: url(../images/full-hero-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* Swiper Controls */
.flex-3-controls{
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 9999;
  position: relative;
  width: 100%;
  justify-content: space-between;
  margin-top: 32px;
}
.flex-3-controls .left-controls{
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 9999;
}
.flex-3-controls .swiper-button-prev, .flex-3-controls .swiper-button-next{
  position: static;
  transform: none;
  margin: 0;
  width: 44px;
  height: 44px;
  border: 1px solid var(--accent1);
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  line-height: 44px;
  padding: 0;
  background-color: transparent;
  font-size: 0;
}
.content-text h2{
  font-size: 17px;
  font-family: var(--regular);
  color: var(--white);
  text-transform: uppercase;
  font-weight: 400;
  font-style: italic;
}
.content-text p{
  font-size: 16px;
  color: white;
  line-height: 27px;
}
.content-text h1{
  font-family: var(--main-font);
  color: var(--white);
  font-size: 95px;
  line-height: 95px;
}
.content-text h1.fs-75{
  font-size: 75px;
  line-height: 80px;
}
.content-text h1 span{
  font-family: var(--main-font);
  display: block;
}
.advanced-controls{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.advanced-controls .swiper-pagination{
  width: fit-content;
  left: 50%;
  transform: translate(-50%, 0);
}
.pt-150{
  padding-top: 150px;
}
/* FORM */
.form-panel{
  border-radius: 15px;
  background: var(--sec2);
  padding: 30px 40px;
}
.form-panel .form-block{
  display: grid;
  grid-gap: 17px;
  margin-bottom: 25px;
}
.form-panel .form-title {
  font-size: 25px;
  color: var(--thColor);
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 10px;
  margin-bottom: 20px !important;
}
.form-panel .form-description{
  font-size: 16px;
  color: var(--gray);
  font-weight: 500;
  margin-bottom: 5px !important;
}
.form-block-title{
  margin-top: 20px!important;
}
.form-group{
  display: grid;
  grid-gap: 6px;
}
.form-group label{
  color: #4D4D4D;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.form-group input, .form-group select, .form-group textarea{
  padding: 11px 25px;
  border-radius: 30px;
  border: none;
  color: #4D4D4D;
  font-size: 16px;
  font-weight: 600;
}
.form-group input::placeholder, .form-group textarea::placeholder{
  color: rgba(94, 94, 94, 0.58);
  font-weight: 600;
  font-size: 16px;
}
.form-col-2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.form-group textarea{
  height: 125px;
}
.form-upload label{
  display: grid;
  grid-gap: 5px;
}
.form-upload{
  background: white;
  padding: 37px 40px;
  border-radius: 30px;
  text-align: center;
}
.form-upload label small{
  display: grid;
  gap: 5px;
  color: rgba(94, 94, 94, 0.48);
}
.form-panel button{
  margin: 0 auto 20px auto;
  display: block;
}
.form-disclaimer{
  color: #4D4D4D;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 10px 20% 0;
}
/* End of FORM */
.grid-2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 85px;
}
.grid-2.less-gap{
  gap: 26px;
}
.col-grid{
  display: grid;
  align-content: space-between;
}
.grid-3{
  display: grid;
  grid-template-columns: 1fr 1.7fr 1fr;
  gap: 20px;
  margin-top: 55px;
}
.col-list{
  position: relative;
}
.col-img{
  position: relative;
}
.col-img img{
  width: 100%;
}
.arrow-circle{
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: var(--white);
  text-align: center;
  line-height: 37px;
}
.arrow-circle img{
  width: 17px;
  transform: rotate(135deg);
}
.info-box{
  background: var(--sec2);
  padding: 20px;
  border-radius: 20px;
  position: relative;
}
.info-box .info-top{
  margin-bottom: 22px;
}
.info-box .text-body{
  padding-bottom: 20px;
}
.info-box .arrow-circle{
  position: absolute;
  top: 9px;
  right: 9px;
}
.font-m-30{
  font-size: 30px;
  font-family: var(--main-font);
  color: var(--thColor);
  margin-top: 7px;
}
.grid-md-info{
  display: grid;
  align-content: space-between;
}

.prev-circle, .next-circle{
  position: static !important;
  width: 44px;
  height: 44px;
  margin: 0 !important;
  border: 1px solid var(--accent1);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.prev-circle img,
.next-circle img {
  width: 16px;
  pointer-events: none;
}
.prev-circle img {
  transform: rotate(180deg);
}
.mt-20{
  margin-top: 20px;
}
.mobile-cta{display: none;}
#go-to-top{
  display: none;
  position: absolute;
  right: 5vw;
  bottom: 35px;
  padding: 13px;
}
#go-to-top img{
  transform: rotate(270deg);
}
.col-bg{
  background: var(--sec2);
  border-radius: 30px;
  position: relative;
  padding: 55px;
}
.col-right.col-bg{
  border-radius: 22px;
  padding: 30px;
}
.col-dark{
  background: #992278;
  padding: 35px;
  border-radius: 30px;
  display: grid;
  align-content: space-between;
}
.col-dark h4{
  color: var(--white);
  line-height: 23px;
}
.col-dark .sec-btn{
  padding: 13px 20px;
}
.small-box-icon{
  background: var(--sec2);
  font-size: 13.5px;
  color: var(--thColor);
  font-weight: 600;
  padding: 13px 22px 11px 16px;
  width: fit-content;
  display: flex;
  align-content: center;
  align-items: center;
  border-radius: 5px;
}
.small-box-icon img{
  width: 30px;
  transform: rotate(-6deg);
  margin-right: 6px;
  margin-top: -6px;
}
/* End of Root */

/* Navbar */
.theme-navbar {
  display: flex;
  align-items: center;
  padding: 0px 5vw;
  background: white;
  position: relative;
  z-index: 99999;
  height: 83px;
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
  transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}
#menu-icon-mobile{
  display: none;
}
.navbar-scrolled {
  background-color: #bf19911c;
  backdrop-filter: blur(8px);
}
.navbar-color .theme-navbar{
  border-bottom: 1px solid #a3a3a321;
}
.theme-navbar .logo {
  width: 103px;
}
.nav-links {
  z-index: 9999;
  list-style: none;
  display: flex;
  gap: 0;
  width: max-content;
  background: var(--accent1);
  padding: 0px 12px 0 25px!important;
  border-radius: 41px;
  backdrop-filter: blur(15px);
  transition: background-color 400ms ease;
  position: relative;
  left: 60px;
  align-items: center;
}
.nav-links:hover {
  background: #ffffff;
}
.nav-links li a, .nav-links li button:where(.btn-as-link) {
  text-decoration: none;
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  gap: 5px;
  align-items: center;
  transition: .3s;
}
.nav-links li a.btn-thm{
   margin: 6px 0 6px 0;
}
.nav-links li a.btn-thm:hover{
  background: var(--thDark);
}
.nav-links li a.nav-trigger, .nav-links li button:where(.btn-as-link).nav-trigger{
  cursor: pointer;
}
.nav-links li a.nav-trigger, .nav-links li a.not-trigger, .nav-links li button:where(.btn-as-link).nav-trigger{
  padding: 14px 16px;
}
.nav-links:hover li a, .nav-links.active li a, .nav-links:hover li button:where(.btn-as-link){
  color: var(--thColor)!important;
  font-weight: 600;
}
.nav-links li a:hover, .nav-links li button:where(.btn-as-link):hover{
  font-weight: 700;
}
.nav-links:hover li a.btn-thm, .nav-links.active li a.btn-thm{
  color: var(--white)!important; 
  font-weight: 500;
}
.nav-dropdown{
  position: absolute;
  padding: 0!important;
  background: #ffffff;
  list-style: none;
  display: grid;
  border-radius: 17px;
  top: 75px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  pointer-events: none;
  transition: opacity 220ms ease, transform 220ms ease, visibility 0s linear 220ms;
}
.nav-dropdown li{
  width: 100%;
  border-bottom: 1px solid #0000001c;
}
.nav-dropdown li:first-child a{
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
}
.nav-dropdown li:last-child a{
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
}
.nav-dropdown li a{
  color: var(--thColor) !important;
  font-weight: 600;
  width: 100%;
  padding: 13px 26px;
  padding-left: 9px;
}
.nav-dropdown li a:hover{
  background: #E3E3EB;
}
.nav-dropdown li a i{
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 220ms ease, transform 220ms ease;
}

.nav-dropdown li:hover a i{
  opacity: 1;
  transform: translateX(0);
}
.nav-links.active{
  background: #ffffff;
}
.nav-links > li{
  position: relative;
  width: max-content;
}

.nav-links > li.is-open > .nav-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  transition: opacity 220ms ease, transform 220ms ease, visibility 0s;
  width: max-content;
}
.nav-links > li.is-open a.nav-trigger{
  font-weight: 700;
}

.navbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.icon-btn {
  background: white;
  border: none;
  cursor: pointer;
  padding: 10px;
  display: flex;
  align-items: center;
  border-radius: 50%;
}
.nav-search, .icon-btn {
  z-index: 9999;
}
#nav-search-btn img{
  width: 19px;
}
.nav-search {
  position: absolute;
  display: flex;
  align-items: center;
  min-width: 260px;
  max-width: 460px;
  height: 45px;
  padding: 0 70px 0 18px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);
  right: 234px;
  top: 76px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  padding: 0;
}
.nav-search .search-input {
  flex: 1;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--thColor, #6a2262);
  font-family: var(--regular);
  font-size: 15px;
  font-weight: 500;
  -webkit-appearance: none;
  appearance: none;
}
.nav-search .search-submit {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 37px;
  border: none;
  border-radius: 50%;
  background: var(--thColor, #6a2262);
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(106, 34, 98, 0.35);
}
.nav-search .search-submit img {
  width: 18px;
  height: auto;
  filter: brightness(100);
}
.lang-btn {
  z-index: 9999;
  gap: 6px;
  display: inline-flex;
  align-items: center;
  background: #fff;
  backdrop-filter: blur(15px);
  border: none;
  border-radius: 30px;
  padding: 11px 13px;
  color: #6b2261;
  font-size: 14px;
  cursor: pointer;
  font-family: var(--regular);
  font-weight: 600;
}
.lang-btn img {
    width: 22px;
}
.set-language {
  display: none;
  align-items: center;
  background: white;
  border: none;
  border-radius: 16px;
  color: var(--thColor);
  font-size: 13px;
  cursor: pointer;
  font-family: var(--regular);
  font-weight: 500;
  gap: 0;
  position: absolute;
  top: 78px;
  right: 93px;
  z-index: 9999;
}
.lang-item {
  display: flex;
  align-content: center;
  gap: 5px;
  padding: 10px 15px;
  border-bottom: 1px solid #80808045;
  transition: 0.2s;
  text-decoration: none;
  align-items: center;
  color: var(--thColor)!important;
}
.lang-item:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.lang-item:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.lang-item:hover{
  background: var(--thLight);
}
.set-language img {
  width: 20px;
  transition: 0.3s;
}
.set-language .lang-item span {
  transition: 0.1s;
  font-weight: 600;
}
.menu-toggle {
  z-index: 9999;
  display: none;
}
.nav-bg-dark {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgb(0 0 0 / 52%);
  z-index: 900;
}
.nav-bg-dark.is-visible {
  display: block;
}
.nav-bg-dark.is-visible{
  display: block;
}
/* Mega Dropdown */
.mega-dropdown{
  display: grid;
  width: 1020px !important;
  grid-template-columns: 0.9fr 2fr;
  left: -145px;
  border-radius: 35px;
}
.hotel-link img{
  width: 15px;
}
.mega-control{
  background: #EEEEF3;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
  align-content: stretch;
  padding: 10px 27px;
}
.mega-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0;
  border-bottom: 1px solid rgba(107, 34, 97, 0.23);
  opacity: 0.4;
  transition: .3s;
}
.mega-item.active{
  opacity: 1;
}
.mega-item:hover{
  opacity: 1;
  cursor: pointer;
}
.mega-item:last-child{
  border-bottom: none;
}
.mega-title{
  display: flex;
  align-items: center;
  gap: 10px;
}
.mega-title span{
  color: var(--thColor);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.mega-title img{
  width: 28px;
}
.mega-item i{
  color: var(--thColor);
  font-size: 14px;
  font-weight: 600;
}
.mega-col-title{
    margin-bottom: 25px;
}
.mega-col-title span{
  font-size: 15px;
  color: var(--thColor);
  font-weight: 600;
  text-decoration: underline;
}
.mega-col-title a{
  text-transform: none!important;
}
.mega-col-title.mega-col-mt {
  margin-top: 20px;
}
.nav-links li .mega-links a{
  color: var(--gray)!important;
  text-transform: none;
  gap: 11px;
}
.mega-links-box{
  position: relative;
  display: none;
  padding: 30px 0;
}
.mega-links-box.active {
  display: flex;
  padding: 30px 0;
  position: relative;
}
.mega-links{
  display: grid;
  grid-gap: 20px;
}
.hotel-link{
  position: absolute;
  right: 6px;
  bottom: 6px;
  background: var(--sec2);
  border-bottom-right-radius: 30px;
  border-top-left-radius: 10px;
  padding: 13px;
}
.nav-links li a.hotel-link{
  font-size: 13px;
  text-decoration: underline;
}
.mega-col{
  padding: 0 40px;
  border-right: 1px solid #EEEEF3;
}
.mega-col:last-child{
  border-right: none;
}
.mega-links-grid-2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
}
.nav-links:hover li .mega-links a:hover{
  color: var(--thColor)!important;
  cursor: pointer;
}
.link-mobile-only{display: none;}
.mega-title span em{font-style: normal;}
/* End of Mega Dropdown */
#nav-mobile-back{display: none;}
.btn-text-mob{display: none;}
/* End of Navbar */

footer {
  position: relative;
  margin-top: 80px;
}

footer.footer-over, .footer-over footer{
  margin-top: -40px;
  z-index: 99999;

}
footer .container-box {
  margin: auto;
  width: 100%;
  max-width: 1280px;
  background: var(--thDark);
}

.footer-arc {
  position: absolute;
  top: -110px; 
  left: 50%;
  transform: translateX(-50%);
  width: 320px;
  height: 160px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 3;
}

.footer-arc-border {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 290px;
  height: 150px;
  border: 1px solid rgba(43, 16, 39, 0.25);
  border-bottom: none;
  border-radius: 160px 160px 0 0;
  z-index: 1;
}
.planet-orbit {
  position: absolute;
  bottom:0;
  left: 50%;
  width: 320px;
  height: 160px;
  transform-origin: 50% 100%;
  animation: orbitHalf 7s ease-in-out infinite alternate;
  z-index: 2;
}
.planet-orbit img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 17px;
  transform: translateX(-50%);
}

@keyframes orbitHalf {
  from {
    transform: translateX(-50%) rotate(-90deg);
  }
  to {
    transform: translateX(-50%) rotate(90deg);
  }
}
.footer-logo {
  position: relative;
  z-index: 3;
  background: var(--thDark);
  width: 260px;
  height: 135px;
  border-radius: 130px 130px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.footer-logo img {
  width: 125px;
  display: block;
  margin-bottom: -1px;
}
.footer-group{
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap: 15px;
  padding-top: 25px;
}
.footer-content{
  padding-top: 40px;
  background: var(--thDark);
}
footer ul{
  list-style: none;
}
.footer-nav{
  padding-top: 10px;
}
.footer-nav ul{
  list-style: none;
  display: flex;
  grid-gap: 32px;
  justify-content: center;
}
.footer-nav ul li a{
  font-size: 15px;
  font-family: var(--regular);
  color: white;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  transition: .3s;
}
.footer-nav ul li a:hover{
  border-bottom: 1px solid white;
}
.footer-flag{
  border-radius: 50%;
  border: 0.4px solid #fff;
}
.footer-flag{
  width: 30px;
}
.footer-item{
  display: grid;
  gap: 6px;
}
.footer-item h4{
  color: var(--white);
  font-family: var(--main-font);
  font-size: 30px;
  display: flex;
  gap: 9px;
  align-items: center;
  font-weight: 500;
  justify-content: center;
}
.footer-item .hq {
  position: relative;
  display: inline-block;
  font-family: var(--main-font);
}
.footer-item h4 i{
  position: absolute;
  top: -1px;
  right: -13px;
  font-size: 11px;
}
.footer-links{
  display: grid;
  gap: 5px;
  padding-right: 0!important;
}
.footer-item a{
  font-size: 14px;
  font-family: var(--regular);
  color: white!important;
  text-decoration: none!important;
  display: flex;
  gap: 12px;
  font-weight: 300;
  line-height: 26px;
  align-items: center;
  justify-content: center;
}
.footer-item a i{
  width: 15px;
}
.footer-socials{
  display: flex;
  gap: 15px;
  justify-content: center;
}
.footer-socials ul{
  list-style: none;
}
footer li::marker{
  color: var(--thDark);
}
.footer-socials li a{
  width: 32px;
  height: 32px;
  line-height: 32px;
  background: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: .3s;
}

.footer-socials li a i{
  color: #bf1991;
  text-align: center;
  padding-top: 0;
}
.footer-socials li a:hover{
  transform: translateY(-4px);
}
.footer-bottom{
  margin-top: 25px;
  padding: 14px 0 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.21);
}
.footer-bottom a{
  font-size: 14px;
  font-family: var(--regular);
  color: white!important;
  text-decoration: none!important;
}
.footer-bottom .container-box{
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.footer-b-left{
  display: flex;
  gap: 34px;
}
.mobile-hours-group span { 
  color: #fff;
  font-family: var(--regular);
  font-size: 14px;
  font-weight: 300;
}
/* End of Footer */

/* Homepage */
/* Header */
.hero-header {
  position: relative;
  height: 100vh;
  overflow: hidden;
  color: var(--white);
}

.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.hero-content {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  max-width: 1280px;
}
.hero-content h1 {
  font-size: 17px;
  font-family: var(--regular);
  font-weight: normal;
  color: var(--white);
  text-transform: uppercase;
  font-weight: 500;
}
.hero-content span {
  font-size: 128px;
  font-family: var(--main-font);
}
.hero-content p.main-title {
  font-size: 83px;
  color: white;
  line-height: 95px;
  font-family: var(--main-font);
  width: 775px;
  margin: 12px auto 18px auto !important;
}
.hero-content p.subtitle {
  font-size: 16px;
  color: white;
  line-height: 27px;
  margin-bottom: 0 !important;
  width: 560px;
  margin: 0 auto 30px auto!important;
}
.review-facts{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  gap: 60px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  padding-left: 10vw;
  padding-right: 10vw;
  content: "";
  background: linear-gradient(to top, rgba(33, 8, 38, 1) 0%, rgb(55 18 50 / 54%) 49%, rgba(55, 18, 50, 0) 85%);
  padding-top: 45px;
}
.review-item{
  display: flex;
  align-items: center;
  gap: 10px;
}
.review-item p {
  font-family: var(--regular);
  color: var(--gray-text);
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  padding-top: 5px;
}
.review-item span {
  font-size: 13px;
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  padding-top: 4px;
}
.review-item .r-top{
  display: flex;
  align-items: center;
  gap: 12px;
}
.review-item .r-top img{
  filter: brightness(100);
}
.review-item.r-google .r-top img{
  width: 80px;
}
.review-item.r-trustpilot .r-top img{
  width: 119px;
  margin-bottom: 4px;
}
.review-item.r-whatclinic .r-top img{
  width: 118px;
}
.review-item.r-guidaestetica .r-top img{
  width: 144px;
}
.review-item .r-top i{
  color: white;
}
/* End of Header */

/* Newspaper Logos */
.press-strip{
  padding: 0;
  overflow: hidden;
}
.press-track{
  display: flex;
  align-items: center;
  width: max-content;
  gap: 0px; /* spacing between logos */
  animation: press-marquee 120s linear infinite;
  will-change: transform;
}
.press-strip:hover .press-track, body.press-popup-open .press-track{
  animation-play-state: paused;
}
.press-logo{
  position: relative;        
  flex: 0 0 auto;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.press-logo img{
  height: 26px;
  width: auto;
  object-fit: contain;
  display: block;
  transition: opacity .45s ease, transform .45s ease; 
}
.press-logo .logo-color{
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
  pointer-events: none; 
}
.press-logo:hover .logo-mono{
  opacity: 0;
  transform: scale(1.5)!important;
}
.press-logo:hover .logo-color{
  opacity: 1;
  transform: scale(1.02);
}
.press-logo.logo-ng .logo-mono, .press-logo.logo-ng .logo-color{
  height: 40px;
}
.press-logo.logo-italpress .logo-mono, .press-logo.logo-italpress .logo-color{
  height: 32px;
}
.press-logo.logo-corriere .logo-mono, .press-logo.logo-gm .logo-color{
  height: 20px;
}
.press-logo.logo-gm .logo-mono, .press-logo.logo-gm .logo-color{
  height: 45px;
}
/* Desktop/tablet: space between the logos (padding, not gap, so the loop at -50% stays seamless) */
@media (min-width: 577px){
  .press-track .press-logo{
    padding: 0 32px;
  }
}
@keyframes press-marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Popup overlay */
.press-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  z-index: 9998;
}

/* Modal wrapper */
.press-modal{
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  z-index: 9999;
}

.press-modal__box{
  width: min(520px, calc(100% - 32px));
  background: #fff;
  border-radius: 18px;
  padding-top: 22px;
  padding-bottom: 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  transform: translateY(10px);
  transition: transform .25s ease;
  position: relative;
  height: fit-content;
  max-height: 655px;
  overflow: hidden;
}
.press-modal__header{
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  justify-content: space-between;
  margin: 0 20px 17px 20px;
}
.press-modal__body{
  max-height: 540px;
  overflow-y: auto;
  padding-right: 9px;
  scrollbar-width: thin;
  scrollbar-color: #e5e5e5 transparent;
  padding-left: 20px;
}
#pressModalLogo{
  height: 30px;
  width: auto;
}
.press-modal__close{
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  opacity: .3;
  transition: opacity .2s ease, transform .2s ease;
}

.press-modal__close:hover{
  opacity: 1;
  transform: scale(1.05);
}

/* Open state */
body.press-popup-open .press-overlay,
body.press-popup-open .press-modal{
  opacity: 1;
  pointer-events: auto;
}

body.press-popup-open .press-modal__box{
  transform: translateY(0);
}

/* optional: prevent scroll when popup is open */
body.press-popup-open{
  overflow: hidden;
}

/* Make logos feel clickable */
.press-logo.js-press-open{
  cursor: pointer;
}
.press-article h3{
  font-family: var(--main-font);
  font-size: 30px;
  color: #000;
  line-height: 40px;
  padding-bottom: 14px;
}
.press-article p{
  color: #000;
  font-family: var(--regular);
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  padding-bottom: 10px;
}
.press-article h4{
  font-size: 18px;
  padding-bottom: 9px;
  color: #000;
  line-height: 28px;
}
/* Scrollbar width */
.press-modal__body::-webkit-scrollbar {
  width: 8px;
}

/* Track (background behind the thumb) */
.press-modal__body::-webkit-scrollbar-track {
  background: transparent; /* keep transparent so border radius looks clean */
}

/* Scroll thumb (the moving part) */
.press-modal__body::-webkit-scrollbar-thumb {
  background: #6b2261; /* 👈 your KEIT purple */
  border-radius: 10px;
}
/* Hover state */
.press-modal__body::-webkit-scrollbar-thumb:hover {
  background: #8a2d7a; /* slightly lighter purple */
}
.press-linear{
  position: absolute;
  width: 100%;
  bottom: 15px;
  height: 70px;
  pointer-events: none;               
  background: linear-gradient(to top, rgb(255 255 255) 0%, rgba(107, 34, 97, 0) 100%);
  opacity: 1;
  transition: opacity .25s ease;       
}
.press-article img{
  width: 90%;
  margin: 10px auto;
  border-radius: 5px;
  display: block;
}
.popup-btn-next, .popup-btn-prev{
  background: #ffffff;
  border: none;
}
/* Italpress Articles */
.italpress-articles{
    width:100%;
    margin:0;
    padding:0;
}

.italpress-article{
    width:100%;
    margin:0;
    padding:0;
    border-top:1px solid rgba(0,0,0,.12);
}

.italpress-article:last-child{
    border-bottom:1px solid rgba(0,0,0,.12);
}

.italpress-article-title{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin:0;
    padding:18px 5px;
    background:transparent;
    border:0;
    color:#111;
    font-family:var(--regular);
    font-size:16px;
    font-weight:600;
    line-height:1.45;
    text-align:left;
    cursor:pointer;
    transition:color .25s ease;
}

.italpress-article-title:hover{
    color:var(--thColor);
}

.italpress-article-title span{
    flex:1;
}

.italpress-article-title i{
    flex-shrink:0;
    color:var(--thColor);
    font-size:12px;
    transition:transform .3s ease;
}

.italpress-article.active .italpress-article-title{
    color:var(--thColor);
}

.italpress-article.active .italpress-article-title i{
    transform:rotate(180deg);
}


/* Article Content */
.italpress-article-content{
    max-height:0;
    margin:0;
    padding:0 5px;
    overflow:hidden;
    opacity:0;
    transition:max-height .5s ease, opacity .3s ease, padding .3s ease;
}

.italpress-article.active .italpress-article-content{
    max-height:5000px;
    padding:8px 5px 30px;
    opacity:1;
}

.italpress-article-content h3{
  margin:0 0 20px;
  padding:0;
  color:#111;
  font-family:var(--main-font);
  font-size:30px;
  font-weight:400;
  line-height:1.2;
  padding-bottom: 10px;
}

.italpress-article-content p{
    margin:0 0 15px;
    padding:0;
    color:#111;
    font-family:var(--regular);
    font-size:16px;
    font-weight:500;
    line-height:1.65;
}

.italpress-article-content p:last-child{
    margin-bottom:0;
}

.italpress-article-content img{
    display:block;
    width:100%;
    height:auto;
    margin:25px 0;
    border-radius:10px;
}
/* End of Newspaper Logos */

/* Why KEIT */
#about-us .text-box{
  width: 760px;
  margin: auto;
}
.text-box h2.h2-about-us{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.text-box h2.h2-about-us span{
  font-size: 20px;
}
.reasons-grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
  margin-top: 30px;
  margin-bottom: 45px;
}
.reasons-swiper.reasons-grid{
  display: block;
  grid-template-columns: none;
}
.reason-item{
  position: relative;
}
.reason-top{
  position: relative;
  margin-bottom: 6px;
}
.reason-top img{
  width: 100%;
  border-radius: 10px;
  height: 180px;
  object-fit: cover;
}
.reason-info{
  background-color: var(--sec2);
  padding:  18px 10px 17px 10px;
  border-radius: 12px;
  display: grid;
  height: 183px;
  align-content: center;
}
.reason-info h3{
  font-size: 18px;
  color: var(--thColor);
  font-weight: 600;
  text-align: center;
  display: grid;
  align-content: center;
  padding-bottom: 7px;
  line-height: 25px;
}
.r-item-3 .reason-logo img{
  width: 59px;
}
.reason-info p{
  font-family: var(--regular);
  color: #575757;
  font-size: 13px;
  text-align: center;
  font-weight: 500;
  display: grid;
  padding: 0 17px;
  line-height: 21px;
}
.r-item-2 .reason-info {
  padding: 0 10px;
}
#about-us .sec-btn{
  margin: auto;
}
.reason-bottom{
  position: relative;
}
.reasons-grid .reason-logo{
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin-top: 10px;
}
.reason-logo img{
  width: 37px;
}
#about-us .reason-item{
    cursor:pointer;
}
.about-popup{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .3s ease,visibility .3s ease;
}

.about-popup.active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.about-popup-overlay{
    position:absolute;
    inset:0;
    background:rgba(20,10,22,.65);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}

.about-popup-content{
    position:relative;
    z-index:2;
    width:min(900px,100%);
    max-height:90vh;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr 1fr;
    box-shadow:0 25px 70px rgba(0,0,0,.25);
    transform:translateY(20px) scale(.98);
    transition:transform .3s ease;
}

.about-popup.active .about-popup-content{
    transform:translateY(0) scale(1);
}

.about-popup-image{
    height:430px;
}

.about-popup-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.about-popup-info{
    padding:40px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.about-popup-label{
    display:block;
    margin-bottom:12px;
    color:#7b245c;
    font-size:14px;
    line-height:1.4;
    text-transform:uppercase;
    font-weight: 600;
}

.about-popup-info h3{
    margin: 0 0 18px;
    color: #712458;
    font-size: 25px;
    line-height: 1.15;
    padding-bottom: 20px;
}

.about-popup-info p{
    margin:0;
    color:#555;
    font-size:16px;
    line-height:1.7;
}

.about-popup-close{
    position:absolute;
    top:18px;
    right:18px;
    z-index:5;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#712458;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 20px rgba(0,0,0,.15);
}
body.about-popup-open{
    overflow:hidden;
}
.reason-info .simple-link{
   margin: 8px auto 0 auto;
}
.it-reasons-grid .reason-info p{padding: 0 7px;}
/* End of Why KEIT */

/* Our Services  */
.services-main-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 10px;
}
.service-category{
  display: grid;
  text-decoration: none;
  transition: .3s;
}
.service-category:hover{
  transform: translateY(-15px);
}
.service-category .s-box-img{
  position: relative;
}
.service-category .box-border{
  border: 1px solid rgba(0, 0, 0, 0.12);
  position: absolute;
  width: 100%;
  height: 325px;
  bottom: 0;
  z-index: 0;
}
.service-category .s-box-img img{
  width: 100%;
  position: relative;
  z-index: 1;
}
.service-category h3{
  font-family: var(--regular);
  font-size: 21px;
  color: var(--white);
  font-weight: 500;
  background: var(--accent1);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 14px 0 16px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: .3s;
}
.service-category:hover h3{
  background-color: #6b2261;
}
.service-category h3 img{
  width: 21px;
  filter: brightness(100);
  transition: .3s;
}
.service-category:hover h3 img{
  transform: rotate(-27deg);
}
/* End of Our Services  */

/* Results */
.results-grid{
  display: grid;
  grid-template-columns: 1.7fr 3fr;
  gap: 45px;
  min-width: 0;
}
.text-box.text-left h2, .text-box.text-left p, .text-box.text-left h1.h1-as-p{
  text-align: left;
}
.results-text{
  display: grid;
  align-items: center;
  align-content: space-between;
}
.results-text .button-flex{
  justify-content: left;
}
.results-cta{
  display: grid;
  gap: 30px;
}
.results {
  background: #fff;
}

.results-swiper {
  position: relative;
}

.SwiperResults {
  padding-bottom: 30px!important;
}

.result-card {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.result-card img {
  width: 100%;
  height: auto;
  display: block;
}
.results-swiper,
.SwiperResults {
  width: 100%;
  overflow: hidden;
}
/* controls row */
.results-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 3px;
}

/* pagination dots centered */
.results-pagination {
  position: static !important;
  width: auto !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.results-pagination .swiper-pagination-bullet {
  opacity: .3;
  margin: 0 !important;
}

.results-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(1.2);
}

/* arrows on the right, circular like screenshot */
.results-arrows {
  display: flex;
  align-items: center;
  gap: 29px;
  height: 42px;
}

.results-prev,
.results-next {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(99, 38, 86, .35); 
  background: transparent;
  cursor: pointer;
  position: relative;
  top: 12px;

}

/* remove default Swiper arrow styles */
.results-prev::after,
.results-next::after {
  content: "";
}

/* simple arrow icons */
.results-next::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.results-prev:hover,
.results-next:hover {
  background: rgba(99, 38, 86, .06);
}
.results-swiper .result-card .img-text{
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: absolute;
  bottom: 6px;
  width: 100%;
}
.results-swiper .result-card .img-text span{
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  padding-left: 10px;
}
.mobile-card-zoom-btn, .mobile-zoom-controls{
  display: none;
}
/* End of Results */

/* MEDIA Page */
#media-hero {
  position: relative;
  background: url("../images/media-bg-image.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* END OF MEDIA Page */
/* ------------------------------------------------------------ */

/* COMMUNITY EVENTS Page */
#community-hero {
  position: relative;
  min-height: 90vh;
  display: flex;
  align-items: flex-end;
  background:
    linear-gradient(to top, rgba(59, 17, 68, .9) 0%, rgba(59, 17, 68, .45) 40%, rgba(59, 17, 68, 0) 75%),
    url("../images/community/KEIT-Social-Events-bg.jpg");
  background-size: cover;
  background-position: center 35%;
  background-repeat: no-repeat;
}
#community-hero .community-hero-info {
  padding: 170px 5vw 60px 5vw;
  display: grid;
  gap: 24px;
}
#community-hero h1 {
  color: var(--white);
  font-family: var(--main-font);
  font-size: 75px;
  font-weight: 400;
  line-height: 1;
}
#community-hero h1 span {
  font-family: var(--main-font);
  font-style: italic;
}
#community-hero p {
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
  max-width: 580px;
}
#community-hero .community-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#community-hero .btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#community-hero .btn-outline.btn-white-bg {
  background: var(--white);
  color: var(--thColor);
  border-color: var(--white);
  font-weight: 600;
}
#community-hero .btn-outline.btn-white-bg img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(36%) saturate(2400%) hue-rotate(283deg);
}
#community-partners {
  padding: 80px 5vw 70px 5vw;
}
#community-partners .community-partners-text {
  max-width: 620px;
  margin: 14px auto 0;
  text-align: center;
}
#community-partners .community-partners-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 40px 70px;
  margin-top: 45px;
}
#community-partners .community-partners-logos img {
  height: 70px;
  width: auto;
  max-width: 170px;
  object-fit: contain;
}
section#community-initiatives {
  padding: 70px 5vw 80px 5vw;
}
#community-initiatives .text-box h2,
#community-initiatives .text-box p,
#community-partner .text-box h2,
#community-partner .text-box p {
  text-align: left;
}
#community-initiatives .community-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 0;
}
#community-initiatives .community-filter {
  padding: 6px 18px;
  border: 1px solid var(--thColor);
  border-radius: 30px;
  background: transparent;
  color: var(--thColor);
  font-size: 13px;
  font-weight: 500;
  transition: .3s;
}
#community-initiatives .community-filter:hover,
#community-initiatives .community-filter.active {
  background: var(--thColor);
  color: var(--white);
}
#community-initiatives .community-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  padding-bottom: 0;
}
#community-initiatives .community-card {
  background: var(--sec2);
  border-radius: 12px;
  padding: 7px 7px 22px;
}
#community-initiatives .community-card[hidden] {
  display: none;
}
#community-initiatives .community-card-img {
  position: relative;
}
#community-initiatives .community-card-img > img {
  display: block;
  width: 100%;
  height: 230px;
  object-fit: cover;
  border-radius: 9px;
}
#community-initiatives .community-card-tag {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 13px;
  border-radius: 30px;
  background: var(--white);
  color: var(--thColor);
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
}
#community-initiatives .community-card-tag img {
  width: 14px;
  height: 14px;
  object-fit: contain;
}
#community-initiatives .community-card-info {
  display: grid;
  gap: 10px;
  padding: 16px 10px 0;
}
#community-initiatives .community-card-info h3 {
  color: var(--thColor);
  font-family: var(--main-font);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.15;
}

#community-initiatives .community-card-info p {
  color: var(--thDark);
  font-size: 13.5px;
  font-weight: 500;
  line-height: 22px;
}
#community-initiatives .community-empty {
  margin-top: 20px;
}
section#community-impact {
  max-width: 100%;
  overflow: hidden;
  padding: 115px 5vw 115px 5vw;
  background: var(--thDark);
  text-align: center;
}
#community-impact .community-impact-info {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 18px;
}
#community-impact h2 {
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}
#community-impact .impact-number {
  color: var(--white);
  font-family: var(--main-font);
  font-size: 150px;
  line-height: 1;
}
#community-impact .impact-text {
  max-width: 520px;
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
}
#community-impact .impact-btn {
  margin-top: 12px;
  padding: 12px 30px;
  border-radius: 50px;
  background: var(--white);
  color: var(--thColor);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  transition: .3s;
}
#community-impact .impact-btn:hover {
  background: var(--thLight);
}
#community-impact .impact-photo {
  position: absolute;
  z-index: 1;
  border-radius: 8px;
  object-fit: cover;
  filter: grayscale(1);
}
#community-impact .impact-photo-1 {left: 13%; top: 60px; width: 145px; height: 178px;}
#community-impact .impact-photo-2 {left: -15px; top: 230px; width: 140px; height: 210px;}
#community-impact .impact-photo-3 {right: 13%; top: 60px; width: 145px; height: 178px;}
#community-impact .impact-photo-4 {right: -15px; top: 230px; width: 140px; height: 210px;}
#community-impact .impact-photo-5 {left: 23%; top: 330px; width: 120px; height: 159px;}
#community-impact .impact-photo-6 {right: 23%; top: 330px; width: 120px; height: 159px;}
section#community-partner {
  padding: 90px 0 180px 0;
}
#community-partner .community-partner-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  align-items: start;
}
#community-partner .community-partner-left {
  display: grid;
  gap: 26px;
}
#community-partner .text-body {
  line-height: 27px;
}
#community-partner .community-partner-note {
  display: grid;
  gap: 8px;
  padding: 20px 24px;
  border-radius: 12px;
  background: var(--sec2);
}
#community-partner .community-partner-note p {
  color: var(--thDark);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
#community-partner .community-partner-note .note-title {
  font-weight: 600;
}
#community-partner .community-partner-right {
  padding: 36px 40px 42px;
  border-radius: 14px;
  background: var(--sec2);
}
#community-partner .community-form-title {
  margin-bottom: 26px !important;
  color: var(--thColor);
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
#community-partner .white-bg-form input {
  width: 100%;
}
#community-partner .white-bg-form button {
  margin: 10px auto 0;
}
/* Community event page (templates/en/community_event.html) */
#community-initiatives .community-card {
  position: relative;
}
#community-initiatives .community-card-link {
  color: inherit;
  text-decoration: none;
}
#community-initiatives .community-card-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
}
#community-event-hero {
  position: relative;
  min-height: 680px;
  display: flex;
  align-items: flex-end;
  background:
    linear-gradient(90deg, rgba(59, 17, 68, .85) 0%, rgba(59, 17, 68, .4) 45%, rgba(59, 17, 68, 0) 75%),
    var(--event-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#community-event-hero .community-event-hero-info {
  display: grid;
  justify-items: start;
  gap: 14px;
  padding: 150px 5vw 32px 5vw;
}
#community-event-hero h1 {
  color: var(--white);
  font-family: var(--main-font);
  font-size: 52px;
  font-weight: 400;
  line-height: 1.05;
}
.community-event-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 13px;
  border-radius: 30px;
  background: var(--white);
  color: var(--thColor);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.community-event-tag img {
  width: 14px;
  height: 14px;
  object-fit: contain;
}
section#community-event {
  padding: 40px 5vw 90px 5vw;
}
#community-event .community-event-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--thColor);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
#community-event .community-event-back:hover {
  color: var(--accent1);
}
#community-event .community-event-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 346px;
  gap: 70px;
  align-items: start;
  margin-top: 28px;
}
#community-event .community-event-main h2 {
  margin-bottom: 20px !important;
  color: var(--thColor);
  font-size: 30px;
  font-weight: 500;
}
#community-event .community-event-text p {
  margin-bottom: 22px !important;
  color: var(--thDark);
  font-size: 15.5px;
  line-height: 26px;
  text-align: left;
}
#community-event .community-gallery {
  margin-top: 40px;
}
#community-event .community-gallery-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px !important;
  padding: 9px 20px;
  border-radius: 30px;
  background: var(--thColor);
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
}
#community-event .community-gallery-main {
  margin: 0;
}
#community-event .community-gallery-main img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 14px;
}
#community-event .community-gallery-strip {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
}
#community-event .community-gallery-thumbs {
  position: relative;
  flex: 1;
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none;
}
#community-event .community-gallery-thumbs::-webkit-scrollbar {
  display: none;
}
#community-event .community-gallery-thumb {
  flex: 0 0 155px;
  height: 95px;
  padding: 0;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 8px;
  background: none;
  opacity: .65;
  transition: .3s;
}
#community-event .community-gallery-thumb:hover,
#community-event .community-gallery-thumb.active {
  border-color: var(--accent1);
  opacity: 1;
}
#community-event .community-gallery-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#community-event .community-gallery-next {
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: var(--sec2);
  color: var(--thColor);
  transition: .3s;
}
#community-event .community-gallery-next:hover {
  background: var(--thColor);
  color: var(--white);
}
#community-event .community-event-side {
  position: sticky;
  top: 110px;
}
#community-event .community-event-partners {
  overflow: hidden;
  border-radius: 18px;
  background: var(--sec2);
}
#community-event .community-event-partners .partners-title {
  margin: 0 !important;
  padding: 22px 26px;
  border-bottom: 1px solid #d9d6df;
  color: var(--thColor);
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
#community-event .community-event-partners ul {
  margin: 0;
  padding: 0 40px 6px;
  list-style: none;
}
#community-event .community-event-partners li {
  display: flex;
  justify-content: center;
  padding: 24px 0;
  border-bottom: 1px solid #d9d6df;
}
#community-event .community-event-partners li:last-child {
  border-bottom: 0;
}
#community-event .community-event-partners img {
  width: auto;
  height: 70px;
  max-width: 180px;
  object-fit: contain;
}
#community-event .community-event-btn {
  display: table;
  margin: 36px auto 0;
  padding: 13px 42px;
  border-radius: 50px;
  background: var(--accent);
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  transition: .3s;
}
#community-event .community-event-btn:hover {
  background: var(--thColor);
}
section#community-related {
  padding: 80px 5vw 170px 5vw;
  border-radius: 50px 50px 0 0;
  background: var(--sec2);
}
#community-related .community-related-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 40px;
}
#community-related .text-box h2,
#community-related .text-box p {
  text-align: left;
}
#community-related .community-related-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 26px;
  border: 1px solid var(--thColor);
  border-radius: 50px;
  color: var(--thColor);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: .3s;
}
#community-related .community-related-btn:hover {
  background: var(--thColor);
  color: var(--white);
}
#community-related .community-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
#community-related .community-related-img {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
#community-related .community-related-img > img {
  display: block;
  width: 100%;
  height: 240px;
  object-fit: cover;
  transition: transform .4s;
}
#community-related .community-related-img:hover > img {
  transform: scale(1.04);
}
#community-related .community-related-tags {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#community-related h3 {
  margin: 16px 0 8px !important;
  color: var(--thDark);
  font-family: var(--main-font);
  font-size: 18px;
  font-weight: 500;

}
#community-related h3 a {
  color: inherit;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
}
#community-related .community-related-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--thColor);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}
/* END OF COMMUNITY EVENTS Page */
/* ------------------------------------------------------------ */

/* KEIT CAST / DIVULGATIVE PRODUCTION Pages (templates/components/video_page.html) */
#video-library {
  margin-bottom: 110px;
}
#video-library .video-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 34px 20px;
}
#video-library .video-card {
  min-width: 0;
}
#video-library .video-card-thumb {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  background: var(--sec2);
}
#video-library .video-card-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s;
}
#video-library .video-card-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(59, 17, 68, .75);
  color: var(--white);
  font-size: 15px;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.85);
  transition: .3s;
}
#video-library .video-card-thumb:hover img {
  transform: scale(1.04);
}
#video-library .video-card-thumb:hover .video-card-play {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
#video-library .video-card-info {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 12px;
}
#video-library .video-card-avatar {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  padding: 7px;
  border-radius: 50%;
  background: var(--sec2);
  object-fit: contain;
}
#video-library .video-card-title {
  display: -webkit-box;
  margin: 0 0 4px !important;
  overflow: hidden;
  color: var(--thDark);
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  text-align: left;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#video-library .video-card-title a {
  color: inherit;
  text-decoration: none;
}
#video-library .video-card-title a:hover {
  color: var(--accent1);
}
#video-library .video-card-meta {
  margin: 0 !important;
  color: var(--gray);
  font-size: 13px;
  text-align: left;
}
#video-library .video-empty {
  grid-column: 1 / -1;
}
#video-library .video-channel-btn {
  width: fit-content;
  margin: 50px auto 0;
}
#video-library .video-facebook-btn {
  margin-top: 14px;
}
.dental-facebook {
  margin: 24px 0 0;
}
.dental-facebook .fa-facebook-f {
  margin-right: 6px;
}
#video-library .video-about {
  max-width: 860px;
  margin: 0 auto 45px;
  text-align: center;
  line-height: 1.7;
}
#video-library .video-about a {
  color: var(--thColor);
  font-weight: 600;
}
.author-meta .medical-review {
  margin: 6px 0 0;
  font-size: 13px;
  color: #5e5e5e;
  line-height: 1.5;
}
.author-meta .medical-review a {
  font-weight: 700;
  color: var(--thColor);
}
.author-meta .medical-review i {
  margin-right: 4px;
  color: var(--thColor);
}
/* END OF KEIT CAST / DIVULGATIVE PRODUCTION Pages */
/* ------------------------------------------------------------ */

/* PROTOCOL DOCUMENT Page (templates/<lang>/protocols/) */
.protocol-doc-section {
  padding: 55px 5vw 100px 5vw;
}
.protocol-doc-section + .protocol-related {
  margin-top: -40px;
}
.protocol-doc-section .container-box {
  margin: 0 auto;
}
.protocol-doc-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  color: var(--thColor);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.protocol-doc-back:hover {
  color: var(--accent1);
}
.protocol-doc {
  padding: 25px 25px 25px;
  border: 1px solid #ecdde8;
  border-radius: 18px;
  background: var(--white);
  color: #2b2330;
  font-size: 15px;
  line-height: 1.65;
}
.protocol-doc .doc-brand {
  display: flex;
  align-items: center;
  gap: 14px;
}
.protocol-doc .doc-logo {
  width: auto;
  height: 46px;
}
.protocol-doc .band {
  color: var(--accent1);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.protocol-doc .doc-title {
  margin: 17px 0 20px !important;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--thColor);
  color: var(--thDark);
  font-family: var(--main-font);
  font-size: 42px;
  line-height: 1.1;
  text-align: left;
}
.protocol-doc .sub {
  margin-bottom: 26px;
  color: #7d6b7a;
}
.protocol-doc table {
  width: 100%;
  border-collapse: collapse;
}
.protocol-doc .ctrl th,
.protocol-doc .ctrl td {
  padding: 10px 12px;
  border-bottom: 1px solid #ecdde8;
  text-align: left;
  vertical-align: middle;
}
.protocol-doc .ctrl th {
  width: 18%;
  border-bottom: 2px solid var(--white);
  background: #f6eef4;
  color: var(--accent1);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.protocol-doc .ctrl td {
  width: 32%;
}
.protocol-doc .line {
  display: inline-block;
  width: 85%;
  height: 16px;
  border-bottom: 1px solid #b9a7b6;
}
.protocol-doc .purpose {
  margin-top: 26px;
  padding: 16px 20px;
  border: 1px solid #ecdde8;
  border-radius: 10px;
  background: #f6eef4;
}
.protocol-doc h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 36px 0 12px !important;
  color: var(--thDark);
  font-size: 18px;
  font-weight: 600;
}
.protocol-doc h2 span {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--thColor);
  color: var(--white);
  font-size: 13px;
}
.protocol-doc p {
  margin-bottom: 10px !important;
  text-align: justify;
}
.protocol-doc ul {
  margin: 0 0 8px;
  padding-left: 55px!important;
}
.protocol-doc li {
  margin-bottom: 6px;
  padding-left: 4px;
}
.protocol-doc li::marker {
  color: var(--accent1);
}
.protocol-doc b {
  color: var(--thDark);
  font-weight: 700;
}
.protocol-doc .kv th {
  width: 22%;
  padding: 11px 8px;
  border-bottom: 1px solid #ecdde8;
  color: var(--thColor);
  font-weight: 600;
  text-align: left;
  vertical-align: top;
}
.protocol-doc .kv td {
  padding: 11px 8px;
  border-bottom: 1px solid #ecdde8;
  font-weight: 400;
}
.protocol-doc .note {
  margin: 12px 0;
  padding: 6px 18px;
  border-left: 3px solid var(--accent1);
  color: #4a3d48;
}
.protocol-doc .appr th {
  padding: 8px;
  border-bottom: 2px solid var(--thColor);
  color: var(--thColor);
  font-size: 11.5px;
  letter-spacing: .5px;
  text-align: left;
  text-transform: uppercase;
}
.protocol-doc .appr td {
  padding: 28px 8px 10px;
  border-bottom: 1px solid #ecdde8;
}
.protocol-doc .appr td.pos {
  color: var(--thDark);
  font-weight: 600;
}
.protocol-doc .doc-intro.has-image {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 34px;
  align-items: center;
  margin-bottom: 30px;
}
.protocol-doc .doc-intro-img {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 12px;
}
.protocol-doc .doc-intro-img img {
  display: block;
  width: 100%;
  aspect-ratio: 390 / 247;
  object-fit: cover;
}
.protocol-doc .doc-intro.has-image .doc-title {
  font-size: 36px;
}
.protocol-doc .doc-intro.has-image .sub {
  margin-bottom: 0;
}
.protocol-related {
  padding: 0 5vw 100px 5vw;
}
.protocol-related .text-box h2,
.protocol-related .text-box p {
  text-align: left;
}
.protocol-doc .protocol-doc-download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 40px;
  padding: 22px 26px;
  border-radius: 14px;
  background: var(--sec2);
}
.protocol-doc .protocol-doc-download .download-title {
  margin-bottom: 2px !important;
  color: var(--thDark);
  font-size: 17px;
  font-weight: 700;
  text-align: left;
}
.protocol-doc .protocol-doc-download .download-text {
  margin-bottom: 0 !important;
  color: #62616b;
  font-size: 14px;
  text-align: left;
}
.protocol-doc .protocol-doc-download .protocol-btn {
  flex: 0 0 auto;
  padding: 11px 24px;
}
/* Download PDF: while the PDF is being made (static/js/protocol_pdf.js) */
.protocol-btn.is-loading {
  pointer-events: none;
  opacity: 0.8;
}
/* The PDF copy of the document (made by static/js/protocol_pdf.js, never shown on the page) */
.protocol-doc.is-pdf {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.protocol-doc.is-pdf ul.pdf-first {
  margin-bottom: 0;
}
.protocol-doc.is-pdf ul.pdf-rest {
  margin-top: 0;
}
/* END OF PROTOCOL DOCUMENT Page */

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

/* Testimonials */
#testimonials{
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.testimonial-card{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.t-image-container{
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 11px;
  overflow: hidden;
}
.testimonial-card .tag-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  z-index: 2;
}
.testimonial-card .tag-left{
  display:flex;
  align-items: center;
  gap: 6px;
  z-index: 2;
  background-color: var(--thLight);
  color: var(--thColor);
  text-transform: uppercase;
  border-radius: 23px;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 13px;
}
.testimonial-card .tag-right {
  z-index: 2;
  width: 34px;
  height: 34px;
  background-color: var(--thLight);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 5px 24px -1px #00000036;
}
.patient-info{
  position: absolute;
  width: 100%;
  color: white;
  bottom: 0%;
  padding: 15px;
  background: linear-gradient(to top, rgb(39 12 34) 34%, #6b226100 82%);
  padding-top: 35px;
}
.patient-info h4{
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.patient-info p{
  font-size: 16px;
  line-height: 23px;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0px 0px 0px;
  overflow: hidden;
}
.patient-img {
  width: 100%;
  display: block;
  cursor: pointer;
}
.testimonialsSwiper{
  padding: 30px 0 0 0!important;
}
.testimonial-controls{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 30px;
}
.testimonial-left-controls {
  display: flex;
  gap: 15px;
  position: relative;
  z-index: 99999;
}
.testimonials-section .swiper-button-prev, .testimonials-section .swiper-button-next {
  position: static;
  transform: none;
  margin: 0;
  width: 44px;
  height: 44px;
  border: 1px solid var(--thColor);
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  line-height: 44px;
  padding: 0;
  background-color: transparent;
  font-size: 0;
}
.swiper-button-prev img, .swiper-button-next img {
  width: 16px;
  height: auto;
  pointer-events: none;
  vertical-align: middle;
}
.testimonial-prev, .testimonial-next, .article-prev, .article-next{
  position: static!important;
  transform: none;
  margin: 0;
  width: 44px!important;
  height: 44px!important;
  border: 1px solid  #bf1991;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  line-height: 44px;
  padding: 0;
  background-color: transparent;
  font-size: 0;
  display: block;
}
.swiper-button-next:after, .swiper-button-prev:after{
  display: none!important;
}
#testimonials .sec-btn{
  z-index: 9999;
}
#testimonials{
  padding-bottom: 50px;
}
/* End of Testimonials */


/* Press */
#keit-press .theme-text-box {
  text-align: center;
}
#keit-press .media-controls{
  position: relative;
}
#keit-press .swiper-button-next, #keit-press .swiper-button-prev{
  top: 50%;
}
#keit-press .swiper-button-prev{
  left: -35px;
}
#keit-press .swiper-button-next{
  right: -35px;
}
.media-box {
  background: var(--sec2);
  border-radius: 36px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin: 40px auto;
  width: fit-content;
  padding: 0 4px;
}
.media-box.m-b-controls{
  height: 53px;
  align-items: center;
  display: flex;
}
.m-b-controls .media-box-titles span{
  text-align: center;
  font-size: 15px;
  color: var(--thColor);
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 25px;
  cursor: pointer;
}
.m-b-controls .media-box-titles .title-active{
  background: var(--thColor);
  padding: 10px 30px;
  border-radius: 30px;
  color: white;
}
.m-b-controls .media-box-titles{
  display: flex;
  gap: 0;
  padding: 0 6px;
}
.media-logo {
  display: flex;
  justify-content: center;
  transition: .3s;
  padding: 15px 0;
}
.media-logo .star-active{
  position: absolute;
  top: -30px;
  display: none;
}
.media-logo.logo-active .star-active{
  display: block;
}
.media-logo:hover {
  cursor: pointer;
}
.media-logo .gold-star {
  position: absolute;
  top: -13px;
  display: none;
}
.media-logo img.mediaset{
  height: 33px;
  padding: 0 5px;
}
.media-logo.logo-active{
  background: var(--accent1);
  border-radius: 30px;
}
.media-logo.logo-active .gold-star {
  display: block;
}
.media-content {
  background: var(--sec2);
  border-radius: 36px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  width: 70%;
  margin: auto;
  padding: 35px 0;
}

.corriere-logo-press{
  width: 215px;
}
.media-one {
  display: grid;
}
.media-one .media-video{
  max-width: 400px;
  margin: auto;
}
.media-info {
  text-align: center;
  display: grid;
  gap: 8px;
  padding: 0 35px;
  align-content: center;
  margin-top: 10px;
}
.media-info p {
  font-family: var(--regular);
  color: var(--thColor);
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  text-align: center;
  display: none;
}
.media-info img {
  display: block;
  margin: auto;
}
.media-video {
  position: relative;
  margin: 0px 50px;
  overflow: hidden;
  border-radius: 11px;
}
.media-cover {
  width: 100%;
  object-fit: cover;
  border-radius: 11px;
  transform: scale(1);
  transition: 0.3s;
  height: 183px;
}
.media-one .media-cover {
  height: 252px;
}
.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  border: 1px solid #ffffff;
  border-radius: 50%;
  width: 12%;
  box-shadow: 2px 2px 16px #371332;
}
.media-play {
  overflow: hidden;
}
.media-play:hover .media-cover {
  transform: scale(1.07);
  cursor: pointer;
}
.media-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.media-three {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.media-three .media-info {
  padding: 0 34px;
}
.media-three .media-block:last-child .media-info{
  border-right: none;
}
.media-block {
  display: grid;
  grid-gap: 10px;
  height: 100%;
  align-content: space-between;
  border-right: 1px solid rgba(0, 0, 0, 0.16);
}
.media-three .media-info p {
  font-size: 16px;
  line-height: 28px;
}
/* Hide all media sections by default */
.media-content > div {
  display: none;
}
/* Media Swiper */
#media-box-tv .media-logo-swiper,
#media-box-tv-al .media-logo-swiper {
  max-width: 1100px;
  min-width: 0;
  overflow: hidden;
}
#media-box-tv .media-logo-swiper .swiper-wrapper,
#media-box-tv-al .media-logo-swiper .swiper-wrapper {
  align-items: center;
}
#media-box-tv .media-logo-swiper .swiper-slide,
#media-box-tv-al .media-logo-swiper .swiper-slide {
  flex-shrink: 0;
  box-sizing: border-box;
}

/* End of Media Swiper */

/* Show only RAI 1 on load */
#rai-1 {
  display: grid;
}
img.logo-le-iene{
  height: 36px;
}

/*MEDIA Overlay */
.media-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

.media-popup-box {
  background: white;
  width: 650px;
  max-width: 95%;
  border-radius: 8px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
  animation: fadeIn 0.25s ease-out;
}

.media-popup-header {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
}

.media-popup-header h3 {
  margin: 0;
  font-size: 16px;
  color: var(--thColor);
  font-weight: 600;
  font-family: var(--regular);
  line-height: 28px;
}

.media-popup-close {
  cursor: pointer;
  font-size: 26px;
  color: #5e0b52;
  line-height: 1;
}
button.media-popup-close{
  background: transparent;
  border: none;
}
/* VIDEO FRAME STYLE */
.media-popup-video-frame {
  padding: 15px 20px 25px;
}

.media-popup-video-frame iframe {
  width: 100%;
  border-radius: 6px;
  border: 4px solid #000;
}

/* Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}

#media-box-articles .media-logo img,
#media-box-articles .media-logo.logo-active{
  height: 34px;
  align-items: center;
  padding: 0;
  margin: 0;
  width: 100%;
  object-fit: contain;
}
#media-box-articles .media-logo img.press-romatoday{
  padding: 0 35px;
}
#media-box-articles .media-logo img.press-novella{
  padding: 0 45px;
}
#media-box-articles .media-logo img.press-today{
  padding: 0 46px;
}
#media-box-articles .media-logo img.press-classtravel{
  padding: 0 39px;
}
#media-box-articles .media-logo img.press-askanews {
  padding: 0 25px;
}
#media-box-articles .media-logo img.press-libero{
  padding: 0 35px;
}

#media-box-articles.media-box .media-controls{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  column-gap: 42px;
  justify-content: center;
  padding: 0 30px;
  align-items: baseline;
  position: relative;
}
.media-box .media-controls .media-logo:hover{
  background: #d9d9d963;
  border-radius: 100px;
}
#media-box-articles.media-box{
  display: block;
  width: 1230px;
  border-radius: 100px;
  margin-bottom: 0;
}
#media-box-articles .media-logo{
  margin: 0;
}
#media-box-articles .media-logo.logo-active{
  background: transparent;
}
#media-content-news .media-info{
  text-align: center;
  justify-content: center;
  gap: 15px;
}
#media-content-news #media-corriere{
  display: block;
}
.media-info img.media-logo{
  height: 20px;
}
.media-info .simple-link{
  margin: auto;
}
#media-content-news .media-info p{
  width: 64%;
  margin: 15px auto 9px !important;
}
.media-slider-2 .swiper-slide a{
  text-decoration: none;
}
.media-content .media-info h4{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* End of Press */

/* Accreditation */
#accreditation-logo{
  padding-top: 15px;
}
.acc-logo{
  display: grid;
  margin: 35px auto 25px auto;
  gap: 60px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.acc-item{
  display: grid;
  align-content: end;
}
.acc-item h3{
  font-size: 14px;
  font-family: var(--regular);
  color: var(--thColor);
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.acc-logo img{
  display: block;
  margin: auto;
}
.acc-fda h3{
  padding: 0 5px;
}
.acc-wipo h3{
  padding: 5px 35px;
}
.acc-iso h3{
  padding: 5px 30px;
}
.acc-ministry h3{
  padding: 4px 15px;
}
.acc-ce h3{
  padding: 5px 40px;
}
.acc-fda img{
  width: 105px;
}
.acc-wipo img{
  width: 74px;
}
.acc-iso img{
  width: 69px;
}
.acc-ministry img{
  width: 93px;
}
.acc-ce img{
  width: 62px;
}
.acc-logo.awards-logo{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:0;
  max-width: 900px;
}
/* End of Accreditation */

/* Awards Logos */
#awards-logo{
  padding: 30px 0 60px;
}
.awards-logo-group{
  display: grid;
  margin: 35px auto 25px auto;
  gap: 60px;
  grid-template-columns: 1fr 1fr 1fr;
}
.awards-logo-group .acc-item img{
  display: block;
  margin: auto;
}
/* End of Awards Logos */

/* The Experience */
.steps-group{
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-left: 18px;
}
.steps-group .steps-item .steps-img{
  position: relative;
}
.steps-group .steps-item .steps-img img{
  width: 100%;
  border-radius: 24px;
  border: 2px solid rgba(233, 233, 233, 1);

  transition: .3s;
}
.steps-group .steps-item:hover .steps-img img{
  filter: saturate(1);
}
.steps-item{
  position: relative;
  margin-left: -18px;
}
.steps-info h4{
  font-family: var(--main-font);
  font-size: 21px;
  color: #757575;
  margin-top: 5px;
  transition: .3s;
  text-align: center;
  padding-top: 8px;
}
.steps-item.active .steps-info h4, .steps-item:hover .steps-info h4{
  color: var(--thColor);
}
.steps-item h6{
  font-size: 13px;
  color: var(--thColor);
  font-family: var(--regular);
  background: var(--white);
  padding: 4px 12px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  position: absolute;
  right: -20px;
  bottom: 40px;
  transform: rotate(90deg);
  font-weight: 600;
  text-transform: uppercase;
  transition: .3s;
}
.steps-item:nth-child(1){
  z-index: 5;
}
.steps-item:nth-child(2){
  z-index: 4;
}
.steps-item:nth-child(3){
  z-index: 3;
}
.steps-item:nth-child(4){
  z-index: 2;
}
.steps-item:nth-child(5){
  z-index: 1;
}
.steps-item:nth-child(2) h6{
  bottom: 80px;
}
.steps-item:nth-child(3) h6{
  bottom: 120px;
}
.steps-item:nth-child(4) h6{
  bottom: 160px;
}
.steps-item:nth-child(5) h6{
  bottom: 200px;
}
.steps-item .steps-bottom{
  display: none;
}
.steps-item .simple-link{
  margin: 8px auto 0 auto;
}
.steps-item p{
  font-size: 13px;
  color: #5E5E5E;
  text-align: center;
  padding-top: 7px;
  font-weight: 500;
  transition: .3s;
  width: 83%;
  margin: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.steps-item:first-child p{
  width: 75%;
}
.steps-item:last-child h6{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 0;
  bottom: auto;
  top: 23px;
  right: -19px;
}
.steps-arrow{
  display: none;
  position: absolute;
  bottom: 91px;
  left: 6px;
  transition: .3s;
  transform: rotate(28deg);
}
.steps-item:hover .steps-arrow, .steps-item.active .steps-arrow{
  display: block;
}
.steps-item:hover .steps-bottom, .steps-item.active .steps-bottom{
  display: block;
}
.experience-swiper { display: none; }

.steps-grid-item{
  cursor:pointer;
}
#the-experience .btn-thm.center{
  margin: 20px auto 0 auto;
}
/* =========================
   EXPERIENCE POPUP
========================= */

#the-experience .steps-item{
    cursor:pointer;
}
.experience-popup{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .3s ease,visibility .3s ease;
}

.experience-popup.active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.experience-popup-overlay{
    position:absolute;
    inset:0;
    background:rgba(20,10,22,.65);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}

.experience-popup-content{
    position:relative;
    z-index:2;
    width:min(900px,100%);
    max-height:90vh;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr 1fr;
    box-shadow:0 25px 70px rgba(0,0,0,.25);
    transform:translateY(20px) scale(.98);
    transition:transform .3s ease;
}

.experience-popup.active .experience-popup-content{
    transform:translateY(0) scale(1);
}

.experience-popup-image{
    min-height:480px;
}

.experience-popup-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.experience-popup-info{
    padding:60px 50px;
    display:grid;

}

.experience-popup-label{
    display:block;
    color:#7b245c;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.experience-popup-info h3{
    margin:0 0 20px;
    color:#712458;
    font-size:34px;
    line-height:1.15;
    font-family: var(--main-font);
}

.experience-popup-info p{
    margin:0;
    color:#555;
    font-size:16px;
    line-height:1.7;
}

.experience-popup-close{
    position:absolute;
    top:18px;
    right:18px;
    z-index:5;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#712458;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 20px rgba(0,0,0,.15);
    transition:transform .2s ease,background .2s ease;
}

.experience-popup-close:hover{
    transform:scale(1.08);
    background:#f5f5f5;
}

body.experience-popup-open{
    overflow:hidden;
}

/* End of The Experience */

/* Reviews */

#reviews{
  background: url(images/review-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  position: relative;
}
.review-btn{
background:transparent;
border:none;
}
.reviewsSwiper .swiper-wrapper{
  padding-bottom: 53px;
}
#reviews .container-box{
  max-width: 1280px;
  margin: auto;
}
#reviews .sec-btn{
  margin: 45px auto 0 auto;
}
#reviews .review-box{
  background: var(--sec2);
  border: none;
}
#reviews .swiper-pagination {
  bottom: 6px;
}
.reviews-controls .reviews-prev, .reviews-controls .reviews-next{
  border: none;
  width: 45px;
  background: none;
  position: absolute;
}
.reviews-controls .reviews-prev{
  left: 245px;
}
.reviews-controls .reviews-next{
  right: 245px;
}
/* End of Reviews */

/* Blog */
#bloghub-home .container-box{
  max-width: 1280px;
  margin: auto;
}
.short-header.blog-header .header-grid {
  padding: 150px 0 80px;
}
.cat-link img{
  width: 25px;
}
.a-card-top{
  position: relative;
}
.a-card-top .a-card-img{
  width: 100%;
  height: 251px;
  object-fit: cover;
  border-radius: 11px;
}
.article-card .a-card-top-flex img{
  width: 25px;
}
.a-card-top-flex{
  position: absolute;
  display: flex;
  gap: 7px;
  left: 7px;
  bottom: 11px;
}
.a-card-top-flex a, .a-card-top-flex span:where(.blog-time){
  display: flex;
  background: var(--sec2);
  padding: 4px 11px;
  border-radius: 30px;
  text-decoration: none;
  align-items: center;
  gap: 5px;
}
.a-card-top-flex a span, .a-card-top-flex span:where(.blog-time) span{
  text-align: center;
  font-size: 13px;
  color: var(--thColor);
  font-weight: 600;
}
.a-card-top-flex .blog-tag-min-nolink{
  display: flex;
  background: var(--sec2);
  padding: 4px 11px;
  border-radius: 30px;
  align-items: center;
  gap: 5px;
}
.a-card-top-flex .blog-tag-min-nolink span{
  text-align: center;
  font-size: 13px;
  color: var(--thColor);
  font-weight: 600;
}
.blog-category-links{
  margin-top: 25px;
  margin-bottom: 40px;
  gap: 15px;
  display: flex;
  justify-content: center;
}
.cat-link{
  border: 1.5px solid #bf1991;
  padding: 11px 23px;
  border-radius: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: .3s;
}
.cat-link:hover{
  background: var(--sec2);
  cursor: pointer;
}
.cat-link span{
  text-align: center;
  font-size: 15px;
  color: var(--thColor);
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
}
#bloghub-home .cat-link{
  cursor: auto;

}
#bloghub-home .cat-link.has-link:hover{
  background: white;
  border: 1px solid white;
  cursor: pointer;
}

.article-card .a-card-bottom{
  background-color: var(--sec2);
  padding: 12px 15px 8px 15px;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  padding-top: 24px;
  margin-top: -11px;
}
.a-card-bottom h4{
  font-size: 21px;
  color: var(--thColor);
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 3px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.a-card-bottom a {
  text-decoration: none;
}
.a-card-meta span{
  font-size: 13px;
  line-height: normal;
  color: #767676;
  font-weight: 500;
  line-height: 25px;
  transition: .3s;
}
.a-card-meta a{
  text-decoration: none;
}
.a-card-meta a:hover span{
  color: var(--thColor);
  cursor: pointer;
}
.a-card-meta {
  display: flex;
  padding-top: 0;
  justify-content: space-between;
}
.article-left-controls{
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 9999;
}
.article-controls{
  display: flex;
  justify-content: space-between;
  margin-top: 33px;
  align-items: center;
}
.article-controls .swiper-pagination{
  z-index: 0;
}
.article-next img{
  width: 16px;
}
#bloghub-home .article-card .a-card-bottom{
  background: var(--white);
}
#bloghub-home .a-card-top-flex a{
  background: var(--white);
}
#bloghub-home .a-card-meta{
  padding-top: 3px;
}
.a-card-top-flex a, .a-card-top-flex span:where(.blog-time){
  font-weight: 500;
  font-size: 15px;
  color: var(--thColor);
}
/* End of Blog */


/* FAQ & CTA */
#faq-cta{
  margin: auto;
  padding: 0 0 60px 0;
  max-width: 100%;
}
.section-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
#faq-cta .section-grid{
  background: var(--sec2);
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}
.faq-question img{
  width: 17px;
  transition: transform .3s
}
#faq-cta .text-box p{
  font-size: 40px;
}
#faq-cta .text-box h2, #faq-cta .text-box p{
  text-align: left;
}
.faq-question{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
}
.faq-question h3{
  font-size: 16px;
  color: var(--thColor);
  font-weight: 500;
  margin-bottom: 0px !important;
}
.faq-block .text-box{
  margin-bottom: 35px;
}
.faq-list .faq-item{
  margin-bottom: 10px;
  background: #F4F4F7;
  border-radius: 11px;
  border: 1px solid #6B2261;
  cursor: pointer;
}
.faq-block .sec-btn.sec-btn-outline{
  margin-top: 40px;
}
.faq-answer{
  display: none;
  transition: .3s;
}
.faq-answer p{
  color: #767676;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  padding-left: 20px;
  padding-bottom: 14px;
}
.faq-active .faq-answer{
  display: block;
}
.faq-active .faq-question img {
  width: 17px;
  transform: rotate(135deg);
}
.main-cta{
  background: rgb(240 239 238 / 1%);
  filter: blur(50);
  backdrop-filter: blur(0px);
  padding: 18px 50px;
  border-radius: 23px;
  margin: auto;
  padding-top: 0;
}
.main-cta h2{
  color: white;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  padding-bottom: 30px;
}
.main-cta-block{
  background: url(../images/btn-stars-2.png);
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  display: grid;
  justify-content: center;
  align-content: center;
  gap: 5px;
}
.main-cta-block h3{
  font-size: 34px;
  color: var(--white);
  font-family: var(--main-font);
  text-align: center;
}
.main-cta .form-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
.main-cta button{
  border: none;
  margin: 35px auto 0 auto;
  display: block;
}
.faq-block{
  width: 70%;
  margin: auto;
  padding: 108px 0;
}
.main-cta input{
  padding: 10px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.19);
  background: rgb(255 255 255 / 63%);
  color: white;
  backdrop-filter: blur(50px);
  padding-left: 25px;
}
.main-cta input::placeholder{
  color: var(--thColor);
  font-weight: 600;
}
.main-cta select{
  padding: 10px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.19);
  background: rgb(255 255 255 / 63%);
  color: var(--thColor);
  backdrop-filter: blur(50px);
  padding-left: 25px;
  display: block;
  width: 100%;
  font-weight: 600;
}
.main-cta .form-success{
  text-align: center;
}
.main-cta .form-success h6{
  color: var(--white);
  padding-bottom: 6px;
}
.main-cta .form-success p{
  color: var(--white);
}
.main-cta select.js-service-type option, .main-cta select.js-specify-select option{
  color: var(--thColor);
}
#main_cta_service_group{
  margin-top: 12px;
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{color: var(--thColor)}
/* End of FAQ & CTA */



/* Social Responsability */
#KEIT-Community{
  padding: 70px 0;
  max-width: 100%;
}
#KEIT-Community .container-box{
  max-width: 1280px;
  margin: auto;
}
#KEIT-Community .sec-btn{
  margin: auto;
}
.community-grid{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 24px;
  padding: 55px 0;
}
.community-grid .community-item{
  border-radius: 18px;
  background: var(--sec2);
  padding: 10px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.16);
}
.community-item a{
  text-decoration: none;
  cursor: pointer;
  display: block;
  color: inherit;
}
.community-grid .community-item img.social-img{
  width: 100%;
  border-radius: 18px;
  height: 245px;
  object-fit: cover;
  transition: .3s;
}
.community-item .cm-top:hover img.social-img{
  transform: scale(1.1);
}
.community-item  .cm-label img{
  width: 16px;
}
.community-item .cm-top{
  position: relative;
  transition: .3s;
  overflow: hidden;
  border-radius: 18px;
}
.community-item .cm-label{
  position: absolute;
  border-radius: 16px;
  padding: 4px 9px;
  display: flex;
  gap: 8px;
  top: 9px;
  left: 9px;
  background: var(--sec2);
  z-index: 9999;
}
.community-item span{
  color: var(--thColor);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.community-item .cm-bottom h3{
  font-family: var(--main-font);
  font-size: 30px;
  line-height: normal;
  color: var(--thColor);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.community-item .cm-bottom p{
  font-size: 15px;
  color: var(--thColor);
  font-weight: 500;
  padding-top: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.community-item .cm-bottom{
  padding: 10px;
}
.community-item .cm-bottom .simple-link{
  text-decoration: underline;
}
.community-slider-wrapper{
  position: relative;
}
/* End of Social Responsability */

#podcast-production .media-country-btn.active .media-country-flag {
    filter: brightness(0) invert(1);
}

/* Podcast Section */
#podcast-production .podcast-tab-descriptions {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 30px;
    text-align: center;
}
#podcast-production .podcast-tab-text {
    display: none;
    color: #767676;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    max-width: 650px;
    margin: 0 auto;
}
#podcast-production .podcast-tab-text.active {
    display: block;
}
#podcast-production .media-country-btn .media-country-flag {
    transition: filter .3s ease;
}

#podcast-production .media-country-btn.active .media-country-flag {
    filter: brightness(0) invert(1);
}

#podcast-production [data-podcast-panel][hidden] {
    display: none !important;
}
#podcast-production .media-three {
    width: 100%;
}
#podcast-production .podcast-btn {
    grid-column: 1 / -1;
    width: fit-content;
    margin: 45px auto 0;
}
#podcast-production .media-three .media-block:last-child {
    border-left: none;
}

#podcast-production [data-podcast-panel] .media-block:last-of-type {
    border-right: none !important;
}
#podcast-production .media-info .text-small {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 12%;
}
#media-content-news{display: none !important;}
            .patient-info p {
                font-size: 16px;
                line-height: 23px;
                max-width: 100%;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }
            #keit-press .press-filter-panel {
              display: none !important;
            }

            #keit-press #media-content-news,
            #keit-press #media-content-news.press-filter-panel.is-active {
              display: none !important;
            }

            #keit-press .press-filter-panel.is-active {
              display: block !important;
              position: relative;
            }

            #keit-press .press-tabs-wrap {
              width: fit-content;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 30px auto 38px;
              padding: 0;
            }

            #keit-press .press-media-tabs {
              display: flex;
              align-items: center;
              justify-content: center;
              flex-wrap: nowrap;
              width: fit-content;
              margin: 0 auto;
              padding: 4px;
              background: #ededf2;
              border: 1px solid #d1d1d8;
              border-radius: 35px;
            }

            #keit-press .press-media-tab {
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 7px;
              min-width: 120px;
              padding: 13px 18px;
              color: var(--thColor, #7c176c);
              background: transparent;
              border: 0;
              border-radius: 30px;
              font-family: inherit;
              font-size: 14px;
              font-weight: 600;
              line-height: 1;
              white-space: nowrap;
              cursor: pointer;
              transition: background-color .25s ease, color .25s ease;
            }

            #media-box-articles-al.media-box {
                width: 100%;
                max-width: 850px;
                margin: 40px auto 0;

            }

            #media-box-articles-al .media-controls {
                display: flex;
                flex-wrap: wrap;
                gap: 16px;
                column-gap: 42px;
                justify-content: center;
                padding: 0;
                align-items: baseline;
            }

            #keit-press .press-media-tab img {
              width: 20px;
              height: 20px;
              object-fit: cover;
              border-radius: 50%;
            }

            #keit-press .press-media-tab.active {
              color: #fff;
              background: var(--accent1);
            }

            #keit-press .press-media-tab:hover:not(.active) {
              background: #d9d9d963;
            }

            #keit-press #media-content-news-al,
            #keit-press #media-content-news-al.press-filter-panel.is-active {
              display: none !important;
            }
            #media-box-tv-al.media-box {
            width: 100%;
            max-width: 1050px;
            margin: 40px auto;
            padding: 5px 5px;
            background: var(--sec2);
            border: 1px solid rgba(0, 0, 0, 0.12);
            border-radius: 36px;
            position: relative;
        }

            /* 6 logo = 6 kolona */
            #media-box-tv-al .media-controls {
                width: 100%;
                align-items: center;
                position: relative;
                padding: 0;
            }

            /* Çdo logo */
            #media-box-tv-al .media-logo {
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                min-width: 0;
            }

            #media-content-tv-al .media-info p {
                display: block;
            }
            .media-content {
              width: 70%;
              margin: auto;
              padding: 35px 0;
              background: var(--sec2);
              border: 1px solid rgba(0, 0, 0, .12);
              border-radius: 36px;
            }

            .patient-info p {
              max-width: 100%;
              display: -webkit-box;
              overflow: hidden;
              font-size: 16px;
              line-height: 23px;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
            }
               .faq-list .faq-item {
                border: 1.5px solid #bf1991;
            }
#media-box-articles-al {
  width: min(1230px, 90%);
  min-width: 0;
}

#media-box-articles-al .media-controls {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 20px 30px;
  overflow: hidden;
}

#media-box-articles-al .media-articles-al-swiper {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

#media-box-articles-al .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

#media-box-articles-al .swiper-slide {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#media-box-articles-al .media-logo {
  width: 100%;
  min-width: 0;
}

#media-box-articles-al .media-logo-img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.media-content-swiper {
  position: relative;
  width: 100%;
  min-width: 0;
}

.media-content-slider {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.media-content-slider .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
}

.media-content-slider .swiper-slide {
  height: auto;
  flex-shrink: 0;
}

.media-content-prev,
.media-content-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transform: translateY(-50%);
  background-color: var(--sec2);
}

.media-content-prev {
  left: -20px;

}

.media-content-next {
  right: -20px;
}

.media-content-prev::after,
.media-content-next::after,
.media-content-al-tv-prev::after,
.media-content-al-tv-next::after{
  display: block;
  color: var(--thColor);
  font-size: 16px;
  line-height: 38px;
  text-align: center;
}

.media-content-prev::after,
.media-content-al-tv-prev::after{
  content: "\f177";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.media-content-next::after,
.media-content-al-tv-next::after {
  content: "\f178";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.media-content-swiper.single-video .media-content-slider .swiper-wrapper {
  justify-content: center;
}

.media-content-swiper.single-video .media-block {
  border-right: 0 !important;
}
#media-content-tv .media-content-swiper.single-video .swiper-wrapper {
  justify-content: center;
}
#media-content-tv .media-content-swiper.single-video .media-block {
  border-right: 0 !important;
}
#media-box-articles-al .swiper-wrapper {
  padding: 5px 1px;
}
#media-box-articles-al .media-controls {
  padding: 0;
}
#media-box-articles-al .media-logo {
  padding: 9px 0;
}

/* END OF HOMEPAGE */

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

/* SERVICES */
/* Service Main Toggle */
#toggle-bar-section{
  padding-top: 120px;
}
.category-toggle{
  padding: 6px 8px;
  background: var(--sec2);
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  width: fit-content;
  display: flex;
  align-items: center;
  margin: 20px auto 0 auto;
}
.toggle-item a{
  color: var(--thColor)!important;
  text-transform: uppercase;
  text-decoration: none;
  font-family: var(--regular);
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: .3s;
  padding: 11px 20px;
  border-radius: 30px;
  border:1px solid transparent;
  opacity: 0.4;
}
.toggle-item.active a{
  background: var(--accent1)!important;
  padding: 9px 23px!important;
  color: white!important;
  font-weight: 500;
  opacity: 1;
}
.toggle-item a:hover{
  color: var(--thColor);
  cursor: pointer;
  opacity: 1;
}
.subcategory-toggle .toggle-item.active a{
  border:none!important;
  color: var(--thColor)!important;
  font-weight: 600;
  text-transform: uppercase;
  background: var(--sec2) !important;
  padding: 13px 24px !important;
  text-decoration: none;
}
.category-toggle.subcategory-toggle{
  background: none;
  border: none;
  gap: 20px;
}
.category-toggle.subcategory-toggle .toggle-item a:hover{
  border: none;
}
.category-toggle.subcategory-toggle.hidden{
  display: none;
}
.subcategory-toggle .toggle-item a{
  padding: 0!important;
  text-transform: none;
  border: none!important;
}
.cat-toggle-icon{
  width: 28px;
}
.toggle-item.active .cat-toggle-icon{
  filter: brightness(100);
}
/* End of Service Main Toggle */

/* Service grid for treatment and procedure  */
#surgeries, #treatments{
  padding-top: 30px;
}
.service-grid {
  display: grid;
  gap: 20px;
}
.treatments .service-grid {
  grid-template-columns: repeat(3, 1fr);
}
.face-procedure .service-grid,
.hair-transplant .service-grid {
  grid-template-columns: repeat(3, 1fr);
  max-width: 1400px;
  margin: auto;
}
.face-treatment .service-grid {
  grid-template-columns: repeat(4, 1fr);
}
.body-treatment .service-grid {
  grid-template-columns: repeat(4, 1fr);
}
.body-procedure .service-grid {
  grid-template-columns: repeat(4, 1fr);
}
.hair-transplant .service-grid {
  grid-template-columns: repeat(3, 1fr);
}
.body-treatment .service-grid {
  grid-template-columns: repeat(4, 1fr);
}
.service-grid a{
  text-decoration: none;
}
.s-top {
  position: relative;
}

.service-title {
  font-size: 17px;
  font-family: var(--regular);
  color: var(--white);
  width: fit-content;
  text-align: center;
  background: var(--accent1);
  padding: 10px 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  display: flex;
  letter-spacing: 0.3px;
  font-weight: 500;
  text-transform: capitalize;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.laser-treatment .service-title{
  margin: 23px auto 0 auto;
  width: fit-content;
  border-radius: 30px;
}
.service-title img{
  width: 20px;
  margin-left: 8px;
  transition: .3s;
  filter: brightness(100);
}
.service-title:hover img{
  transform: rotate(-45deg);
}
.service-sub-title{
  text-align: center;  
  margin-top: 10px;
  color: rgba(107, 34, 97, 0.38);
  text-transform: uppercase;
  font-family: var(--regular);
  font-weight: 700;
  font-size: 18px;
}
.service-item:hover{
  cursor: pointer;
}
.service-item a {
  text-decoration: none;
}
.s-top .s-img {
  overflow: hidden;
}
.s-top img.width-100 {
  transform: scale(1);
  transition: 0.3s;
  display: block;
  background: var(--sec2);
}

.s-top:hover img.width-100 {
  transform: scale(1.1);
}
.laser-treatment .service-grid{
  width: 85%;
  margin: auto;
  grid-template-columns: repeat(3, 1fr);
}
.laser-item img{
  width: 100%;
  border-radius: 21px;
}
.dental-procedures .dental-services{
  display: grid;
  gap: 20px;
}
.dental-services .dental-grid-four{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.dental-services .dental-grid-three{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
/* END OF SERVICES */

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

/* REVIEWS Page */
#review{
  padding-top: 80px;
  padding-bottom: 20px;
}
.short-header.p-less.review-header .header-grid, .short-header.p-less.header-for-results .header-grid, .short-header.p-less.header-for-testimonials .header-grid{
  padding-bottom: 110px;
}
.r-grid{
  display: grid;
  gap:50px;
  padding: 30px 0;
}
.reviews-platform {
  display: grid;
  grid-template-columns: repeat(4, auto);
  justify-content: center;
  align-items: center;
  gap: 90px;
  position: absolute;
  bottom: 23px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
}
.star-flex{
  display: flex;
  gap:10px;
  align-items: center;
}
.star-flex img{
  width: 39px;
}
.rating-content{
  display: flex;
  align-items: center;
  gap:10px;
}
.rating-top{
  display: flex;
  align-items: center;
  gap:6px;
}
.star-flex span{
  color:var(--white);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  font-family: var(--regular);
  
}
.star-flex span:first-child{
  font-weight: 700 !important;
}
/* End of Review Header  */
/* Review content */
.review-content-header{
  display: flex;
  justify-content: space-between;
}
.review-content{
  display: grid;
  gap: 32px;
}
.reviews{
  margin-top: 50px;
}
.review-content-header span{
  font-family: var(--main-font);
  font-style: italic;
}
.review-content-header p{
  font-family: var(--regular);
  font-size: 27px;
  font-weight: 500;
  line-height: normal;
  color: var(--thColor);
}
.review-content-body{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
/* Review card */
.review-box{
  background: var(--white);
  border: 1px solid rgba(89, 89, 89, 0.20);
  border-radius: 7px;
  padding: 18px 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 15px;
  align-self: start;

  height: 100%;
  min-height: 220px; 
  max-height: 220px;  
  overflow: hidden;
}
/* Top section */
.review-meta{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
.review-top{
  display: flex;
  gap: 10px;
  align-items: center;
}
.review-meta .review-photo{
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.review-flex{
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.review-top h6{
  font-size: 15px;
  font-weight: 600;
  font-family: var(--regular);
  color: var(--thColor);
  margin: 0;
}
.review-date{
  color: #767676;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
}
.review-box .review-info{
  display: grid;
  grid-gap: 5px;
}
/* Rating */
.review-rating{
  color: var(--thColor);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.rating-top .fa-star:before, .review-box .fa-star:before{
  color: rgba(244, 220, 36, 1);
  font-size: 12px;
}
.review-box p{
  color: #767676;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
}

.review-box .review-info p{
  font-size: 13px;
  line-height: normal;
}
.review-text{
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 15px!important;
}
.review-box.expanded{
  max-height: none !important;
  height: auto !important;
  overflow: visible;
  align-self: flex-start;
}
.review-box.expanded .review-text{
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

/* Bottom section */
.review-bottom{

}
.review-bottom img{
  position: absolute;
  bottom: 15px;
}
.review-toggle{
  font-size: 33px;
  font-weight: 400;
  color: var(--thColor);
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: 15px;
  padding: 0;
  text-align: right;
  position: absolute;
  bottom: 15px;
  right: 20px;
}
.review-toggle.hidden{
  display: none !important;
}

/* End of review content */
/* Pagination */
.pagination{
  display: flex;
  align-items: center;
  gap:12px;
  justify-content: center;
  margin-top: 20px;
}
.pagination a, .pagination button:where(.btn-as-link){
  text-decoration: none;
}
.page-number,
.page-arrow {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  background-color: var(--thLight);
  color:var(--thColor);
}
.page-number:hover,
.page-arrow:hover {
  color: var(--thColor);
}
.pagination .disabled{
  pointer-events: none;
  opacity: 0.5;
}
.pagination .page-number.active {
  background:var(--accent1);
  color: #ffffff;
}

/* END OF REVIEW PAGE */

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

/* PRIVACY POLICY PAGE */
.keit-privacy-policy{
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap:10px;
}
.privacy-policy-left h2, .privacy-policy-left h1.h1-as-h2{
  color: var(--thColor);
  font-family: var(--regular);
  font-weight: 500;
  font-size: 35px;
  position:fixed;
}
.privacy-policy-left h2 span, .privacy-policy-left h1.h1-as-h2 span{
  font-style: italic;
  font-family: var(--main-font);
  font-size: 45px;
}
.privacy-policy-left h2 em, .privacy-policy-left h1.h1-as-h2 em{
  font-size: 27px;
  text-decoration: underline;
}
.privacy-policy-right{
  padding-top: 80px;
}
.privacy-policy-right p{
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  color: var(--gray);
  padding: 10px 0;
}
.privacy-policy-right h4{
  font-family: var(--regular);
  color: var(--thColor);
  padding: 12px 0 7px 0;
  font-size: 21px;
  font-weight: 500;
}
.privacy-policy-right h3{
color:var(--thColor);
padding:12px 0 0;
font-weight: 500;
font-size: 24px;
}
.privacy-policy-right strong{
  color: var(--thColor);
  font-weight: 600;
}
.privacy-policy-right ul li::marker {
  color: var(--thColor);
}
.privacy-policy-right ul {
  padding-left:28px !important;
  padding-bottom: 13px !important;
}
.privacy-policy-right ul li {
  color: var(--gray);
  font-size: 15px;
  line-height: 25px;
}
/* END OF PRIVACY POLICY PAGE */
/* --------------- */


/* TESTIMONIAL PAGE */
/* Testimonials Header  */
.short-header{
  background-image: url('../images/short-header.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.short-header.header-for-results{
  background-image: url('../images/short-header-1.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.short-header.header-for-testimonials{
  background-image: url('../images/short-header-2.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.short-header.blog-header, .short-header.protocol-header, .short-header.video-header{
  background-image: url('../images/full-header-purple-background.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@keyframes rotateStar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*#535353 !important*/
.t-grid{padding: 80px;}
/* End of testimonials Header  */
/*Testimonials Sidebar */
.sidebar-header{
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: var(--sec2);
  padding: 11px 21px;
  cursor: pointer;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px; 
}
.sidebar-header img{
  width: 20px;
  pointer-events: none;
}
.t-mobile-text{display: none;}
.sidebar-title{
  display: flex;
  gap:10px;
  align-items: center;
}
.sidebar-title span{
  color: var(--thColor);
  font-size: 15px;
  font-weight: 600;
}
.filter-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
  z-index: 20;
  margin-top: -2px;
}
.filter-btn i{
  font-size: 25px;
  line-height: 2px;
}
.sidebar{
  height: fit-content;
  background-color:#FFF;
  border-radius: 20px;
  border: 1px solid rgba(89, 89, 89, 0.23);
}

.language-row {
  display: none;
  align-items: center;
  gap: 10px;
  padding: 12px 19px;
  border-bottom: 1px solid rgba(89, 89, 89, 0.23);
}
.language-row.active {
  display: flex;
  justify-content: space-between;
}
.language-item {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--thColor);
  font-size: 15px;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 8px;
}
.language-item img{
  width: 21px;
}
.language-item:hover{
  background-color: var(--sec2);
  color: var(--thColor);
}
.t-item-left img{width: 26px;}

.t-item-left{
  display: flex;
  gap:7px;
  align-items: center;
}
.accordion-content a:hover, .accordion-content button:where(.btn-as-link):hover{
  color:var(--thColor);
  padding-left: 24px;
}
.accordion-content a.active {
    color: #3b0633 !important;
    font-weight: 600;
}
.accordion-header{
  display: flex;
  justify-content: space-between;
  padding: 11px 19px;
  border-bottom:1px solid rgba(89, 89, 89, 0.23);
  cursor: pointer;
}
.accordion-item.active .accordion-header.accordion-header {
  background-color: var(--sec2); 
  border-bottom: 0;
}
.sidebar-accordion-item:last-of-type .accordion-header{
  border-bottom: none;
}
.accordion-icon .fa-chevron-down:before{
  color: var(--thColor);
  font-size: 12px;
}
.item-left span{
  font-size: 15px;
  color: var(--thColor);
   font-weight: 600;
  }



/* Kur është active → hapet */
.sidebar-accordion-item.active .accordion-content {
    display: grid;
}

/* Arrow animation */
.accordion-icon i {
    transition: transform 0.3s ease;
}

.sidebar-accordion-item.active .accordion-icon i {
    transform: rotate(180deg);
}
.accordion-content a, .accordion-content button:where(.btn-as-link) {
    display: block;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: var(--gray);
    border-bottom: 1px solid rgba(89, 89, 89, 0.23);
    padding: 12px 0;
    margin: 0 19px;
    transition: .3s;
}
.sidebar-accordion-item:last-of-type  .accordion-content a:last-child, .sidebar-accordion-item:last-of-type .accordion-content button:where(.btn-as-link):last-child{ 
  border-bottom: none;
}
/* Testimonials popup */
  .testimonials-video-popup {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 99999;
  }
  .testimonials-video-popup.active {
    display: block;
  }
  .video-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.7);
  }
  .video-box {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 800px;
    background:transparent;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
  }
  .video-box iframe {
    width: 100%;
    height: 450px;
  }
  .video-close {
    position: absolute;
    top: -14px;
    right: 0px;
    border: none;
    font-size: 34px;
    color: var(--white);
    background-color: transparent;
  }
/* End of Testimonials popup */
/* End of Testimonials Sidebar */
/*Testimonials Content */
.testimonials-grid {
  display: grid;
  grid-template-columns: 1fr 3fr;
   gap: 40px;
  align-items: start; 
}
.testimonials-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.testimonials-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.testimonials-top p {
  color: var(--thColor);
  font-size: 17px;
  font-weight: 500;
}
.talk-btn{
  background: transparent;
}
.testimonials-content{
  display: grid;
  gap:30px;
}
.testimonials-wrapper .testimonial-card .patient-info p {
  font-size: 14px;
  font-weight: 500;
  padding-top: 5px;
}
.testimonials-wrapper .testimonial-card .patient-info h4{
  border-bottom: 1px solid var(--white);
  width: fit-content;
  padding-bottom:0;
}
.testimonials-wrapper .testimonial-card .tag-right{
  background-color: var(--accent1);
}
.testimonial-card .transparent-play-btn{display: none;}
.testimonial-card .tag-left img{
  width: 25px;
}
/*End of Testimonials Content */
/* END OF TESTIMONIAL PAGE */

/* RESULTS PAGE */
.before-after-grid{
  display: grid;
  grid-template-columns: 1fr 3.4fr;
  gap:40px;
}
.results-header .text-box h2,
.results-header .text-box p {
  color: var(--white);
}
.results-top{
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 30px;
}
.results-gallery{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:16px;
}
.results-gallery img {
  border-radius: 7px;
  cursor: pointer;
}
.results-gallery .result-angles img:nth-child(5), .results-gallery .result-angles img:nth-child(6){
    display: none;
}
.bf-af-text{
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  bottom:6px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.results-box {
  position: relative; 
}
.bf-af-text span {
  position: absolute;
  bottom: 0;
  color: var(--white);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.bf-af-text span:first-child {
  left: 12px;
}
.bf-af-text span:last-child {
  left: calc(50% + 12px);
}

.bf-af-text.vertical span:first-child{
  bottom: auto;
  top: 15px;
}
.bf-af-text.vertical span:last-child{
  left: 12px;
  bottom: calc(50% - 26px);
}

/* RESULTS POPUP */
.results-popup {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.results-popup.is-open {
  display: flex;
}

.results-popup-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.88);
}

.results-popup-content {
  position: relative;
  z-index: 2;
  width: min(980px, 96vw);
  height: min(72vh, 520px);
  display: flex;
  gap: 16px;
  overflow: visible;
}
.results-popup-title {
  position: absolute;
  top: -35px;
  left: 0;
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
.results-main-image {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  border-radius: 12px;
}
.results-main-image  .main-img-box{
  overflow: hidden;
  height: 100%;
}
.results-main-image img.main-image {
  width: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  transition: transform .5s; 
}
.results-main-image img.zoomed {
  transform: scale(1.5);
}
.results-popup-labels {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  z-index: 3;
  pointer-events: none;
}
.results-popup-labels span {
  position: absolute;
  bottom: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.results-popup-labels span:first-child {
  left: 10px;
}
.results-popup-labels span:last-child {
  left: calc(50% + 10px);
}
.popup-thumbs-swiper {
  position: relative;
  width: 180px;
  height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 0 0 18px 18px;
  background: transparent;
  --thumb-gap: 10px;
  --thumb-visible: 4;
}

.popup-thumbs-swiper .swiper-wrapper {
  background: transparent;
}

.popup-thumbs-swiper .swiper-slide {
  height: calc(
    (100% - (var(--thumb-gap) * (var(--thumb-visible) - 1))) / var(--thumb-visible)
  ) !important;
  background: transparent;
}

.popup-thumbs-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background: rgba(193, 172, 155, 1);
}
.popup-thumbs-shade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 96px;
  z-index: 4;
  pointer-events: none;
  background: linear-gradient(to bottom, #270b2300 50%, #12030e 100%);
}
.popup-thumbs-arrows {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  width: calc(100% - 18px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 58px;
  pointer-events: auto !important;
  z-index: 20;
}
.popup-thumbs-arrows button {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto !important;
  cursor: pointer;
}
.popup-thumbs-arrows button:hover {
  opacity: 0.75;
}
.popup-thumbs-shade {
  pointer-events: none !important;
}
.popup-thumbs-swiper .swiper-slide,
.popup-thumbs-swiper .swiper-slide img {
  cursor: pointer;
}
.results-popup-note {
  position: absolute;
  left: 54px;
  bottom: 54px;
  z-index: 2;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 400px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  display: none;
}
.results-popup-note.note-ugc-img{
  display: block;
}
.results-popup-content {
  position: relative;
}
.results-popup-bottom-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -58px;
  z-index: 999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
}

.results-nav-btn {
  pointer-events: auto;
  position: relative;
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 18px;
  border: none;
  border-radius: 999px;
  background: var(--sec2);
  color: var(--thColor);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.results-nav-btn img{
  width: 10px;
}
.prev-img{
  transform: rotate(180deg);
}
.result-angles{
  display: flex;
  gap: 6px;
  margin-top: 11px;
  align-items: center;
  margin-bottom: 20px;
}
.result-angles img.r-angle-img {
  border-radius: 5px;
  height: 40px;
  object-fit: cover;
}
.result-angles img.r-angle-img:first-child{
  opacity: 1;
}
.result-angles .purple-arrow img{
  width: 17px;
  margin-bottom: 3px;
  margin-left: 5px;

}
.result-item{
  position: relative;
}
.zoom-img{
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 35px;
  height: 35px;
  text-align: center;
  background: #ffffff69;
  border-radius: 50%;
  line-height: 35px;
  cursor: pointer;
  transition: .3s;
}
.zoom-img:hover{
  background: var(--white);
}
.zoom-img i{
  color: white;
}
.zoom-img:hover i{
  color: var(--thColor);
}
.results-popup-content .swiper-pagination{
  display: none;
}
.filter-btn{
  display: none;
}
.results-main-image img.zoomed {
  transform: none; /* overridden by inline style from JS */
}
/* End of RESULTS Page  */

/* START OF BLUG HUB CSS  */
.blog-header .text-box h2, .blog-header .text-box h1.h1-as-h2{
   color: var(--white);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 7px !important;
  position: relative;

}
.blog-header .text-box h2 img, .blog-header .text-box h1.h1-as-h2 img{
   position: absolute;
    bottom: 10px;
}
.blog-header .text-box p{
  color: var(--white);
  font-family: var(--main-font);
  font-size: 40px;
}
.search-bar {
  position: relative;
  display: inline-block;
  background: var(--white);
  border-radius: 50px;
  padding: 4px 18px;
  margin: 0 auto;
}
.search-bar input {
  width: 100%;
  color: var(--thColor);
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  background: transparent;
  padding: 9px 30px 9px 0px;
  outline: none;
  font-weight: 600;
}
.search-bar input::placeholder {
  color: var(--thColor);
  font-weight: 600;
  font-size: 13px;
  font-family: var(--regular);
}
.search-bar button {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--sec2);
  border: none;
  cursor: pointer;
  border-radius: 22px;
  width: 33px;
  height: 33px;
}
.b-grid{
  display: grid;
  justify-content: center;
  gap:18px;
  padding:80px;
}
/*End of blog header */

/*Start of blog hub popular articles */
.hub-grid-3 {
  display: grid;
  grid-template-columns: 2fr 1.2fr;
  gap:25px;
}
.blogs-list {
  display: grid;
  gap: 23px;
}
.popular-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;

}
.popular-top h2{
  font-size: 30px;
  font-weight: 500;
  color:var(--thColor);
}
.popular-top h2 span{
  font-family: var(--main-font);
  font-style: italic;
}
.other-blog-title h4 {
  font-size: 16px;
  color: var(--thColor);
  font-weight: 500;
  font-family: var(--regular);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 21px;
}
.blog-info h4 {
  font-family: var(--regular);
  font-size: 23px;
  color: var(--thColor);
  font-weight: 500;
  max-width: 600px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 33px;
}
.other-blog-title {
  display: grid;
  height: fit-content;
  gap: 7px;
}
.list-latest-article{
  display: grid;
  gap:26px;
  padding-top:23px;
}

.hub-one {
  display: grid;
  grid-template-columns: 2.7fr 1fr;
  gap: 80px;
  border-bottom: 1px solid rgba(133, 133, 133, 0.23) ;
}
.sub-latest-article {
  display: grid;
  gap: 17px;
  grid-template-columns: 1.5fr 2fr;
}
.main-blog{
  display: grid;
  gap:14px;
}
.main-blog .main-image {
  height: 337px;
  object-fit: cover;
  border-radius:11px;
}
.other-blog-info{
  color: var(--gray);
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap:4px;
}
.other-blog{
  display: grid;
  gap:7px;
}
.other-image {
  height: 182px;
  object-fit: cover;
  border-radius: 11px;
}
.latest-left{
  font-size: 30px;
}
.latest-title h4 {
  font-size: 14px;
  color: var(--thColor);
  font-weight: 500;
  max-width: 160px;
  line-height: 21px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.latest-more-info{
  display: grid;
  gap:8px;
}
.latest-tag{
  display: flex;
  gap: 3px;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  color: var(--gray);
}
.latest-tag a{
  text-decoration: none;
  color: var(--gray);
}
.latest-time {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size:12px;
  color: var(--gray);
  font-weight: 600; 
}
.latest-time-item{
  display: flex;
  align-items: center;
  gap:3px;
}

.latest-tag img,
.blog-tag img,
.blog-time img {
  width: 20px;
}
.blog-tag-min{
  display: flex;
  align-items: center;
  gap:5px;
}
.blog-tag-min a, .blog-tag-min span:where(.blog-time){
  font-family: var(--regular);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: var(--thColor);
  background-color: var(--sec2);
  border-radius: 23px;
  padding: 5px 11px;
}
.blog-tag , .blog-time{
  display: flex;
  align-items: center;
  gap:3px;
}
.blog-more-info{
  display: flex;
  align-items: center;
  gap:5px;
}
.blog-more-info{
color: var(--gray);
font-size:13px;
font-weight: 500;
}
.read-more-link {
  text-decoration: none;
color: var(--gray);
}
.read-more-link:hover{
  color: var(--thColor);
}
.latest-top{
  font-size:30px;
  font-weight: 500;
  color:var(--thColor);
}
.latest-top h2{
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}
.b-article-next{
 border:none; 
 background-color: var(--sec2);
 width: 35px;
 height: 35px;
 align-items: center;
 justify-content: center;
 display: flex;
}
.italic-font{
  font-family: var(--main-font);
  font-style: italic;
}
.latest-image{
  height: 100%;
  object-fit: cover;
  border-radius: 11px;
}
/*End of blog hub popular articles*/
/* Doctor podcast section   */
.podcast-content {
  background-image: url("../images/podcast-bg.png");
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  max-width: 970px;
  height: 190px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 60px;
  overflow: visible;
}
.podcast-content .doctor-img {
  position: absolute;
  bottom: 0;
  left: 20px;
  z-index: 2;
  width: 228px;
}
.podcast-info {
  margin-left: 30%;
  display: grid;
  gap:5px;
}
.podcast-info h3 {
  color: var(--white);
  font-family: var(--main-font);
  font-size: 42px;
  font-weight: 500;
}
.podcast-info p {
  color: var(--white);
  font-size: 13px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 7px;
}
.podcast-info span{
  font-style: italic;
  font-family: var(--main-font);
}
.podcast-icons {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 18px;
}

.podcast-player {
  display: grid;
  gap: 20px;
  align-items: center;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(8px);
  border-radius: 23px;
  max-width: 280px;
  padding: 17px 35px;
}
.podcast-white-arrow{
  position: absolute;
  right: 15px;
  top: 22px;
}

.podcast-player h3 {
  color: var(--white);
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  font-family: var(--regular);
  text-align: center;
}
.podcast-play-icons {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.podcast-player .player-img{
  margin: auto;
}
.podcast-player h3{
  text-decoration: none;
}
/*End Doctor podcast section */
/*Start of blog content section */
.blog-articles-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap:21px;
}
.blog-a-card .a-card-bottom{
  background-color: transparent;
}
.blog-a-card .a-card-top-flex img {
  width: 20px;
}
.b-card-bottom h4{
  line-height: 25px;
  font-size:16px;
  font-weight: 500;
  padding-bottom: 7px;
}
.b-card-bottom h4 a{
  text-decoration: none;
  color: var(--thColor);
}
.b-card-top .a-card-img{
   height: 214px;
}
.b-card-top a span, .b-card-top span:where(.blog-time) span{
  font-size: 12px;
}
.b-card-meta{
  gap:5px;
  justify-content:start;
  align-items: center;
}
.b-card-meta a{
  text-decoration: none;
}
.article-card .b-card-bottom {
padding:20px 15px 8px 0px;
}
.b-card-bottom h4 a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* END OF BLUG HUB CSS  */

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

/* MEET THE DOCTOR */

/* Hero Section */
.full-bg-header .main-img{
  width: 675px;
  position: absolute;
  right: 0;
  bottom: 0;
}
#meet-the-founder-hero .container-box{
  max-width: 1280px;
  margin: auto;
  padding: 60px 0 60px 0;
  position: relative;
  height: 100%;
  display: grid;
  align-items: center;
}
#meet-the-founder-hero .content-text{
  display: grid;
  align-self: center;
  gap: 24px;
  width: 45%;
}
.header-founder-text{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  width: 50%;
}
.header-founder-text .h-text-item{
  border-left: 2px solid var(--white);
  padding-left: 22px;
  display: grid;
  gap: 10px;
}
.header-founder-text .h-text-item h3{
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--white);
  line-height: 30px;
}
.h-text-item h4{
  font-size: 15px;
  font-weight: 400;
  color: var(--white);
  opacity: 0.5;
}
.btn-thm .span-show-m{display: none;} 
/* End of Hero Section */

/* About the Founder */
#about-founder{
  padding: 80px 0 80px 0;
}
.founder-gallery{
  display: grid;
  grid-template-columns: 0.7fr 1fr 1fr 1fr 0.7fr;
  grid-gap: 20px;
  margin: 40px 0;
  position: relative;
  align-items: center;
}
.founder-gallery img{
  width: 100%;
  border-radius: 9px;
}
.founder-gallery .fg2{
  display: grid;
  grid-gap: 20px;
}
.founder-gallery img.handwritten-text{
  width: 110px;
  position: absolute;
  right: 76px;
  bottom: -3px;
}
#about-founder .box-center p{
  text-align: center;
  width: 56%;
  margin: 40px auto!important;
}
/* Medical Direction Swiper */
#medical-direction .grid-box-md {
  align-items: center;
}

#medical-direction .grid-box-content,
#medical-direction .medical-slider {
  min-width: 0;
}

.medical-slider, .require-images {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}

.medical-slider .medicalSwiper {
  width: 100%;
  overflow: visible;
}

.medicalSwiper .swiper-wrapper {
  align-items: center;
}

.medical-slider .medical-card {
  border-radius: 8px;
  overflow: hidden;
}

.medical-slider .medical-card img {
  width: 100%;
  height: 490px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}
.require-images.medical-slider .medical-card img {
  height: 465px;
}
/* Controls */
.medical-slider .medical-controls {
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  align-items: center;
  gap: 20px;
  margin-top: 18px;
}

.medical-slider .medical-prev,
.medical-slider .medical-next {
  position: static !important;
  width: 44px;
  height: 44px;
  margin: 0 !important;
  border: 1px solid var(--accent1);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.medical-slider .medical-prev::after,
.medical-slider .medical-next::after {
  display: none !important;
}

.medical-prev img,
.medical-next img {
  width: 16px;
  pointer-events: none;
}

.medical-prev img {
  transform: rotate(180deg);
}

.medical-slider .medical-pagination {
  position: static !important;
  display: flex;
  justify-content: center;
  align-items: center;
}


#founder-popup{display: none;}
/* End of About the Founder */

/* Medical Direction */
.grid-box-md{
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-gap: 50px;
}
.grid-box-md .text-box h2, .grid-box-md .text-box p{
  text-align: left;
}
.direction-box{
  margin-top: 10px;
}
.d-box-grid{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 15px;
  margin-top: 10px;
}
.d-box-grid .d-box{
  border-radius: 8px;
  background: var(--accent1);
  padding: 20px 50px;
  position: relative;
}
.d-box-grid .d-box h3{
  font-size: 13px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  line-height: 19px;
  letter-spacing: 0.2px;
}
.d-box-grid .d-box h5{
  position: absolute;
  top: 2px;
  left: 2px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 6px;
  background: var(--bs-light);
  width: 37px;
  height: 29px;
  line-height: 26px;
  text-align: center;
  color: var(--thColor);
  font-size: 17px;
  font-weight: 600;
}
.grid-box-md .grid-box-content{
  display: grid;
  grid-gap: 7px;
}
/* End of Medical Direction */

/* Leading Media */
#leading-media .text-box.box-center p{
  width: 76%;
  margin: auto;
}
#leading-media .lm-box-p{
  width: 72%;
  margin: 10px auto 30px;
}
.media-slider-2 .media-box-top .media-img{
  width: 100%;
  border-radius: 6px;
  height: 160px;
  object-fit: cover;
}
.media-slider-2 .media-slider-box{
  border-radius: 8px;
  background-color: var(--sec2);
  padding: 11px;
  cursor: pointer;
}
.media-box-top{
  position: relative;
}
.media-box-top .media-logo{
  display: flex;
  justify-content: center;
  position: absolute;
  background: var(--sec2);
  padding: 11px 14px;
  width: 71px;
  border-bottom-right-radius: 8px;
  padding-top: 0;
  padding-left: 8px;
}
.media-box-bottom h4{
  font-size: 15px;
  color: var(--thColor);
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 14px;
  margin-bottom: 3px !important;
  line-height: 21px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.media-box-bottom h5{
  font-size: 14px;
  line-height: normal;
  color: #767676;
  font-weight: 500;
  line-height: 25px;
  transition: .3s;
}
.play-white-bg{
  width: 33px;
  height: 33px;
  border-radius: 50%;
  text-align: center;
  line-height: 31px;
  background-color: white;
  display: block;
}
.media-slider-2 {margin-top: 43px;}
/* End of Leading Media */

/* Expert Insight */
.insight-grid .i-box-left p{
  padding-right: 100px;
}
.insight-grid .insight-btn{
  display: grid;
  grid-gap: 14px;
  margin-top: 50px;
}
.insight-grid .insight-btn .i-btn{
  display: flex;
  align-items: center;
  padding: 12px 19px;
  background: var(--sec2);
  border-radius: 8px;
  justify-content: space-between;
  transition: .3s;
}

.insight-grid .insight-btn .i-btn:hover{
  background: var(--accent1);
  cursor: pointer;
}
.insight-grid .i-btn-content img{
  width: 48px;
  transition: .3s;
}
.insight-grid .i-btn:hover img{
  filter: brightness(100);
}
.insight-grid .i-btn-content h4{
  font-size: 15px;
  color: var(--thColor);
  font-weight: 600;
  text-transform: uppercase;
  transition: .3s;
}
.insight-grid .i-btn:hover .i-btn-content h4{
  color: var(--white);
}
.insight-grid .i-btn-content{
  display: flex;
  align-items: center;
  gap: 10px;
}
.insight-grid .insight-btn .i-arrow{
  width: 19px;
}
.insight-grid .i-box-right{
  background: var(--sec2);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 1.4fr 2fr;
}
.insight-grid .i-box-img{
  position: relative;
}
.insight-grid .i-box-img .red-dot{
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 50%;
  display: block;
  animation: redDotPulse 1.8s ease-in-out infinite;
}
@keyframes redDotPulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.5);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(255, 0, 0, 0);
        transform: scale(1.1);
    }
}
.insight-grid .i-box-img label{
  background: white;
  padding: 0px 8px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
  color: var(--thColor);
  position: absolute;
  right: 5px;
  top: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.insight-grid .i-box-img .img-desktop{
  width: 100%;
  border-radius: 7px;
  height: 100%;
  object-fit: cover;
}
.insight-grid .i-box-right{
  padding: 17px;
}
.insight-grid .i-box-content h3{
  color: var(--thColor);
  font-size: 28px;
  line-height: 35px;
  font-weight: 500;
  border-bottom: 1px solid rgba(76, 76, 76, 0.13);
  padding-bottom: 13px;
  margin-bottom: 15px !important;
}
.insight-grid .i-box-content h3 span{
  font-family: var(--main-font);
  font-style: italic;
  margin-bottom: 20px;
}
.insight-grid .i-box-content{
  padding-left: 20px;
  display: grid;
  align-content: space-between;
}
.i-box-content p{
  color: #767676;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  padding-right: 10px;
}
.i-box-content .i-content-list{
  margin-top: 15px;
}
.i-box-content .i-list-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.i-box-content .i-left{
  display: grid;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
  grid-template-columns: 1fr 2fr;
}
.i-box-content .i-left img{
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i-box-content .i-list-item{
  border: 1px solid rgba(221, 221, 221, 0.95);
  border-radius: 11px;
  margin: 14px 0;
  padding-right: 14px;
}
.i-box-content .i-list-item .text-small{
  font-size: 15px;
  padding-bottom: 5px;
}
.i-box-content .i-list-item p{
  font-size: 12px;
  font-weight: 500;
  color: var(--gray);
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.i-box-content .i-pod-content{
  padding: 9px 0;
}
.i-box-content .i-list-item .i-nav a{
  display: block;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: var(--thColor);
  text-align: center;
  align-items: center;
  line-height: 26px;
  padding-left: 3px;
}
.i-box-right.i-box-pub{
  grid-template-columns: 1fr;
}
.i-box-pub .simple-link:hover{
  cursor: pointer;
}
.i-box-right .i-box-articles{
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
  margin-top: 16px;
  margin-bottom: 27px;
}
.i-box-right .i-box-articles .article-card{
  display: flex;
  grid-template-columns: 1.5fr 2fr;
  border-top-left-radius: 11px;
  border-top-left-radius: 11px;

}
.i-box-right .a-card-bottom h4 {
  font-size: 15px;
  color: var(--thColor);
  font-weight: 500;
  line-height: 25px;
  padding-bottom: 4px;
  -webkit-line-clamp: 4;
}
.i-box-right .a-card-top .a-card-img{
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transition: .3s;
}
.i-box-right .a-card-top{
  overflow: hidden;
}
.i-box-right .a-card-top:hover .a-card-img{
  transform: scale(1.1);
}
.i-box-right .article-card .a-card-bottom {
  background-color: #e1e1e7;
  margin-top: 0;
  border-top-right-radius: 14px;
  border-bottom-left-radius: 0px;
  display: grid;
  align-content: space-between;
  padding-top: 15px;
}
.insight-grid .i-box-content{
  padding-right: 20px;
}
.insight-grid .i-box-right.i-box-pub{
  padding-bottom: 25px;
}
.i-box-articles .a-card-top-flex{
  position: relative;
  left: 0;
  bottom: 0;
}
.i-box-articles .a-card-top-flex a{
  padding: 3px 8px;
}
.i-box-articles .a-card-top-flex a span{
  font-size: 12px;
}
.i-box-pub .i-box-videos{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.i-box-pub .dev-v-top{
  overflow: hidden;
  border-radius: 7px;
}
.i-box-pub .dev-v-top img.dev-video-thumb{
  width: 100%;
  border-radius: 7px;
  transform: scale(1);
  transition: .3s;
}
.i-box-pub .dev-v-top:hover img.dev-video-thumb{
  transform: scale(1.1);
}
.dev-v-bottom h4{
  font-size: 16px;
  color: var(--thColor);
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  margin-top: 8px;
}
.i-box-pub .i-box-videos a{
  text-decoration: none;
}
.i-box-pub .dev-v-top{
  position: relative;
}
.dev-v-top .play-icon{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff54;
  backdrop-filter: blur(2px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 35px;
  text-align: center;
  padding-left: 5px;
  z-index: 99;
}
.dev-v-top .play-icon img{
  width: 12px;
}
.insight-grid .i-box-right{
  display: none;
}
.insight-grid .i-box-right.active{
  display: grid;
}
.insight-grid .i-box-img .img-mobile{display: none;}
/* End of Expert Insight */

/* Medical Background */
.medical-grid{
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
  margin-top: 60px;
}
.medical-grid .image-box-left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 11px;
}
.medical-grid .medical-list{
  display: grid;
  grid-gap: 16px;
}
.medical-grid .list-item{
  border-radius: 15px;
  border: 1px solid rgba(107, 34, 97, 0.19);
  display: flex;
  align-items: center;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  grid-gap: 25px;
}
.medical-grid .list-item-icon img{
  width: 41px;
}
.medical-grid .list-item-text ul{
  list-style-type: none;
}
.medical-grid .list-item-icon{
  background: var(--accent1);
  height: 100%;
  align-items: center;
  display: flex;
  padding: 0 7px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.list-item-text{
  display: grid;
  grid-gap: 6px;
  padding: 14px 0;
}
.list-item-text h2{
  font-size: 14px;
  font-weight: 700;
  color: var(--thColor);
}
.list-item-text p, .list-item-text ul li{
  color: var(--thColor);
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  padding-right: 10px;
}
.list-item-icon h2{display: none;}
.list-item-icon i{display: none;}
/* End of Medical Background */

/* The Socials */
/* Doctor Socials */
#doctor-socials {
  max-width: 100%;
  background: var(--white);
  padding: 90px 5vw;
  overflow: hidden;
}

#doctor-socials .container-box {
  max-width: 1280px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  align-items: center;
  gap: 80px;
}

.socials-left {
  display: grid;
  align-content: center;
}

#doctor-socials .text-box {
  margin-bottom: 32px;
}

#doctor-socials .text-box h2,
#doctor-socials .text-box p {
  text-align: left;
}

#doctor-socials .text-box p strong {
  display: block;
  font-weight: 500;
}

#doctor-socials .text-box p span {
  font-family: var(--main-font);
  font-style: italic;
}

.social-language-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 42px;
}

.social-lang {
  border: 1px solid rgba(107, 34, 97, 0.12);
  background: var(--sec2);
  color: var(--thColor);
  border-radius: 40px;
  padding: 5px 24px 5px 6px;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 15px;
  font-weight: 600;
  transition: 0.3s;
}

.social-lang img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}

.social-lang.active,
.social-lang:hover {
  background: var(--thColor);
  color: var(--white);
  cursor: pointer;
  font-weight: 500;
}

.doctor-social-grid {
  width: 100%;
  max-width: 525px;
  margin-bottom: 42px;
}

.doctor-social-set {
  display: none;
  width: 100%;
}

.doctor-social-set.active {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.doctor-social-item {
  min-height: 92px;
  display: flex;
  align-items: center;
  gap: 20px;
  text-decoration: none;
  color: var(--thColor);
  transition: 0.3s;
}

.doctor-social-item:nth-child(odd) {
  border-right: 1px solid rgba(107, 34, 97, 0.16);
  padding-right: 38px;
}

.doctor-social-item:nth-child(even) {
  padding-left: 55px;
}

.doctor-social-item:nth-child(1),
.doctor-social-item:nth-child(2) {
  border-bottom: 1px solid rgba(107, 34, 97, 0.12);
}

.doctor-social-item small {
  display: block;
  color: var(--gray);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.doctor-social-item strong {
  display: block;
  color: var(--thColor);
  font-size: 15px;
  font-weight: 600;
}

.doctor-social-item:hover {
  transform: translateY(-4px);
}

.doctor-social-icon {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 25px;
  flex: 0 0 auto;
}

.tiktok-icon {
  background: #000;
}

.facebook-icon {
  background: #1877f2;
}

.instagram-icon {
  background: radial-gradient(circle at 30% 110%, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
}

.youtube-icon {
  background: #ff0000;
}

.socials-right {
  position: relative;
  min-height: 560px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.instagram-card {
  width: 390px;
  background: var(--sec2);
  border-radius: 17px;
  padding: 14px;
  position: relative;
  z-index: 2;
}

.instagram-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2px 13px 2px;
  color: var(--thColor);
}

.instagram-profile {
  display: flex;
  align-items: center;
  gap: 10px;
}

.instagram-profile img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--white);
}

.instagram-profile h3 {
  font-size: 15px;
  font-weight: 700;
  color: var(--thColor);
}

.instagram-profile h3 i {
  color: #43a4ff;
  font-size: 14px;
  margin-left: 5px;
}

.instagram-image {
  height: 420px;
  border-radius: 15px;
  overflow: hidden;
  background: #dddde7;
}

.instagram-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.instagram-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--thColor);
  font-size: 26px;
  padding: 16px 5px 2px 5px;
}

.instagram-actions div {
  display: flex;
  gap: 17px;
}

.social-stat {
  position: absolute;
  z-index: 4;
  background: rgba(247, 247, 251, 0.94);
  border: 1px solid rgba(107, 34, 97, 0.12);
  box-shadow: 0 10px 30px rgba(59, 17, 68, 0.08);
  backdrop-filter: blur(12px);
  border-radius: 10px;
  padding: 14px 22px;
  color: var(--thColor);
}

.social-stat strong {
  display: block;
  font-size: 19px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 8px;
  text-align: center;
}

.social-stat span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.social-stat-views {
  top: 110px;
  left: 5px;
}

.social-stat-shares {
  left: 55px;
  bottom: 90px;
}

.social-stat-followers {
  right: -8px;
  top: 290px;
}
.instagram-actions i{
  font-size: 22px;
}
/* Active button only */
.social-lang.active img {
  border: 1px solid rgba(255,255,255,0.8);
}

/* End of The Socials */

/* Gallery */
#content-gallery .gallery-swiper .gallery-card img.gallery-img{
  width: 100%;
  border-radius: 11px;
}
#content-gallery  .gallery-swiper{
  margin-top: 35px;
  margin-bottom: 18px;
}
#content-gallery .galery-card{
  position: relative;
}
.gallery-card .patient-info{
  border-radius: 11px;
}
.gallery-card .patient-info p{
  font-size: 14px;
}
.swiper-button-prev.gallery-prev{
  left: 13vw;
  background: none;
  border: none;
  top: 59%;
}
.swiper-button-next.gallery-next{
  right: 13vw;
  background: none;
  border: none;
  top: 59%;
}
.gallery-controls .swiper-pagination{
  margin-bottom: 25px;
}
/* End of Gallery */

/* Patient Moments */
#patient-moments {
  padding: 70px 5vw 80px;
  max-width: 100%;
  background: var(--white);
}

#patient-moments .container-box {
  max-width: 1280px;
  margin: auto;
}

#patient-moments .text-box {
  margin-bottom: 42px;
}

#patient-moments .text-box h2 {
  font-size: 14px;
  letter-spacing: 0;
}

#patient-moments .text-box p span {
  font-family: var(--main-font);
  font-style: italic;
}

.pm-photo-wall {
  display: grid;
  grid-template-columns: 0.92fr 1.22fr 0.95fr 1.28fr;
  gap: 20px;
  align-items: stretch;
}

.pm-column {
  display: grid;
  gap: 20px;
}

.pm-card {
  margin: 0;
  overflow: hidden;
  background: var(--sec2);
}

.pm-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.55s ease;
}

.pm-card:hover img {
  transform: scale(1.045);
}

.pm-h-small {
  height: 295px;
}

.pm-h-medium {
  height: 330px;
}

.pm-h-large {
  height: 395px;
}

.pm-column-two .pm-h-large {
  height: 415px;
}

.pm-column-two .pm-h-small {
  height: 275px;
}

.pm-column-three .pm-h-medium {
  height: 330px;
}

.pm-column-three .pm-h-large {
  height: 360px;
}

.pm-column-four .pm-h-large {
  height: 390px;
}

.pm-column-four .pm-h-medium {
  height: 300px;
}

.pm-btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 38px;
}

.pm-view-btn {
  background: var(--sec2);
  color: var(--thColor);
  text-decoration: none;
  border-radius: 50px;
  padding: 14px 35px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.3s;
}

.pm-view-btn i {
  font-size: 13px;
  transition: transform 0.3s;
}

.pm-view-btn:hover {
  background: var(--thColor);
  color: var(--white);
}

.pm-view-btn:hover i {
  transform: translateX(4px);
}
.b-c-shadow{
  display: none;
}
/* Expert CTA */
#expert-cta{
  max-width: 100%;
  position: relative;
  height: 610px;
  padding: 0;
}
#expert-cta .space-white{
  position: relative;
  background: var(--white);
  height: 45%;
}
#expert-cta .space-dark{
  position: relative;
  background: var(--thDark);
  height: 55%;
}
#expert-cta .cta-grid{
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  gap: 30px;
  position: relative;
  padding: 45px 0;
}
#expert-cta .cta-grid .lamp-img{
  position: absolute;
  top: 0;
  left: 57%;
  transform: translate(-50%, 0);
  width: 100px;
}
#expert-cta .expert-cta-box{
  background: var(--sec2);
  border-radius: 50px 50px 20px 20px;
  padding: 0 45px;
  position: absolute;
  z-index: 9999;
  left: 50%;
  transform: translate(-50%, 0);
  width: 1290px;
  top: 0;
}
.expert-cta-box .cta-grid .text-box{
  margin-bottom: 35px;
}
.expert-cta-box .cta-grid .cta-left{
  padding-left: 20px;
}
.white-bg-form input, .white-bg-form select, .white-bg-form textarea{
  padding: 10px;
  border-radius: 30px;
  border: none;
  background: white;
  color: var(--thColor);
  padding-left: 25px;
}
.white-bg-form textarea{
  border-radius: 15px;
}
.white-bg-form input::placeholder, .white-bg-form textarea::placeholder{
  color: var(--thColor);
  font-size: 14px;
  font-weight: 600;
}
.white-bg-form{
  display: grid;
  grid-gap: 16px;
}
.white-bg-form .grid-two{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.white-bg-form button{
  border: none;
  margin-top: 22px;
}
.img-cta-form{
  width: 490px;
  position: absolute;
  bottom: 0;
  right: 25px;
}

/* End of Expert CTA */
.scientific-top {
  display: flex;
  gap: 12px;
  padding-bottom: 10px;
}
.scientific-top img {
  width: 50px;
}
.d-box-grid .d-box{
  display: flex;
  align-items: center;
}
/* Medical Publications Popup */
        .medical-pub-popup-overlay {
            position: fixed;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 25px;
            background: rgba(0, 0, 0, .55);
            backdrop-filter: blur(5px);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            z-index: 99999;
            transition: opacity .3s ease, visibility .3s ease;
        }

        .medical-pub-popup-overlay.active {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .medical-pub-popup {
            position: relative;
            width: 100%;
            max-width: 1000px;
            max-height: 90vh;
            padding: 45px;
            overflow-y: auto;
            background: #fff;
            border-radius: 22px;
            box-shadow: 0 20px 70px rgba(0, 0, 0, .2);
            transform: translateY(20px) scale(.98);
            transition: transform .3s ease;
        }

        .medical-pub-popup-overlay.active .medical-pub-popup {
            transform: translateY(0) scale(1);
        }

        .medical-pub-popup-close {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            border: 0;
            border-radius: 50%;
            background: #f1f1f1;
            color: #777;
            font-size: 18px;
            cursor: pointer;
            z-index: 5;
        }

        .medical-pub-popup-close:hover {
            color: var(--thColor);
        }


        /* Author */
        .medical-pub-popup-head {
            margin-bottom: 35px;
        }

        .medical-pub-author {
            display: flex;
            align-items: center;
            gap: 25px;
        }

        .medical-pub-author-img {
            width: 120px;
            height: 120px;
            flex-shrink: 0;
            object-fit: cover;
            border-radius: 50%;
        }

        .medical-pub-author-info h3 {
            margin: 0 0 8px;
            color: #111;
       font-family: Arial, sans-serif;;
            font-size:24px;
            font-weight: 400;
        }

        .medical-pub-author-info p {
            margin: 2px 0;
            color: #333;
            font-family: var(--regular);
            font-size: 15px;
        }

        .medical-pub-author-info span {
            display: block;
            margin-top: 8px;
            color:#1a0dab;
            font-family: var(--regular);
            font-size: 14px;
            font-weight: 500;
        }


        /* Table Head */
        .medical-pub-table-head {
            display: grid;
            grid-template-columns: 1fr 150px;
            gap: 20px;
            padding: 14px 18px;
            background: #f4f4f4;
            color: #555;
            font-family: var(--regular);
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .medical-pub-table-meta {
            display: grid;
            grid-template-columns: 1fr 1fr;
            text-align: right;
        }


        /* Articles */
        .medical-pub-item {
            display: grid;
            grid-template-columns: 1fr 150px;
            gap: 20px;
            padding: 20px 18px;
            border-bottom: 1px solid #e5e5e5;
        }

        .medical-pub-main {
            min-width: 0;
        }

        .medical-pub-title {
            display: inline-block;
            margin-bottom: 6px;
            color:#1a0dab;
            font-family: Arial, sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.4;
            text-decoration: none;
        }

        .medical-pub-title:hover {
            text-decoration: underline;
            opacity: .8;
        }

        .medical-pub-authors,
        .medical-pub-journal {
            margin: 0;
            color:#777777;
            font-family: Arial, sans-serif;
            font-size: 13px;
            line-height: 1.4;
        }

        .medical-pub-journal {
            color: #777;
        }

        .medical-pub-numbers {
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: start;
            color: #333;
            font-family: var(--regular);
            font-size: 14px;
            text-align: right;
        }

        .medical-pub-numbers span:first-child {
            color: var(--thColor);
        }


        /* Scholar Link */
        .medical-pub-scholar-link {
            width: fit-content;
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 30px 0 0 auto;
            color: var(--thColor);
            font-family: var(--regular);
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
        }

        .medical-pub-scholar-link:hover {
            text-decoration: underline;
        }


        /* Disable page scroll */
        body.medical-pub-open {
            overflow: hidden;
        }

        .scientific-top {
            display: flex;
            gap: 12px;
            padding-bottom: 10px;
        }

        .scientific-top img {
            width: 50px;
        }

        .media-country-tabs {
            display: flex;
            justify-content: center;
            align-items: center;
            width: fit-content;
            margin: 12px auto 30px;
            padding: 3px;
            border: 1px solid var(--thColor, #7c176c);
            border-radius: 30px;
        }

        .media-country-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-width: 62px;
            padding: 8px 14px;
            border: 0;
            border-radius: 25px;
            background: transparent;
            color: var(--thColor, #7c176c);
            font-family: inherit;
            font-size: 13px;
            font-weight: 600;
            line-height: 1;
            cursor: pointer;
            transition: background-color .25s ease, color .25s ease;
        }

        .media-country-flag {
            width: 20px;
        }

        .media-country-btn:hover:not(.active) {
            background: rgba(124, 23, 108, .08);
        }

        @media (max-width: 600px) {
            .i-box-content .simple-link {
                padding-top: 12px;
            }
        }
/* END OF MEET THE DOCTOR */

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

/* PROTOCOLS */
.protocols-controls {
  margin: 0 auto 40px auto;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
/* Filter pills */
.protocols-filters {
  display: flex;
  gap: 10px;
  position: relative;
  /* Mobile drag scroll */
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
  cursor: grab;
}
@media screen and (min-width: 800px) {
  .protocols-filters {
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
  }
}
.protocols-filters::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}
.protocols-filters:active {
  cursor: grabbing;
}
.protocols-filters img{
  height: 45px;
  right: -1px;
  position: sticky;
}
.protocols-controls.on-scroll {
    position: sticky;
    top: 83px;
    padding: 30px 0;
    background: white;
    z-index: 9999;
}
.filter-pill {
  padding: 12px 24px;
  border-radius: 50px;
  border: none;
  background: var(--sec2);
  color: var(--thColor);
  font-family: var(--regular);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;

   /* Prevent shrinking */
  flex-shrink: 0;
  scroll-snap-align: start;
}
.filter-pill:hover,
.filter-pill.active {
  background: #BF1991;
  color: white;
}
.filter-dots {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 15px;
}
.filter-dot {
  width: 11px;
  height: 8px;
  border-radius: 10px;
  background: var(--sec2);
  transition: background 0.3s;
  flex-shrink: 0;
}
.filter-dot.active {
  background: var(--thColor);
  width: 19px;
}
.protocols-section-title {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--thColor);
  letter-spacing: 0.08em;
  margin-bottom: 24px;
}
.protocols-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 30px;
}
/* Protocol Card */
.protocol-card {
  background: var(--sec2);
  border-radius: 16px;
  overflow: hidden;
  transition: box-shadow 0.3s, transform 0.3s;
  padding: 10px 10px 10px 10px;
}
.protocol-card:hover {
   
  transform: translateY(-3px);
}
.protocol-card-img {
  position: relative;
  height: 250px;
  overflow: hidden;
  border-radius: 6px;
}
.protocol-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  border-radius: 6px;
}
.protocol-card:hover .protocol-card-img img {
  transform: scale(1.05);
}
.protocol-card-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(255, 255, 255, 0.93);
  color: var(--thColor);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 6px 17px 4px 17px;
  border-radius: 50px;
  backdrop-filter: blur(6px);
  line-height: 15px;
}
.protocol-card-body {
  padding: 14px 5px 6px 5px;
}
.protocol-card-body h3 {
  font-family: var(--regular) !important;
  font-size: 14px  !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  color: var(--thColor);
  margin-bottom: 10px !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 18px;
}
.protocol-card-body p{
  font-size: 13px;
  font-weight: 500;
  color: var(--gray);
  line-height: 1.7;
  margin-bottom: 13px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.protocol-card-actions {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
}
.protocol-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 50px;
  font-family: var(--regular);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1.5px solid rgba(107, 34, 97, 0.3);
  color: var(--thColor);
  cursor: pointer;
  transition: all 0.3s;
}
.protocol-btn i {
  font-size: 12px;
}
.protocol-btn:hover {
  background: var(--sec2);
  border-color: var(--thColor);
  color: var(--thColor);
}
.protocol-btn {
  border: 1px solid #bf1991;
  transition: .3s;
}
.protocol-btn:hover {
  background: #fff;
}
.protocol-btn.download-btn {
  background: #bf1991;
  border-color: transparent;
  color: white;
  font-weight: 500;
  transition: .3s;
}
.protocol-btn.download-btn:hover {
  background: var(--thDark);
  color: white;
}

/* End of PROTOCOLS */

/* CAREERS PAGE */
/* Hero */
.careers-hero {
  position: relative;
  height: 100vh;
  background-image: url('../images/careers-bg-image.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  display: flex;
  align-items: flex-end;
}
.careers-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgb(59 17 68 / 61%) 0%, rgb(59 17 68 / 25%) 45%, rgba(59, 17, 68, 0.05) 100%);
}
.careers-hero .container-box {
  position: relative;
  z-index: 2;
  margin: auto;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
}
.careers-hero .content-text p{
  padding-right: 280px;
}
.careers-hero .careers-hero-left{
  padding-left: 5vw;
}
.careers-hero .content-text {
    display: grid;
    align-self: center;
    gap: 30px; 
}
.careers-hero-left .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.careers-hero-left .hero-eyebrow span {
  font-family: var(--regular);
  font-size: 27px;
  font-weight: 500;
  color: var(--white);
  letter-spacing: 0.5px;
}
.careers-hero-left .hero-eyebrow span em{
  font-family: var(--main-font);
  font-size: 29px;
}
.careers-hero-left .hero-eyebrow i {
  color: var(--white);
  font-size: 12px;
}
.careers-hero-left .button-flex {
  justify-content: flex-start;
}

/* CAREER PAGE */
#careers-benefits{
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  top: -45px;
}
.benefits-left .text-body {
  margin-top: 20px;
  margin-bottom: 30px !important;
}
.benefits-grid {
  display: grid;
  grid-template-columns: 1.3fr 3fr;
  gap: 70px;
}
.benefits-right{
  display: grid;
  gap: 15px;
  align-content: space-evenly;
}
.benefits-grid-list{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
}
.benefit-card {
  background: var(--accent1);
  border-radius: 10px;
  padding: 17px 20px;
  display: grid;
  gap: 17px;
  transition: .3s;
}
.benefit-card h4 {
  font-family: var(--regular);
  font-size: 14px;
  font-weight: 500;
  color: var(--white);
  transition: .3s;
  text-align: center;
  padding: 0 12%;
  line-height: 21px;
}
.benefit-card img{
  width: 45px;
  margin: auto;
}

/* Meet The Team Slider */
#careers-team {
  padding-top: 25px;
}
.team-swiper .team-card {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 3/4;
  height: 380px;
  width: 100%;
}
.team-swiper .team-card img.team-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
 .team-swiper .team-card .team-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  background: linear-gradient(to top, rgba(59,17,68,0.85) 0%, transparent 100%);
}
.team-swiper .team-card .team-info p {
  font-size: 15px;
  color: var(--white);
  font-weight: 400;
  text-align: left;
}
.team-swiper {
  padding-bottom: 10px;
  margin-top: 40px;
}
.simple-prev, .simple-next{
  width: 44px;
  height: 44px;
  border: none;
  cursor: pointer;
  text-align: center;
  line-height: 44px;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 55%;
}
.simple-controls .simple-prev{
  left: -55px;
}
.simple-controls .simple-next{
  right: -55px;
}
.simple-controls .swiper-pagination{
  width: fit-content;
  margin: auto;
  left: 50%;
  transform: translate(-50%, 0);
}
/* What We Provide */
#careers-provide .provide-grid {
  display: grid;
  grid-template-columns: 1.2fr 2fr;
  gap: 70px;
  align-items: center;
}
.checklist-box{
  background: var(--sec2);
  border-radius: 16px;
  padding: 20px 0;
  margin: 20px 0 25px 0;
}
.checklist-box .box-title h4{
  font-size: 18px;
  color: var(--thColor);
  font-weight: 600;
  padding: 0 20px;
}
.check-list {
  margin-top: 20px;
  border-top: 1px solid rgba(107, 34, 97, 0.14);
  display: grid;
  gap: 12px;
  padding: 17px 20px 0;
}
.check-list-item {
  display: flex;
  align-items: center; 
  gap: 12px;
}
.check-list-item i {
  color: var(--accent1)!important;
  font-size: 14px;
  flex-shrink: 0;
}
.check-list-item span {
  font-size: 15px;
  font-weight: 500;
  color: var(--thColor);
  line-height: 24px;
}
.provide-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: end;
}
/* Team Events */
#team-events {
  padding: 70px 5vw;
  max-width: 100%;
  background: var(--sec2);
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
#team-events .container-box {
  max-width: 1280px;
  margin: auto;
}
.events-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 40px;
}
.event-card {
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  background: #fff;
}
.event-card-img {
  height: 185px;
  overflow: hidden;
}
.event-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.event-card:hover .event-card-img img {
  transform: scale(1.04);
}
.event-card-body {
  padding: 14px 10px;
}
.event-card-body .event-gallery-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: gray;
  text-underline-offset: 2px;
  text-decoration: none;
  text-decoration: underline;
  transition: .3s;
}
.event-card-body .event-gallery-link i {
  font-size: 11px;
}
.event-card-body .event-gallery-link:hover {
  color: var(--accent);
  gap: 10px;
}
.events-controls {
  margin-top: 0px;
}
.events-prev, .events-next {
  position: static;
  transform: none;
  margin: 0;
  width: 44px;
  height: 44px;
  border: 1px solid var(--accent1);
  border-radius: 50%;
  cursor: pointer;
  background-color: transparent;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;  
}
.events-swiper{margin-top: 30px;}

.event-card-body h4 {
  font-family: var(--main-font);
  font-size: 25px;
  color: var(--thColor);
  margin-bottom: 5px !important;
  text-align: center;
}

/* In Return We Require */
.require-box{
  margin-top: 25px;
  background: var(--sec2);
  padding: 25px 0;
  border-radius: 16px;
  padding-bottom: 0;
  position: relative;
}
.require-box .check-list{
  border-top: 1px solid rgba(107, 34, 97, 0.14);
  padding: 20px;
}
.require-box .require-box-title{
  font-size: 18px;
  padding: 0 20px;
  color: var(--thColor);
  font-weight: 600;
}
.require-right .require-box {
  margin-top: 25px;
  background: var(--sec2);
  padding: 19px 0;
  border-radius: 16px;
  padding-bottom: 0;
  position: relative;
}
.require-box .btn-thm{
  position: absolute;
  bottom: 15px;
  right: 20px;
}
.require-grid{
  display: grid;
  grid-template-columns: 2fr 1.6fr;
  gap: 50px;
}
/* Available Positions */
.positions-list {
  margin-top: 30px;
  display: grid;
  gap: 1px;
  border-radius: 18px;
  overflow: hidden;
  padding-bottom: 25px;
}
.position-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 26px 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  transition: background .25s;
}
.position-item:hover {
  background: var(--sec2);
}
.position-item-left h3 {
  font-family: var(--regular);
  font-size: 20px;
  font-weight: 600;
  color: var(--thColor);
  margin-bottom: 8px !important;
}
.position-item-left p {
  font-size: 14px;
  color: var(--gray);
  font-weight: 500;
  line-height: 22px;
}
.position-item-right {
  flex-shrink: 0;
  margin-left: 30px;
}
.positions-btn-wrap {
  margin-top: 34px;
  display: flex;
  justify-content: center;
}
/* Team Events Gallery Popup */
.events-gallery-popup {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.events-gallery-popup.is-open {
  display: flex;
}
.events-popup-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  z-index: 1;
}
.events-popup-content {
  position: relative;
  z-index: 2;
  width: min(820px, 94vw);
  background: transparent;
}
.events-popup-title {
  color: var(--white);
  font-family: var(--main-font);
  font-size: 32px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 16px;
}
.events-popup-close {
  position: absolute;
  top: -40px;
  right: 0;
  background: transparent;
  border: none;
  color: var(--white);
  font-size: 28px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s;
  line-height: 1;
  z-index: 10;
}
.events-popup-close:hover { opacity: 1; }
.events-popup-img-wrap {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #1a0a18;
}
.events-popup-img-wrap img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  display: block;
  border-radius: 16px;
  transition: opacity 0.25s ease;
}
.events-popup-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.3);
  backdrop-filter: blur(6px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: background 0.2s;
}
.events-popup-nav:hover { background: rgba(255,255,255,0.28); }
.events-popup-prev { left: 14px; }
.events-popup-next { right: 14px; }
.events-popup-nav img { width: 16px; pointer-events: none; }
.events-popup-prev img { transform: rotate(180deg); }
.events-popup-counter {
  text-align: center;
  color: rgba(255,255,255,0.6);
  font-size: 13px;
  font-weight: 500;
  font-family: var(--regular);
  margin-top: 14px;
  letter-spacing: 0.5px;
}
.events-popup-dots {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-top: 10px;
}
.events-popup-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: background 0.2s, width 0.2s;
}
.events-popup-dot.active {
  background: var(--white);
  width: 18px;
  border-radius: 4px;
}
#open-positions{
  padding-bottom: 200px;
}
@media (max-width: 600px) {
  .events-popup-img-wrap img { height: 260px; }
  .events-popup-title { font-size: 24px; }
}
/* End of CAREERS PAGE */

/* CAREERS LIST PAGE */
#career-header .career-header-img{
  width: 100%;
  height: 390px;
  object-fit: cover;
  border-radius: 25px;
  margin-top: 25px;
}

#career-header .career-header-swiper{
  width: 100%;
  height: 460px;
  margin-top: 25px;
  border-radius: 25px;
  overflow: hidden;
}

#career-header .career-header-swiper .swiper-slide{
  width: 100%;
  height: 100%;
}

#career-header .career-header-swiper .swiper-slide img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}
#career-header .career-header-swiper .slide-keit-hotel img{
  object-position: center 65%;
}
#career-header .career-header-swiper .swiper-button-prev,
#career-header .career-header-swiper .swiper-button-next{
  color: #fff;
}

#career-header .career-header-swiper .swiper-pagination-bullet{
  background: #fff;
  opacity: .6;
}

#career-header .career-header-swiper .swiper-pagination-bullet-active{
  opacity: 1;
}


#career-header .positions-filter{
  background: var(--sec2);
  border-radius: 20px;
  padding: 30px;
  margin: 35px 0;
}
.positions-filter .filter-head {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.positions-filter .filter-labels{
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  row-gap: 15px;
}
#job-list .job-list-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
}
#job-list .job-list-grid .job-item{
  background: var(--sec2);
  border-radius: 20px;
}
.job-item .job-head h4, .job-item .job-head h1.h1-as-h4{
  font-size: 26px;
  font-weight: 500;
  color: var(--thColor);
  padding: 25px 35px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.job-item .job-body{
  padding: 25px 35px;
}
.job-item .job-label{
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.job-label span{
  background: var(--white);
  padding: 4px 20px;
  border-radius: 15px;
  font-weight: 600;
  color: var(--thColor);
  font-size: 15px;
}
.job-item .job-cta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.job-item .job-cta span.job-posted{
  font-size: 15px;
  color: var(--gray);
  font-weight: 500;
  line-height: 17px;
  text-decoration: underline;
}
.apply-box-text{
  text-align: center;
  display: grid;
  justify-content: center;
  margin-bottom: 50px;
}
.apply-box-text .btn-thm{
  margin: auto;
}
.apply-box-text p.text-gray{
  padding: 15px 24% 27px 24%;
}
#career-header .display-flex {align-items: end;}
.job-col-right{
  position: sticky;
  top: 115px;
  height: fit-content;
}
.apply-box h4{
  color: var(--white);
  font-weight: 500;
  font-size: 14px;
}
.apply-box h3{
  font-size: 22px;
  color: var(--white);
  font-weight: 400;

}
.apply-box a{
  width: 100%;
  text-align: center;
  justify-content: center;
  border: 1px solid white;
  cursor: pointer;
}
.share-box{
  padding: 25px 30px 15px;
  border-radius: 15px;
  background: #F8F8F8;  
}
.share-link{
  background: var(--white);
  padding: 5px 15px 3px 15px;
  border-radius: 5px;
  border: 1px solid rgba(215, 182, 224, 0);
  font-size: 13px;
  font-weight: 600;
  color: var(--thColor);
  text-decoration: none;
  transition: .3s;
}
.share-link:hover{
  background: var(--thColor);
  color: var(--white);
  cursor: pointer;
}
.social-list{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 15px; 
  flex-wrap: wrap;
}
/* End of CAREERS LIST PAGE */

/* CAREERS TEMPLATE */
.job-page-grid{
  display: grid;
  grid-template-columns: 3fr 1.5fr;
  gap: 70px;
  padding-bottom: 80px;
}
.job-page-grid .job-item{
  background: var(--sec2);
  border-radius: 15px;
  display: grid;
  gap: 10px;
  margin-bottom: 30px;
}
.job-col-left .job-item .job-head h4, .job-col-left .job-item .job-head h1.h1-as-h4{
  padding: 0;
  border-bottom: none;
  font-size: 35px;
}
.job-col-left .job-head{
  display: flex;
  gap: 30px;
  align-items: end;
  margin-bottom: 20px;
}
.job-desc-box{
  margin-bottom: 30px;
}
.job-desc-box h3{
  font-size: 25px;
  color: var(--thColor);
  font-weight: 500;
  margin-bottom: 16px!important;
}
.job-desc-box h3 span{
  font-family: var(--main-font);
  font-style: italic;
}
.job-desc-box.bg-box{
  background: #F8F8F8;
  padding: 25px;
  border-radius: 15px;
}
.job-desc-box.b-bottom{
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 30px;
}
.job-desc-box ul{
  padding-left: 18px !important;
}
.job-details-box{
  padding: 25px 30px 15px;
  border: 1px solid rgba(107, 34, 97, 0.24);
  border-radius: 15px;
  margin-bottom: 20px;
}
.job-details-box ul li span:first-child{
  color: var(--thColor);
  font-weight: 600;
}
.job-details-box ul li{
  padding: 10px 0;
  border-top: 1px solid rgba(107, 34, 97, 0.24);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.job-details-box ul{
  list-style: none;
  margin-top: 20px!important;
}
.apply-box{
  background: var(--thColor);
  padding: 25px 30px 15px;
  border-radius: 15px;
  margin-bottom: 20px;
  display: grid;
  gap: 20px;
}
/* End of CAREERS TEMPLATE */

/* ABOUT US */
.about-us-hero{
  background: url(../images/about-us-bg-header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}
.header-container{
  z-index: 2;
  margin: auto;
  width: 100%;
  display: grid;
  height: 100%;
}
.content-hero{
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: grid;
  gap: 30px;
}
.header-container h1{
  font-size: 50px;
  font-family: var(--regular);
  font-weight: 500;
  color: var(--white);
}
.header-container h1 span{
  font-family: var(--main-font);
  font-style: italic;
}
.content-hero .text-box h1, .content-hero .text-box h2{
  color: white;
}
.content-hero .text-box h2 {
  margin-bottom: 15px !important;
}
.content-hero .header-p{
  color: var(--white);
  font-size: 18px;
  text-align: center;
  line-height: 33px;
}
.about-us-hero .about-facts::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(33, 8, 38, 1) 0%,
    rgba(55, 18, 50, 0.65) 45%,
    rgba(55, 18, 50, 0) 100%
  );
}
.about-us-hero .about-facts{
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid rgb(255 255 255 / 17%);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 25px 0;
  margin: auto;
  left: 50%;
  transform: translate(-50%, 0);
}
.about-facts .fact-item{
  position: relative;
}
.about-us-hero .header-container .content-hero{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  gap: 23px;
  width: 37%;
  margin: auto;
}
.header-container .button-flex{
  margin-top: 10px;
}
.about-facts .fact-item h5{
  font-family: var(--main-font);
  font-size: 30px;
  color: var(--white);
  text-align: center;
}
.about-facts .fact-item h6{
  text-align: center;
  color: var(--white);
  margin-top: 10px;
  font-weight: 400;
}
.about-us-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(39 10 45 / 26%);
}
.image-box img{
  width: 100%;
}
.image-box span.text-gray{
  text-align: center;
  padding: 10px 60px;
  display: block;
  font-size: 13px;
  line-height: 19px;
}
.grid-2 .col-left{
  display: grid;
  align-items: center;
  align-content: space-between;
}
.list-disc{
  padding-left: 20px!important;
}
.mvv-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 35px 0;
}
.provide-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin: 20px 0 40px 0;
}
.provide-item{
  border-radius: 14px;
  position: relative;
}
.provide-item h2{
  font-size: 35px;
  font-family: var(--main-font);
  color: var(--white);
  line-height: 40px;
  position: absolute;
  top: 205px;
  left: 20px;
}
.provide-item h2 span{
  font-family: var(--main-font);
}
.provide-item img:first-child{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}
.provide-item p{
  color: white !important;
  padding-top: 10px;
  font-weight: 400;
  line-height: 23px;
  font-size: 14px;
}
.provide-item .p-bottom img{
  width: 15px;
  border-radius: 0;
  position: absolute;
  right: 0;
  bottom: 4px;
}
.provide-item .p-bottom{
  position: absolute;
  bottom: 10px;
  margin: 2px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.21);
}
.provide-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(33, 8, 38, 1) 0%, rgb(55 18 50 / 26%) 45%, rgba(55, 18, 50, 0) 100%);
  border-radius: 14px;
}
.dep-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 19px;
}
.dep-item img{
  width: 100%;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.dep-info{
  background: var(--sec2);
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  padding: 20px 25px;
}
.dep-info span{
  display: block;
  font-family: var(--main-font);
}
.dep-info .font-m-30{
  margin-top: 0;
  margin-bottom: 10px !important;
  font-size: 22px;
}
.ecosystem-group{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  background: var(--sec2);
  border-radius: 14px;
  margin: 50px 0;
}
.ecosystem-group .e-item{
  padding: 27px 30px;
  display: grid;
  gap: 15px;
  border-right: 1px solid rgba(107, 34, 97, 0.29);
  border-bottom: 1px solid rgba(107, 34, 97, 0.29);
  align-content: space-between;
  transition: .4s;
}
#medical-ecosystem .e-more-grid{
  display: none;
  gap: 60px;
}
#medical-ecosystem .e-more-grid.active{
  display: grid;
}
.ecosystem-group .e-item.active, .ecosystem-group .e-item:hover{
  background: var(--thColor);
  cursor: pointer;
}
.ecosystem-group .e-item.active:nth-child(1){
  border-top-left-radius: 14px;
}
.ecosystem-group .e-item.active:nth-child(5){
  border-top-right-radius: 14px;
}
.ecosystem-group .e-item.active:nth-child(6){
  border-bottom-left-radius: 14px;
}
.ecosystem-group .e-item.active:nth-child(12){
  border-bottom-right-radius: 14px;
}
.ecosystem-group .e-item .font-m-30{
  margin-top: 0;
}
.ecosystem-group .e-item h3 span{
  font-family: var(--main-font);
  display: block;
}
.ecosystem-group .e-item.active .font-m-30, .ecosystem-group .e-item.active .text-body, .ecosystem-group .e-item:hover .font-m-30, .ecosystem-group .e-item:hover .text-body{
  color: var(--white)!important;
}
.ecosystem-group .e-item:nth-last-child(-n+5) {
  border-bottom: none;
}
.ecosystem-group .e-item:nth-child(6), .ecosystem-group .e-item:nth-child(12){
  border-right: none;
}
.ecosystem-group .e-item:nth-child(7){
  border-bottom: none;
}
.about-dental-info .check-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 35px;
  border-top: none;
  padding: 0;
}
.simple-swiper img{
  width: 100%;
  border-radius: 10px;
}

.standards-swiper{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-top: 35px;
}
#about-dental .simple-swiper img{
  height: 415px;
  object-fit: cover;
}
.about-dental-info {
  display: grid;
  align-content: space-between;
}
.e-more-info{
  display: grid;
  align-content: center;
}
.standard-item{
  position: relative;
  overflow: hidden;
}
.standard-item .simple-link::after{
  content: "";
  position: absolute;
  left: -100px;
  bottom: -100px;
  width: 3000px;
  height: 3000px;
}
.standard-item .s-img{
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.standard-item .st-bottom {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.standard-item .font-m-30{
  color: var(--white);
  font-size: 27px;
}
.standard-item .simple-link{
  color: var(--white);
  font-weight: 500;
}
.standard-item::before{
  background: linear-gradient(to top, rgb(40 9 47 / 90%) 0% 0%, rgb(71 18 63 / 0%) 46%);
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
}
.steps-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.steps-grid-item .steps-box i{
  font-size: 13px;
  color: var(--thColor);
}

.steps-grid-item .steps-box h4{
  font-size: 13px;
}
.steps-grid-item .steps-box{
  background: var(--white);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 14px 10px;
  display: flex;
  justify-content: space-between;
}
.steps-grid-item img{
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#about-medical .grid-2{
  margin-top: 45px;
}
.img-with-text{
  position: relative;
}
.img-with-text img{
  width: 100%;
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
}
.img-with-text .div-one{
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--white);
  border-radius: 30px;
  text-align: center;
  padding: 8px 25px;
}
.img-with-text .div-two{
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: var(--white);
  border-radius: 16px;
  text-align: center;
  padding: 10px 15px;
  width: 68%;
}
.img-with-text .text-body p{
  font-weight: 600;
}
.img-with-text .div-two p{
  text-align: left;
}
.numbered-list ul{
  list-style: none;
  margin: 15px 0!important;
}
.numbered-list ul li{
  padding: 10px 0;
  border-bottom: 1px solid rgba(164, 164, 164, 0.29);
  display: flex;
}
.numbered-list ul li em{
  color: var(--thColor);
  font-weight: 700;
  padding-right: 8px;
  font-style: normal;
}
#about-medical .grid-2 .col-left{
  gap: 20px;
}
.about-review-swiper{
  margin: 40px 0;
}
.program-bottom img{
  width: 16px;
}
.program-item .p-top{
  position: relative;
}
.program-item .p-top img.program-img{
  width: 100%; 
  height: 240px;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.programs-swiper{
  margin: 45px 0;
}
.process-swiper img{
  width: 100%;
}
.p-top .icon-tag{
  font-size: 12px;
  color: var(--thColor);
  font-weight: 700;
  background: var(--white);
  padding: 6px 18px 5px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  width: fit-content;
  position: absolute;
  bottom: 12px;
  left: 10px;
}

.p-top .icon-tag img{
  width: 16px;
  margin-right: 5px;
}
.program-bottom a{
  background: var(--white);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 10px 14px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.program-bottom h4{
  font-family: var(--regular);
  color: var(--thColor);
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0px;
  overflow: hidden;
}
.program-bottom img{
  transition: .3s;
}
.program-bottom:hover img{
  transform: rotate(-30deg);
}
.program-bottom a{
  text-decoration: none;
}
/* Press logos: per-logo heights so all logos look roughly the same size */
.media-list{
  --logo-unit: 1px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 34px;
  row-gap: 26px;
}
.media-list img{
  height: calc(22 * var(--logo-unit));
  width: auto;
  max-width: 100%;
}
.media-list img[src*="/LA-7-logo.svg"]{height: calc(30.0 * var(--logo-unit));}
.media-list img[src*="/Le-Iene.png"]{height: calc(30.0 * var(--logo-unit));}
.media-list img[src*="/MEDIASET-logo.svg"]{height: calc(19.4 * var(--logo-unit));}
.media-list img[src*="/RADIO-logo.svg"]{height: calc(27.6 * var(--logo-unit));}
.media-list img[src*="/RAI-1-Logo.svg"]{height: calc(27.8 * var(--logo-unit));}
.media-list img[src*="/RAI-2-Logo.svg"]{height: calc(27.4 * var(--logo-unit));}
.media-list img[src*="/RAI-3-Logo.svg"]{height: calc(27.8 * var(--logo-unit));}
.media-list img[src*="/TOP-chanel-logo.svg"]{height: calc(30.0 * var(--logo-unit));}
.media-list img[src*="/Vizion-plus-logo.svg"]{height: calc(30.5 * var(--logo-unit));}
.media-list img[src*="/anabel-magazine-logo.svg"]{height: calc(27.6 * var(--logo-unit));}
.media-list img[src*="/askanews_color.svg"]{height: calc(18.5 * var(--logo-unit));}
.media-list img[src*="/ballkan-web-logo.svg"]{height: calc(18.8 * var(--logo-unit));}
.media-list img[src*="/bold-news-logo.svg"]{height: calc(22.1 * var(--logo-unit));}
.media-list img[src*="/bordo-magazine-logo.svg"]{height: calc(27.6 * var(--logo-unit));}
.media-list img[src*="/classtravel-color.svg"]{height: calc(22.7 * var(--logo-unit));}
.media-list img[src*="/club-fm-logo.svg"]{height: calc(34.6 * var(--logo-unit));}
.media-list img[src*="/corriere-de-la-serra-color.svg"]{height: calc(12.9 * var(--logo-unit));}
.media-list img[src*="/gazeta-dita-logo.svg"]{height: calc(23.3 * var(--logo-unit));}
.media-list img[src*="/gazeta-panorama.svg"]{height: calc(16.4 * var(--logo-unit));}
.media-list img[src*="/gazeta-shqiptare-logo.svg"]{height: calc(29.7 * var(--logo-unit));}
.media-list img[src*="/gazeta-tema-logo.svg"]{height: calc(27.6 * var(--logo-unit));}
.media-list img[src*="/gazzeta-mezzogiorno-color.svg"]{height: calc(30.7 * var(--logo-unit));}
.media-list img[src*="/gazzetta-del-sud-color.svg"]{height: calc(13.9 * var(--logo-unit));}
.media-list img[src*="/italpress-color.svg"]{height: calc(27.5 * var(--logo-unit));}
.media-list img[src*="/libero-color.svg"]{height: calc(22.6 * var(--logo-unit));}
.media-list img[src*="/news-bomb-logo.svg"]{height: calc(32.6 * var(--logo-unit));}
.media-list img[src*="/ng-color.svg"]{height: calc(26.8 * var(--logo-unit));}
.media-list img[src*="/novella-color.svg"]{height: calc(19.6 * var(--logo-unit));}
.media-list img[src*="/ora-news-logo.svg"]{height: calc(39.3 * var(--logo-unit));}
.media-list img[src*="/romatoday-color.svg"]{height: calc(17.5 * var(--logo-unit));}
.media-list img[src*="/shqiptarja-com-logo.svg"]{height: calc(18.0 * var(--logo-unit));}
.media-list img[src*="/today-color.svg"]{height: calc(19.0 * var(--logo-unit));}
.media-list img[src*="/tv-klan-logo.svg"]{height: calc(32.6 * var(--logo-unit));}
#about-reviews .simple-controls .simple-prev {
    left: 13%;
}
#about-reviews .simple-controls .simple-next {
    right: 13%;
}
#about-media .media-country-tabs{
  margin: 0;
}
.header-col-img img{width: 100%;}
.media-actions{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:28px;
}
.media-actions .sec-btn{
  margin:0;
  flex-shrink:0;
}
.media-country-tabs{
  display:flex;
  align-items:center;
  width:fit-content;
  padding:3px;
  border: 1px solid var(--accent1);
  border-radius:30px;
  margin: 12px auto 30px;
}
.media-country-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:62px;
  padding:8px 14px;
  border:0;
  border-radius:25px;
  background:transparent;
  color:var(--accent1);
  font-family:inherit;
  font-size:13px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  transition: background-color .25s ease, color .25s ease;
}
.media-country-btn.active{
  background:var(--accent1);
  color:#fff;
}
.media-country-btn:hover:not(.active){
  background:rgba(124, 23, 108, .08);
}
.media-country-flag{
  width:20px;
  height:20px;
  object-fit:cover;
  border-radius:50%;
}
.e-item .font-m-30 {
  font-size: 25px;
}
.e-more-info {
  display: grid;
  gap: 15px;
}
.media-country-panel {
  display: none;
}
.media-country-panel.active {
  display: block;
}
.media-country-panel .swiper {
  width: 100%;
}
.media-country-emoji {
  font-size: 17px;
  line-height: 1;
}
.mvv-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 10000;
}
.mvv-popup-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mvv-popup {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  z-index: 10001;
}
.mvv-value-item h4 {
  font-weight: 700;
  display: block;
  letter-spacing: 0.2px;
  padding: 12px 0 5px 0;
  font-size: 16px;
  text-align: left;
}
.mvv-value-item p {
  text-align: left;
}
#mvvModalText .mvv-value-item p{
  padding-bottom: 15px;
}
.mvv-popup.is-open {
  opacity: 1;
  visibility: visible;
}
.mvv-popup__dialog {
  position: relative;
  width: min(655px, 100%);
  height: 680px;
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  display: flex;
  flex-direction: column;
  margin: 0;
  background: var(--sec2);
  border-radius: 18px;
  overflow: hidden;
  pointer-events: auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
  transform: translateY(15px) scale(0.98);
  transition: transform 0.3s ease;
}
.mvv-popup__body {
  width: 100%;
  padding: 42px 50px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.mvv-popup__content {
  width: 100%;
  display: grid;
}
.mvv-popup__title {
  margin: 0;
  padding: 0 35px 22px;
  color: var(--thColor);
  font-family: var(--main-font);
  font-size: 30px;
  font-weight: 400;
  line-height: 1.15;
  text-align: center;
}
.mvv-popup__intro {
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--thColor);
  font-family: var(--regular);
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
}
.mvv-popup__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 303px;
  margin: 38px 0;
  object-fit: cover;
  border-radius: 9px;
}
.mvv-popup__text {
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--thColor);
  font-family: var(--regular);
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
}
.mvv-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  color: #ffffff;
  background: #bf1991;
  border: 1px solid #bf1991;
  border-radius: 50%;
  font-size: 11px;
  line-height: 1;
  cursor: pointer;
  z-index: 5;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.mvv-popup__content h3 {
  font-size: 30px;
  font-family: var(--main-font);
  color: var(--thColor);
  font-weight: 400;
  padding-bottom: 26px;
  text-align: left;
}
.mvv-popup__close:hover {
  transform: scale(1.08);
  opacity: 0.9;
}
.mvv-popup__close:focus-visible {
  outline: 2px solid var(--thColor);
  outline-offset: 3px;
}
body.mvv-popup-open {
  overflow: hidden;
}
/*  Medical System swipers*/
.e-more-grid {
  display: none;
}
.e-more-grid.active {
  display: grid;
}
.e-more-grid>* {
  min-width: 0;
}
.facility-slider {
  width: 100%;
  min-width: 0;
}
.facility-swiper {
  width: 100%;
  height: 360px;
  overflow: hidden;
  border-radius: 12px;
}
.facility-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}
.facility-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  object-fit: cover;
}
.facility-pagination {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  line-height: 1;
}
.facility-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 5px !important;
  background: rgba(107, 34, 97, 0.28);
  border-radius: 50%;
  opacity: 1;
  transition: background 0.25s ease, transform 0.25s ease;
}
.facility-pagination .swiper-pagination-bullet-active {
  background: var(--thColor);
  transform: scale(1.2);
}
.t-dsc-border {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 20px;
}

/* Experience About */


#KEIT-Team .box-flex {
  padding-bottom: 20px;
}
.team-top {
  padding-top: 20px;
}
.team-description {
  padding-bottom: 20px;
  color: var(--gray);
  font-family: var(--regular);
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.program-bottom img {
  display: none;
}
.dep-item-link {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.dep-grid {
  display: grid;
  grid-auto-rows: 1fr;
}
.dep-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dep-info {
  flex: 1;
  background: var(--sec2);
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  padding: 20px 17px;
}
.dep-item-link .dep-info {
  transition: transform 0.3s ease;
}
.dep-item-link:hover .dep-info {
  transform: translateY(-6px);
}
/* Plastic surgery department css*/
.dep-grid.plastic_surgery {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.dep-grid.plastic_surgery .dep-item {
  height: 100%;
}
.dep-info .text-body {
  font-size: 13px;
  padding-bottom: 6px;
}
.dep-info .font-m-30 {
  margin-bottom: 7px !important;
}
.dep-info ul {
  margin: 0;
  padding-left: 17px !important;
  padding-right: 10px;
  color: var(--gray);
  font-size: 13px;
  font-weight: 500;
  line-height: 23px;
  list-style-type: disc;
  list-style-position: outside;
}
#plastic-surgery-details {
  padding: 30px 0 30px 0;
}
#logistics-hospitality-details {
  padding-top: 0;
}
#logistics-hospitality-details h2 {
  padding-bottom: 20px;
}
.dep-img-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.dep-img-wrap>img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dep-img-wrap .tag-left {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 10px;
  background: #fff;
  color: var(--thColor, #7c176c);
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
}
.dep-img-wrap .tag-left img {
  width: 10px;
  height: auto;
}
/* KEIT EXPERIENCE — MOBILE SLIDER*/
.steps-mobile-pagination {
  display: none;
}
.steps-mobile-info {
  display: none;
}
.article-country-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 70px;
  padding: 8px 14px;
  border: 0;
  border-radius: 25px;
  background: transparent;
  color: var(--thColor, #7c176c);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background-color .25s ease, color .25s ease;
}
.article-country-btn.active {
  background: var(--accent1);
  color: #fff;
}
.article-country-panel {
  display: none;
}
.article-country-panel.active {
  display: block;
}
.article-country-panel .swiper {
  width: 100%;
}
#about-media .grid-2 {
  align-items: center;
}
/* End of ABOUT US */

/* MEDICAL TEAM */
#header-medical-team{
  height: 700px;
}
.header-grid-col{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.header-col-text{
  background: var(--sec2);
  padding: 20px 5vw;
  display: grid;
  gap: 40px;
  align-content: center;
  padding-right: 245px;
  padding-left: 210px;
}
.header-col-img{
  position: relative;
}
#header-medical-team .header-col-text, #header-medical-team .header-col-img,  #header-medical-team .header-col-img img{
  height: 700px;
}
#header-medical-team .header-col-img img{
  object-fit: cover;
}
.glass-box{
  position: absolute;
  z-index: 9999;
  background: rgba(238, 238, 243, 0.64);
  padding: 20px 25px;
  top: 125px;
  border-radius: 10px;
  backdrop-filter: blur(27px);
  left: 50px;
  width: 255px;
  align-items: center;
}
.glass-box h4{
  font-size: 15px;
  line-height: 23px;
  color: var(--thColor);
  font-weight: 600;
  display: flex;
  gap: 26px;
  align-items: center;
}
.glass-box h4 .h4-nr{
  font-family: var(--main-font);
  font-style: italic;
  font-size: 35px;
  font-weight: 500;
}
.glass-box.sec-box{
  left: auto;
  top: auto;
  right: 50px;
  bottom: 50px;
  height: fit-content;
  width: 270px;
}
#KEIT-full-team .text-body.text-center{
  padding: 5px 0;
}
.team-structure{
  margin-top: 70px;
}
.team-structure .team-head img{
  width: 78px; 
  height: 78px;
  border: 1px solid white;
  border-radius: 50%;
  position: absolute;
  top: -51px;
  left: 50%;
  transform: translate(-50%, 10px);
}
.team-structure .team-head{
  background: var(--accent1);
  border-radius: 10px;
  padding: 50px 50px 20px;
  position: relative;
  width: fit-content;
  margin: auto;
}
.team-head .t-h-title h3{
  font-size: 18px;
  font-family: var(--regular);
  color: var(--white);
  padding-bottom: 6px;
  text-align: center;
  width: fit-content;
}
.team-head .t-h-title h4{
  font-family: var(--regular);
  font-size: 15px;
  color: #CECBCB;
  text-align: center;
}
.team-structure .cmo-box{
  background: var(--sec2);
  margin: 32px auto 65px;
  padding: 20px 45px;
  border-radius: 10px;
  width: 800px;
  position: relative;
}
.cmo-box h4{
  font-size: 14px;
  font-family: var(--regular);
  color: #5e5e5e;
  font-weight: 700;
  border-bottom: 1px solid rgba(89, 89, 89, 0.18);
  padding-bottom: 13px;
  text-align: center;
}
.cmo-grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 22px;
  text-align: center;
}
.cmo-grid h5 {
  border-right: 1px solid rgba(59, 17, 68, 0.26);
  padding: 0 30px;
}
.cmo-grid h5:last-child{
  border-right: none;
}
.cmo-grid h5 span{
  display: block;
}
.dept-grid{
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 5px;
}
.dept-card h3{
  font-size: 13px;
  padding: 41px 8px 0;
  cursor: pointer;
}
.dept-card{
  position: relative;
  background: var(--sec2);
  border-radius: 20px;
  text-align: center;
  height: 118px;
  display: grid;
  align-content: space-between;
  cursor: pointer;
}
.dept-card img{
  width: 55px;
  background: #eeeef3;
  border-radius: 100%;
  position: absolute;
  padding: 10px;
  top: -30px;
  left: 50%;
  transform: translate(-50%, 10px);
}
.dept-card span{
  background: var(--accent1);
  font-size: 13px;
  color: var(--white);
  font-weight: 500;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.require-box-title.box-title-bg{
  background-color: var(--accent1);
  color: var(--white);
  font-size: 15px;
  font-weight: 600;
  padding: 15px 20px;
  text-align: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.check-list.check-list-border{
  margin-top: 0;
  border: 1px solid rgba(107, 34, 97, 0.19);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
#medical-team .medical-team-img{
  height: 330px;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}
#medical-team .require-box{
  padding: 0;
  margin: 0;
}
#medical-team .require-box.mt-20{
  margin-top: 20px;
}
#medical-team .col-grid h2{
  padding-right: 20%;
}
#medical-team .text-box p{
  padding-right: 20%;
}
#medical-team.medical-team-al .text-box p{
  font-size: 34px;
}
#matching-process .process-swiper{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  margin: 30px 0 50px;
}
.process-item .p-bottom h4{
  padding: 25px 0px 20px;
  text-align: center;
  font-size: 13.5px;
  line-height: 18px;
}
.process-item .p-bottom{
  background: var(--sec2);
  padding: 10px 16px;
  position: relative;
  height: 120px;
  display: grid;
  align-content: center;
}
.process-item .p-bottom span{
  background: var(--accent1);
  width: 32px;
  display: block;
  height: 32px;
  border-radius: 50%;
  color: var(--white);
  font-weight: 500;
  text-align: center;
  line-height: 30px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translate(-50%, 0);
}
.process-item img{
  width: 100%;
}
#surgeon-network .image-box img{
  height: 640px;
  border-radius: 30px;
  object-fit: cover;
}
.img-absolute-1{
  width: 167px;
  position: absolute;
  top: 33px;
  right: 55px;
  opacity: .15;
}
#surgeon-network .col-left .text-box span{
  display: block;
}
.img-absolute-2{
  position: absolute;
  width: 250px;
  top: 100px;
  right: -325px;
}
#dental-clinic .small-box-icon{
  left: -100px;
  position: absolute;
  top: 35px;
}
#dental-clinic .check-list{
  border: none;
  margin-top: 90px;
}
.img-box-text p{
  font-size: 13px;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
}
.img-box-text p span{
  font-family: var(--main-font);
  font-size: 30px;
  font-style: italic;
  display: block;
  text-transform: none;
}
#dental-clinic .img-box-text{
  position: absolute;
  bottom: 0;
  background: var(--accent1);
  padding: 10px 40px;
  border-top-right-radius: 45px;
}
#dental-clinic .sec-btn{
  margin: 58px auto 0; 
}
#hair-transplant p span{
  display: block;
}
#hair-transplant .col-right{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}
.nr-list{
  list-style-type: auto;
  margin: 20px 0 !important;
  padding-left: 9px !important;
  display: grid;
  gap: 23px;
}
.nr-list li{
  color: var(--white);
  font-size: 15px;
}
.col-result-grid .results-box{
  display: grid;
  gap: 6px;
}
.col-result-grid a{
  text-align: center;
  margin: 15px auto 0;
  font-weight: 700;
}
.col-right.col-bg .check-list{
  padding: 17px 1px 0;
}
.gallery-box-3{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin: 30px auto 50px;
}
.gallery-box-3 img{
  width: 100%;
}
#treatment-section .grid-2 .col-left{
  align-content: center;
  gap: 35px;
}
#support-team .col-right img{
  height: 280px;
  border-radius: 16px;
  object-fit: cover;
}
.steps-team{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 17px;
  margin: 60px 0;
}
.event-card-body p{
  text-align: center;
  font-size: 14px;
  padding: 0 4%;
  line-height: 22px;
}
#support-team .display-flex .text-body{
  width: 50%;
}
.chart-grid{
  display: grid;
  grid-template-columns: 1.3fr 2fr;
  grid-gap: 25px;
}
.chart-grid .image-box img{
  border-radius: 10px;
}
.dept-info .display-flex h5{
  background: var(--accent1);
  padding: 18px 35px;
  color: var(--white);
  font-weight: 500;
  font-size: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.dept-block{
  background: var(--sec2);
  border-radius: 10px;
  padding: 18px 35px;
  margin-bottom: 10px;
}
.dept-block:last-child{
  margin-bottom: 0;
}
.display-flex + .dept-block {
  border-top-left-radius: 0;
}
.dept-block h4{
  padding-bottom: 15px;
  margin-bottom: 16px!important;
  border-bottom: 1px solid rgba(89, 89, 89, 0.18);
}
.dept-block-info ul li{
  font-size: 14px;
  color: var(--gray);
  font-weight: 600;
}
.dept-block-info ul{
  margin-top: 0!important;
  padding: 10px 17px 0 15px!important;
}
.dept-block-info{
  border-right: 1px solid rgba(89, 89, 89, 0.18);
}
.dept-block-info .text-15{
  line-height: 20px;
}
.dept-block-info:last-child{
  border-right: none;
}
.dep-block-grid-3{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 13px;
}
.dep-block-grid-2{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 29px;
}
.chart-grid .image-box img{
  height: 100%;
  object-fit: cover;
}
/* Connector lines: CMO box -> dept-grid cards */
.team-structure .cmo-box::after{
  content: "";
  position: absolute;
  bottom: -33px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 33px;
  background: rgba(89, 89, 89, 0.25);
}
.team-structure .cmo-box::before{
  content: "";
  position: absolute;
  top: -33px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 33px;
  background: rgba(89, 89, 89, 0.25);
}
.dept-grid{
  padding-top: 10px;
  position: relative;
}
.dept-grid::before{
  content: "";
  position: absolute;
  top: -33px;
  left: 50%;
  right: 0;
  height: 1px;
  background: rgba(89, 89, 89, 0.25);
  width: 90.5%;
  transform: translate(-50%, 0);
}

.dept-card::before{
  content: "";
  position: absolute;
  top: -43px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 33px;
  background: rgba(89, 89, 89, 0.25);
  z-index: -1;
}
.dept-card.active{
  background: var(--accent1);
}
.dept-card.active h3{
  color: var(--white);
}
.dept-card.active span{
  border-top: 1px solid #ffffff3b;
}
#chart-sections [data-category] {
  display: none;
}
#chart-sections [data-category].active {
  display: grid;
}
.treatment-swiper{
  margin: 40px 0;
}
.treatment-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 11px;
}
section#treatment-section{
  padding-bottom: 200px;
}
/* End of MEDICAL TEAM */

/* MEDIA PAGE */
#media-hero .media-header-info {
  padding: 170px 5vw 60px 5vw;
  display: grid;
  gap: 32px;
  align-items: center;
}
#media-hero .media-header-info h2{
  color: var(--white);
  font-family: var(--regular);
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
}
#media-hero .media-header-info h3, #media-hero .media-header-info h1.h1-as-h3{
  color: var(--white);
  font-weight: 400;
  font-family: var(--main-font);
  font-size: 75px;
}
#media-hero .media-header-info p{
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
  max-width: 580px;
}
.media-popup-overlay.active {
  display: flex;
}
#media-hero .media-header-buttons{
  display: flex;
  gap:20px;
}
.media-header-buttons .sec-btn.sec-btn-outline {
  background: transparent;
  color:var(--white)!important;
  border-color: var(--white);
}

#media-hero .spot-article-slider{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap:30px 25px;
}
.media-header-info .mobile-btn{display: none;}
.text-box.media-text p {
  font-size: 35px;
}  
.broadcast-text {
  display: none;
}

.media-stats{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 500px;
  margin-top: 40px;
  position: relative;
}
.media-stats .media-stat{
  display: grid;
  gap:12px;
  text-align: center;
  position: relative;
}
.media-stats .media-stat:not(:last-child)::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background: rgba(255,255,255,0.35);
}
.media-stats .media-stat h3{
  font-family: var(--regular);
  font-size: 49px !important;
  font-weight: 400;
  font-style: italic;
}
.media-stats .media-stat p{
  font-size:15px !important;
  font-weight: 400;
}
.media-stats .media-stat:first-child {
  border-left: none;
}
/* Media Articles */
#media-articles .article-swiper{
  margin-top: 35px;
  padding: 0 10px;
}
#media-articles .article-card{
  position: relative;
  border-radius: 16px;
  padding:18px 15px;
  display: grid;
  gap: 20px;
  border: 1px solid #7676763D;
  height: initial;
}
#media-articles .article-card span{
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color:var(--gray); 
}
#media-articles .article-card.js-article-popup {
  cursor: pointer;
}
#media-articles .article-card h3{
  font-size: 23px;
  font-family: var(--main-font);
  color:var( --thColor);
  line-height: 30px;
  padding-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#media-articles .article-card p{
  font-size:13px;
  line-height: 21px;
  color:var(--gray);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
}
#media-articles .article-card a, #media-articles .article-card button:where(.btn-as-link){
  text-decoration: underline;
  color:var( --thColor);
  font-size:14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap:8px;
}
#media-articles .article-card a img, #media-articles .article-card button:where(.btn-as-link) img{
  width: 14px;
}
#media-articles .article-logo {
  border-bottom: 1px solid #7676763D;
  padding-bottom:16px;
}
#media-articles .article-logo .press-corriere-de-la-serra{
  width: 180px;
}
/*End of Media Articles */
/*Press & Media Contact */
#press-media-contact .press-media-box{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:135px;
  align-items: start;
  justify-content: center;
}
.press-media-box .text-box h2,
.press-media-box .text-box p {
  text-align: left;
}
#press-media-contact .text-body{line-height: 29px;}
.press-media-box .press-media-left{
  display: grid;
  gap:28px;
}
.press-media-right {
  display: grid;
  gap:36px;
}
.press-media-right .white-bg-form{
  gap:17px;
}
.press-media-right .press-form-title{
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  color: var(--thColor);
  margin:0 auto;
  text-align: center;
}
.press-form-title span {
  display: block;
}
.press-media-right .white-bg-form button{
  margin: 18px auto 0;
}
.press-media-right .white-bg-form textarea {
  min-height: 121px;
  resize: vertical;
}
.press-media-right .white-bg-form input, .white-bg-form select, .white-bg-form textarea{
  padding-left:20px; 
}
.mt-footer, .mt-footer footer{
  margin-top:0;
}
#press-media-contact,
#press-media-contact * {
  box-sizing: border-box;
}
#press-media-contact .press-media-right,
#press-media-contact .white-bg-form {
  width: 100%;
}
#press-media-contact .white-bg-form input,
#press-media-contact .white-bg-form select,
#press-media-contact .white-bg-form textarea {
  width: 100%;
  max-width: 100%;
}
.press-media-left .text-body span{display:block;padding-top:12px; }

.form-message {
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 15px;
}
.form-message.success {
    background: #e8f6ee;
    color: #1d7a46;
    border: 1px solid #b7e2c8;
}
.form-message.error {
    background: #fdecee;
    color: #b3261e;
    border: 1px solid #f3c2c6;
}
button:disabled {
    opacity: .6;
    cursor: not-allowed;
}
/* End of MEDIA PAGE */


/* PILLAR ARTICLES TEMPLATE */
.tmp-header {
  padding: 0px;
  max-width: 100%;
  position: relative;
}
.service-template {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.service-template-left {
  background: var(--sec2);
  padding-left: 5vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 28px;
  border-bottom: 1px solid rgba(107, 34, 97, 0.1);
}
.service-template-left h1 {
  font-family: var(--regular);
  color: var(--thColor);
  font-size: 50px;
  font-weight: 500;
  width: 85%;
  line-height: 130%;
}
.service-template-left h1 span {
  font-family: var(--main-font);
  font-weight: normal;
  font-size: 53px;
  font-style: italic;
}
.service-template-left {
  flex: 1 1 70%;
  min-width: 320px;
  box-sizing: border-box;
}
.service-template-right {
  flex: 1 1 30%;
  min-width: 320px;
  box-sizing: border-box;
}
.service-template-right img {
  height: 100%;
  object-fit: cover;
}
.service-template-left .service-intro {
  font-size: 16px;
  color: var(--thColor) !important;
  font-weight: 500;
  line-height: 25px;
  width: 85%;
}
.template-buttons {
  display: flex;
  gap: 12px;
  align-items: center;
}
.template-p {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--gray-text);
  font-size: 16px;
  font-weight: 500;
}
/* ===== PILLAR GRID ===== */
#learn-more .pillar-grid {
  display: grid;
  grid-template-columns: 2.6fr 1fr;
  gap: 70px;
}

/* ===== TABLE OF CONTENTS ===== */
.pillar-main .table-of-content h5 {
  font-family: var(--regular);
  color: #5e0b52;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  width: fit-content;
  padding: 15px 40px;
  background: #fbfbfc;
  border: 1px solid #00000021;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.table-of-content .t-h2-list {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 30px;
  background-color: #eeeef33d;
  padding: 22px 70px 30px 30px;
  border-radius: 23px;
  width: fit-content;
  border: 1px solid rgba(107, 34, 97, 0.1);
  border-top-left-radius: 0;
}

.t-h2-list .t-h2-item {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 15px;
  align-items: center;
}
.t-h2-list .t-h2-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.t-h2-list .t-h2-item .t-h2-title {
  font-family: var(--regular);
  font-weight: 600;
  color: var(--thColor);
  font-size: 15px;
}
.t-h2-item:hover{
  cursor: pointer;
}
.t-h2-item .t-h2-span {
  display: flex;
  gap: 4px;
}
.t-h2-item .t-h2-span img {
  width: 10px;
}

.t-h2-span .t-h2-nr {
  position: relative;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  line-height: 34px;
  background: var(--accent1);
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.t-h2-span .t-h2-nr::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  z-index: 1;
  pointer-events: none;
}
.t-h2-span .t-h2-nr::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: url(images/btn-stars.png) center / cover no-repeat;
  opacity: 0.4;
  z-index: 2;
  pointer-events: none;
}
.t-h2-span .t-h2-nr span {
  position: relative;
  z-index: 3;
  color: white;
  font-size: 16px;
  font-weight: 400;
}

/* ===== PILLAR CONTENT (body text) ===== */
.pillar-content p,
.pillar-content li {
  font-family: var(--regular);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: #656565 !important;
}
.pillar-content p.pt-15 {
  padding-top: 15px;
}
.pillar-content strong {
  color: var(--thColor);
  font-weight: 600;
}
.pillar-content .h2-item .article-btn {
  text-align: center;
  margin: 20px auto 20px auto;
  width: fit-content;
}
.pillar-content .pillar-img {
  display: block;
  width: 56%;
  margin: 20px auto;
}
.pillar-content .pillar-img.img-with-caption {
  margin-bottom: 8px;
}

.pillar-content .h2-item .p-list {
  margin-left: 20px !important;
}
.p-list .list-item {
  position: relative;
  margin: 8px 0;
}
.p-list .list-item::marker {
  color: purple !important;
}
.pillar-content .h2-item {
  scroll-margin-top: 120px;
  margin-bottom: 30px;
}
.pillar-content .h2-item:has(+ .faq-title-group){
  margin-bottom: 0;
}
.pillar-results-slider .sec-btn{
  margin-top: 32%;
}
.pillar-results-slider .sec-btn:hover span{
  color: #fff!important;
}
.h2-item .swiper-button-next.results-next{
  right: -50px;
  border: none;
}
.h2-item .swiper-button-prev.results-prev{
  left: -50px;
  border: none;
}
.h2-item h2 {
  display: flex;
  gap: 10px;
  font-family: var(--main-font);
  color: var(--thColor);
  font-weight: 500;
  padding-bottom: 12px;
  padding-top: 8px;
  margin-bottom: 12px !important;
  font-size: 34px;
  border-bottom: 1px solid rgba(89, 89, 89, 0.23);
}
.h2-item h3 {
  font-family: var(--regular);
  font-size: 22px;
  font-weight: 500;
  color: var(--thColor);
  display: flex;
  gap: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.h2-item .h3-p {
  background: #eeeef387;
  padding: 12px 17px;
  border-radius: 5px;
}
.h2-item h3 .icon {
  width: 10px;
}
.h2-item h2 .h2-icon {
  display: flex;
  align-items: center;
  gap: 4px;
}
.h2-icon img {
  width: 10px;
}
.h2-icon .h2-icon-circle {
  position: relative;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  line-height: 34px;
  background: var(--accent1);
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.h2-icon .h2-icon-circle::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  z-index: 1;
  pointer-events: none;
}
.h2-icon .h2-icon-circle::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  opacity: 0.4;
  z-index: 2;
  pointer-events: none;
}
.h2-icon .h2-icon-circle span {
  position: relative;
  z-index: 3;
  color: white;
  font-size: 16px;
  font-weight: 500;
}
.pillar-img-box .img-caption {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray);
  text-align: center;
}
.h2-item .stage-timeline {
  margin-top: 20px;
  position: relative;
}
.stage-timeline .s-line {
  width: 1px;
  height: 100%;
  background: linear-gradient(to bottom, #992278 0%, #99227800 100%);
  position: absolute;
  left: 5px;
  top: 13px;
}
.stage-block .stage-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  position: relative;
  align-items: center;
  padding-left: 20px;
}
.pillar-content .stage-title {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-bottom: 7px;
}
.stage-title strong {
  background: var(--sec2);
  padding: 9px 10px;
  border-radius: 5px;
  color: var(--thColor);
  font-weight: 600;
  line-height: normal !important;
  width: fit-content;
}
.stage-title .stage-dot {
  width: 12px;
  height: 12px;
  background: var(--accent1);
  border-radius: 50%;
  display: block;
}
.stage-timeline .stage-block {
  margin-bottom: 14px;
}
.stage-block img {
  margin: 20px 0 5px 0;
  border-radius: 5px;
  width: 100%;
}
.pillar-content .btn-thm-2{
  margin: 0 auto 15px;
}
.faq-title-group p{
  font-size: 15px;
  font-weight: 600;
  color: var(--thColor)!important;
  text-transform: uppercase;
}
.faq-title-group h2{
  font-size: 28px;
  font-weight: 500;
  color: var(--thColor);
  line-height: 1.2;
  margin-top: 9px;
}
.faq-title-group h5 span{
  font-family: var(--main-font);
  font-style: italic;
}
.faq-title-group{
  margin-bottom: 30px;
}
.pillar-article-content .faq-list .faq-item{
  background: #fbfbfc;
}
.pillar-article-content{
  margin-bottom: 85px;
}
.pillar-form input{
  width: 100%;
}
.pillar-form-container {
  border-radius: 18px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background-color: #fbfbfc;
  padding: 25px;
  position: sticky;
  top: 120px;
  z-index: 100;
}
.pillar-form-container h2 {
  color: var(--thColor);
  font-family: var(--regular);
  font-size: 18px;
  max-width: 257px;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  line-height: 26px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 12px;
}
.pillar-form {
  padding-top: 22px;
  display: grid;
  gap: 15px;
}
.pillar-form input {
  border-radius: 33px;
  border: 1px solid rgba(133, 133, 133, 0.23);
  padding: 12px 24px;
  background-color: #fbfbfc;
}
.pillar-form ::placeholder {
  font-family:var(--regular);
  color: var(--thColor);
  font-weight: 500;
  font-size: 14px;
}
.pillar-grid .faq-question h3{
  font-weight: 600;
}
.pillar-article-content .faq-list .faq-item{
  background: #fbfbfc;
}
.pillar-grid .faq-list .faq-item{
  border: 1px solid #6b226129;
}
.pillar-grid .faq-answer p{
  font-size: 15px;
}
.pillar-grid .faq-title-group, .article-faq .faq-title-group{
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding-top: 20px;
  margin-bottom: 24px;
  text-align: center;
}
.pillar-slider-img{
  width: 85%;
  margin: 30px auto 0 auto;
  position: relative;
}
.pillar-slider-img .pillar-results-pagination{
  text-align: center;
  margin-top: 9px;
}
.pillar-slider-img .width-100{
  border-radius: 10px;
}
.pillar-main {
  min-width: 0;
}
.pillar-content,
.h2-item,
.clinic-swiper {
  min-width: 0;
}
.clinic-swiper-pagination{
  margin-top: 20px;
}
.btn-thm-2.mb-30{
  margin-bottom: 30px;
}
.btn-thm-2.mt-20{
  margin-top: 22px;
}
.pillar-content .faq-title-group h5 {font-size: 35px;}

.pillar-sidebar .form-success h6{
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  margin: 13px 0 !important;
  color: var(--thColor);
}
.pillar-sidebar .form-success p{
  text-align: center;
  font-size: 15px;
  color: #393838;
  font-weight: 400;
}
/* Clinic Swiper */
.clinic-readmore-section .clinic-swiper {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding-bottom: 8px;
  margin-top: 16px;
  position: relative;
}
.clinic-readmore-section .clinic-swiper .swiper-wrapper {
  align-items: flex-start;
}
.clinic-readmore-section .clinic-swiper .swiper-slide {
  height: auto;
  min-width: 0
}
.clinic-readmore-section .clinic-slide-item {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 18px;
  background: #f0f0f4
}
.clinic-readmore-section .clinic-card-row {
  display: grid;
  grid-template-columns: minmax(0, 44%) minmax(0, 56%);
  align-items: stretch;
  min-width: 0
}
.clinic-readmore-section .clinic-card-photo {
  min-width: 0;
  overflow: hidden
}
.clinic-readmore-section .clinic-card-photo .clinic-slide-top {
  width: 100%;
  height: 100%
}
.clinic-readmore-section .clinic-card-photo .clinic-slide-img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 270px;
  object-fit: cover
}
.clinic-readmore-section .clinic-card-info {
  min-width: 0;
  display: grid;
  padding: 22px 26px;
  align-content: center;
  gap: 20px;
}
.clinic-readmore-section .clinic-card-info h4 {
  width: 100%;
  margin: 0 0 18px;
  color: #6a2361;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}
.clinic-readmore-section .clinic-card-preview {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
  max-height: none !important;
  margin: 0 !important;
  font-size: 16px;
  line-height: 28px;
  color: #62616b
}
.clinic-readmore-section .reason-read-more,
.clinic-readmore-section .reason-read-less {
  display: inline-block;
  position: relative;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #6a2361 !important;
  font-size: 15px !important;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  text-align: left;
  text-decoration: underline;
}

.clinic-readmore-section .reason-read-more:hover,
.clinic-readmore-section .reason-read-less:hover {
  text-decoration: underline;
}

.clinic-readmore-section .reason-read-more:focus-visible,
.clinic-readmore-section .reason-read-less:focus-visible {
  outline: 2px solid #6a2361;
  outline-offset: 4px
}
.clinic-readmore-section .clinic-slide-item:not(.is-expanded) .reason-read-less {
  display: none !important;
}
.clinic-readmore-section .clinic-slide-item.is-expanded .reason-read-more,
.clinic-readmore-section .clinic-slide-item.is-expanded .clinic-preview-dots {
  display: none !important
}
/* Why choose KEIT - expanded text wraps around the photo (no split/line) */
.clinic-readmore-section .clinic-slide-item:not(.is-expanded) .clinic-card-full,
.clinic-readmore-section .clinic-slide-item.is-expanded .clinic-card-preview {
  display: none !important;
}
.clinic-readmore-section .clinic-card-full p {
  margin: 0 0 16px !important;
  font-size: 16px;
  line-height: 28px;
  color: #62616b;
}
.clinic-readmore-section .clinic-card-full p:last-child {
  margin-bottom: 0 !important;
}
.clinic-readmore-section .clinic-slide-item.is-expanded .clinic-card-row {
  display: flow-root;
}
.clinic-readmore-section .clinic-slide-item.is-expanded .clinic-card-photo {
  float: left;
  width: 44%;
  height: 270px;
  margin: 0 26px 12px 0;
}
.clinic-readmore-section .clinic-slide-item.is-expanded .clinic-card-photo .clinic-slide-img {
  min-height: 0;
}
.clinic-readmore-section .clinic-slide-item.is-expanded .clinic-card-info {
  display: block;
  width: auto;
  align-content: normal;
  padding: 22px 26px 24px;
}
.clinic-readmore-section .clinic-slide-item.is-expanded .clinic-card-info h4 {
  margin: 12px 0 16px;
  padding-bottom: 10px;
}
.clinic-readmore-section .clinic-slide-item.is-expanded .reason-read-less {
  margin-top: 16px !important;
}
.swiper-button-next.clinic-next, .swiper-button-prev.clinic-prev{
    bottom: 7px;
    top: auto;
    border: none;
    height: 30px;
    width: 30px;
    border-radius: 20px;
}
.swiper-button-prev.clinic-prev{
  right: 45px;
  left: auto;
}
/* End of Clinic Swiper */

/* End of PILLAR ARTICLES TEMPLATE */

/* BLOG ARTICLES */
#article-page .blog-grid{
  display: grid;
  grid-template-columns: 4fr 1.6fr;
  gap: 70px;
  margin-top: 65px;
}
#article-page .blog-main{
  display: grid;
  grid-gap: 29px;
}
#article-page .blog-header{display: grid;}
#article-page .thm-list {list-style: none;display: flex;gap: 10px;align-items: center;}
#article-page .thm-list li{
  border-right: 1px solid #767676a3;
  padding-right: 7px;
  line-height: 16px;
}
#article-page .mobile-article-dates.thm-list{display: none;}
#article-page .thm-list li a, #article-page .thm-list .text-small{
  border-right: none;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
}
#article-page .share-link{padding: 7px 10px 7px 10px; border: 1px solid rgb(215 182 224 / 56%);}
#article-page .share-box {
    padding: 25px 16px 22px;
    border-radius: 15px;
    background: #fbfbfc;
    border: 1px solid rgba(0, 0, 0, 0.06);
}
.blog-meta li{
  text-decoration: none;
  font-family: var(--regular);
  font-weight: 500;
  color: var(--gray);
  font-size: 13px;
  transition: 0.3s;
  border-right: 1px solid #858585;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.blog-meta img {
    width: 18px;
}
.thm-list li:last-child {
    padding-right: 0;
    border-right: none;
}
.blog-meta img.pen {
    width: 15px;
    height: 15px;
}
h1.article-title {
  font-family: var(--main-font);
  font-weight: 400;
  color: var(--thColor);
  font-size: 54px;
  margin-bottom: 0;
  margin-top: 10px;
}
.blog-header .blog-author{
  display: flex;
  grid-gap: 25px;
  align-items: center;
  margin-top: 20px;
}
.blog-author .img-author img{
  width: 75px;
  height: 75px;
  object-fit: cover;
  border-radius: 50%;
  filter: drop-shadow(2px 4px 15px rgba(0, 0, 0, 0.08));
  border: 1px solid #d4d4d4ba;
  background: #e6e6e6de;
}
.blog-author .author-meta{display: grid;grid-gap: 10px;}
.author-meta h6 {color: #5e5e5e; font-size: 13px; font-weight: 500;line-height: 20px;text-transform: none;}
.author-meta h6 a {font-weight: 700;color: var(--thColor);}
.author-link-mobile{display: none;}
.blog-main .blog-main-image{position: relative;}
@keyframes slideDown {
  0% {
    height: 0;
    /* Start with height 0 */
  }

  100% {
    height: 100%;
    /* Set the final height (adjust as needed) */
  }
}
.blog-main-image .article-image{
  width: 100%;
  height: 0;
  object-fit: cover;
  animation: slideDown 2s forwards;
  border-radius: 15px;
}
.blog-mobile-tags{display: none;}
.blog-mobile-tags img{width: 21px;}
.blog-content p {
  color: #5e5e5e;
  font-size: 16px;
  font-weight: 500;
  line-height: 29px;
}
.blog-content p::after {content: "";display: block;height: 0;margin-bottom: -8px;}
.blog-index{margin: 28px auto;}
.blog-index h4{
  color: var(--thColor);
  font-size: 25px;
  font-weight: 500;
  display: flex;
  gap: 5px;
}
.blog-index img.arrow-rotate{
  width: 22px;
  rotate: 45deg;
}
.index-list{
  list-style: none;
  padding: 0 !important;
  display: grid;
  gap: 10px;
  margin-top: 15px !important;
}
.index-list li a{
  font-family: var(--regular);
  background: #eeeef33d;
  border: 1px solid rgba(110, 79, 106, 0.22);
  padding: 14px 20px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  color: var(--thColor) !important;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  gap: 8px;
}
.index-list li a img, .index-list li a .li-text{
  transition: 0.3s;
}
.index-list li a span.li-text {
  display: flex;
  align-items: center;
  gap: 2px;
}
.index-list li a:hover {
  cursor: pointer;
}
.index-list li a:hover .li-text {
  padding-left: 20px;
}
.index-list .li-nr {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--accent1);
  color: var(--white);
  line-height: 22px;
  text-align: center;
  padding-bottom: 3px;
}
.index-list li a img{
  width: 13px;
}
.blog-content h2{
  font-family: var(--main-font);
  font-size: 34px;
  font-weight: 400;
  color: var(--thColor);
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: -5px;
  margin-top: 26px !important;
}
.blog-control{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blog-control a{
  display: flex;
  gap: 15px;
  align-items: center;
  text-decoration: none;
}
.blog-control .c-img {
  width: 62px;
  height: 51px;
  overflow: hidden;
  border-radius: 5px;
}
.blog-control .c-text {
  height: fit-content;
  gap: 6px;
  display: grid;
  align-content: space-between;
  padding: 5px 0;
}
.blog-control .c-img img {
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: 0.5s;
}
.blog-control .c-text h5 {
  font-weight: 600;
  font-size: 14px;
  color: var(--thColor);
}
.blog-control i {
  color: var(--thColor);
  font-weight: 600;
}
.blog-control a span{
  font-family: var(--regular);
  font-weight: 500;
  color: var(--gray);
  font-size: 14px;
  transition: 0.3s;
}
.blog-control .c-right{
  text-align: right;
}
.author-resume{
  padding-top: 40px;
  background: rgb(251 251 252);
  border-radius: 11px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.author-resume .a-top{
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.author-resume .author-meta{
  border-right: 1px solid #d4d4d4;
  text-align: center;
}
.author-meta-text{
  margin-top: 20px;
  display: grid;
  gap: 6px;
}
.author-resume h4{
  font-weight: 600;
  font-size: 17px;
  color: var(--thColor);
  text-transform: uppercase;
  text-align: center;
}
.author-mission{
  padding: 0 70px;
  display: grid;
  align-content: center;
  gap: 20px;
  justify-content: center;
}
.author-mission p{
  color: #5e5e5e;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}

.author-resume h4{
  font-weight: 600;
  font-size: 17px;
  color: var(--thColor);
  text-transform: uppercase;
  text-align: center;
}
.author-socials{
  display: inline-flex;
  gap: 10px;
  justify-content: center;
}
.author-socials a{
  background: var(--accent1);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  line-height: 35px;
  text-align: center;
  transition: 0.3s;
}
.author-socials a i {color: white;}
.author-resume .more-details {
  border-top: 1px solid #d4d4d4;
  margin: 40px;
  padding-top: 40px;
  display: grid;
  gap: 22px;
}
.more-details h5{
  margin-bottom: 14px !important;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  color: var(--thColor);
  text-transform: uppercase;
}
.author-resume .more-details p{
  color: #5e5e5e;
  font-size: 15px;
  font-weight: 500;
  line-height: 27px;
}
.article-faq .faq-list .faq-item{
  border: 1px solid #6b226129;
  background: #fbfbfc;
}
.article-faq .faq-question h3{
  font-weight: 600;
}
.author-meta .author-img{
  width: 121px;
}
.article-faq .faq-title-group h5{
  font-size: 33px;
  margin-top: 10px;
}
.blog-content .text-block p {
  margin-top: 25px !important;
}
.blog-content .text-block p img {
  max-width: 100%!important;
  width: 60%!important;
  height: auto!important;
  border-radius: 11px;
  display: block;
  margin: 20px auto;
}
.blog-content .text-block p img.cta-star{
  width: 30px !important;
  margin: 0;
  border-radius: 0;
}
.blog-content .text-block p a{
  color: var(--thColor);
}
.blog-content ul{
  margin-top: 20px ! Important;
  padding-left: 18px !important;
}
.blog-content ul li{
  color: #5e5e5e;
  font-size: 16px;
  font-weight: 500;
  line-height: 29px;
}
.blog-content ul a, .blog-content p a{
  color: var(--thColor);
}
.blog-content .btn-thm-2{
  text-align: center;
  margin: auto;
}
.blog-content .h2-icon{
  display: flex;
  gap: 4px;
  align-items: center;
}
.blog-content h3 {
  font-family: var(--main-font);
  font-size: 29px;
  font-weight: 400;
  color: var(--thColor);
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
}
.blog-content h3 img {
    width: 15px;
    margin: 0px;
}
.blog-content h6,
.blog-content h5 {
  color: #5e5e5e;
  font-size: 16px;
  font-weight: 500;
  line-height: 29px;
}

.blog-content h5 {
  color: var(--thColor);
  font-weight: 600;
  margin-top: 19px;
  margin-bottom: 5px !important;
}

.blog-content h6 {
  padding-left: 20px;
}
.grid-page {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.grid-page .page-number {
  background-color: #e3e3ec;
  width: 40px;
  height: 40px;
  line-height: 37px;
  text-align: center;
  border-radius: 50%;
  font-size: 17px;
  font-weight: 500;
  color: purple;
  border: 1px solid rgb(137 137 137 / 5%);
  transition: 0.3s;
}
.grid-page .page-number.p-hide {
  display: none;
}
.grid-page .page-number.p-arrow {
  font-size: 14px;
  line-height: 38px;
}
.grid-page .page-number.active {
  color: white; /* or your preferred highlight color */
  font-weight: bold;
  background-color: var(--thDark);
}
.grid-page .page-number:hover {
  cursor: pointer;
  color: white;
  background-color: #6b2261;
}
/* Blog Table */
.blog-table {
  margin: 30px auto 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
}

.blog-table table {
  border-collapse: collapse;
  table-layout: fixed;
  min-width: 700px;
  width: max-content;
  margin: auto;
}
.blog-content .text-block .blog-table th p{
  margin-top: 0!important;
  color: var(--white)!important;
  font-weight: 600;
}
.blog-scrollbar {
  position: relative;
  width: 100%;
  max-width: 620px;
  height: 18px;
}
.blog-scrollbar-track {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 6px;
  transform: translateY(-50%);
  background: #e9e6e3;
  border-radius: 999px;
}
.blog-scrollbar-thumb {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #6b1e58;
  box-shadow: 0 0 0 3px #fff inset;
  cursor: grab;
  pointer-events: auto; /* <-- allow dragging */
}

/* hide indicator when not scrollable */
.blog-scrollbar.is-hidden {
  display: none;
}

.blog-scrollbar-thumb:active {
  cursor: grabbing;
}

@media (max-width: 576px) {
  .blog-scrollbar {
    max-width: 90%;
    margin: 10px auto 0;
  }
}

.blog-table th,
.blog-table td {
  font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum" 1;
  -moz-font-feature-settings: "lnum=1";
  -ms-font-feature-settings: "lnum" 1;
  -o-font-feature-settings: "lnum" 1;
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1;
}

.blog-table th {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  padding: 10px 15px;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600 !important;
  background: var(--thColor);
  text-align: left;
  border: 2px solid white;
  width: 190px;
  line-height: 20px;
}

.blog-table th:first-child {
  border-top: none;
  border-left: none;
}

.blog-table th:last-child {
  border-top: none;
  border-right: none;
}

.blog-table tr:last-child {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.blog-table td {
  background: #fff;
  color: var(--thColor);
  border: 1px solid rgba(152, 150, 152, 0.22);
  font-size: 13px;
  font-weight: 600;
  padding: 10px;
}
.blog-main,
.blog-content,
.text-block {
  min-width: 0;
}
.blog-content .text-block h2 {
  scroll-margin-top: 120px;
}
.podcast-icons img{
  width: 34px;
}
.podcast-icons a:last-child img{
  width: 40px;
}
.podcast-content a{
  text-decoration: none;
}

/* New Cast */
.edu-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 35px;
  width: 80%;
  margin: auto;
}
.edu-grid .img-poster{
  width: 100%;
}
.edu-box{
  position: relative;
}
.edu-box.keit-cast .edu-link{
  position: absolute;
  left: 50%;
  top: 172px;
  transform: translate(-50%, 0);
}
.edu-box.keit-prod .edu-link{
  position: absolute;
  left: 60%;
  top: 172px;
  transform: translate(-50%, 0);
  display: flex;
  align-items: center;
  gap: 5px;
}
.edu-box .insta-icon{
  width: 35.5px;
}
/* End of New Cast */

/* End of Blog Table */
/* Article Popup Forms */
.article-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
}
.article-popup-overlay.active {
  display: flex;
}
.article-popup {
  background: #fff;
  max-width: 520px;
  width: 90%;
  padding: 24px 38px;
  border-radius: 16px;
  position: relative;
  max-height: 670px;
  overflow-y: auto;
}
.article-popup .popup-close {
  position: absolute;
  top: 0px;
  right: 13px;
  font-size: 26px;
  background: none;
  border: none;
  cursor: pointer;
  color: #3d0b3d75;
}
.article-popup h6{
  font-size: 16px;
  color: var(--thColor);
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  padding: 0 10px;
  margin-bottom: 10px !important;
}
.blog-content .text-block .article-popup p{
  text-align: center;
  margin-top: 4px!important;
  line-height: 25px;
}
.article-popup form{
  display: grid;
}
.article-popup .form-fields{
  margin: 11px 0 7px 0;
}
#doctor-socials {padding-top: 0;}
.article-popup form button{
  background: #591f51;
  border: none;
  padding: 13px 31px;
  border-radius: 49px;
  color: white;
  font-size: 13.5px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1px;
  width: fit-content;
  margin: 5px auto;
  cursor: pointer;
}
.article-popup .p-bottom{
  margin-bottom: 20px!important;
}
.article-popup .form-group{
  margin-bottom: 14px;
}
.article-btn:hover{
  cursor: pointer;
}
.blog-content .text-block .article-popup .a-popup-head p{
  margin-top: 0!important;
  margin-bottom: 20px !important;
  font-size: 15px;
}
.blog-content form p{
  font-size: 15px;
}
.article-popup form input, .article-popup form select, .article-popup form textarea{
  background: #f1f1f173;
  border: 1px solid #8080803d;
  font-size: 15px;
  width: 100%;
}
.article-popup form input::placeholder, .article-popup form select::placeholder, .article-popup form textarea::placeholder{
  font-size: 15px;
}
.article-popup .form-group label{
  color: #4D4D4D;
  font-size: 14px;
  margin-bottom: 1px;
  font-weight: 600;
}
.article-popup .form-success p{
  padding: 0 30px 12px 30px;
}
.submit-btn.is-loading {
  pointer-events: none; opacity: .8;
}
.article-popup .form-group .radio-options label{
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  color: gray;
}
.article-popup .form-group .radio-options label input{
  width: fit-content;
}
.radio-options{
  display: grid;
  gap: 7px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.btn-spinner {
  width: 16px; height: 16px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  animation: spin .7s linear infinite;
}
.iti__selected-flag{
  color: var(--thColor);
  font-weight: 600;
}
@keyframes spin { to { transform: rotate(360deg); } }
.iti__selected-flag{
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.blog-content iframe{
  height: 350px !important;
  width: 70% !important;
  margin: 20px auto 0 auto!important;
  display: block !important;
}
/* End of Article Popup Forms */

/* WEB Forms */
.form-web .group-two, .form-fields .group-two{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.form-web .p-bottom{
  color: #5e5e5e;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  text-align: center;
  margin-top: 4px !important;
}
.article-popup .form-success p{
  color: #5e5e5e;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  text-align: center;
}
/* End of WEB Forms */

.swiper-controls-left{
  display: flex;
  gap: 10px;
}
.swiper-controls-side .swiper-pagination, #tv-apperance .swiper-pagination{
  width: fit-content;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
}
/* Advertising */
.advertising-swiper{padding:40px 40px 0;}
#keit-advertising .media-block{border-right: none;}
#keit-advertising{padding-top: 0;}
.spot-controls .spot-prev, .spot-controls .spot-next{
    border: none;
    width: 45px;
    background: none;
    position: absolute;
    top: 41%;}
.spot-controls .spot-prev{right: 245px;}
#keit-advertising h4{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
#keit-advertising .spot-controls .swiper-button-next, #keit-advertising .spot-controls .swiper-button-prev{background: white;border-radius: 50%;width: 30px;height: 30px;top: 44%;}

/* RESPONSIVE CSS*/
@media (max-width: 1830px) {
  .swiper-button-next.gallery-next{right: 10vw;}
  .swiper-button-next.gallery-prev{left: 10vw;}
  .header-col-text{padding-right: 5vw; padding-left: 5vw;}
  .reviews-controls .reviews-prev{left: 165px;}
  .reviews-controls .reviews-next{right: 165px;}
}
@media (max-width: 1650px) {
  .reviews-controls .reviews-prev{left: 130px;}
  .reviews-controls .reviews-next{right: 130px;}
}
@media (max-width: 1580px) {
  .reviews-controls .reviews-prev{left: 85px;}
  .reviews-controls .reviews-next{right: 85px;}
  h1.article-title{font-size: 48px;}
  img.author-img{width: 150px;}
}
@media (max-width: 1500px) {
  .reviews-controls .reviews-prev {left: 50px;}
  .reviews-controls .reviews-next {right: 50px;}
  #article-page .blog-grid{gap: 90px}
}
@media (max-width: 1460px) {
  .review-facts{gap:10px;}
  .theme-navbar .logo {width: 94px;}
  .nav-links li a.btn-thm {margin: 4px 0 4px 0;}
  .nav-links{padding: 0px 4px 0 9px!important;}
  .nav-links li a.nav-trigger, .nav-links li a.not-trigger, .nav-links li button:where(.btn-as-link).nav-trigger{padding: 12px;}
  section#hair-procedures{width:90%;}
  .hub-grid-3{grid-template-columns: 2fr 1.1fr;}
  .nav-search{right:203px;}
  .team-head .t-h-title h3{font-size: 16px;}
  #chart-sections{padding: 0;}
  #KEIT-full-team{margin-bottom: 55px;}
  #medical-team{margin-top: 55px;}
  .blog-author .img-author img{width: 55px; height: 55px;}
  .author-meta h6{font-size: 14px;}

  /* Root */
  .short-header .text-box h3{width: 51%;}
  .short-header .header-grid{padding: 70px 0 85px 0;}
  .short-header.review-header .header-grid{padding-bottom: 110px;}
  .disclaimer-box{width: 35%;}
  /* End of Root */

  /* MEET THE DOCTOR */
  .swiper-button-next.gallery-next{top: auto; bottom: 20px; z-index: 20;}
  .swiper-button-prev.gallery-prev{top: auto; bottom: 20px; z-index: 20;}

  /* CAREERS */
  .benefit-card{gap: 11px}

  /* ABOUT US */
  .about-us-hero .header-container .content-hero{width: 52%;}

  /* PILLAR ARTICLES */
  .service-template-left h1 span {font-size: 60px;}
  .service-template-left h1 {font-size: 47px;width: 96%;}

  /* HOMEPAGE */
  .reviews-controls .reviews-prev {left: 0;}
  .reviews-controls .reviews-next {right: 0;}
  #media-box-articles.media-box{width: 100%;}

  /* BLOG ARTICLE */
  #article-page .blog-grid{ gap: 75px; grid-template-columns: 4fr 1.7fr;}
  #article-page .blog-header{grid-gap:0;}
  h1.article-title {font-size: 48px;margin-bottom: 18px !important;}
  .article-btn{text-align: center; margin: auto}
  .text-block .article-btn{margin-top: 26px;}
  .author-resume .a-top{grid-template-columns: 1fr 2fr;}
  .author-mission{padding: 0 38px; gap: 10px;}
  .author-mission p{width: fit-content;}
  .author-socials{margin-bottom: 12px;}
}
@media (max-width: 1400px) {
  .review-item.r-whatclinic .r-top img{width: 80px;}
  .review-item.r-google .r-top img {width: 60px;}
  .review-item.r-trustpilot .r-top img {width: 90px;}
  .review-item.r-guidaestetica .r-top img{width: 100px;}
  .star-flex img {width: 30px;}
  .hero-content p.main-title{font-size: 90px;}
  .hero-content p.main-title {font-size: 70px;line-height:85px;width: 695px;}
  .team-swiper{padding: 20px;}
  .simple-controls .simple-prev {left: 30px;}
  .simple-controls .simple-next {right: 30px;}

  /* PILLAR ARTICLES */
  .service-template-left h1 span {font-size: 55px;}
}

@media (max-width: 1380px) {
  .hero-content p.main-title {font-size: 72px; width: 540px;}
  .text-box p, .text-box h1.h1-as-p{font-size: 45px;}
  .reasons-grid{margin-top: 50px; margin-bottom: 50px;}
  .press-strip{padding:0;}
  section{ padding:50px 5vw 50px 5vw;}
  .footer-content{padding: 40px 60px 0;}
  .footer-group{gap:6px;}
  .testimonials-wrapper .testimonial-card .patient-info p { line-height: 21px;}
  .tag-left.t-tag-left{padding:5px 10px;}
  .tag-right.t-tag-right{width: 32px;height: 32px;}
  .hub-one {gap:60px;}
  .nav-search {  right: 196px;}
  .face-treatment .service-grid {  grid-template-columns: repeat(3, 1fr);}
  section.section-bg .container-box, .section.border-bg .container-box{padding: 0 5vw;}
  #KEIT-Community .container-box{padding: 0 5vw;}
  .text-body.fs-16{font-size: 15px;}
  .benefits-left .text-body{margin-bottom: 20px !important;}
  .service-category h3{font-size: 19px;}
  #accreditation-logo{padding-top: 5px;}
  .acc-logo{margin: 25px auto;}
  .apply-box h3{font-size: 20px;}

  /* MEDIA page */


  /* MEET THE DOCTOR */
  .full-bg-header .main-img{ width: 615px; right: 5vw;}
  #meet-the-founder-hero .content-text{padding-left: 5vw;}
  .header-founder-text{padding-left: 5vw;}
  .header-founder-text .h-text-item h3 {font-size: 20px; line-height: 26px;}
  .founder-gallery{width: 85%; margin: 42px auto;}
  .founder-gallery img.handwritten-text{right: 42px; bottom: -22px;}
  #expert-cta .expert-cta-box{width: 1190px;}

  /* CAREER */
  .benefits-grid{gap: 35px; grid-template-columns: 1fr 2fr; }
  .benefit-card {padding: 17px 7px;}
  .team-swiper .team-card{height: 340px;}
  #careers-provide .provide-grid{gap: 50px;}
  .job-col-left .job-item .job-head h4, .job-col-left .job-item .job-head h1.h1-as-h4{font-size: 32px;}
  .form-disclaimer{padding: 10px 15% 0;}
  .share-link{padding: 5px 9px;}
  .apply-box h3 {font-size: 16px;}

  .blog-header .blog-author{grid-gap: 18px;}

  .dep-grid.plastic_surgery {grid-template-columns: repeat(3, minmax(0, 1fr));}
  .dep-info .font-m-30 {font-size: 21px;}
}
@media (max-width: 1330px) {
  /* Navbar */
  .nav-links{left: 0;}
  .nav-search { right: 135px;}
  /* End of Navbar */

  /*  Homepage */
  .text-box p, .text-box h1.h1-as-p { font-size: 37px;}
  .patient-info p { font-size: 15px; line-height: 21px;}
  .acc-logo {gap:20px;}
  .review-flex h6{font-size: 13px;}
  .reviews-platform {gap:30px;}
  .testimonials-wrapper .testimonial-card .patient-info p { padding-top: 3px; line-height: 20px;}
  .footer-item h4 {font-size: 25px;}
  .footer-item{gap:17px;}
  .footer-bottom{margin-top: 40px;padding:20px 0;}
  .service-title{font-size: 15px;}
  .service-title img{width: 15px;}

  .simple-header .text-box { padding-top: 40px;}
  .keit-privacy-policy{gap:60px;}
  .services-main-grid{margin-top: 20px;}
  .service-category .box-border{height: 290px;}
  .a-card-bottom h4{font-size: 18px; font-weight: 500;}


  /* PROTOCOLS */
  .protocols-grid{gap: 20px;}
  .filter-pill {padding: 12px 30px;}
  .protocols-filters{gap: 8px;}

  /* FOUNDERS */
  .founder-gallery{width: 80%;margin: 40px auto;}

  /* MEDICAL TEAM */
  .grid-2{gap: 40px;}
  #surgeon-network .image-box img{height: 545px;}
  .img-absolute-1{width: 130px;}
  #dental-clinic .col-img img{height: 100%; object-fit: cover;}
  #dental-clinic .grid-3{margin-top: 40px;}
  .event-card-body p{padding: 0}
  .event-card-body h4{font-size: 20px;}
  .event-card-body{height: 100%;}
  .event-card{display: grid;}
  .team-structure .cmo-box{margin-bottom: 33px;}

  /* PILLAR ARTICLES */
  .service-template-left h1 span {font-size: 50px;}
  .service-template-left h1 {font-size: 42px;}
  .service-template-left .service-intro {font-size: 15px;}

  h1.article-title {font-size: 42px;}

}
@media (max-width: 1280px) {

  section.section-bg, section.border-bg {padding: 50px 5vw 50px 5vw;}
  section.section-bg .container-box, .section.border-bg .container-box{padding: 0;}

  /* PROTOCOLS */
  .protocol-card-actions{ display: flex;}

  /* REVIEWS Page */
  .review-content-body{grid-template-columns: repeat(3, 1fr);}

  /* MEET THE DOCTOR */
  .content-text h1{font-size: 74px; line-height: 90px;}
  .header-founder-text{grid-template-columns: 1fr 2.2fr;}
  #expert-cta .expert-cta-box{width: 90%;}
  #expert-cta .img-cta-form{width: 450px; right: -9px;}

  /* CAREERS */
  .careers-hero .container-box {grid-template-columns: 1.2fr 1fr;}

  /* ABOUT US */
  .about-facts .fact-item h5{font-size: 23px;}
  .about-facts .fact-item h6{font-size: 14px;}
  .grid-2{gap: 45px;}

  /* MEDICAL TEAM */
  .dept-grid{padding-top: 41px; overflow-x: scroll; padding-bottom: 15px;}
  .dept-grid::before{top: 0; width: 150%;}
  .dept-card{width: 130px;}
  #medical-team .grid-2{grid-template-columns: 1.2fr 2fr;}
  #medical-team .text-box p {padding-right: 0;}
  .process-item .p-bottom{padding: 10px 5px;}
  .process-item .p-bottom h4{font-size: 12.5px; line-height: 15px;}
  #hair-transplant .grid-2{grid-template-columns: 0.8fr 1fr;}
  #hair-transplant .col-bg{padding: 30px;}
  .nr-list li{font-size: 14px;}
  .col-dark{padding: 25px;}
  #header-medical-team{height: 100vh;}
  #header-medical-team .header-col-text, #header-medical-team .header-col-img, #header-medical-team .header-col-img img{height: 100vh;}
  .header-col-text .button-flex{display: grid;}

  /* PILLAR ARTICLES */
  .service-template-left h1 span {font-size: 45px;}
  .service-template-left h1 {font-size: 35px;}
  .service-template-left {gap: 15px;}
  #learn-more .pillar-grid{gap: 50px;}

  #article-page .blog-grid{gap: 49px;}
  .author-meta h6 {line-height: 21px;}
}
@media (max-width: 1200px) {

  /* ROOT */
  .font-m-30 {font-size: 27px;}
  .text-body.text-center { padding: 20px 15%;}


  section.section-bg .container-box { max-width: 1100px;}
  .services-main-grid{margin-top: 40px;} 
  .service-category h3 {font-size: 18px;}
  .a-card-bottom h4 {font-size: 18px;}
  .footer-links{padding-right: 50px!important;}
  .footer-socials {gap:9px;}
   /* REVIEWS Page */
  .reviews-platform {gap:45px;}
   /* End of REVIEWS Page */
  .star-flex img{ width: 25px;}
  .testimonials-wrapper .testimonial-card .patient-info p{
   display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
  .latest-time-item img{display: none;}
  .popular-top h2{font-size: 28px;}
  .latest-left{font-size: 28px;}
  .blog-info h4 {font-size: 20px;}
  .set-language{right: 78px;}
  .nav-links li a.nav-trigger, .nav-links li a.not-trigger, .nav-links li button:where(.btn-as-link).nav-trigger { padding: 10px;font-size: 13px;}

  /* HOMEPAGE */
  .service-category h3 {font-size: 17px;}
  .service-category h3 img {width: 17px;}
  .service-category .box-border{height: 260px;}
  .results-text .results-cta{gap: 15px;}
  .community-item .cm-bottom h3{line-height: normal; font-size: 25px;}
  .community-item .cm-bottom p{font-size: 14px; padding: 8px 0 11px 0;}
  .community-grid{gap: 15px;}
  .community-grid .community-item img.social-img {height: 215px;}
  .steps-info h4{font-size: 25px;}
  .steps-item p{font-size: 13px;}
  .main-cta{padding: 25px;}
  .main-cta h2{font-size: 17px; padding-bottom: 26px;}
  .faq-question h3 {font-size: 15px;}
  #KEIT-Community{padding: 55px 0;}
  .article-card .a-card-top-flex img {width: 22px;}
  #faq-cta .text-box p {font-size: 30px;}
  .reasons-grid .swiper-wrapper{margin-bottom: 47px;}
  .reasons-grid{margin-bottom: 25px;}

  /* RESULTS Page */
  .results-popup-content {  width: 80%;  height: 500px;}
  /* End of RESULTS Page */

  /* MEET THE FOUNDER */
  .header-founder-text {grid-template-columns: 1fr 2fr;}
  .direction-box .d-box-grid{grid-template-columns: 1fr; grid-gap: 12px;}
  .d-box-grid .d-box {padding: 15px 50px;}
  #expert-insight .grid-box-md {grid-gap: 25px;}
  .insight-grid .i-box-content h3{font-size: 26px; line-height: 35px;}
  .insight-grid .i-box-left{display: grid;}
  .medical-grid .image-box-left{display: none;}
  #medical-background .medical-grid{grid-template-columns: 1fr; margin-top: 45px;}
  .social-stat-followers {right: 12px;}

  /* BLOG */
  .a-card-top .a-card-img{height: 230px;}

  /* CAREERS LIST */
  .job-item .job-head h4, .job-item .job-head h1.h1-as-h4{font-size: 21px; padding: 19px 23px;}
  .job-col-left .job-item .job-head h4, .job-col-left .job-item .job-head h1.h1-as-h4{font-size: 27px; padding: 0;}
  .job-col-left .job-head{margin-top: 30px;}
  .form-panel .form-title{font-size: 22px;}

  /* ABOUT US */
  .grid-2{gap: 40px;}
  .provide-item h2 {font-size: 30px; top: 14px; left: 16px;}
  .dep-info{padding: 15px 20px;}
  .dep-grid{margin: 45px 0;}
  .ecosystem-group .e-item { padding: 23px 20px;}
  .about-dental-info .button-flex{display: grid; gap: 11px;}
  #about-dental {padding: 70px 5vw;}
  #about-dental .simple-swiper img {height: 100%; object-fit: cover;}
  .grid-md-info{gap: 25px;}  
  .box-flex p.text-body {width: 47%;}
  .about-dental-info .check-list{margin-bottom: 25px;}
  .about-dental-info .text-box {margin-bottom: 18px;}
  #about-experience .grid-box-md {grid-gap: 20px;}
  .grid-box-md .steps-grid{gap: 15px;}
  section#about-media{padding: 100px 5vw;}
  .program-bottom h4{font-size: 15px;}
  #initiatives .programs-prev {left: 10px;}
  #initiatives .programs-next{right: 10px;}

  /* BLOG ARTICLE */
  .blog-content h2{font-size: 32px;}
  .author-mission p{font-size: 15px; line-height: 26px;}
  .more-details p{font-size: 15px;}
}

@media (max-width: 1170px) {
  /* Root */
  .text-box p, .text-box h1.h1-as-p {font-size: 35px;}

  .service-category .box-border{height: 290px;}
   #faq-cta{padding:0;}
   #faq-cta .text-box p {font-size: 35px;}
  .steps-info h4{font-size: 25px;}
  .review-content-body{grid-template-columns: repeat(2, 1fr);}
  .footer-item h4 { font-size: 22px;}
  .footer-item {  gap: 15px;}
  .footer-bottom {  margin-top: 30px;}
  .footer-links {  padding-right:0!important; }
  .blog-articles-grid{grid-template-columns:repeat(2, 1fr);}
  .b-card-top .a-card-img{height: 100%;}
  .hair-transplant .service-grid { grid-template-columns: repeat(2, 1fr);}
  .body-procedure .service-grid { grid-template-columns: repeat(3, 1fr);}
  .nav-links li a, .nav-links li button:where(.btn-as-link) {font-size: 13px;}
  #accreditation-logo {padding-top: 45px;}
  .cat-link{padding: 9px 19px;}
  .cat-link span{font-size: 14px;}
  #reviews .sec-btn{margin-top: 27px;}
  .a-card-bottom h4 {font-size: 16px; line-height: 25px;}
  .faq-block { width: 80%;}

  /* RESULTS Page */
  .results-gallery{grid-template-columns: repeat(2, 1fr);}
  
  /* CAREERS PAGE */
  .job-page-grid{grid-template-columns: 2.5fr 1.5fr; gap: 40px;}

  /* ABOUT US */
  .about-us-hero .header-container .content-hero{width: 65%; gap: 18px;}
  .arrow-circle img {width: 16px;}
  .arrow-circle {width: 36px;height: 36px;}
  #about-dental .btn-outline{display: none;}

  /* MEDIA */
  .press-media-right .white-bg-form button { margin: 0px auto;}
  .press-media-right .white-bg-form {gap: 14px;}
  #press-media-contact{padding:50px 5vw 80px 5vw;}
  #press-media-contact .press-media-box{ gap: 68px;}

  /* PILLAR ARTICLES */
  #learn-more .pillar-grid{grid-template-columns: 1fr; gap: 50px;}
  #article-page .blog-grid{grid-template-columns: 4fr 1.9fr;}

  h1.article-title {font-size: 35px;}

  .dep-info span {display: inline-block;}
  .dep-info {padding: 10px 13px;}
  .dep-grid {gap: 10px;}
  .team-description {padding-bottom: 0;text-align: center;}
  .dep-grid {margin: 35px 0;}
  .dep-info .font-m-30 {font-size: 19px;}
}

@media (max-width: 1130px) {

  /* ROOT */
  #media-box-tv.media-box, #media-box-tv-al.media-box {width: 82%;}
  .media-info{padding: 0 36px;}
  .media-content{width: 80%;}

  /* HOMEPAGE */
  .service-category .box-border{height: 245px;}
  .services-main-grid {margin-top: 25px;}
  .results-grid{gap: 7px;}
  .media-box{margin: 35px auto;}

  .r-star i:not(:first-child) { display: none;}
  .r-grid {gap:35px;}
  .rating-content {gap:6px;}
  .testimonials-wrapper {grid-template-columns: repeat(2,1fr);}
  .item-left.t-item-left img {width: 20px; height: 20px;}
  .footer-item a{font-size: 13px;}
  .footer-socials li a{width: 27px;height: 27px;}
  .footer-group {padding-top:24px;}
  .cat-toggle-icon { width: 25px;}
  .toggle-item span{font-size: 14px;}
  .privacy-policy-left h2, .privacy-policy-left h1.h1-as-h2{font-size: 30px;}
  .privacy-policy-left h2 span, .privacy-policy-left h1.h1-as-h2 span{font-size: 40px;}
  .item-left span {font-size:14px;}
  #media-box-articles.media-box {width: 90%;}
  #keit-press #media-content-news .media-content{width: 55%}
  #media-content-news .media-info p { width: 85%;}

  /* PROTOCOLS */
  .protocol-btn{padding: 8px 15px;}
  /* End of PROTOCOLS */

  /* Navbar */
  .nav-links{
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
    width: 90%;
    border-radius: 18px;
    padding: 0 !important;
    position: fixed;
    top: 80px;
    border: 1px solid rgba(107, 34, 97, 0.17);
    background: white;

    /* ADD THESE */
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  
  .nav-links li a, .nav-links li button:where(.btn-as-link){color: var(--thColor) !important; font-weight: 600; width: 100%; display: flex; justify-content: space-between; padding: 15px 20px!important; font-size: 14px!important;}
  .nav-links li a.btn-thm{color: var(--white)!important; width: fit-content; padding: 11px 30px!important; margin: 20px;}
  .nav-links > li{width: 100%; border-bottom: 1px solid rgba(107, 34, 97, 0.33);}
  .nav-links > li:last-child{border-bottom: none;}
  .mega-dropdown{position: relative;top: auto;left: auto;width: 100%!important;grid-template-columns: 1fr;border-radius: 0;}
  .mega-control {background: #ffffff;border-top-left-radius: 0;border-bottom-left-radius: 0;border-top: 1px solid rgba(107, 34, 97, 0.23);border-bottom: 1px solid rgba(107, 34, 97, 0.23);display: grid;grid-template-columns: 1fr 1fr;gap: 15px;padding: 35px 35px;}
  .nav-links > li.is-open a.nav-trigger{font-weight: 700;background: var(--thLight);}
  .nav-links > li:first-child a.nav-trigger, .nav-links > li:first-child button:where(.btn-as-link).nav-trigger{border-top-left-radius: 19px; border-top-right-radius: 19px;}
  .theme-navbar .mega-item i{display: none;}
  .theme-navbar .mega-item {border-bottom: none; opacity: 1;background: var(--thLight);justify-content: center; border-radius: 10px;}
  .theme-navbar .mega-item .mega-title {display: grid;}
  .mega-title img{margin: auto;}
  .mega-links-box {display: none !important;}
  .mega-links-box.show {display: grid!important; padding: 0px 0 0 0;}
  .nav-links li .mega-links a{width: fit-content; padding: 10px 0!important;}
  .mega-col-title span{text-decoration: none;}
  .mega-col-title { margin-bottom: 0;}
  .mega-links{grid-gap: 0; padding: 4px 0 6px 0px; border-bottom: 1px solid rgba(107, 34, 97, 0.12); margin-bottom: 0px;}
  .nav-links li a.hotel-link{display: none;}
  .link-mobile-only{display: block;}
  .nav-dropdown{position: relative; top: auto; width: 100%; display: none;}
  .is-open .nav-dropdown{display: block;}
  .nav-links .nav-dropdown li a{justify-content: start;}
  .nav-links > li.is-open > .nav-dropdown{width: 100%;}
  .mega-control{margin-bottom: 0;}
  #treatments-links-box .mega-col:last-child .mega-links{border-bottom: none; margin-bottom: 0;}
  .nav-links > li.is-open{border-bottom: none;}
  .nav-links > li.is-open a .fa-chevron-down{display: none;}
  .mega-control.has-active .mega-item:not(.active) {display: none; }
  .mega-control.has-active{display: block;}
  .theme-navbar .mega-control.has-active .mega-item .mega-title{display: flex; gap: 10px;}
  .active .is-open #nav-mobile-back{display: flex; line-height: 18px; align-items: center;gap: 9px;}
  #nav-mobile-back img{width: 18px; transform: rotate(180deg); filter: saturate(.1); opacity: 0.7;}
  #nav-mobile-back{color: var(--gray); text-transform: capitalize;}
  #cosmetic-surgery-links-box .mega-col:first-child, #treatments-links-box .mega-col:first-child{margin-bottom: 15px;}
  .mega-control.has-active{border-bottom: none;}
  .btn-text-mob{display: inline-flex;}
  .nav-links .nav-dropdown li a{color: var(--gray);}
  .lang-btn{background: transparent;}
  .set-language{right: 50px;}
  .nav-links li a.btn-thm{display: none;}
  .navbar-actions{gap: 2px;}
  #menu-icon-mobile{display: block; padding: 10px 20px 10px 0;}
  #menu-icon-mobile img{width: 29px;}
  .theme-navbar #KEIT-logo{position: absolute; left: 50%;transform: translate(-50%, 2px);}
  .nav-links > :nth-last-child(2){border-bottom: none;}
  .active .is-open:first-child .nav-trigger i{display: none;}
  #mobileMenu.mobile-open {display: grid; max-height: calc(100vh - 115px);overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;}
  .nav-links li .mega-col-title a{padding: 0!important;}

  /* End of Navbar */

  /* MEET THE FOUNDER */
  .pm-h-small,
  .pm-h-medium,
  .pm-h-large,
  .pm-column-two .pm-h-large,
  .pm-column-two .pm-h-small,
  .pm-column-three .pm-h-medium,
  .pm-column-three .pm-h-large,
  .pm-column-four .pm-h-large,
  .pm-column-four .pm-h-medium {height: 255px;}
  #expert-insight {padding: 25px 5vw;}

  .mega-col-title.mega-col-mt{margin-top: 0px; border-bottom: 1px solid rgba(107, 34, 97, 0.12); padding-bottom: 11px;}
  .review-facts{padding-left: 5vw; padding-right: 5vw;}
}
@media (max-width: 1080px) {
  /* Root */
  .text-body.fs-16{font-size: 14px; line-height: 24px;}
  .hero-content h1{font-size: 15px;}
  .hero-content p.main-title { font-size: 48px;width: 461px; line-height: 70px;}
  section.section-bg .container-box, section.border-bg .container-box { max-width: 940px }
  .services-main-grid { margin-top: 30px}
  .service-category .box-border { height: 260px;}
  .service-category h3{font-size: 14px;}
  .service-category h3 img {width: 14px;}
  .section-grid{grid-template-columns: 1fr;}
  .t-sidebar-item {font-size:14px;}
  .testimonials-grid {grid-template-columns: 1fr 2fr;}
  .hub-one{grid-template-columns: 1fr;}
  .list-latest-article{grid-template-columns: 1fr 1fr;}
  .body-treatment .service-grid { grid-template-columns: repeat(2, 1fr);}
  .services-text-box h1{font-size: 40px;}
  .simple-header .text-box { padding-top: 25px;}
  .dental-services .dental-grid-four {grid-template-columns: repeat(2, 1fr);width: 90%; margin:0 auto;}
  .dental-services .dental-grid-three{width: 90%; margin: 0 auto;}

  /* RESULTS */
  .popup-thumbs-swiper .swiper-slide img{height: 100px;}
  .results-popup-content{display: grid; height: fit-content; width: 60%;}
  .before-after-grid { display: grid; grid-template-columns: 1.55fr 3fr;}
  .results-popup-title {font-size: 16px; text-align: center; position: relative; top: auto;}
  .results-nav-btn {font-size: 14px;}
  .results-content .sec-btn {display: none;}
  .popup-thumbs-shade{display: none;}
  .results-popup-bottom-nav{bottom: auto; top: 50%;}
  .results-nav-btn span{ display: none;}
  .popup-thumbs-swiper{width: 90%;}
  .popup-thumbs-swiper .swiper-slide {height: 100px;}
  .results-nav-btn{padding: 8px;}
  .results-main-image .main-img-box{margin: 0 30px;}
  .results-nav-btn.results-next-btn{right: -5px;}
  .results-nav-btn.results-prev-btn{left: -5px;}
  .zoom-img {position: absolute;bottom: 10px;right: 40px;}
  .results-popup-labels span:first-child{left: 40px;}
  .popup-thumbs-arrows{display: none;}
  .popup-thumbs-swiper .swiper-pagination{bottom: -7px;}
  .popup-thumbs-swiper .swiper-pagination-bullet-active {background: #ffffffe6 !important;}
  .popup-thumbs-swiper .swiper-pagination-bullet{background: #f9f9f9;}
  .popup-thumbs-swiper .swiper-wrapper{padding-bottom: 23px;}
  .results-popup-content .swiper-pagination {display: block;}

  /* PROTOCOLS */
  .protocols-grid{grid-template-columns: repeat(2, 1fr);}

  /* MEDIA */
  .press-media-box .text-box p {font-size:28px;}
  #press-media-contact .press-media-box{gap:70px;}
  
  /* MEET THE FOUNDER */
  #doctor-socials .container-box {gap: 45px;}
  .instagram-card {width: 350px;}
  .instagram-image {height: 390px;}
  .social-stat-followers {right: -20px;}
  .full-bg-header .main-img{width: 515px;}
  .content-text h1{font-size: 65px;line-height: 80px;}
  #meet-the-founder-hero .content-text{gap: 18px; width: 50%;}
  .content-text p{font-size: 15px;}
  .header-founder-text .h-text-item h3 {font-size: 18px;line-height: 26px;}
  .medical-slider .medical-card img {width: 100%; height: 315px;}
  #medical-direction .grid-box-content, #medical-direction .medical-slider {min-width: unset;}
  .direction-box .d-box-grid {grid-template-columns: 1fr 1fr; grid-gap: 12px;}
  .insight-grid .i-box-content {padding-right: 0;}
  .i-box-content .i-list-item .text-small { font-size: 14px;}
  .i-box-content .i-left img {height: 61px;border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
  .a-card-top .a-card-img{height: 205px;}
  .cat-link span{font-size: 13px;}
  .cat-link{padding: 9px 18px;}
  .doctor-social-item:nth-child(even) {padding-left: 37px;}
  .social-stat-shares {left: 26px;}
  #expert-cta .img-cta-form { width: 385px;}
  #expert-cta .cta-grid .lamp-img{left: 66%; width: 75px;}
  

  /* BLOG */
  .a-card-bottom h4{font-size: 15px; font-weight: 500; line-height: 24px;}
  .article-card .a-card-top-flex img {width: 22px;}
  .a-card-top-flex a span, .a-card-top-flex span:where(.blog-time) span{font-size: 12px;}

  /* CAREER */
  .careers-hero .container-box{grid-template-columns: 1.9fr 1fr;}
  .benefits-grid {gap: 0px;grid-template-columns: 1fr;}
  #careers-benefits .box-flex.box-right{order: 1;justify-content: start; margin-top: 15px;}
  #careers-provide .provide-grid{grid-template-columns: 2fr 2fr;}
  .require-box .btn-thm {position: absolute;bottom: -60px;right: 0;}

  /* CAREERS LIST */
  #career-header .career-header-img{height: 355px;}

  /* ABOUT US */
  .header-container h1{font-size: 45px;}
  .content-hero .header-p{font-size: 17px; line-height: 29px;}
  .about-us-hero .about-facts {grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;}
  #founded .grid-2{grid-template-columns: 1.5fr 1fr; align-items: center;}
  .grid-2 .col-left{gap: 20px;}
  .mvv-grid {grid-template-columns: repeat(2, 1fr);}
  .mvv-grid > :last-child:nth-child(odd) {grid-column: 1 / -1; justify-self: center; width: calc((100% - 20px) / 2);}
  .provide-item{height: 300px;}
  .e-more-info{gap: 24px;}
  .e-more-grid{align-items: center;}
  .grid-2.a-dental-grid{grid-template-columns: 1fr 1.5fr;}
  .text-body.text-center {padding: 20px 11%;}
  #about-experience .grid-box-md{grid-template-columns: 1fr; grid-gap: 30px;}
  #about-experience .grid-md-info{gap: 15px; margin-bottom: 15px;}
  .steps-team{gap: 10px;}
  .event-card-body{padding: 14px 10px;}

    /* HOMEPAGE */
  .main-cta-block{padding:32px 0;}
  .hero-content p.main-title{line-height: 58px;}
  .hero-content{top: 32%;}
  #about-us .text-box {width: 670px;}
  #results .results-grid {grid-template-columns: 1fr;}
  #results .text-break{display: flex; gap: 10px; align-items: center; justify-content: center;}
  #results .results-text .results-cta{margin-top: 15px;}
  #results .results-text{text-align: center; margin-bottom: 30px;}
  #results .results-text .text-box.text-left h2, #results .results-text .text-box.text-left p{text-align: center;}
  #results .btn-thm{margin: auto;}
.media-logo-img{}
  .media-logo.logo-active{align-items: center;}

  #keit-press .media-content {width: 80%;}
  .media-content{padding: 30px 0;}
  .media-video{margin: 0px 30px;}
  .media-info .text-small{line-height: 24px;}
  .media-info p{line-height: 21px; font-size: 14px;}
  .media-box {margin: 28px auto;}
  .media-three .media-info p{font-size: 14px; line-height: 23px;}
  .media-info .text-small { line-height: 21px; font-size: 14px;}
  .media-block{grid-gap: 7px;}
  .steps-item:nth-child(2) h6{bottom: 70px;}
  .steps-item:nth-child(3) h6{bottom: 110px;}
  .steps-item:nth-child(4) h6 {bottom: 145px;}
  .steps-info h4{font-size: 22px;}
  .steps-item:nth-child(5) h6{bottom: 165px;}
  .steps-arrow{width: 40px; bottom: 33px; left: -38px;}
  .reviewsSwiper .swiper-wrapper {padding-bottom: 40px;}

  /* PILLAR ARTICLES */
  .service-template-left h1 span {font-size: 40px;}
  .service-template-left h1 {font-size: 33px;}
  .service-template-left .service-intro {line-height: 23px;width: 90%;}
  .pillar-sidebar .pillar-form-container {display: none;}
  #learn-more .pillar-grid { grid-template-columns: 1fr; gap: 0;}
  .pillar-main .table-of-content {display: grid;justify-content: center;}
  .service-template-left{height: 700px;}
  .review-facts .review-item{display: grid; gap: 5px;}
  .services-main-grid {margin-top: 40px;}
  #media-box-tv.media-box {width: 93%;}

  #article-page .blog-grid {grid-template-columns: 4fr 1.7fr; gap: 35px}
  .blog-meta li{font-size: 12px;}
  h1.article-title {font-size: 35px;}

}

@media (max-width:1024px) {
  /* CAREERS PAGE */
  .job-page-grid{grid-template-columns: 1fr;}
  .job-details-box, .job-col-right .apply-box{display: none;}
  .careers-hero .content-text p{padding-right: 95px;}
  section#careers-provide{padding-top: 0}
  .events-controls.advanced-controls .swiper-pagination{display: none}
  .events-controls{margin-top: 20px;}
  #team-events {padding: 50px 5vw;}
  /* End of CAREERS PAGE */

  /* HOMEPAGE */
  .community-grid{padding-bottom: 30px; margin-bottom: 20px;}
  .dep-grid {grid-template-columns: repeat(2, 1fr);}
  .dep-grid {margin: 30px 0;}
  #KEIT-Team .box-flex {padding-bottom: 20px;}
}
@media (max-width:991px) {
  /* Community events */
  #community-hero h1 {font-size: 55px;}
  #community-initiatives .community-grid {grid-template-columns: repeat(2, 1fr);}
  #community-impact .impact-photo {display: none;}
  #community-impact .impact-number {font-size: 110px;}
  #community-partner .community-partner-box {grid-template-columns: 1fr; gap: 40px;}
  #community-event-hero h1 {font-size: 42px;}
  #community-event .community-event-grid {grid-template-columns: minmax(0, 1fr); gap: 45px;}
  #community-event .community-event-side {position: static;}
  #community-related .community-related-grid {grid-template-columns: repeat(2, 1fr);}
  #video-library .video-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
  .testimonials-top p {font-size: 25px;}
  #surgeries, #treatments { padding-top: 20px;}
  .toggle-item span {display: none;}
  .toggle-item.active span {display: inline;}
  .laser-treatment .service-grid{width:100%;}
  .popup-thumbs-swiper .swiper-slide img{height: 80px;}
  .dental-services .dental-grid-three{max-width: 100%;}

  /* RESULTS Page */
  .rating-content{ display: grid; gap: 0px;}

  /* End of RESULTS Page */

  /* MEET THE FOUNDER */
  #leading-media .text-box.box-center p {width: 73%;}
  #leading-media .lm-box-p { width: 70%;margin: 25px auto;}
  .insight-grid .i-box-left p {padding-right: 35px;}
  .grid-box-md{grid-template-columns: 1.5fr 3fr; grid-gap: 25px;}
  #doctor-socials{padding: 50px 5vw;}
  .social-stat-shares {left: 18px;}

  /* CAREERS */
  #careers-team {padding-top: 10px;}
  .team-swiper{margin-top: 25px;}
  #careers-provide{padding-top: 25px;}

  /* ABOUT US */
  #medical-ecosystem .box-flex{display: grid;gap: 20px;}
  .box-flex p.text-body{width: 100%;}
  .ecosystem-group{grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(107, 34, 97, 0.29);}
  .ecosystem-group .e-item:nth-child(5), .ecosystem-group .e-item:nth-child(10){border-right: 1px solid rgba(107, 34, 97, 0.29);}
  .ecosystem-group .e-item:nth-last-child(-n+5){border-bottom: 1px solid rgba(107, 34, 97, 0.29);}
  .ecosystem-group .e-item:nth-child(4), .ecosystem-group .e-item:nth-child(8){border-right: none;}
  .ecosystem-group .e-item:nth-child(9), .ecosystem-group .e-item:nth-child(10){border-bottom: none;}
  .standard-item .font-m-30{font-size: 26px;}
  .standards-swiper{margin-top: 22px;}
  .text-body.text-center {padding: 20px 9%;}
  .img-with-text .div-one{width: 60%; border-top-left-radius: 9px;}
  #about-media .grid-2{grid-template-columns: 1fr;}
  section#about-media {padding: 60px 5vw;}
  #about-media .text-body, #about-media .text-box p, #about-media h2{text-align: center;}
  #about-media .sec-btn{display: none;}
  .media-list{justify-content: center; gap: 40px;}
  #medical-team .grid-2 {grid-template-columns: 1fr 2fr;}
  #matching-process .process-swiper{grid-template-columns: repeat(3, 1fr);}
  .process-item .p-bottom h4 { padding: 25px 20px 20px; font-size: 14px; line-height: 20px;}
  #about-media .media-actions {justify-content: center;margin-top: 0;}

   /* MEDICAL TEAM */
   #surgeon-network .image-box {height: 100%;}
   #surgeon-network .image-box img{height: 100%;}
   .img-absolute-1{right: 0;}
   #dental-clinic .col-img img{border-radius: 10px;}
   #hair-transplant .grid-2{grid-template-columns: 1fr;}
   #hair-transplant p span {  display: inline;}
   #hair-transplant .col-right{display: grid; grid-template-columns: 1fr 1.4fr;}
   .col-result-grid .results-box{grid-template-columns: 1fr 1fr;}
   .col-result-grid {display: grid;align-content: space-between;}
   .col-result-grid a{margin: 0;}
   .steps-team{grid-template-columns: repeat(3, 1fr);}
   .grid-2.less-gap {gap: 20px;}
   .team-structure .cmo-box{width: 720px;}
   .cmo-grid h5{display: flex; align-items: center;}

   /* PILLAR ARTICLES */
   .template-buttons {display: grid;}

   /* HOMEPAGE */
   .services-main-grid{gap: 10px;}

   /* BLOG ARTICLE */
   #article-page .blog-grid { grid-template-columns: 1fr; }
   .blog-main-image .article-image{width: 70%; display: block; margin: auto;}
   .blog-list-grid{grid-template-columns: repeat(3, 1fr)!important;}
 
}
@media (max-width:978px) {
  .footer-group{grid-template-columns: 1fr 1fr;}

  /* ABOUT US */
  #founded .grid-2 {gap: 36px;}
  #founded .grid-2 .col-left {gap: 22px;}
  .provide-grid{grid-template-columns: 1fr 1fr;}
  .dep-grid{grid-template-columns: 1fr 1fr;}
  #matching-process .process-swiper{grid-template-columns: repeat(3,1fr);}

  /* MEDIA */
  #media-hero .media-header-buttons{justify-content: center;}
  #press-media-contact { padding: 50px 5vw 90px 5vw;}
  #press-media-contact .press-media-box {gap: 40px;}
}
@media (max-width:940px) {
  .footer-group{ gap:20px;}
  .testimonials-top .sec-btn {display: none;}
  .testimonials-top p {margin:0 auto;}
  .toggle-item span { font-size: 13px;}
  .service-item .service-title{padding: 11px 20px;}
  .keit-privacy-policy{grid-template-columns: 1fr;}
  .keit-privacy-policy .privacy-policy-left {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }
  .keit-privacy-policy .privacy-policy-left h2, .keit-privacy-policy .privacy-policy-left h1.h1-as-h2 {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }
  .keit-privacy-policy .privacy-policy-left h2 br, .keit-privacy-policy .privacy-policy-left h1.h1-as-h2 br {display: none;}
  .privacy-policy-left h2 span, .privacy-policy-left h1.h1-as-h2 span { font-size: 35px;}
  .keit-privacy-policy { gap: 40px;}
  .privacy-policy-right{padding-top: 0;}
  .keit-privacy-policy .privacy-policy-left{padding-bottom: 20px; border-bottom: 1px solid rgba(106, 35, 97, .15);}
  .keit-privacy-policy .privacy-policy-left h2 em, .keit-privacy-policy .privacy-policy-left h1.h1-as-h2 em{display: block; margin-top: 8px;}
  .res-btn{display: none;}
  .legal-page{padding-top: 100px;}

  /* RESULTS */
  .result-angles{
    display: flex;
  } 
  /* End of RESULTS */ 

  /* MEDIA */
  .press-media-box .text-box h2, .press-media-box .text-box p{text-align: center;}
  .white-bg-form .grid-two {grid-template-columns: 1fr 1fr;}
  #press-media-contact { padding: 50px 5vw 130px 5vw;}
  #press-media-contact .press-media-box{grid-template-columns: 1fr;}
}
@media (max-width: 900px) {
  /* CAREERS */
  .careers-hero .container-box {grid-template-columns: 2.5fr 1fr;}
  .team-swiper .team-card {height: 355px;}
  .provide-left p.text-body{margin-top: 20px;}
  .provide-grid a.btn-outline{display: none;}
  .require-grid{grid-template-columns: 1fr;}
  .medical-slider, .require-images{order: 2px;}
  #careers-provide .provide-grid{grid-template-columns: 1fr; gap: 5px}
  #careers-provide { padding-top: 10px;}
  .require-grid{gap: 30px;}
  .medical-slider, .require-images{margin-top: 0;}
  .require-box .btn-thm {bottom: 12px;right: 12px;}
  .content-text h1.fs-75 {font-size: 60px;line-height: 65px;}
  .simple-controls .simple-prev { left: 15px;}
  .simple-controls .simple-next { right: 15px;}
}
@media (max-width:870px) {
    /* Root */
  .short-header .text-box h3 {width: 60%;}
  .short-header .text-box p{font-size: 35px;}
  .text-box p, .text-box h1.h1-as-p { font-size: 35px;}
  .pt-150 {padding-top: 115px;}
  /* End of Root */

  .testimonials-wrapper {grid-template-columns: repeat(3, 1fr); gap:15px; }
  .testimonials-grid{ grid-template-columns: 1fr;gap:30px;}
  .t-sidebar-content {display: none;}
  .t-sidebar-content.active {display: block;}
  .hub-grid-3{grid-template-columns: 1fr;}
  .blogs-list{grid-template-columns: 1fr 1fr;}
  .hub-one {gap: 40px;}
  .services-text-box h1{ font-size: 35px;}
  .keit-privacy-policy { gap: 30px;}

  /* PROTOCOLS */
  .protocols-controls{display: grid; gap: 15px; margin-bottom: 20px;}
  /* End of PROTOCOLS */

  /* RESULTS Page */
  .before-after-grid{grid-template-columns: 1fr;}
  .results-popup-content{width: 80%;}
  .before-after-grid{gap: 30px;}
  .sidebar{border-radius: 50px;}
  .sidebar-header{ border-radius:50px; border-bottom: 0;padding:14px 20px;}
  .sidebar-active  .sidebar-header{border-top-right-radius: 25px; border-top-left-radius: 25px; border-bottom-right-radius: 0;  border-bottom-left-radius: 0;}
  .sidebar-active.sidebar{border-radius: 25px;}
  .filter-btn{display: block;}
  
  /* MEET THE FOUNDER */
  #doctor-socials .container-box {grid-template-columns: 1fr;gap: 55px;}
  .socials-left {justify-items: center;}
  #doctor-socials .text-box h2,
  #doctor-socials .text-box p {text-align: center;}
  .doctor-social-grid { max-width: 560px;}
  .socials-right { min-height: 540px;}
  .social-stat-views { left: 8%;}
  .social-stat-shares {left: 13%;}
  .social-stat-followers {right: 5%;}

  /* MEET THE FOUNDER */
  #about-founder{padding: 60px 0;}
  .founder-gallery {width: 85%;}
  #about-founder .box-center p{width: 77%;}
  #medical-direction .grid-box-md{grid-template-columns: 1fr;}
  #medical-direction .text-box p.p-next-row{display: flex;text-align: center;justify-content: center;gap: 10px;align-items: center;}
  #medical-direction h2{text-align: center;}
  #medical-direction .text-body{text-align: center;}
  .medical-slider .medical-card img{height: 370px;}
  #leading-media .lm-box-p {width: 90%;}
  #leading-media .text-box.box-center p {width: 80%;}
  #expert-insight .grid-box-md {grid-template-columns: 1fr;}
  .insight-grid .insight-btn {margin-top: 20px;}
  .insight-grid .i-box-content {padding-left: 0;}
  .blog-category-links {flex-wrap: wrap;}
  #medical-background .box-flex{display: grid;}
  #medical-background .box-flex .btn-thm{display: none;}
  .insight-grid .i-box-right.active{gap: 20px;}
  #medical-background .medical-grid{margin-top: 35px;}
  .pm-photo-wall{grid-template-columns: 1fr 1fr;}
  .pm-h-small, .pm-h-medium, .pm-h-large, .pm-column-two .pm-h-large, .pm-column-two .pm-h-small, .pm-column-three .pm-h-medium, .pm-column-three .pm-h-large, .pm-column-four .pm-h-large, .pm-column-four .pm-h-medium{height: 370px;}
  .media-slider-2 {margin-top: 34px;}

  /* ABOUT US */
  .header-container h1 {font-size: 35px; line-height: 41px;}
  .about-us-hero .header-container .content-hero{width: 77%; gap: 18px;}
  .content-hero .header-p {font-size: 16px;line-height: 26px;}
  #founded .grid-2 {grid-template-columns: 1fr;}
  .image-box span.text-gray{padding: 10px 92px;font-size: 14px; line-height: 21px; margin-top: 10px;}
  .mvv-grid{grid-template-columns: 1fr;}
  .mvv-grid > :last-child:nth-child(odd) {grid-column: 1;justify-self: center;width: 100%;}

  .about-us-hero .about-facts{align-items: center;}
  .about-facts .fact-item h6{padding: 0 10px;}
  #KEIT-Team .box-flex .btn-thm{display: none;}
  .ecosystem-group .e-item .font-m-30{font-size: 25px}
  .e-more-grid{grid-template-columns: 1fr; gap: 30px;}
  .ecosystem-group{margin: 25px 0;}
  .grid-2.a-dental-grid{grid-template-columns: 1fr;}
  #about-dental{padding: 45px 5vw;}
  #about-dental .simple-swiper{order: 2;}
  .text-body.text-center{padding: 20px 4%;}
  .grid-box-md .steps-grid{grid-template-columns: repeat(2, 1fr);}
  #about-experience .grid-box-md{grid-gap: 13px;}
  .steps-grid-item .steps-box{padding: 14px 20px;}
  .steps-grid-item .steps-box h4 {font-size: 14px;}
  #about-medical .grid-2{grid-template-columns: 1fr;}
  #about-medical .text-box h2, #about-medical .text-box p{text-align: left;}
  #about-medical .grid-2 {margin-top: 15px;}
  .img-with-text .div-one {width: 66%;}
  #about-media .text-body{width: 85%; margin: auto;}

  /* PILLAR ARTICLES */
  .service-template-left {
    border-bottom: 0;
    display: grid;
    justify-content: center;
    align-items: center;
    gap: 13px;
    border-bottom: none;
    height: fit-content;
    order: 2;
    width: 100%;
    text-align: center;
    padding: 20px 5vw;
  }
  .service-template {grid-template-columns: 1fr;}
  .template-buttons {display: none;}
  .template-p {display: none;}
  .service-template-right {order: 1;}
  .service-template-left h1 {
    font-family: var(--main-font);
    color: var(--thColor);
    font-size: 30px;
    text-align: left;
    font-style: normal;
  }
  .service-template-left h1 span {font-family: var(--main-font);font-style: normal;font-size: 30px;}
  .service-template-left .service-intro {text-align: left;width: 100%;}
  .service-template-left .text-body.regular{display: flex; align-items: center; justify-content: start;}

  .acc-logo {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px; /* adjust to match your spacing */
}

.acc-logo > *:nth-child(-n+2) {
  grid-column: span 3;
}

.acc-logo > *:nth-child(n+3) {
  grid-column: span 2;
}

}

@media (max-width:780px) {
  /* Root */
  .theme-navbar .logo {width: 79px;}
  .text-box h2, .text-box h1.h1-as-h2{margin-bottom: 11px!important;}
  .text-body.fs-16 {  font-size: 15px;}

  .r-star{font-size: 8px;}
  .reviews-platform{gap:21px;} 
  .footer-bottom .container-box{grid-template-columns: 2fr 1fr;}
   #languageMenu.active {
    display: flex !important;
    align-items: center;
    justify-content: space-between; }
  .blog-info h4{max-width: 100%;}
  .podcast-info h3 {font-size: 28px;}
  .doctor-img{left: 0;}
  .podcast-info p {font-size: 10px;}
  .podcast-content {padding: 0 30px;}
  .podcast-player {max-width: 230px;}

  /* SERVICE Page */
  .face-treatment .service-grid {  grid-template-columns: repeat(2, 1fr);}
  .body-procedure .service-grid { grid-template-columns: repeat(2, 1fr);}
  .face-procedure .service-grid{ grid-template-columns: repeat(2, 1fr);}
  .mobile-services-grid {width: 60%;}

  .face-treatment .service-grid > :last-child:nth-child(odd),
  .body-treatment .service-grid > :last-child:nth-child(odd),
  .face-procedure .service-grid > :last-child:nth-child(odd),
  .body-procedure .service-grid > :last-child:nth-child(odd),
  .hair-transplant .service-grid > :last-child:nth-child(odd),
  .laser-treatment .service-grid > :last-child:nth-child(odd),
  .dental-services .dental-grid-four > :last-child:nth-child(odd),
  .dental-services .dental-grid-three > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
  .face-treatment .service-grid > :last-child:nth-child(odd) img,
  .body-treatment .service-grid > :last-child:nth-child(odd) img,
  .face-procedure .service-grid > :last-child:nth-child(odd) img,
  .body-procedure .service-grid > :last-child:nth-child(odd) img,
  .hair-transplant .service-grid > :last-child:nth-child(odd) img,
  .laser-treatment .service-grid > :last-child:nth-child(odd) img,
  .dental-services .dental-grid-four > :last-child:nth-child(odd) img,
  .dental-services .dental-grid-three > :last-child:nth-child(odd) img {
    height: 200px;
    object-fit: cover;
  }
  /* End of SERVICE Page */

  .results-header .text-box p{font-size: 35px;}
  .testimonials-header .text-box p{font-size: 35px;}
  .testimonials-wrapper { grid-template-columns: repeat(2, 1fr); }
   
  /* RESULTS Page */
  .result-angles img.r-angle-img {opacity: 0.55;transition: 0.25s ease;}
  .result-angles img.r-angle-img.active-angle {opacity: 1;outline: 2px solid var(--thColor);outline-offset: 2px;}
  
  .result-angles .purple-arrow {display: none;}
  .results-gallery .result-item {overflow: hidden; border-radius: 7px; touch-action: pan-y; }
  .results-gallery .result-item.is-mobile-zoom-active {touch-action: none;}
  .results-gallery .result-item > img {display: block; width: 100%;transform-origin: center center;will-change: transform;transition: transform 0.2s ease;}
  .mobile-card-zoom-btn {position: absolute;right: 10px;bottom: 10px;z-index: 20;width: 36px;height: 36px;border: none;border-radius: 50%;background: rgba(255, 255, 255, 0.75);color: var(--thColor);display: flex; align-items: center;justify-content: center;cursor: pointer;}
  .mobile-zoom-controls {position: absolute;right: 10px;top: 10px;z-index: 25;display: none;flex-direction: column; overflow: hidden;border-radius: 8px;background: white;box-shadow: 0 4px 14px rgba(0,0,0,0.18);}
  .mobile-zoom-controls.is-visible {display: flex;}
  .mobile-zoom-controls button {width: 36px; height: 36px;border: none;background: white;color: var(--thColor);font-size: 22px;font-weight: 600;line-height: 1;cursor: pointer;}
  .mobile-zoom-controls button:first-child { border-bottom: 1px solid rgba(107, 34, 97, 0.18);}
  .disclaimer-box{width: 85%; margin: 20px auto 150px auto;}
  .results-gallery .result-angles img:nth-child(5), .results-gallery .result-angles img:nth-child(6){display: none;}
  /* End of RESULTS Page */

  /* MEET THE FOUNDER */
  #patient-moments {padding: 55px 5vw 65px;}
  #patient-moments .text-box {margin-bottom: 30px; }
  #patient-moments .text-box p { font-size: 38px;}
  .pm-photo-wall { gap: 14px; }
  .pm-column {gap: 14px;}
  .expert-cta-box .cta-grid .cta-left {padding-left: 0; width: 70%;}
  #expert-cta .expert-cta-box{padding: 0 35px; overflow: hidden; padding-bottom: 90px;}
  #expert-cta .space-dark{height: 80%;}
  #expert-cta .img-cta-form {width: 390px; right: -100px;}
  #expert-cta .cta-grid .lamp-img { left: 90%;}
  #expert-cta .cta-grid{grid-template-columns: 1fr;}
  .white-bg-form .grid-two{grid-template-columns: 1fr;}
  .full-bg-header .main-img {width: 350px;}
  .content-text h1 {font-size: 59px;line-height: 72px;}
  #meet-the-founder-hero .content-text{width: 57%;}
  .full-bg-header .main-img{right: 2vw;}
  .header-founder-text .h-text-item{padding-left: 17px;}
  .header-founder-text .h-text-item h3 { font-size: 16px; line-height: 23px;}
  .grid-box-md .grid-box-content{grid-gap: 13px;}
  .direction-box .d-box-grid{margin-top: 19px;}
  .content-text p{font-size: 14px;}
  .header-founder-text .h-text-item h3 {font-size: 14px; line-height: 22px;}
  .doctor-social-item {padding-left: 38px;}
  #expert-cta .space-dark{height: 70%;}
  .insight-grid .i-btn-content img {width: 35px;}
  .founder-gallery{grid-gap: 8px;}
  .founder-gallery .fg2{grid-gap: 8px;}
  .founder-gallery img.handwritten-text {right: 25px; bottom: -15px; width: 70px; }
  #about-founder .box-center p {width: 83%;}
  .d-box-grid .d-box {padding: 15px 80px;}

  /* CAREERS */
  .careers-hero .container-box {grid-template-columns: 1fr;padding-right: 20%;}
  .benefits-grid-list {grid-template-columns: repeat(3, 1fr);}
  .require-images.medical-slider .medical-card img {height: 390px;}

  /* CAREERS LIST */
  #career-header .career-header-img {height: 332px;}
  #job-list .job-list-grid{grid-template-columns: repeat(1, 1fr);}
  section#apply-now {padding: 30px 5vw;}
  #career-header .career-header-img{height: 332px;}

  /* CAREER PAGE */
  .job-col-left .job-item .job-head h4, .job-col-left .job-item .job-head h1.h1-as-h4 {font-size: 25px;}
  .job-desc-box h3 { font-size: 22px;}
  .job-desc-box.b-bottom{padding-bottom: 20px; margin-bottom: 20px;}
  .form-panel{padding: 25px 30px;}
  .form-col-2{grid-template-columns: 1fr;}
  .form-disclaimer {padding: 10px 8% 0;}
  /* End of CAREER PAGE */

  /* MEDICAL TEAM */
  .team-structure .cmo-box {width: 60px;}
  .cmo-grid h5{padding: 0;}
  #medical-team .grid-2 { grid-template-columns: 1fr; gap: 30px;}
  #medical-team .col-grid{gap: 25px;}
  #medical-team .require-box.mt-20 {margin-top: 0;}
  .text-box p.text-center {padding: 0 7%;}
  #matching-process .process-swiper{margin: 10px 0 50px;}
  #surgeon-network .grid-2{grid-template-columns: 1fr;}
  #dental-clinic .grid-3{margin-top: 20px; grid-template-columns: 1fr;}
  #dental-clinic .text-box h2{text-align: left;}
  #dental-clinic .text-box p{text-align: left;}
  #dental-clinic .small-box-icon{top: 10px;}
  #hair-transplant .col-right{grid-template-columns: 1fr;}
  .col-result-grid .results-box{grid-template-columns: 1fr 1fr 1fr;}
  .col-result-grid a{margin-top: 22px;}
  .col-result-grid a {margin: 20px auto 0 auto;}
  #hair-transplant .col-dark{order: 1;}
  #dental-clinic .small-box-icon{left: 0;}
  #dental-clinic .check-list{margin-top: 65px; gap: 12px;  padding: 14px 0px 0;}
  #dental-clinic .sec-btn{display: none;}
  #hair-transplant{padding-top: 30px;}
  #hair-transplant .grid-2{gap: 35px;}
  #treatment-section .grid-2 {gap: 30px;}
  #treatment-section .grid-2 .col-left{gap: 15px;}
  .gallery-box-3{margin: 30px auto 30px;}
  #support-team .grid-2{grid-template-columns: 1fr;}
  .steps-team{margin: 25px 0;}
  #support-team .display-flex .text-body {width: 100%;}
  #support-team .display-flex{display: grid; text-align: center;}
  #support-team .display-flex .btn-thm{margin: 20px auto 0;}
  /* End of MEDICAL TEAM */

  /* MEDIA */
  #media-hero .media-header-info{gap:20px;text-align: center;justify-content: center; position: relative;}
  #media-hero .media-header-buttons{margin: 0 auto;}
  #media-hero .media-header-info h3, #media-hero .media-header-info h1.h1-as-h3 {font-size:65px;}
  #media-hero .media-header-info p {font-size: 16px;}
  .media-stats .media-stat h3{font-size: 40px !important;}
  /* END OF MEDIA */

  /* PILLAR ARTICLE */
  .pillar-content .pillar-img {width: 100%;}
  /* END OF PILLAR ARTICLE */

  /* HOMEPAGE */
  .service-category .box-border{height: 170px;}
  .services-main-grid{margin-top: 20px;}
  .result-card {border-radius: 5px;}
  .testimonial-left-controls{display: none;}
  .testimonial-controls{margin-top: 30px;}
  #testimonials .sec-btn{margin: 35px auto 0;}
  .testimonial-controls .swiper-pagination{bottom: 63px;}
  .steps-group { display: none; }
  .experience-swiper { display: block;  padding: 20px 0 50px; }
  .experience-swiper .swiper-slide {
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    transition: opacity 0.3s ease, filter 0.3s ease;
  }

  .experience-swiper .steps-img img {
    width: 95%;
    height: 270px;
    object-fit: cover;
    border-radius: 10px;
  }

  .experience-swiper .steps-info {
    padding: 11px 10px;
  }

  .experience-swiper .steps-info p {
    font-size: 15px;
  }
  .experience-swiper .steps-info h4 {
    color: var(--thColor);
    margin-bottom: 8px!important;
  }
  .experience-swiper .swiper-pagination{position: relative; margin: 20px 0;}
  .experience-swiper{padding-bottom: 0;}

  /* BLOG ARTICLE */
  .blog-main-image .article-image{width: 100%;}
  #career-header .career-header-swiper{height: 250px; border-radius: 13px;}

  #medical-ecosystem .e-item[data-filter] {cursor: pointer;touch-action: manipulation;}
  #medical-ecosystem .e-more-grid {display: none;}
  #medical-ecosystem .e-more-grid.active {display: grid;}
  #about-experience .grid-box-md {width: 100%;min-width: 0;}
  .review-controls .simple-prev,
  .review-controls .simple-next {top: 90%;}
  #about-reviews .simple-controls .simple-next {right: 10%;}
  #about-reviews .simple-controls .simple-prev {left: 10%;}
  .dep-grid.plastic_surgery {grid-template-columns: repeat(2, minmax(0, 1fr));}

  /* Slider: një foto në ekran */
  #about-experience .steps-grid {
    width: 100%;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #about-experience .steps-grid::-webkit-scrollbar {display: none;}

  #about-experience .steps-grid-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0;

    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  #about-experience .steps-grid-item>img {
    display: block;
    width: 100%;
    height: 290px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
  }

  /* Fsheh titullin brenda çdo karte në mobile */
  #about-experience .steps-grid-item .steps-box {
    display: none;
  }

  /* Vetëm titulli dhe dots janë flex */
  #about-experience .steps-mobile-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 12px;
  }
  #about-experience #stepsMobileTitle {
    flex: 1;
    margin: 0;
    padding: 0;
    color: var(--thColor);
    white-space: nowrap;
  }
  #about-experience .steps-mobile-pagination {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    gap: 8px;
    margin: 0;
  }
  #about-experience .steps-mobile-dot {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    background: rgba(107, 34, 97, 0.3);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.25s ease, transform 0.25s ease;
  }
  #about-experience .steps-mobile-dot.is-active {
    background: var(--thColor);
    transform: scale(1.25);
  }
  #medical-ecosystem .facility-pagination,
  #medical-ecosystem .swiper-pagination-horizontal {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: fit-content !important;
    margin: 15px auto 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transform: none !important;
    text-align: center;
  }
  #medical-ecosystem .e-more-grid {
    gap: 30px;
  }
  .media-country-tabs {margin: 10px auto 22px;}
  .media-country-btn{min-width: 44px;padding: 7px 14px;font-size: 12px;}
  .blog-list-grid{grid-template-columns: repeat(2, 1fr)!important; gap: 21px;}
}

@media (max-width:767px) {
  /* Protocol document page */
  .protocol-doc-section {padding: 35px 5vw 70px 5vw;}
  .protocol-related {padding: 0 5vw 70px 5vw;}
  .protocol-doc-section + .protocol-related {margin-top: -25px;}
  .protocol-doc {padding: 26px 18px 32px; border-radius: 14px;}
  .protocol-doc .doc-title {font-size: 30px;}
  .protocol-doc .doc-intro.has-image {grid-template-columns: 1fr; gap: 22px; margin-bottom: 24px;}
  .protocol-doc .doc-intro.has-image .doc-title {font-size: 30px;}
  .protocol-doc .ctrl, .protocol-doc .ctrl tbody {display: block;}
  .protocol-doc .ctrl tr {display: grid; grid-template-columns: 42% 58%;}
  .protocol-doc .ctrl th, .protocol-doc .ctrl td {width: auto;}
  .protocol-doc.is-pdf .ctrl {display: table;}
  .protocol-doc.is-pdf .ctrl tbody {display: table-row-group;}
  .protocol-doc.is-pdf .ctrl tr {display: table-row;}
  .protocol-doc.is-pdf .ctrl th {width: 18%;}
  .protocol-doc.is-pdf .ctrl td {width: 32%;}
  .protocol-doc .kv th {width: 34%;}
  .protocol-doc p {text-align: left;}
  .protocol-doc .protocol-doc-download {flex-direction: column; align-items: flex-start; gap: 16px; padding: 20px;}
  .media-content-prev,
  .media-content-next,
  .media-content-al-tv-prev,
  .media-content-al-tv-next {
    width: 34px;
    height: 34px;
  }

  .media-content-prev::after,
  .media-content-next::after,
  .media-content-al-tv-prev::after,
  .media-content-al-tv-next::after {
    line-height: 32px;
  }

  .media-content-prev,
  .media-content-al-tv-prev {
    left: 5px;
  }

  .media-content-next,
  .media-content-al-tv-next {
    right: 5px;
  }
}

@media (max-width:710px) {
  .rating-top{gap:4px;}
  .rating-content {gap:3px;}
  .r-button{display: none;}
  .review-content-header{margin: 0 auto;}
  .footer-nav ul{display: none;}
  .footer-nav{padding: 0;}
  .keit-privacy-policy { gap:20px;}
  /* Root */
  .short-header .text-box h3{width: 80%;}
  .short-header .text-box p{font-size: 32px; width: 70%;}
  /* End of Root */

  .podcast-content .doctor-img{width: 200px;}

  /* HOMEPAGE */
  #about-us .text-box{width: fit-content;}
  .reasons-grid {margin-top: 35px;}
  .services-main-grid{grid-template-columns: 1fr 1fr;}
  .service-category .box-border{height: 275px;}
}

@media (max-width:688px) {
  section#review{padding: 30px 5vw 30px 5vw;}
  .star-flex img{width: 20px;}
  .testimonials-grid{padding: 30px 5vw 30px 5vw;}
  .podcast-player { display: none;}
  .podcast-content{display: block;}
   .podcast-content{max-width: 500px;}
  .podcast-info{padding: 40px 0; margin-left: 49%;}
  .podcast-player-mobile {
    display: block;
    background-image: url("../images/icons/podcast-bg-mobile.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    margin: 0px auto;
    text-align: center;
    background-position: center;
    position: relative;
    margin: 15px 5vw 0;
  }
  a.podcast-a-mobile {
    text-decoration: none;
    display: none;
  }
  .podcast-player-mobile h3 {
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    padding: 0px 48px;
    line-height: 20px;
  }
   .podcast-player-mobile h3 img{
    position: absolute;
    top:8px;
    right: 45px;
   }
  .podcast-player-mobile img {
    max-width: 100%;
    height: auto;
    padding-top: 12px;
  }
  .podcast-player-mobile .podcast-play-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 4px;
  }
  .laser-treatment .service-grid {width: 100%; grid-template-columns: repeat(2, 1fr);}
  .mobile-services-grid { width: 65%;}
  .keit-education{padding-top: 10px;}
  .other-blog-info .cap{text-transform: none;}
  .other-blog-info .cap i{display: none;}
  .a-card-top .a-card-img {margin-bottom: 5px;}

  /* RESULTS Page */
  .before-after-grid{padding: 30px 5vw 30px 5vw; gap:23px;}
  .popup-thumbs-swiper .swiper-slide img {height: 65px;}
  .results-popup-content {width: 90%;}
  .results-top{margin-bottom: 23px;}
  .filter-label-flex{gap: 10px;}
  /* End of RESULTS Page */

  /* REVIEWS Page */
  .review-content-body{gap: 14px;}
  /* End of REVIEWS Page */

  /* Root */
  .protocols-grid {grid-template-columns: repeat(1, 1fr);}
  .theme-navbar .logo{width: 73px;}
  .theme-navbar,.simple-header.header-h{height: 67px;}
  /* End of Root */

  /* MEET THE DOCTOR */
  .content-text h1 { font-size: 52px;line-height: 60px;}
  .content-text h2 {font-size: 15px;}
  #meet-the-founder-hero .content-text {width: 60%;}
  #meet-the-founder-hero{overflow: hidden;}
  .full-bg-header .main-img {right: -80px; width: 435px;}
  .header-founder-text{gap: 15px; grid-template-columns: 1fr;}
  .h-text-item h3 {font-size: 13px;}
  .h-text-item h4 {font-size: 13px;}
  .header-founder-text .h-text-item{gap: 3px;}
  #expert-cta .img-cta-form{width: 350px; right: -120px;}
  .pm-h-small, .pm-h-medium, .pm-h-large, .pm-column-two .pm-h-large, .pm-column-two .pm-h-small, .pm-column-three .pm-h-medium, .pm-column-three .pm-h-large, .pm-column-four .pm-h-large, .pm-column-four .pm-h-medium{height: 315px;}
  .d-box-grid .d-box {padding: 15px 35px; align-items: center; display: flex; justify-content: center;}
  #toggle-bar-section {padding-top: 90px;}

  /* CAREERS LIST */
  #career-header .display-flex .sec-btn{display: none;}
  #career-header .career-header-img{border-radius: 10px;}
  #career-header .positions-filter{margin: 30px 0;}
  .apply-box-text p.text-gray {padding: 15px 10% 27px 10%;}
  .job-item .job-body{padding: 25px;}
  .apply-box-text {margin-bottom: 14px;padding: 0px 40px;}
  .provide-grid{grid-template-columns: 1fr; margin: 13px 0 35px 0;}

  /* PROTOCOLS */
  .protocols-section .display-flex .text-box{display: none;}
}

@media (max-width:650px) {
  /* HOMEPAGE */
  .media-box .media-controls{display: flex; justify-content: center;}
  #media-box-tv.media-box{padding: 13px 20px; border-radius: 33px;}
  .media-logo img.mediaset {height: 20px;}
  .media-logo.logo-active{padding: 7px 0;}
  .media-logo-img {height: 30px;}
  .press-logo img{height: 18px;}
  #media-box-articles .media-logo img.press-novella {padding: 0 40px;}
  #media-box-articles .media-logo img.press-romatoday{padding: 0 12px;}

  .media-controls .swiper-slide{align-content: center;}
  .hero-content{padding: 0 5vw;}
  .hero-content h1{font-size: 11px;}
  .hero-content p.main-title{width: 100%;}
  .hero-content p.subtitle{width: fit-content; padding: 0 30px;}
  .hero-content .btn-outline{display: none;}
  .review-facts{display: none;}
  .hero-header{height: 75vh;}
  .hero-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .reasons-grid .swiper-wrapper{padding-bottom: 0;}
  .service-category .box-border {height: 100%;}
  #our-services .text-box{padding: 0 35px;}
  #results .results-controls .sec-btn{order: 2; margin: auto; gap: 11px; padding: 16px 24px;}
  #results .results-arrows{width: 100%; justify-content: space-between;}
  #results .results-pagination{position: absolute!important; bottom: 90px;}
  #results .results-arrows img{width: 12px;}
  #results .results-prev, .results-next {width: 30px;height: 30px;}
  #results .SwiperResults{padding-bottom: 0!important;}
  #results .results-controls{padding: 10px 0; display: grid; width: 100%;
  justify-content: normal; gap: 15px;}
  section#results {padding-bottom: 26px;}
  #results .btn-thm{margin: 10px auto 0;}
  .media-two{grid-template-columns: 1fr;}
  #keit-press .media-content{width: 100%; border-radius: 25px;}
  .media-block .media-info{margin-top: 0; margin-bottom: 10px;}
  .media-block:last-child .media-info{margin-bottom: 0;}
  .media-content{padding: 25px;}
  .media-block{border-right: none;}
  .media-video {margin: 0;}
  #media-box-tv.media-box {padding: 12px; border-radius: 22px;}
  .media-logo .star-active{top: -24px;}
  .media-one{grid-template-columns: 1fr;}
  .media-logo.logo-active .star-active{display: none;}
  .media-one .media-info{order: 2;}
  .media-one .media-video{order: 1;}
  .media-three {grid-template-columns: 1fr;}
  .media-three .media-info{order: 2;}
  .media-three .media-video{order: 1;}
  #bloghub-home .a-card-top .a-card-img, #bloghub-section .a-card-top .a-card-img{height: 192px; margin-bottom: 0;}
  #bloghub-home .a-card-top-flex, #bloghub-section .a-card-top-flex{position: absolute; bottom: 14px; left: 11px; margin-bottom: 0;}
  #bloghub-section .a-card-top-flex a{background: var(--white);}
  #bloghub-home .article-card .a-card-bottom, #bloghub-section .article-card .a-card-bottom{padding: 12px 18px;}
  #bloghub-home .article-controls{display: grid; justify-content: normal;}
  #bloghub-home .article-left-controls {display: none;}
  #bloghub-home .article-controls .swiper-pagination {bottom: 55px;}
  #bloghub-home .sec-btn.sec-btn-outline{margin: 40px auto 0;}
  #bloghub-home .a-card-bottom h4, #bloghub-section .a-card-bottom h4{font-size: 15px; line-height: 22px;}
  #bloghub-home .a-card-bottom h4{-webkit-line-clamp: 1;}
  #KEIT-Community .community-grid{padding: 25px 0 47px; margin-bottom: 0px;}
  #community-initiatives .community-card-info h3{font-size: 23px;}
  #community-initiatives .community-grid{padding: 0;}
  #KEIT-Community {padding: 35px 0;}
  #faq-cta .main-cta input{width: 100%}
  .main-cta .form-grid.form-grid-phone-email{grid-template-columns: 1fr;}
  .main-cta{width: 84%;}
  #faq-cta .text-box h2, #faq-cta .text-box p{text-align: center;}
  #faq-cta .faq-block {width: 85%; padding: 40px 0;}
  #faq-cta .text-box p{padding: 0 20px;}
  .faq-question{padding: 14px;}
  .faq-block .text-box{margin-bottom: 20px;}
  .faq-answer p{padding: 0 14px 15px;}
  .faq-question h3{line-height: 24px;}
  .faq-list .faq-item.faq-active .faq-question{padding-bottom: 7px;}
  .faq-block .sec-btn.sec-btn-outline {margin-top: 29px;}
  #KEIT-Community .text-box p{padding: 0 20%;}
  #reviews .reviews-controls .reviews-next, #reviews .reviews-controls .reviews-prev{display: none;}
  #reviews .reviews {margin-top: 35px;}
  #accreditation-logo .text-box h2{padding: 0 34px; line-height: 25px; margin-bottom: 0!important;}
  .acc-item h3{font-size: 12px; line-height: 18px;}
  .acc-ce h3 {padding: 0px 10px;}
  .acc-wipo img {width: 80px;}
  .acc-fda img {width: 115px;}
  .acc-logo{gap: 3px; margin-top: 10px;}
  #accreditation-logo {padding-top: 35px;padding-bottom: 15px;}
  #media-box-articles.media-box{border-radius: 40px;}
  .hero-content{top: 34%;}
  .reasons-grid{margin-top: 18px; margin-bottom: 12px;}
  #pressModalLogo{height: 16px;}
  .press-modal__box{padding-top: 16px;}
  .press-article h3{font-size: 20px; line-height: 27px;}
  .press-article p{font-size: 14px;}
  .press-modal__header{padding-bottom: 11px; margin-bottom: 14px;}
  #media-box-articles.media-box .media-controls{gap: 8px; column-gap: 35px; padding: 20px 5px;}
  .about-popup-content {grid-template-columns: 1fr; width: 75%;}
  .about-popup-image {height: 250px;}
  .about-popup-info{padding: 20px;}
   #media-box-articles-al .media-controls {padding: 0;}
   #media-box-tv-al.media-box {margin: 30px auto;}
   #meet-the-founder-hero .content-text {padding-top: 75px;}
   #meet-the-founder-hero .content-text h1{line-height: 47px; font-size: 38px;}
   #medical-background {margin-bottom: 20px;}
   .direction-box {margin-top: 0;}
   .flex-3-controls.media-controls .swiper-pagination {display: none;}
}
@media (max-width:600px) {
  /* Root */
  section, section.section-bg, section.border-bg {padding: 35px 5vw 35px 5vw;}
  .short-header .text-box p{width: 100%; max-width: 100%;}
  .short-header .text-box h3{width: 85%;}
  .short-header .header-grid{padding: 70px 0 85px 0;}
  .sec-btn{padding: 13px 22px;}
  .text-box h2, .text-box h1.h1-as-h2{font-size: 14px;}
  .text-box p, .text-box h1.h1-as-p {font-size: 23px!important;}
  .desktop-cta{display: none;}
  .mobile-cta{display: block;}
  .text-body.text-center{padding: 20px 1%;}
  section.section-bg,  section.border-bg{ border-top-left-radius: 35px; border-top-right-radius: 35px;}
  .articleSwiper .swiper-slide {width: 80%;}
  /* End of Root */

  .short-header.protocol-header .text-box h3, .short-header.video-header .text-box h3{width: 100%;}
  .short-header.p-less.protocol-header .header-grid, .short-header.p-less.video-header .header-grid{padding: 120px 40px 30px!important;}

  footer{margin-top:117px;}
  .page-number, .page-arrow{font-size: 14px;width: 35px;height: 35px;}
  .r-grid {padding-bottom: 16px;}
  .review-content-header p{font-size: 22px;}
  .star-flex span{font-size: 12px;}
  .review-content-body{grid-template-columns: repeat(1, 1fr);}
  .review-header p{font-size: 35px; max-width: 225px; margin: 0 auto;}
  .testimonials-top p{font-size: 22px;}
  .t-grid{padding: 62px;}
  .t-desktop-text{display: none;}
  .t-mobile-text{display: block;}
  .testimonials-content,.testimonials-grid { gap: 23px;}
  .testimonials-wrapper .testimonial-card .patient-info p{ font-size: 13px; line-height: 19px;}
  .testimonials-header .text-box p{font-size: 35px; max-width: 270px;margin:0 auto;}
  .tag-right.t-tag-right{display: none;}
  .testimonials-grid .patient-img {height: 256px;}
  .mobile-hours-group span{font-size: 13px;}
  .footer-group{grid-template-columns: 1fr;gap:20px;}
  .footer-item{justify-content: center; gap:11px;}
  .footer-item h4{justify-content:center;}
  .footer-item a{justify-content: center; gap:6px;text-align: center;}
  .footer-b-left a {border-bottom: 1px solid rgba(255, 255, 255, 1);}
  .fa-location-dot{display: none;}
  .footer-logo img { width: 100px;}
  .footer-bottom { margin-top: 20px; padding: 20px 0;}
  .footer-flag {width: 22px;}
  .mobile-hours-group {display: flex; align-items: center; gap: 12px;}
  .blog-header .text-box p {font-size:33px;max-width: 240px;}
  .popular-top h2 {font-size: 25px;}
  .hub-one{padding:20px 5vw 20px 5vw;}
  .b-grid {padding: 50px;}
  .blog-info h4 {font-size: 17px; line-height: 26px;}
  .blog-tag-min{position:absolute;padding:10px;bottom:85px;}
  .main-blog{gap:7px;position:relative;}
  .other-blog-title{gap: 5px;}
  .other-blog-title h4{font-size:14px; -webkit-line-clamp: 2;}
  .other-image{height: 118px;}
  .blog-tag-min a, .blog-tag-min span:where(.blog-time) {padding:8px 12px;}
  .list-latest-article{gap:14px; padding-top: 20px;}
  .latest-image{border-radius: 4px;}
  .latest-left {font-size: 25px;}
  .latest-more-info {gap:5px;}
  .hub-one { gap: 18px;}
  .blog-btn span{display: none;}
  .blog-btn{padding: 12px; border: none!important;}
  .blog-btn img{transform: rotate(138deg); width: 13px;}
  .a-card-top-flex .blog-time{display: none;}
  .b-card-bottom h4 {font-size: 14px; line-height: 21px; padding-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  .b-card-meta span{font-size: 11px;}
  .blog-articles-grid{gap:14px;}
  .article-card .b-card-bottom {padding:54px 0px 0px 6px;}
  .podcast-content { max-width: 470px;}
  .blog-articles{padding: 20px 5vw 20px 5vw;}
  .b-article-next {width: 32px;height: 32px;}
  .sub-latest-article {gap:10px;}
   section#hair-procedures {width: 100%;}
  .doctor-podcast.pb-0{padding-top: 50px;}
  .dental-services .dental-grid-three { grid-template-columns: repeat(2, 1fr); width: 100%;}
  .dental-services .dental-grid-four{width: 100%;}
  .mobile-service-card span {font-size: 12px;}
  .mobile-service-card img {width: 40px;}
  .set-language {right: 25px; top: 76px;}
  .service-grid{gap: 16px;}
  .service-item .service-title{padding: 8px 20px;}
  .results-header .text-box p {  font-size: 27px;}
  .testimonials-wrapper .testimonial-card .patient-info h4 {font-size:16px;}
  .testimonial-card .tag-left img { width: 20px;}
  .testimonial-card .tag-left{gap:0}
  .testimonial-card .transparent-play-btn{display: block; line-height: 47px;}
  .a-card-top .a-card-img {height: 121px;}

  /* Bloghub */
  .blog-list-header h2, .blog-list-header h1.h1-as-h2{font-size: 40px;}
  .blog-list-grid .b-card-bottom h4 {padding-bottom: 0;}
  .blog-content ul{padding-left: 40px!important;}
  .blog-index .index-list {
      margin-top: 10px ! Important;
      padding-left: 0 !important;
  }
  /* End of Bloghub */


  /* Protocols */
  .protocols-controls{gap: 10px;}
  .protocol-btn{width: 100%;}
  .protocols-section .protocols-grid{margin-top: 0px;}
  .protocols-section .text-box.text-left h2{text-align: center;}
  .protocol-card-body p {font-size: 14px;}
  /* End of Protocols */

  /* Navbar */
  .mega-links-grid-2{grid-template-columns: 1fr;}
  .mega-control{padding: 15px; gap: 13px;}
  .mega-title span{text-align: center; font-size: 13px;}
  .mega-title img{width: 37px;}
  .mega-title span em{display: none;}
  .mega-col {padding: 0 20px;}
  .theme-navbar .mega-item.active{padding: 15px 20px; justify-content: start;}
  /* End of Navbar */

  /* Results */
  .results-gallery{gap: 11px; grid-template-columns: 1fr;}
  .popup-thumbs-swiper .swiper-pagination {bottom: -2px;}
  .result-angles img.r-angle-img {height: 45px;}
  /* End of Results */

  /* REVIEWS Page */
  .disclaimer-box{margin: 0; padding-bottom: 25px;}
  .review-content{gap: 20px;}
  .btn-mobile{display: block; margin: auto; padding-bottom: 20px;}
  .btn-mobile .btn-thm{display: block; margin: auto;}
  .short-header.p-less.review-header .header-grid{padding-bottom: 49px;}
  /* End of REVIEWS Page */

  /* MEET THE FOUNDER */
  #doctor-socials {padding: 45px 5vw;}
  #doctor-socials .text-box p {font-size: 37px;max-width: 330px;}
  .social-language-toggle {flex-wrap: wrap;justify-content: center;margin-bottom: 28px;}
  .doctor-social-grid {margin-bottom: 32px;}
  .doctor-social-item,
  .doctor-social-item:nth-child(odd),
  .doctor-social-item:nth-child(even),
  .doctor-social-item:nth-child(1),
  .doctor-social-item:nth-child(2) {border-bottom: 1px solid rgba(107, 34, 97, 0.12); padding: 18px 40px; min-height: auto;}
  #doctor-socials .container-box {gap: 10px;}
  .instagram-card {width: 100%;max-width: 340px; }
  .instagram-image { height: 360px;}
  .social-orbit {display: none;}
  .pm-photo-wall {grid-template-columns: 1fr 1fr;}
  .pm-h-small,
  .pm-h-medium,
  .pm-h-large,
  .pm-column-two .pm-h-large,
  .pm-column-two .pm-h-small,
  .pm-column-three .pm-h-medium,
  .pm-column-three .pm-h-large,
  .pm-column-four .pm-h-large,
  .pm-column-four .pm-h-medium {height: 275px;}
  .pm-view-btn {width: 100%;  max-width: 220px;justify-content: center;}
  .filter-dots { display: flex;}
  .btn-thm .span-hide-m{display: none;} 
  .btn-thm .span-show-m{display: inline;} 
  .header-founder-text{padding-right: 15px;}
  #about-founder{padding: 60px 5vw;}
  .founder-gallery{width: 100%;}
  #about-founder .box-center p {width: 100%;}
  #about-founder .text-box p{padding: 0 50px;}
  .founder-gallery{width: 100%;}
  #expert-cta{margin-bottom: 110px;}
  /* Founder Popup Gallery */
  .founder-gallery img:not(.handwritten-text) {cursor: pointer;}
  #founder-popup {display: none;position: fixed;inset: 0;background: rgba(0, 0, 0, 0.92);z-index: 9999;align-items: center;justify-content: center;flex-direction: column;padding-top: 35px;}
  #founder-popup.active {display: flex;}
  #founder-popup .fp-img-wrap {width: 90%;max-height: 75vh;display: flex;align-items: center;justify-content: center;padding: 0 20px;box-sizing: border-box;position: relative;}
  #founder-popup .fp-img-wrap img {max-width: 100%;max-height: 75vh;border-radius: 9px;object-fit: contain;display: block;}
  #founder-popup .fp-controls {display: flex;align-items: center;gap: 24px;margin-top: 20px;}
  #founder-popup .fp-arrow { width: 44px;height: 44px;border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 50%;background: transparent;cursor: pointer;display: flex;align-items: center;justify-content: center;padding: 0;transition: border-color 0.2s;}
  #founder-popup .fp-arrow:active {border-color: rgba(255, 255, 255, 0.8);}
  #founder-popup .fp-arrow i{color: rgba(255, 255, 255, 0.6);}
  #founder-popup .fp-close {position: absolute;top: -35px;right: 17px; width: 26px;height: 26px; background: rgba(255, 255, 255, 0.15); border: none; border-radius: 50%; cursor: pointer; color: #fff;font-size: 13px;line-height: 1;display: flex;align-items: center;justify-content: center;}
  .d-box-grid .d-box {padding: 15px 40px;}
  .medical-slider .medical-card img {height: 315px;}
  #leading-media .text-box.box-center p {width: 90%;}
  .insight-grid .i-box-right{grid-template-columns: 1fr;}
  .insight-grid .i-box-img .img-desktop{display: none;}
  .insight-grid .i-box-img .img-mobile{display: block; width: 100%; border-radius: 7px;}
  .social-stat-shares{left: 12%; bottom: 100px;}
  #patient-moments{padding-bottom: 45px;}
  .insight-grid {display: block;}
  .insight-grid .i-box-left { display: block;}
  .insight-grid .insight-btn {display: block;margin-top: 20px;}
  .insight-grid .insight-btn .i-btn {margin-bottom: 15px;}
  .insight-grid .insight-btn .i-btn.active {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
  .insight-grid .insight-btn .i-btn.active img{transform: rotate(30de);}
  .insight-grid .i-box-right {display: none !important;margin-bottom: 10px; border-radius: 8px;}
  .insight-grid .i-box-right.active {display: grid !important;}
  .insight-grid .i-btn-inline-panel { margin-bottom: 14px;}
  .insight-grid .i-btn.active {background: var(--thColor);margin-bottom: 0;}
  .insight-grid .i-btn.active .i-btn-content h4 { color: var(--white);}
  .insight-grid .i-btn.active img { filter: brightness(100);}
  .insight-grid .i-btn.active img.i-arrow{transform: rotate(140deg);}
  .insight-grid .i-box-right { border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 14px;}
  .i-box-content .i-list-item {border: none; background: var(--white);}
  .i-box-content .i-list-item:last-child{margin-bottom: 0;}
  .insight-grid .i-box-right.active{padding: 14px; border: 1px solid rgba(0, 0, 0, 0.13);}
  .i-box-content .i-content-list {margin-top: 11px;}
  .insight-grid .i-box-right.active{gap: 14px;}
  .i-box-content .simple-link{margin-bottom: 15px; justify-content: center;}
  .gallery-controls .swiper-pagination{margin-bottom: 15px;}
  .swiper-button-prev.gallery-prev, .swiper-button-next.gallery-next{bottom: 12px;}
  .gallery-swiper .swiper-slide {width: 65%;scale: 0.85;transition: scale 0.3s ease;}
  .gallery-swiper .swiper-slide-active {scale: 1;z-index: 2;}
  .patient-info p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
  .article-card .a-card-bottom{padding: 0; margin-top: 0;}
  .a-card-top-flex{position: relative; bottom: auto; left: auto;}
  .blog-articles .btn-outline span{display: none;}
  .blog-articles .btn-outline{padding: 11px 15px;}
  .a-card-top .a-card-img{margin-bottom: 10px; border-radius: 7px;}
  .a-card-top-flex{margin-bottom: 7px;}
  .podcast-content .doctor-img{width: 175px;}
  
  /* CAREERS */
  .content-text h1.fs-75 {font-size: 34px;line-height: 38px;}
  .careers-hero-left .hero-eyebrow{margin-bottom: 4px;}
  .careers-hero .content-text{gap: 20px;}
  .team-swiper .team-card{height: 310px;}
  .main-blog .main-image{height: 205px; border-radius: 10px;}
  #job-details.pt-150{padding: 67px 0 30px 0}
  .job-desc-box{padding-left: 5vw; padding-right: 5vw;}
  #job-list .job-item .job-cta{display: grid; gap: 20px;}
  section#careers-provide {padding-top: 0;margin-top: -20px;padding-bottom: 0;}
  #team-events {padding-bottom: 10px;}
  #nav-search-btn img {width: 14px;}
  .btn-whatsapp{width: 31px; height: 31px; line-height: 31px; font-size: 19px;}
  .lang-btn{padding: 7px; gap: 2px;}
  .lang-btn img {
    width: 18px;
  }
  /* End of CAREERS */

  .icon-btn{padding: 8px;}

  /* ABOUT US */
  .about-us-hero .btn-outline{display: none;}
  .ecosystem-group {grid-template-columns: repeat(2, 1fr);}
  .ecosystem-group .e-item:nth-child(2),  .ecosystem-group .e-item:nth-child(6), .ecosystem-group .e-item:nth-child(10){border-right: none;}
  .about-dental-info .check-list{grid-template-columns: repeat(2, 1fr);}
  #about-medical .img-with-text img{ height: 400px;}
  .media-list{--logo-unit: .85px;}
  .about-us-hero .about-facts{display: none; height: 0;}
  .about-us-hero .header-container .content-hero{width: 84%; top: 52%;}
  #founded .grid-2{gap: 32px;}
  .image-box span.text-gray{padding: 10px 19px; margin-top: 5px; margin-bottom: 17px;}
  .mvv-grid{margin-top: 30px; margin-bottom: 34px; gap: 15px;}
  .arrow-circle{width: 38px; height: 38px; line-height: 36px;}
  .dep-grid {grid-template-columns: 1fr; margin: 28px 0 36px 0; gap: 16px; grid-auto-rows: auto;}
  #plastic-surgery-details{padding-bottom: 0;}
  #plastic-surgery-details .dep-grid{margin-bottom: 0;}
  .dep-img-wrap .tag-left{right: 12px; bottom: 12px; padding: 5px 12px;}
  #KEIT-Team .box-flex{justify-content: center;}
  #KEIT-Team .text-box.text-left h2, #KEIT-Team .text-box.text-left p{text-align: center;}
  .ecosystem-group .e-item{gap: 11px;}
  #about-dental{padding: 35px 5vw;}
  .grid-2.a-dental-grid{gap: 0; margin-bottom: 35px;}
  #about-dental .mobile-cta{width: 100%; text-align: center;}
  .standards-swiper{margin-top: 13px;}
  .standard-item .st-bottom{bottom: 20px; left: 20px;}
  .standard-item .font-m-30 {font-size: 30px; margin-bottom: 7px !important;}
  section#standards{padding-bottom: 25px;}
  .numbered-list ul{margin: 11px 0 0 0!important;}
  #about-medical .grid-2{gap: 34px;}
  .img-with-text .div-one {width: 80%;}
  .img-with-text .div-two{width: 78%;}
  .about-review-swiper {margin: 30px 0;}
  section#about-media {padding: 35px 5vw 40px 5vw;}
  .media-list{gap: 30px;}
  #about-media .text-body {width: 95%;}
  #about-media .grid-2{gap: 27px;}
  .programs-swiper {margin: 29px 0 40px 0;}
  #initiatives .btn-outline{margin: auto;}
  #about-medical .mobile-cta{margin: auto;}
  .steps-grid-item .steps-box h4 {font-size: 14px;line-height: 21px;text-transform: none;}
  .steps-grid-item .steps-box { padding: 9px 0; background: none;}
  .steps-grid-item img{border-radius: 5px;}
  .grid-box-md .steps-grid{row-gap: 6px;}
  .steps-grid-item .steps-box i{display: none;}
  #about-experience .mobile-cta{width: 100%; text-align: center;}
  #about-experience .grid-box-md {grid-gap: 17px;}
  #KEIT-services{padding-bottom: 37px;}
  .e-more-grid #go-to-top{ display: block;}
  .standard-item .s-img{height: 360px;}

  /* MEDICAL TEAM */
  .header-grid-col{display: grid;}
  #header-medical-team .header-col-text, #header-medical-team .header-col-img, #header-medical-team .header-col-img img{height: fit-content;}
  #header-medical-team{height: fit-content; grid-template-columns: 1fr;}
  #header-medical-team .header-col-img img{height: 360px;}
  #header-medical-team .header-col-text{gap: 20px; padding-bottom: 45px;}
  .header-col-text .button-flex { display: flex;}
  .simple-header .text-box {padding-top: 85px;}
  .glass-box{top: 30px; left: 30px; width: 230px;}
  .glass-box.sec-box{right: 30px; bottom: 30px; width: 250px;}
  .glass-box h4 {font-size: 14px;line-height: 19px;}
  .cmo-grid h5{display: none;}
  .team-structure .cmo-box{width: fit-content;}
  .cmo-box h4{border-bottom: none; padding-bottom: 0;}
  .cmo-grid{display: none;}
  #KEIT-full-team .text-body.text-center {padding: 5px 30px;}
  .team-structure {margin-top: 55px;}
  #KEIT-full-team {margin-bottom: 30px;}
  #medical-team { margin-top: 40px;}
  .dept-grid::before{width: 2100px;}
  .chart-grid{grid-template-columns: 1fr;}
  #chart-sections {padding: 0 5vw;}
  .dept-block{padding: 24px 25px;}
  .dep-block-grid-2, .dep-block-grid-3{grid-template-columns: 1fr; grid-gap: 0;}
  .dep-block-grid-2 .dept-block-info, .dep-block-grid-3 .dept-block-info{border-right: none; border-bottom: 1px solid rgba(89, 89, 89, 0.18); padding: 15px 0;}
  .dep-block-grid-2 .dept-block-info:first-child, .dep-block-grid-3 .dept-block-info:first-child{padding-top: 0;}
  .dep-block-grid-2 .dept-block-info:last-child, .dep-block-grid-3 .dept-block-info:last-child{border-bottom: none; padding-bottom: 0;}
  .dept-info .display-flex{position: relative;}
  .dept-info .display-flex h5{width: 100%; padding: 13px 90px 13px 18px;}
  .dept-info .display-flex + .dept-block{border-top-right-radius: 0;}
  .dept-info .display-flex .small-btn{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); padding: 5px 12px; font-size: 12px;}
  #matching-process .process-swiper {grid-template-columns: repeat(2, 1fr);}
  #matching-process .process-swiper{margin-bottom: 35px;}
  .col-bg{padding: 33px;}
  #surgeon-network .col-left .text-box span {display: inline;}
  .col-result-grid .results-box {grid-template-columns: 1fr 1fr;}
  .col-result-grid .results-box .result-item:last-child{display: none;}
  #treatment-section .grid-2{grid-template-columns: 1fr;}
  .gallery-box-3 {margin: 25px auto 25px;}
  #support-team .grid-2{grid-template-columns: 1fr;}
  .steps-team {grid-template-columns: repeat(2, 1fr);}
  #treatment-section .gallery-box-3{gap: 10px;}
  #medical-team .text-box.text-left h2, #medical-team .text-box.text-left p{text-align: center;}
  #medical-team .col-grid h2 {padding-right: 0;}
  .treatment-swiper .swiper-wrapper{padding-bottom: 45px;}
  .treatment-swiper {margin: 25px 0 10px;}

  /* MEDIA */
  #media-hero::before{content: "";position: absolute;inset: 0;background: rgba(39, 10, 45, 0.69);}

  /* PILLAR ARTICLES */
  .service-template-left .service-intro {
    font-size: 16px;
    line-height: 24px;
    padding: 25px 5vw 6px;
    text-align: center;
    margin-top: -80px;
    position: relative;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    background: var(--white);
  }
  .service-template-right {display: none;}
  .service-h1 {
    height: 410px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .service-template-left h1 {
    position: absolute;
    bottom: 13px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    color: white;
    padding-bottom: 10px;
    bottom: 30px;
    width: 100%;
    padding: 80px 25px 50px 25px;
    background: linear-gradient(to bottom, rgba(107, 34, 97, 0), rgba(48, 9, 59, 0.9));
  }
  .service-template-left {padding: 0;}
  .service-template-left h1 span {color: white;}
  .service-template-left {gap: 20px;}
  .pillar-content .h2-item {margin-bottom: 10px;}
  .pillar-article-content {padding-top: 9px;}
  .h2-item h3 {line-height: 26px;font-size: 18px;}
  .steps-slider .p-steps-title {margin-bottom: 10px !important;}
  .steps-slider p:nth-child(2) {padding-bottom: 11px;}
  .pillar-article-content { padding: 0 0 6px 0;}
  .pillar-main .table-of-content,
  .pillar-content .p-intro,
  .pillar-content .p-intro-img {padding: 0 5vw;}
  .pillar-main .h2-item {
    padding: 8px 5vw 4px 5vw;
    border: 1px solid rgba(89, 89, 89, 0.23);
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
    border-bottom: none;
  }
  .h2-item h2 {padding-bottom: 15px; font-size: 26px;}
  .pillar-img-box .img-caption {padding-bottom: 7px;}
  #learn-more .pillar-grid { gap: 20px;}
  .service-template-left .text-body.regular{display: none;}
  .table-of-content .t-h2-list{padding: 20px 5vw; grid-template-columns: 1fr;}
  .pillar-main .table-of-content h5{border: none;background: none;text-align: center;margin: auto;}
  .pillar-content .btn-thm-2 {margin: 0 auto 20px;}
  .main-cta .form-grid{gap: 7px; margin-bottom: 7px;}
  .acc-iso img {width: 95px;}
  #KEIT-Community .simple-prev, #KEIT-Community .simple-next{top: auto; bottom: 0;}
  .legal-page .privacy-policy-left h2, .legal-page .privacy-policy-left h1.h1-as-h2{text-align: center;}
  .privacy-policy-left h2 em, .privacy-policy-left h1.h1-as-h2 em{margin-top: 6px; font-size: 18px;}
  .privacy-policy-right h3{font-size: 18px; line-height: 28px;}
  .privacy-policy-right h4{font-size: 17px;}
  .legal-page {padding-bottom: 20px!important;}
  .search-results-grid{padding-bottom: 0;}
}

@media (max-width:576px) {
  /* Community events */
  /* Press logos: a swiper on mobile (home.js), same width boxes with space between */
  .pressSwiper .press-track{animation: none;}
  .pressSwiper .press-logo{height: 40px;}
  .pressSwiper .press-logo img{width: 100%; height: 28px !important; object-fit: contain;}
  /* Bordered buttons: quick left-to-right fill on tap, the link opens when it is full (navbar_scripts.js) */
  .sec-btn::before{transition: width 0.3s ease;}
  .sec-btn span, .sec-btn img{transition-duration: 0.3s;}
  .sec-btn.is-filling::before{width: 100%;}
  .sec-btn.is-filling span{color: #fff;}
  .sec-btn.is-filling img{filter: brightness(0) invert(1);}
  /* Homepage experience popup on mobile: image on top, text below */
  .experience-popup > .experience-popup-content{grid-template-columns: 1fr; max-height: 88vh; overflow-y: auto; border-radius: 18px;}
  .experience-popup-content > .experience-popup-image{min-height: 0; height: 220px;}
  .experience-popup-info{padding: 22px 22px 28px; gap: 6px;}
  .experience-popup-info h3{font-size: 26px; margin-bottom: 8px;}
  .experience-popup-info p{font-size: 14px; line-height: 1.6;}
  .experience-popup-content > .experience-popup-close{top: 12px; right: 12px; width: 36px; height: 36px; font-size: 24px;}
  #community-hero {min-height: 560px;}
  #community-hero .community-hero-info {padding: 140px 5vw 45px 5vw; gap: 18px;}
  #community-hero h1 {font-size: 42px;}
  #community-hero p {font-size: 15px; line-height: 25px;}
  #community-hero .community-hero-buttons {gap: 12px;}
  #community-partners {padding: 35px 5vw;}
  #community-partners .community-partners-logos {gap: 28px 36px; padding: 0 30px;}
  #community-partners .community-partners-logos img {height: 52px; max-width: 130px;}
  section#community-initiatives {padding: 45px 5vw 60px 5vw;}
  #community-initiatives .community-filters {flex-wrap: nowrap; overflow-x: auto; margin: 22px 0 26px; padding-bottom: 6px;}
  #community-initiatives .community-filter {white-space: nowrap;}
  #community-initiatives .community-grid {grid-template-columns: 1fr;}
  #community-initiatives .community-card-img > img {height: 210px;}
  section#community-impact {padding: 40px 5vw 40px 5vw;}
  #community-impact .impact-number {font-size: 80px;}
  section#community-partner {padding: 55px 5vw 90px 5vw;}
  #community-partner .community-partner-right {padding: 28px 20px 32px;}
  #community-partner .white-bg-form .grid-two {grid-template-columns: 1fr;}
  #community-event-hero {min-height: 380px;}
  #community-event-hero .community-event-hero-info {padding: 120px 5vw 24px 5vw;}
  #community-event-hero h1 {font-size: 34px;}
  section#community-event {padding: 28px 5vw 60px 5vw;}
  #community-event .community-event-main h2 {font-size: 25px;}
  #community-event .community-gallery-thumb {flex-basis: 105px; height: 68px;}
  section#community-related {padding: 50px 5vw 130px 5vw; border-radius: 30px 30px 0 0;}
  #community-related .community-related-head {flex-direction: column; align-items: flex-start;}
  #community-related .community-related-grid {grid-template-columns: 1fr;}
  #community-related .community-related-img > img {height: 210px;}
  section#video-library {padding: 40px 5vw 30px 5vw;}
  #video-library .video-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px;}
  #video-library .video-card-info {gap: 8px; margin-top: 9px;}
  #video-library .video-card-avatar {display: none;}
  #video-library .video-card-title {font-size: 13.5px; line-height: 19px;}
  #video-library .video-card-meta {font-size: 12px;}
  #video-library .video-channel-btn {margin-top: 36px;} #video-library .video-facebook-btn {margin-top: 14px;}
  #about-us .text-box{padding: 0 20px;}
  /* HOMEPAGE */
  .experience-swiper .swiper-slide {opacity: 1;filter: none;}
  .experience-swiper .swiper-slide-active { opacity: 1;filter: grayscale(0%);}
  .experience-swiper .steps-img img{height: 300px;}
  .experience-swiper .swiper-pagination{display: none;}
  .experience-swiper .swiper-wrapper{padding-bottom: 13px; margin-bottom: 7px;}
  #the-experience {padding-bottom: 29px;}
  .acc-wipo h3{padding: 0 14px;}
  .acc-iso h3{padding: 0 18px;}
  .acc-fda h3 { padding: 0 35px;}
  .acc-ministry h3{padding: 0 10px;}
  .acc-ce h3 {padding: 0 16px;}
  .acc-logo-it .acc-fda h3 {padding: 0 7px;}
  #accreditation-logo{padding: 35px 1vw 15px;}
  .reasons-swiper .swiper-slide {width: 73%; transform: scale(0.85); transition: opacity 0.3s ease, filter 0.3s ease;}
  .reasons-swiper .swiper-slide-active {opacity: 1; transform: scale(1);}
  .reasons-pagination {margin-top: 16px;}
  .reason-info h3{font-size: 18px; display: inline;}
  .reason-info p{padding: 0 25px; font-size: 14px;}
  .reason-info .simple-link{font-size: 11px;}
  .reason-info{ height: fit-content; }
  .r-item-2 .reason-info{padding: 25px 10px; }
  .press-logo img {height: 18px;}
  .service-category h3{padding-bottom: 13px;}
  .testimonialsSwiper .swiper-slide {
    width: 78%;
    opacity: 0.45;
    transform: scale(0.85);
    transition: opacity 0.3s ease, filter 0.3s ease, transform 0.3s ease;
  }
  .testimonialsSwiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
  }
  .testimonial-pagination {margin-top: 16px;}
  .service-category:hover{transform: none;}
  #results .text-break{display: flex; gap: 7px;}
  .results-grid{gap: 0;}
  .results-text .results-cta{gap: 10px;}
  #results .results-controls{padding-top: 7px; padding-bottom: 0;}
  #results .results-pagination{bottom: 81px;}
  .patient-img {height: 325px; object-fit: cover;}
  .patient-info p{font-size: 15px;}
  #testimonials{padding-bottom: 35px;}
  .testimonialsSwiper{padding: 23px 0 0 0!important;}
  #keit-press .press-tabs-wrap {margin: 20px auto 20px!important;}
  .media-box{margin: 25px auto;}
  .advertising-swiper{padding: 20px 0 0;}
  .media-info .text-small{display: -webkit-box; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
  .spot-controls .results-arrows {height: 38px;}
  keit-advertising {padding-bottom: 10px;}
  #podcast-production .media-three .media-block:nth-child(2), #podcast-production .media-three .media-block:nth-child(3){display: none;}
  #podcast-production .podcast-tab-descriptions{margin-bottom: 20px;}
  #podcast-production .podcast-btn{margin-top: 10px;}
  .media-country-tabs{margin-top: 10px;}
  #podcast-production .media-info .text-small{-webkit-line-clamp: 1; padding: 0;}
  #KEIT-Community .text-box p{padding: 0;}
  .community-item .cm-bottom h3{font-size: 22px;}
  .community-item .cm-bottom p{padding-bottom: 0;}
  .community-item .cm-bottom{padding-bottom: 3px;}
  .community-item .cm-bottom h3{-webkit-line-clamp: 1;}
  #KEIT-Community {padding: 35px 0 20px 0;}
  .faq-item .faq-question h3{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
  .faq-item.faq-active .faq-question h3{-webkit-line-clamp: 3;}
  .faq-question{padding: 10px 14px;}
  #faq-cta .faq-block{padding: 30px 0 25px 0;}
  .main-cta{width: 85%; padding: 0;}
  #faq-cta .main-cta input{padding: 8px;}
  .main-cta button{margin: 30px auto 0 auto;}
  .main-cta h2{font-size: 16px; font-weight: 400;}
  .acc-item{gap: 4px;}
  .acc-wipo img{width: 64px;}
  .acc-iso img{width: 65px;}
  .acc-ce img{width: 54px;}
  #accreditation-logo .text-box h2{padding: 0 30px; line-height: 24px; font-size: 12px;}
  .experience-swiper .steps-info p{font-size: 14px;}
  #the-experience .btn-thm.center{margin-top: 0;}
  #reviews .reviews {margin-top: 16px;}
  #faq-cta .main-cta input{padding: 8px 20px;}
  #keit-press .press-tabs-wrap {width: 100%;overflow-x: auto;justify-content: flex-start;padding-bottom: 0;scrollbar-width: none;}
  .media-box.m-b-controls.press-tabs-wrap{background: transparent;border: none;}  #keit-press .press-tabs-wrap::-webkit-scrollbar {display: none;}
  #keit-press .press-media-tabs {margin: 0 auto;}
  #keit-press .press-media-tab {min-width: 90px;padding: 11px 9px;font-size: 12px;}
  .testimonialsSwiper {padding: 30px 0 0 0;}
  .testimonialsSwiper {padding: 30px 0 0 0;}
  .awards-logo-group{grid-template-columns: 1fr 1fr; width: 90%; gap: 22px; margin: 0 auto;}
  .awards-logo-group > *:nth-child(even){grid-column: 1 / -1;justify-self: center;width: calc(50% - 10px); order: 3}
  .awards-logo-group .whatclinic-item{order: 2;}
  .awards-logo-group .acc-item img{width: 100px;}
  .acc-logo{margin: 0 auto;}
  #awards-logo .text-box h2{font-size: 12px;}
  .form-privacy-note{text-align: center; margin-bottom: 3px !important;}

  /* BLOG ARTICLES */
  .blog-main {grid-gap: 17px;}
  .blog-header .blog-categories.thm-list{display: none;}
  .blog-main .article-top{border-bottom: 1px solid rgba(213, 182, 164, 0.41);padding: 0 5vw;border-radius: 35px;margin-bottom: 18px;}
  h1.article-title {font-size: 32px;}
  .blog-header .blog-author{padding: 0 5vw;}
  .blog-author .author-meta h6 {text-transform: none;font-size: 13px;color: #767676;line-height: 21px;}
  .author-meta h6 a.author-link-mobile{font-weight: 600;text-transform: uppercase;text-decoration: none;}
  .author-link-mobile{display: block;}
  .blog-meta-desktop{display: none;}
  .blog-main .blog-main-image{order: -1}
  .blog-main-image .article-image {border-radius: 0;border-bottom-left-radius: 23px;border-bottom-right-radius: 23px;}
  .blog-mobile-tags{display: flex; gap: 8px;position: absolute; bottom: 14px; left: 14px;}
  .blog-mobile-tags .b-tag{
    padding: 8px 14px;
    border-radius: 23px;
    background: #eaeaf0;
    display: flex;
    gap: 9px;
    font-size: 12px;
    font-weight: 600;
    color: var(--thColor);
    text-transform: uppercase;
    align-items: center;
  }
  .blog-content, .blog-control, .author-resume, .blog-sidebar{padding-left: 5vw; padding-right: 5vw;}
  .blog-index h4{font-size: 20px;}
  .index-list li a{line-height: 21px; font-size: 15px;}
  .blog-control{margin-top: 4px; order: 10;}
  .blog-control a span {display: none;}
  .author-resume{
    position: relative;
    margin-top: 15px;
    padding-top: 30px;
    padding-bottom: 90px;
    border: none;
    border-top-right-radius: 35px;
    border-top-left-radius: 35px;
    border: 1px solid #85858529;
  }
  .author-resume .a-top {grid-template-columns: 1fr;}
  .author-resume .author-meta{border-right: none;}
  .img.author-img {
    width: 150px;
    position: absolute;
    top: -81px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #f5f0ea;
    filter: none;
    border: none;
  }
  .author-mission {padding: 0;}
  .author-mission h4{order: 2;border-top: 1px solid #d4d4d4;padding-top: 20px;font-size: 15px;}
  .author-mission p{order: 3}
  .author-socials {margin-top: 20px; order: 1;}
  .author-socials a{background: #fbfbfc;border: 1px solid var(--thColor);}
  .author-socials a i {color: var(--thColor);}
  .author-resume .more-details {margin: 0; margin-top: 15px; padding-top: 14px; gap: 17px;}
  .author-resume .more-details div{border-bottom: 1px solid #d4d4d4;}
  .author-resume .more-details div:last-child{border-bottom: none;}
  .author-resume .more-details h5{font-size: 15px; display: flex; justify-content: space-between; align-items: center;}
  .author-resume .more-details p{display: none; padding-bottom: 10px}
  #article-page .thm-list{display: none;}
  section#article-page{padding: 0}
  h1.article-title{font-size: 25px; margin-top: 0; margin-bottom: 13px!important;}
  #article-page .blog-main{grid-gap: 11px;}
  .blog-main .article-top{margin-bottom: 0; padding: 0 5vw; border-radius: 0}
  .blog-index img.arrow-rotate{width: 17px;}
  .blog-content .blog-index {margin-bottom: 15px;}
  .blog-header .blog-author {margin-bottom: 10px;}
  .text-block .article-btn{margin-top: 15px; margin-bottom: 33px;}
  .h2-icon .h2-icon-circle{width: 29px;height: 29px; line-height: 28px}
  .blog-index h4 {font-size: 15px;}
  .blog-content h3{font-size: 20px; line-height: 25px; margin-top: 20px}
  .blog-content h3 img {width: 9px;}
  .blog-table table{min-width: 550px}
  .blog-content .text-block p img{width: 100%!important; border-radius: 6px;}
  .article-faq .faq-title-group h5 {font-size: 22px;margin-top: 0px;}
  .article-faq .faq-list{padding: 0 5vw 0;}
  .blog-content .text-block p{margin-top: 17px!important;}
  .article-faq .faq-title-group{padding-top: 15px;}
  .article-faq {margin-top: 10px;}
  .blog-content{padding: 0;}
  .blog-intro{padding: 0 5vw;}
  .blog-content .blog-index{padding: 0 5vw;}
  .blog-index .index-list{padding: 14px;}
  .blog-content .text-block p {padding: 0 5vw;}
  .blog-content .text-block h2{scroll-margin-top: 120px;border: 1px solid #80808042;border-bottom: none; border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding: 20px 5vw 0; font-size: 23px}
  .blog-content h3{padding: 0 5vw}
  .blog-table{padding: 0; width: 90%;}
  .author-resume{padding-bottom: 7px;}
  .blog-control a{gap: 8px;}
  .blog-control .c-text h5{font-size: 11px;}
  .blog-list-grid{gap: 15px;}
  .blog-list-header h2, .blog-list-header h1.h1-as-h2{font-size: 25px!important; margin-bottom: 2px !important; text-align: center;}
  .blog-list-header {padding: 74px 0 32px 0!important; justify-content: center; text-align: center;}
  .blog-list-header .sec-btn{display: none;}
  .edu-grid{width: 100%; grid-gap: 0; grid-template-columns: 1fr;}
  .edu-box.keit-cast .edu-link{top: 134px; left: 51%;}
  .edu-box.keit-prod .edu-link{left: 62%; top: 138px;}

  .author-meta .author-img{border: 1px solid #00000014; border-radius: 50%;}
  .form-web .group-two, .form-fields .group-two{display: grid;grid-template-columns: 1fr;gap: 0;}
  .clinic-slide-top{height: 200px;}
  #results .results-text {margin-bottom: 29px;}
  #results .results-text .results-cta{margin-top: 14px;}
  #keit-press .media-content{padding: 15px;}
  .sidebar-accordion-item .accordion-content {display: none;}
  .accordion-content {display: none;flex-direction: column;}
  .about-popup-image {height: 200px;}
  .about-popup-content {width: 95%;}
  .about-popup-info h3 {font-size: 18px;}
  .about-popup-label {font-size: 12px; margin-bottom: 7px;}
  .about-popup-close{width: 25px; height: 25px; right: 14px; top: 14px;}
  .about-popup-info p {font-size: 14px; padding: 0;}
  .about-popup-info h3 {padding-bottom: 10px;}
  .reason-info h3 {font-size: 16px; padding-bottom: 5px;}
  .r-item-2 .reason-info{padding: 15px 10px;}
  .reason-top img{height: 155px;}
  .reason-info .simple-link{margin-bottom: 2px;}
  .r-item-5 .reason-info p{padding:0 8px};
  .btn-thm img.cta-star, .btn-thm-2 img{animation: none;}
  #about-us .text-box {padding: 0;}
  .full-width-section{padding: 25px;}
  .experience-swiper .steps-info h4{padding-top: 0; margin-top: 0; margin-bottom: 4px !important;}
  .experience-swiper .steps-info{padding-bottom: 0;}
  #media-box-tv.media-box{width: 87%;}
  #keit-press .swiper-button-prev {left: -42px;}
  #keit-press .swiper-button-next {right: -41px; }
  .testimonial-controls {margin-top: 17px;}
  .testimonial-controls .swiper-pagination{bottom: 59px;}
  .media-block.media-cover{ height: 200px; object-fit: cover;}
  #keit-advertising{padding-bottom: 12px;}
  #keit-press{padding-bottom: 23px}
  #reviews .sec-btn {margin-top: 10px;}
  .media-content-next, .media-content-al-tv-next{right: -13px; top: 45%;}
  .media-content-prev, .media-content-al-tv-prev{left: -13px; top: 45%;}
  .media-logo{padding: 0;}
  #media-box-articles-al.media-box{width: 90%; margin-top: 26px;}
  #keit-press #media-box-articles .swiper-button-next{right: -30px;}
  #keit-press #media-box-articles .swiper-button-prev {left: -30px;}
  #awards-logo{padding: 30px 0 20px;}
  .awards-logo-group{gap: 8px;}
  .footer-bottom{padding-top: 10px;}
  .footer-bottom .container-box{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
  .advertising-swiper .swiper-slide {transform: scale(0.85);opacity: 0.6;transition: transform 0.6s ease, opacity 0.6s ease;}
  .advertising-swiper .swiper-slide-active {transform: scale(1);opacity: 1;}
  .reviewsSwiper .swiper-slide {transform: scale(0.88);opacity: 0.6;transition: transform 0.3s ease, opacity 0.3s ease;}
  .reviewsSwiper .swiper-slide-active {transform: scale(1);opacity: 1;}
  .SwiperResults .swiper-slide {transform: scale(0.88);opacity: 0.6;transition: transform 0.6s ease, opacity 0.6s ease;}
  .SwiperResults .swiper-slide-active {transform: scale(1); opacity: 1;}
  .footer-bottom .container-box a:nth-child(2){order: 3;}

  /* Results */
  .short-header.p-less .header-grid {padding: 120px 60px 30px!important;}
  .short-header.header-for-results, .short-header.header-for-testimonials{ padding-bottom: 30px; }
  .testimonials-wrapper{grid-template-columns: repeat(2, 1fr);}
  .testimonial-card .patient-info{padding: 0px 14px 12px;}
  .pillar-slider-img .pillar-results-pagination{transform: translate(0,0)!important;}
  .h2-item .swiper-button-next.results-next{right: -33px;}
  .h2-item .swiper-button-prev.results-prev{left: -33px;}
  .transparent-play-btn{}
}
@media (min-width: 576px) and (max-width: 768px) {
  .experience-swiper .swiper-slide {
    opacity: 1;
    filter: none;
  }
}
@media (max-width:530px) {
  .footer-hours .footer-links {gap:12px;}
  .reviews-platform {gap: 12px; }
  .footer-bottom .container-box{grid-template-columns: 1fr;gap:15px;}
  .footer-b-left {margin:0 auto;}
  .footer-b-right{margin:0 auto}
  .latest-title h4 {font-size: 13px;line-height: 20px;}
  .latest-tag{font-size: 11px;}
  .b-date{display: none;}
  .blog-separator{display: none;}
  .latest-article{display: none;}
  .b-card-meta{white-space: nowrap;}
  .b-card-meta a, .b-card-meta span.blog-separator-desktop:last-of-type{display: none;}
  .service-title { font-size: 14px;}
  .services-text-box h1 { font-size: 31px;}
  .mobile-services-grid {width: 75%;}
  .service-title{border-bottom-left-radius: 17px;  border-bottom-right-radius: 17px;}
  .res-btn{display: none;}
  .t-grid .text-box p { font-size: 35px;}

  /* CAREERS */
  .careers-hero .container-box{padding-right: 0;}
  .careers-hero .careers-hero-left{padding-left: 5vw; padding-right: 5vw;}
  .content-text p {font-size: 15px;}
  .benefits-grid-list {grid-template-columns: repeat(2, 1fr);}
  .sec-btn.sec-btn-outline{margin: auto;}
  #careers-team {padding-top: 0;}
  .team-swiper {margin-top: 10px;}
  .simple-controls .simple-prev {left: 4px;}
  .simple-controls .simple-next {right: 4px;}
  .require-images.medical-slider .medical-card img{height: 275px;}
  #team-events{padding: 45px 5vw;}
  .events-prev, .events-next{border: none;}
  .events-controls {margin-top: 13px;}
  .provide-left p.text-body{margin-top: 12px;}
  #careers-provide{ padding-top: 20px; }
  #team-events{padding-bottom: 30px;}
  .require-right .require-box{padding-bottom: 20px;}
  .require-box .btn-thm {bottom: auto;right: auto;left: auto;transform: none;width: 100%;position: relative;display: block; width: 92%; margin: auto; text-align: center;}
  .require-box .check-list{padding-bottom: 13px;}
  .position-item-right{margin-left: 0;}
  .position-item{display: grid; padding: 26px 20px;}
  .positions-list {margin-top: 25px;}
  .position-item-left{margin-bottom: 20px; text-align: center;}
  .positions-btn-wrap {margin-top: 10px;}
  .positions-list .position-item:first-child {border-top: 1px solid rgba(0,0,0,0.1);}
  #careers-benefits {border-top-left-radius: 35px;border-top-right-radius: 35px;top: -45px;padding-top: 30px;}
  .podcast-content .doctor-img{width: 185px; left: 0;}
  .provide-item p{font-size: 16px; line-height: 26px; padding-top: 11px;}
  .provide-item .p-bottom{bottom: 17px;}
  .provide-item h2{font-size: 32px; top: 16px; left: 16px;}
  .provide-item h2 span{display: inline;}
  .info-box .text-body { padding-bottom: 18px;}

  /* MEDIA */
  #media-hero .media-header-info h3, #media-hero .media-header-info h1.h1-as-h3 {font-size: 50px;}
  #media-hero .media-header-buttons{display: none;}
  .media-header-info .mobile-btn{margin:0 auto; display: block;}
  #press-media-contact .text-body{text-align: center; padding: 0 10px;}
  #media-hero .media-header-info span{display: block;}
}

@media (max-width:500px) {
  /* ROOT */
  .text-body{font-size: 15px; line-height: 23px;}
  .fa-circle-info{display: none;}
  .footer-socials li a{ width: 25px;height: 25px;}
  .review-header h2, .review-header h1.h1-as-h2{font-size: 13px;}
  .testimonials-header .text-box p {font-size: 35px;}
  .testimonials-header .text-box h2{font-size: 13px;}
  .service-title img {display: none;}
  .theme-navbar .logo { width: 98px;}
  .search-btn img{width: 18px;}
  .privacy-policy-left h2 span, .privacy-policy-left h1.h1-as-h2 span { font-size: 30px;}
  .keit-privacy-policy .privacy-policy-left h2, .keit-privacy-policy .privacy-policy-left h1.h1-as-h2{font-size: 25px;}
  .navbar-actions{gap: 4px;}

  /* MEET THE DOCTOR */
  #meet-the-founder-hero .container-box{display: block;}
  #meet-the-founder-hero .content-text{width: 84%; padding-top: 60px;}
  .header-founder-text{padding-top: 40px;}
  #about-founder{padding: 45px 5vw;}
  .founder-gallery{margin: 25px auto;}
  #about-founder .box-center p{margin-bottom: 30px!important;}
  .d-box-grid .d-box {padding: 22px 23px;}
  .d-box-grid .d-box h5{font-size: 14px; width: 32px; height: 27px;}
  .medical-slider .medical-card img {height: auto;}
  #leading-media .text-box.box-center p {width: 80%;}
  #leading-media .lm-box-p {width: 100%; margin: 20px auto;}
  .media-controls .sec-btn{display: none;}
  .flex-3-controls.media-controls{justify-content: center; gap: 40px;}
  .swiper-controls-side .media-all-link{display: none;}
  .swiper-controls-side .swiper-controls-left{gap: 40px;}
  .flex-3-controls{margin-top: 10px;}
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{left: 50%; transform: translate(-50%, 0);}
  .text-box h2, .text-box h1.h1-as-h2{margin-bottom: 10px !important;}
  .media-slider-2 { margin-top: 25px;}
  .flex-3-controls .swiper-button-prev, .flex-3-controls .swiper-button-next{border: none;}
  .flex-3-controls .left-controls{ width: 100%;justify-content: space-between;}
  .medical-slider .medical-prev, .medical-slider .medical-next{border: none; height: 30px;}
  .medical-slider .medical-controls{display: flex; justify-content: space-between; margin-top: 10px;}
  #medical-direction .grid-box-content {padding-bottom: 20px;}
  .medical-slider .medical-pagination {position: relative!important; width: fit-content; transform: none; left: auto; padding-top: 20px;}
  #medical-direction .grid-box-md{display: block;}
  #expert-insight { background: var(--sec2);border-top-left-radius: 50px;border-top-right-radius: 50px;}
  #expert-insight .grid-box-md .text-box h2,  #expert-insight .grid-box-md .text-box p{text-align: center;}
  .insight-grid .i-box-left p{padding-right: 0;}
  .insight-grid .insight-btn .i-btn{border: 1px solid rgba(0, 0, 0, 0.13);}
  .insight-grid .i-box-right { padding: 0;}
  .insight-grid .i-box-content h3 {font-size: 20px;line-height: 22px; border-bottom: none; margin-bottom: 0!important;}
  .insight-grid .i-box-img label{right: auto; top: 10px; left: 10px;}
  #bloghub-section .article-controls .sec-btn{display: none;}
  .article-controls{margin-top: 6px;}
  #bloghub-section .article-prev,   #bloghub-section .article-next{border: none;}
  .article-controls .swiper-pagination{width: fit-content;}
  .article-left-controls{ justify-content: space-between; width: 100%;}
  .medical-grid .image-box-left {height: 365px; display: block;}
  .medical-grid .image-box-left img {object-position: 50% 30%;}
  .medical-grid .list-item {display: grid; grid-gap: 0;}
  .medical-grid .list-item-icon{padding: 7px 13px; gap: 7px;}
  .list-item-text{padding-left: 20px;}
  .medical-grid .list-item-icon img {width: 34px;}
  .medical-grid .list-item-text h2{display: none;}
  #medical-background .medical-grid{margin-top: 25px; gap: 30px;}
  .list-item-icon h2{display: block; color: var(--white); font-size: 14px; font-weight: 500;}
  #medical-background .text-box.text-left h2, #medical-background .text-box.text-left p{text-align: center;}
  #medical-background .box-flex{justify-content: center;}
  .doctor-social-item, .doctor-social-item:nth-child(odd), .doctor-social-item:nth-child(even), .doctor-social-item:nth-child(1), .doctor-social-item:nth-child(2){padding: 15px;}
  .doctor-social-icon{width: 36px; height: 36px; font-size: 19px;}
  .doctor-social-item{gap: 9px;}
  #doctor-socials .text-box{margin-bottom: 26px;}
  .social-stat{padding: 9px 15px;}
  .social-stat strong{font-size: 16px;}
  .social-stat-views{left: 0; top: 125px;}
  .social-stat-followers {right: 0; top: 225px;}
  .socials-right {min-height: unset; margin-top: 23px;}
  .social-stat-shares{left: 9px;}
  .pm-h-small, .pm-h-medium, .pm-h-large, .pm-column-two .pm-h-large, .pm-column-two .pm-h-small, .pm-column-three .pm-h-medium, .pm-column-three .pm-h-large, .pm-column-four .pm-h-large, .pm-column-four .pm-h-medium{height: 215px;}
  #patient-moments {padding: 40px 5vw 40px;}
  #expert-cta .img-cta-form{display: none;}
  .expert-cta-box .cta-grid .cta-left{width: 100%;}
  #expert-cta .cta-grid .lamp-img{right: -57px; width: 70px; top: 1px; left: auto;}
  .expert-cta-box .cta-grid .text-box{margin-bottom: 30px;}
  .white-bg-form button{margin: 10px auto;}
  .full-bg-header .main-img{width: 385px;}
  .i-box-articles .a-card-top-flex a:last-child{display: none;}
  .a-card-meta .span-date{display: none;}
  .a-card-meta{padding-top: 3px}
  .i-box-articles .a-card-top-flex{margin-bottom: 8px;}
  .i-box-right .i-box-articles{grid-template-columns: 1fr;}
  .dev-v-bottom h4{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
  #bloghub-section{padding-bottom: 10px;}
  #doctor-socials{padding-top: 28px;}
  /* Section titles: closer to their own content than to the section above */
  .blog-articles{padding-top: 35px;}
  .blog-articles .popular-top.pb-30{padding-bottom: 12px !important;}
  #keit-advertising{padding-top: 20px;}
  #keit-advertising .advertising-swiper{padding-top: 10px;}
  .mvv-grid{margin-top: 18px;}
  .about-review-swiper{margin-top: 18px;}
  #expert-insight{padding-top: 35px;}
  .insight-grid .insight-btn{margin-top: 15px;}
  #doctor-socials .text-box{margin-bottom: 15px;}
  #patient-moments .text-box{margin-bottom: 18px;}
  .require-grid{gap: 45px;}
  .require-right .require-box{margin-top: 15px;}
  .pillar-content .h2-item{margin-bottom: 22px;}
  .insight-grid .i-box-right.i-box-pub{padding-bottom: 10px;}
  .founder-gallery{grid-template-columns: 1fr 1.3fr 1fr;}
  .founder-gallery .fg1{display: none;}
  .founder-gallery img{border-radius: 5px;}
  .founder-gallery img.handwritten-text {right: 38px; bottom: -26px; width: 70px;}
  .i-box-content .simple-link {color: gray; text-decoration-color: #80808087;}
  .i-box-content .simple-link img { width: 16px; filter: saturate(0);opacity: 0.5;}
  .blog-category-links {flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;padding-bottom: 8px;justify-content: flex-start; margin-top: 15px; margin-bottom: 15px; gap: 11px;}
  .blog-category-links::-webkit-scrollbar {display: none;}
  .blog-category-links .cat-link { flex-shrink: 0;scroll-snap-align: start;}
  .b-c-shadow{ display: block;height: 45px;right: 0;position: sticky;}
  .media-box-top .media-logo{width: 85px;}
  .medical-grid .list-item-icon{border-radius: 10px; justify-content: space-between;}
  .medical-list .list-item .list-item-text{display: block;max-height: 0;opacity: 0;overflow: hidden;transition: max-height 0.4s ease, opacity 0.3s ease;padding: 0;}
  .medical-list .list-item .list-item-text .list-item-icon{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
  .medical-list .list-item.active .list-item-text{opacity: 1; padding: 14px; max-height: fit-content;}
  .medical-grid .medical-list{gap: 14px;}
  .list-item-icon i{display: block; color: var(--white);}
  .list-item-icon div{display: flex; align-items: center; gap: 8px;}
  #content-gallery .gallery-swiper{margin: 30px 0;}
  .podcast-content{padding: 0;}
  footer.footer-over{margin-top: 84px;}
  .footer-content{padding: 10px 5vw 0;}

  /* CAREERS PAGE */
  .filter-label { font-size: 14px; padding: 5px 15px;}
  .positions-filter .filter-labels {gap: 10px; row-gap: 10px;}
  #career-header .positions-filter{padding: 25px 20px; margin: 25px 0;}
  .job-item .job-body {padding: 20px;}
  .job-item .job-label{gap: 11px;}
  .job-item .job-head h4, .job-item .job-head h1.h1-as-h4{font-size: 19px; padding: 19px 23px;}
  .apply-box-text{padding: 0; margin-bottom: 5px;}
  .apply-box-text p.text-gray{padding: 15px 7% 27px 7%;}
  #career-header .career-header-img{height: 250px;}
  .job-label span{font-size: 13px; padding: 4px 11px;}
  .job-col-left .job-head{margin-top: 0; margin-bottom: 20px; display: grid; gap: 4px;}
  .job-col-left .job-item .job-head h4, .job-col-left .job-item .job-head h1.h1-as-h4{font-size: 23px;}
  .job-page-grid .job-item{margin-bottom: 20px;}
  .job-desc-box {margin-bottom: 20px;}
  .job-desc-box.bg-box{margin: 0 5vw 20px 5vw; padding: 20px;}
  .form-panel {padding: 25px 20px;}
  .form-disclaimer{padding: 10px 30px;}
  .share-box{margin: 0 5vw;}
  .job-page-grid{gap: 30px; padding-bottom: 25px;}
  .job-col-left .job-head {margin-top: 35px; margin-bottom: 25px;}
  .share-box {padding: 20px 19px 20px;}
  .job-desc-box h3{margin-bottom: 14px!important; font-size: 18px;}
  /* END OF CAREERS PAGE  */
  .form-group label{font-size: 14px;}
  .form-block-title {margin-top: 0px !important;}
  .form-panel .form-description{font-size: 15px; margin-bottom: 17px!important;}
  .form-disclaimer{font-size: 15px; padding: 10px 30px;}

  /* MEDICAL TEAM */
  .header-col-img .glass-box{display: none;}
  #header-medical-team .btn-thm{padding: 12.5px 28px 12.5px 13px; font-size: 11px; white-space: nowrap;}
  #header-medical-team .btn-outline{padding: 12.5px 11px; font-size: 11px; white-space: nowrap;}
  #header-medical-team .button-flex{gap: 6px; display: flex; flex-wrap: nowrap;}
  #header-medical-team{background: var(--sec2);}
  #header-medical-team .header-col-img img{border-top-left-radius: 35px; border-top-right-radius: 35px;}
  .dept-grid::before {width: 2310px;}
  #medical-team .text-box p{padding: 0 10%;}
  #matching-process .text-box p.text-center{padding: 0;}
  .process-item .p-bottom h4.text-15{padding: 24px 5px 16px; font-size: 13px; line-height: 18px; font-weight: 500;}
  .col-bg {padding: 27px;}
  #dental-clinic .text-body{padding-bottom: 10px;}
  .steps-team > *:last-child {grid-column: 1 / -1;}
  #support-team .grid-2{gap: 30px;}
  #press-media-contact{padding-top: 34px;}
  .press-media-box .press-media-left{gap: 20px;}
  #press-media-contact .press-media-box { gap: 20px;}
  .press-media-right{gap: 30px;}
  .press-media-right .white-bg-form button{margin: 25px auto;}
  .clinic-swiper-pagination{left: 0!important; transform: none!important;}
  .clinic-swiper{margin-top: 15px; margin-bottom: 3px;}
  .pillar-content .faq-title-group h5 {font-size: 30px;}
  .pillar-grid .faq-title-group, .article-faq .faq-title-group{margin-bottom: 20px; border-top: none; padding-top: 0;}
  .pillar-content .faq-list{padding: 0 5vw 20px;}
  .pillar-content .faq-question, .article-faq .faq-question{gap: 13px;}
  .pillar-content .faq-question h3, .article-faq .faq-question h3{line-height: 22px;}
  .pillar-content .faq-title-group p, .article-faq .faq-title-group p{display: none;}
  .table-of-content .t-h2-list, .article-faq .t-h2-list{border-radius: 20px;}
  .mvv-popup__body {padding: 30px 25px;}
  .mvv-popup__image {margin: 25px 0;}
  .dep-grid {grid-template-columns: repeat(1, 1fr);}
  .dep-grid.plastic_surgery {grid-template-columns: repeat(1, minmax(0, 1fr));}
}


@media (max-width:480px) {
  .rating-content {gap: 2px;}
  .review-content-header p{font-size: 20px;}
  .testimonials-top p { font-size: 17px;}
  .blog-more-info {font-size: 12px;}
  .other-blog-info{font-size: 12px;}
  .latest-tag{gap:0;}
  .podcast-content{height: 160px;}
  .doctor-img{width: 200px;}
  .podcast-info {padding: 15px 0;}
  .mobile-services-grid {  width: 80%;}
  .theme-navbar .logo { width: 98px;}
  .t-grid .text-box p { font-size: 30px; }

  /* REVIEWS Page */
  .reviews-platform{display: grid; grid-template-columns: 2fr 2fr; gap:10px 20px; width: 90%; margin: auto; position: relative; bottom: auto; left: auto; transform: none;}
  .short-header.review-header{padding-bottom: 30px;}
  .short-header.review-header .header-grid {padding-bottom: 40px;}
  .disclaimer-box{padding: 10px 5vw 25px 5vw; width: 100%;}
  .star-flex{justify-content: center;}
  .star-flex img{width: 34px; height: 34px; object-fit: contain;}
  .rating-top .fa-star:before{font-size: 10px;}
  /* End of REVIEWS Page */

  /* MEDIA */
  #media-hero .media-header-info h3, #media-hero .media-header-info h1.h1-as-h3 { font-size: 40px;}
  #media-hero .media-header-info p {font-size: 15px; line-height: 23px;}
  .media-stats .media-stat h3 {font-size: 25px !important;}
  .media-stats .media-stat p{font-size:13px !important;}
  .media-stats{ max-width: 420px;margin: 40px auto 0; }
  .media-stats .media-stat{padding-left: 20px; padding-right: 20px; gap: 6px;}
  section#tv-apperance{padding-top: 25px;}
  section#media-articles{padding-top: 25px; padding-bottom: 25px;}
  #media-articles .article-swiper { margin-top: 25px;}
  section#content-gallery.influencer-section{padding: 30px 5vw 20px;}
  #content-gallery.influencer-section .gallery-swiper{margin-bottom: 11px;}
  #media-articles .article-card{gap: 10px;}
  #media-articles .article-card h3{padding-top: 2px;}

  /* ABOUT US */
  #about-experience .steps-grid-item>img {height: 240px;}
  #initiatives .programs-slider-wrap {position: relative;width: 100%;}
  #initiatives .programs-navigation {position: static;margin: 0;}
  #initiatives .programs-prev,
  #initiatives .programs-next {
    position: absolute !important;
    top: auto!important;
    width: 27px;
    height: 27px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0;
    background: var(--sec2, #fff);
    border: 1px solid var(--thColor, #7c176c);
    border-radius: 50%;
    cursor: pointer;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 20;
  }
  #initiatives .programs-prev {
    left: 0;
    transform: translateY(-50%);
  }
  #initiatives .programs-next {
    right: 0;
    transform: translateY(-50%);
  }
  #initiatives .programs-prev img,
  #initiatives .programs-next img {
    display: block !important;
    width: 14px;
    height: auto;
    margin: 0;
  }
  #initiatives .programs-prev img {
    transform: rotate(180deg);
  }
  #initiatives .programs-prev.swiper-button-disabled,
  #initiatives .programs-next.swiper-button-disabled {
    opacity: .35 !important;
  }
  section.section-bg.sec-before-footer {padding-bottom: 160px;}
  .ecosystem-group .e-item .font-m-30 {font-size: 25px;}
  .e-item.text-body{font-size: 13px; line-height: 21px;}
  .ecosystem-group .e-item .font-m-30 {font-size: 20px;}
  .ecosystem-group .e-item .text-body {font-size: 12px; line-height: 18px;}
  .ecosystem-group .e-item {padding: 14px 13px;}
  .ecosystem-group .e-item:nth-child(7) {border-bottom: inherit;}
  .ecosystem-group .e-item:nth-child(9), .ecosystem-group .e-item:nth-child(10) {border-bottom: inherit;}
  .media-stats .media-stat{padding-left: 16px; padding-right: 16px;}
} 

@media (max-width:450px) {
  .review-header p {font-size: 32px;}
  .testimonials-header .text-box p{font-size:32px;}
  .testimonial-card .tag-left {font-size: 10px;gap:2px;}
  .testimonials-wrapper .testimonial-card .patient-info h4{display: none;}
  .testimonial-card .patient-info{padding: 0px 13px 10px; align-content: end; background: linear-gradient(to top, rgb(27 9 31 / 99%) 0%, #6b226100 81%); height: 130px;}
  .testimonial-card .tag-header {top:10px;left: 10px;}
  .sidebar-content{ display: none;}
  .sidebar-content.show{  display: block;}
  .podcast-info p{gap:3px;}
  .podcast-info { padding: 25px 0;}
  .podcast-icons{padding-top: 9px;}
  .toggle-item a{padding:5px 15px;}
  .service-title { font-size: 13px;}
  .cat-toggle-icon { width: 26px;}
  .toggle-item span {font-size: 13px;}
  .theme-navbar .logo {  width: 98px;}
  .bar-toggle .toggle-item a{opacity: 1; text-transform: none;}
  .toggle-item a {padding: 5px 12px;}
  .bar-toggle .toggle-item.active a{padding: 7px 16px !important;}
  .category-toggle.subcategory-toggle{margin-top: 10px; gap: 11px;}
  .subcategory-toggle .toggle-item.active a{padding: 9px 12px!important; text-transform: none; font-size: 12px; }
  .subcategory-toggle .toggle-item a{ text-transform: none; font-size: 12px; }
  .category-toggle.subcategory-toggle[data-subtoggle="dental-procedures"]{flex-wrap: wrap; justify-content: center; width: 100%; padding: 14px; gap: 12px 4px;}
  .category-toggle.subcategory-toggle[data-subtoggle="dental-procedures"] .toggle-item{flex: 0 0 calc(33.333% - 6px); display: flex; justify-content: center;}
  .category-toggle.subcategory-toggle[data-subtoggle="dental-procedures"] .toggle-item a{justify-content: center; text-align: center; line-height: 1.25;}
  .category-toggle.subcategory-toggle[data-subtoggle="dental-procedures"] .toggle-item.active a{padding: 8px 12px!important;}
  .star-flex span:first-child{font-weight: 500!important; margin-bottom: 3px;}
  #dental-aesthetics .dental-grid-four{max-width: 100%!important;}
  .service-item .service-title{padding: 8px 6px;}
  .laser-item .service-sub-title {font-size: 13px; font-weight: 600; margin-top: 5px; text-transform: none; color: var(--thColor);}
  .pillar-main .faq-title-group h2{margin-top: 30px; font-size: 20px;}
  .dental-prostheses, .dental-procedures{padding-top: 10px;}

  /* PILLAR ARTICLE */
  .pillar-content .pillar-img {width: 100%;}
  .stage-block img {width: 100%;}
  .blog-content p{font-size: 15px; line-height: 28px;}

  /* CAREER */
  .careers-hero .content-text p {padding-right: 0;}
  .careers-hero-left .button-flex{gap: 15px; display: grid;}
  /* END OF CAREER */
}

@media (max-width:440px) {
  .rating-content{display: grid;}
  .service-title { font-size: 13px;}
  .service-title img {width: 12px;}

  /* Results Page */
  .filter-label{font-size: 14px; padding: 5px 15px;}
  .filter-label-txt{font-size: 14px;}
  .filter-block{grid-gap: 20px;}
  .bf-af-text span{text-transform: capitalize; font-size: 11px; font-weight: 500;}
  .results-main-image .main-img-box {margin: 0 15px;}
  .results-nav-btn {padding: 6px; font-size: 13px;}
  .results-nav-btn.results-next-btn {right: -14px;}
  .results-nav-btn.results-prev-btn {left: -14px;}
  .results-popup-content{width: 95%;}
  .zoom-img{width: 30px; height: 30px; line-height: 30px; bottom: 7px; right: 22px;}
  .zoom-img i{font-size: 14px;}
  .results-popup-labels span{text-transform: capitalize; font-size: 13px; font-weight: 500; bottom: -6px;}
  .results-popup-labels span:first-child {left: 25px;}
  .popup-thumbs-swiper .swiper-slide img {height: 53px;}
  /* End of Results Page */

}

@media (max-width:364px) {
  .review-header p {font-size: 25px;max-width: 168px;}
  .testimonials-header .text-box p {font-size: 25px;}
  .toggle-item span { font-size: 11px; }
  .cat-toggle-icon {  width: 20px; }
  .toggle-item.active a{padding: 9px 12px !important;}
  .face-treatment .service-grid { grid-template-columns:1fr; }
  .body-procedure .service-grid { grid-template-columns:1fr;}
  .face-procedure .service-grid {  grid-template-columns: 1fr;}
  .hair-transplant .service-grid { grid-template-columns: 1fr;}
  .dental-services .dental-grid-four {grid-template-columns:1fr;}
  .dental-services .dental-grid-three {grid-template-columns: 1fr;}
  .body-treatment .service-grid   {grid-template-columns: 1fr;}
  .laser-treatment .service-grid {  grid-template-columns: 1fr;}
   section#hair-procedures {  width: 100%; }
  .services-text-box h1 {  font-size: 28px;}
  .simple-header .text-box { padding-top: 25px;}
  .category-toggle.subcategory-toggle{gap:1px;} 
  .mobile-service-card span {  font-size: 9px; }
  .mobile-service-card img { width: 35px; }
  .mobile-service-card{padding: 10px;}
  .navbar-actions .search-btn img {  display: none;}
  .keit-privacy-policy .privacy-policy-left h2, .keit-privacy-policy .privacy-policy-left h1.h1-as-h2 { font-size: 20px;}
  .privacy-policy-left h2 span, .privacy-policy-left h1.h1-as-h2 span {  font-size: 25px;}
  .privacy-policy-right p {font-size: 14px;}
  .t-grid .text-box p { font-size: 20px;}
  .results-gallery{  grid-template-columns: 1fr;}
}

/* Why Choose KEIT cards (pillar articles) - mobile */
@media (max-width: 576px) {
  .clinic-readmore-section .clinic-card-row {grid-template-columns: 1fr;}
  .clinic-readmore-section .clinic-card-photo .clinic-slide-top {height: auto;}
  .clinic-readmore-section .clinic-card-photo .clinic-slide-img {height: auto; min-height: 0; aspect-ratio: 16 / 10;}
  .clinic-readmore-section .clinic-card-info {padding: 18px 20px 22px; gap: 12px; align-content: start;}
  .clinic-readmore-section .clinic-card-info h4 {margin: 0; font-size: 17px;}
  .clinic-readmore-section .clinic-card-preview {font-size: 15px; line-height: 25px;}
    .clinic-readmore-section .clinic-slide-item.is-expanded .clinic-card-info {padding-bottom: 0px;}
      .clinic-readmore-section .clinic-slide-item.is-expanded .clinic-card-photo {float: none; width: 100%; height: auto; margin: 0;}
  .clinic-readmore-section .clinic-slide-item.is-expanded .clinic-card-info {padding: 18px 20px 22px;}
  .clinic-readmore-section .clinic-slide-item.is-expanded .clinic-card-info h4 {margin: 0 0 12px;}
  .clinic-readmore-section .clinic-card-full p {font-size: 15px; line-height: 25px;}
}

/* End of Responsive */
/* Hub intro text on central pages (SEO audit 4.3) */
section.hub-intro{padding:70px 0;}
.hub-intro .container-box{width:100%;max-width:none;margin:0 auto;padding:50px 60px;background:var(--sec2);border-radius:30px;position:relative;overflow:hidden;}
.hub-intro .container-box::before{content:"";position:absolute;left:0;top:50px;bottom:50px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(to bottom,var(--accent),var(--thDark));}
.hub-intro h2{font-family:var(--regular);font-size:32px;line-height:1.3;font-weight:500;color:var(--thColor);margin-bottom:22px !important;text-align:left;}
.hub-intro .hub-intro-text{display:grid;gap:14px;}
.hub-intro .hub-intro-text p.text-body{font-size:16px;line-height:29px;font-weight:500;color:var(--thColor) !important;margin:0 !important;}
.hub-intro .hub-intro-text a{color:var(--accent1);font-weight:600;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:1px;transition:color .3s,background-size .3s;}
.hub-intro .hub-intro-text a:hover{color:var(--accent);background-size:100% 2px;}
@media (max-width:991px){
  section.hub-intro{padding:50px 5vw;}
  .hub-intro .container-box{padding:40px 36px;}
  .hub-intro h2{font-size:27px;}
}
@media (max-width:575px){
  section.hub-intro{padding:40px 16px;}
  .hub-intro .container-box{padding:30px 22px;border-radius:20px;}
  .hub-intro .container-box::before{top:30px;bottom:30px;}
  .hub-intro h2{font-size:22px;margin-bottom:16px !important;}
  .hub-intro .hub-intro-text p.text-body{font-size:15px;line-height:26px;}
}

/* Explainer video on service pages (SEO audit 4.4) */
.service-video{width:70%;margin:30px auto;}
.service-video-btn,.service-video iframe{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:20px;overflow:hidden;background:var(--thDark);cursor:pointer;box-shadow:0 15px 40px rgba(59,17,68,.15);}
.service-video-btn img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.service-video-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(59 17 68 / 45%) 0%,rgb(59 17 68 / 0%) 55%);pointer-events:none;}
.service-video-btn:hover img{transform:scale(1.03);}
.service-video-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:rgba(238,238,243,.75);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--thColor);box-shadow:0 0 0 10px rgba(255,255,255,.2);transition:transform .3s,background .3s,color .3s;}
.service-video-play i{margin-left:4px;}
.service-video-btn:hover .service-video-play{transform:translate(-50%,-50%) scale(1.08);background:var(--thColor);color:#fff;}
.service-video figcaption{margin-top:12px;font-size:14px;line-height:22px;font-weight:500;color:var(--gray);text-align:center;}
@media (max-width:767px){
  .service-video{width:100%;margin:24px 0;}
  .service-video-btn,.service-video iframe{border-radius:15px;}
  .service-video-play{width:58px;height:58px;font-size:18px;}
}

/* ---------- Contact page (SEO audit 6.2) – redesign in the site style ---------- */
.contact-page{padding-bottom:0;}

/* Hero: split layout like the medical team header */
.contact-hero{margin-top:83px;height:620px;}
.contact-hero .header-col-text{padding:40px 6vw 40px max(5vw, calc((100vw - 1280px) / 2));gap:28px;border-bottom-left-radius:0;}
.contact-hero .header-col-img{height:620px;overflow:hidden;}
.contact-hero .header-col-img img{width:100%;height:100%;object-fit:cover;object-position:center;}
.contact-hero .header-col-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to right, rgb(59 17 68 / 30%) 0%, rgb(59 17 68 / 0%) 45%);pointer-events:none;}
.contact-hero .glass-box{top:50px;left:50px;z-index:2;}
.contact-hero .glass-box.sec-box{top:auto;left:auto;right:50px;bottom:50px;}
.contact-hero .text-box h2{margin-bottom:12px !important;}
.contact-hero .text-box h1.h1-as-p{font-size:50px;line-height:1.15;}
.contact-hero .text-body{max-width:520px;}
.contact-breadcrumb{font-size:13px;color:var(--gray);font-weight:500;}
.contact-breadcrumb a{color:var(--thColor);text-decoration:none;}
.contact-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px;}
.contact-wa-btn{gap:8px;}
.contact-wa-btn i{font-size:17px;}

/* Contact cards + form */
.contact-main{padding:80px 0 70px;}
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:start;}
.contact-details{display:grid;grid-template-columns:1fr;gap:14px;}
.contact-card{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:15px;background:var(--sec2);color:var(--thColor);text-decoration:none;border:1px solid transparent;transition:border-color .3s,background .3s,transform .3s;}
a.contact-card:hover{background:#fff;border-color:#bf1991;transform:translateY(-2px);}
.contact-icon{flex:0 0 46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--thDark);color:#fff;font-size:17px;transition:background .3s;}
a.contact-card:hover .contact-icon{background:var(--accent);}
.contact-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent1);margin-bottom:3px;}
.contact-card strong{display:block;font-size:16px;line-height:1.45;font-weight:600;color:var(--thColor);}
.contact-note{display:block;font-size:13px;color:var(--gray);margin-top:3px;font-weight:500;}

.contact-form-box{padding:36px;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(59,17,68,.08);border:1px solid rgba(59,17,68,.06);}
.contact-form-text{margin-bottom:20px;color:var(--gray);font-size:15px;line-height:1.6;font-weight:500;}
.contact-form-box.pillar-form-container{position:relative;top:auto;z-index:1;background:#fff;}
.contact-form-box h2{max-width:none;text-align:left;margin:0 0 10px !important;font-size:30px;line-height:1.25;font-weight:500;color:var(--thColor);border-bottom:0;padding-bottom:0;}
.contact-form-box form{display:grid;}
.contact-form-box .form-fields{margin:4px 0 10px;}
.contact-form-box .form-group{margin-bottom:14px;}
.contact-form-box .form-group label{color:var(--thColor);font-weight:600;font-size:14px;}
.contact-form-box .group-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.contact-form-box .form-group input,.contact-form-box .form-group select{border:1px solid rgba(133,133,133,.23);background:var(--sec2);width:100%;}
.contact-form-box .form-group input:focus,.contact-form-box .form-group select:focus{outline:none;border-color:var(--accent);background:#fff;}
.contact-form-box .p-bottom{font-size:14px;color:var(--gray);margin-bottom:18px !important;}
.contact-form-box .submit-btn{background:var(--thDark);border:none;padding:14px 34px;border-radius:50px;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.1px;width:fit-content;cursor:pointer;transition:background .3s;}
.contact-form-box .submit-btn:hover{background:var(--thColor);}
.contact-form-box .form-success h6{font-size:20px;color:var(--thColor);margin-bottom:8px !important;}

/* Map + coordinator (grey section with rounded top, like the rest of the site) */
section.section-bg.contact-bottom{padding:70px 0 90px;}
.contact-map-head{margin-bottom:30px;gap:20px;}
.contact-map-head .text-box p.title-small{line-height:1.25;}
.contact-map{border-radius:20px;overflow:hidden;aspect-ratio:21/8;background:#e9e9ee;}
.contact-map iframe{width:100%;height:100%;border:0;display:block;}

.contact-trip-box{margin-top:60px;display:grid;grid-template-columns:1fr 1.15fr;border-radius:20px;overflow:hidden;background:var(--thDark);}
.contact-trip-img{position:relative;min-height:380px;}
.contact-trip-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.contact-trip-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to left, rgb(59 17 68 / 85%) 0%, rgb(59 17 68 / 0%) 40%);}
.contact-trip-text{padding:50px 55px;display:grid;gap:18px;align-content:center;color:#fff;}
.contact-trip-eyebrow{font-size:15px;font-weight:600;text-transform:uppercase;color:#e7b8dc;}
.contact-trip-text h2{font-family:var(--regular);font-size:40px;line-height:1.15;font-weight:500;color:#fff;}
.contact-trip-text h2 span{font-family:var(--main-font);font-style:italic;}
.contact-trip-text p{font-size:16px;line-height:27px;font-weight:500;color:rgb(255 255 255 / 85%);max-width:520px;}
.contact-trip-list{list-style:none;display:grid;gap:10px;margin:4px 0 6px !important;}
.contact-trip-list li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:#fff;}
.contact-trip-list i{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / 12%);font-size:13px;flex-shrink:0;}
.contact-trip-btn{background:#fff !important;color:var(--thDark) !important;cursor:pointer;font-weight:600;}
.contact-trip-btn img{filter:none;}
.contact-trip-btn::before{display:none;}
.contact-trip-btn:hover{background:var(--sec2) !important;}

@media (max-width:1200px){
  .contact-hero .text-box h1.h1-as-p{font-size:42px;}
  .contact-trip-text{padding:40px;}
  .contact-trip-text h2{font-size:34px;}
}
@media (max-width:991px){
  .contact-hero{height:auto;margin-top:67px;grid-template-columns:1fr;}
  .contact-hero .header-col-text{padding:40px 5vw 45px;gap:22px;}
  .contact-hero .header-col-img{height:360px;}
  .contact-hero .glass-box{top:24px;left:24px;width:220px;padding:14px 18px;}
  .contact-hero .glass-box.sec-box{right:24px;bottom:24px;width:250px;}
  .contact-hero .glass-box h4{font-size:13px;line-height:18px;gap:16px;}
  .contact-hero .glass-box h4 .h4-nr{font-size:28px;}
  .contact-main{padding:50px 5vw;}
  .contact-grid{grid-template-columns:1fr;gap:28px;}
  section.section-bg.contact-bottom{padding:50px 5vw 60px;}
  .contact-map{aspect-ratio:4/3;}
  .contact-trip-box{grid-template-columns:1fr;margin-top:40px;}
  .contact-trip-img{min-height:240px;}
  .contact-trip-img::after{background:linear-gradient(to top, rgb(59 17 68 / 85%) 0%, rgb(59 17 68 / 0%) 45%);}
}
@media (max-width:575px){
  .contact-hero .text-box h1.h1-as-p{font-size:34px;}
  .contact-hero .button-flex{flex-direction:column;align-items:stretch;gap:12px;}
  .contact-hero .button-flex a{width:100%;justify-content:center;text-align:center;}
  .contact-hero .header-col-img{height:280px;}
  .contact-hero .glass-box.sec-box{display:none;}
  .contact-form-box{padding:24px 18px;}
  .contact-form-box h2{font-size:24px;}
  .contact-card strong{font-size:15px;}
  .contact-form-box .group-two{grid-template-columns:1fr;gap:0;}
  .contact-form-box .submit-btn{width:100%;}
  .contact-map-head{flex-direction:column;align-items:flex-start;}
  .contact-trip-text{padding:30px 22px;}
  .contact-trip-text h2{font-size:28px;}
  .contact-trip-btn{width:100%;text-align:center;}
}

/* Related articles under a blog article (SEO audit 3.2) */
.related-articles{margin:40px 0;padding-top:32px;border-top:1px solid rgba(106,35,97,.15);}
.related-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.related-head h3{margin:0;font-size:24px;color:var(--thColor);}
.related-head h3 span{color:var(--accent);}
.related-service-link span{white-space:normal;}
.relatedSwiper{overflow:hidden;padding-bottom:4px;}
.relatedSwiper .swiper-slide{height:auto;}
.relatedSwiper .article-card{display:flex;flex-direction:column;}
.relatedSwiper .article-card .a-card-bottom{flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.relatedSwiper .a-card-top .a-card-img{height:200px;width:100%;object-fit:cover;}
.related-controls{margin-top:18px;}
@media (max-width:575px){
  .related-head h3{font-size:20px;}.related-service-link{width:100%;justify-content:center;}
  .related-articles{margin-bottom: 0;padding: 30px 5vw 0; margin-top: 13px;}
  .related-head h3 {
      padding: 0 !important;
      font-weight: 600;
      margin: auto;
  }
}
.related-head h3{padding:0 !important;}
.relatedSwiper .article-card{background:#fbfbfc;border-radius:16px;overflow:hidden;}
.relatedSwiper .a-card-top{position:relative;}
.relatedSwiper .a-card-top .a-card-img{margin-bottom:0;}
.relatedSwiper .a-card-top-flex{position:absolute;bottom:12px;left:10px;margin-bottom:0;display:flex !important;}
.relatedSwiper .article-card .a-card-bottom{padding:14px 16px !important;}
@media (max-width:575px){.relatedSwiper .a-card-top .a-card-img{height:190px;}}
.relatedSwiper .a-card-top-flex .blog-time{display:flex !important;align-items:center;gap:6px;}
/* related articles: plain 3-card grid (replaces the swiper) */
.related-articles{min-width:0;}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.related-grid .article-card{display:flex;flex-direction:column;min-width:0;background:#fbfbfc;border-radius:16px;overflow:hidden;}
.related-grid .a-card-top{position:relative;}
.related-grid .a-card-top .a-card-img{display:block;width:100%;height:170px;object-fit:cover;margin-bottom:0;}
.related-grid .a-card-top-flex{position:absolute;bottom:10px;left:10px;margin-bottom:0;display:flex !important;flex-wrap:wrap;gap:6px;}
.related-grid .a-card-top-flex .blog-time{display:flex !important;align-items:center;gap:6px;}
.related-grid .article-card .a-card-bottom{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:14px 16px !important;}
.related-grid .a-card-bottom h4{font-size:16px;line-height:1.45;}
@media (max-width:991px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:575px){.related-grid{grid-template-columns:1fr;}.related-grid .a-card-top .a-card-img{height:190px;}}

/* ===== Breadcrumbs (pillar pages, blog articles) ===== */
.keit-breadcrumb{font-size:13px;font-weight:500;color:var(--gray);line-height:1.5;}
.keit-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;}
.keit-breadcrumb li{display:inline-flex;align-items:center;}
.keit-breadcrumb li + li::before{content:"\203A";margin:0 8px;color:var(--gray);}
.keit-breadcrumb a{color:var(--thColor);text-decoration:none;}
.keit-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px;}
.keit-breadcrumb [aria-current="page"]{color:var(--gray);}
.service-template-left .keit-breadcrumb{margin-top:24px;}
@media (max-width: 870px){
  .service-template-left .keit-breadcrumb{text-align:left;justify-self:start;margin-top:0;}
  .keit-breadcrumb{font-size:12px;}
}
@media (max-width: 600px){
  /* top left, over the hero photo */
  .service-template-left{position:relative;}
  .service-template-left .keit-breadcrumb{position:absolute;top:12px;left:5vw;z-index:2;max-width:90vw;box-sizing:border-box;padding:4px 8px 2px 8px;background:var(--white);border-radius:6px;font-size:11px;}
  .service-template-left .keit-breadcrumb li + li::before{margin:0 2px;}
}
#article-page .blog-header .blog-breadcrumb{display:contents;}

/* Meet the founder – licenses (Albania / Italy) */
.license-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-right:10px;margin-top:4px;}
.license-card{background:var(--sec2);border-radius:12px;padding:14px 16px;display:grid;gap:3px;align-content:start;}
.license-country{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent1);}
.license-country img{width:18px;height:18px;border-radius:50%;object-fit:cover;}
.list-item-text .license-card p{font-size:14px;line-height:21px;padding-right:0;}
.list-item-text .license-card p.license-org{font-weight:600;}
.list-item-text .license-card p.license-nr strong{font-weight:700;}
.list-item-text .license-card p.license-date{color:var(--gray);font-size:13px;}
.license-verify{margin-top:6px;width:fit-content;font-size:13px;font-weight:600;color:var(--accent1);text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid currentColor;transition:color .3s;}
.license-verify i{font-size:11px;}
.license-verify:hover{color:var(--thDark);}
@media (max-width:575px){.license-grid{grid-template-columns:1fr;padding-right:0;}}

/* ===== Evidence reviews (scientific articles) in the risks section of pillar pages ===== */
.evidence-reviews{margin-top:22px;padding:18px 22px;background:var(--sec2);border-radius:16px;border-left:3px solid var(--thColor);}
.evidence-reviews .evidence-reviews-title{font-weight:600;color:var(--thColor)!important;margin:0 0 8px;font-size:15px;}
.evidence-reviews ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.evidence-reviews li{position:relative;padding-left:18px;line-height:1.45;}
.evidence-reviews li::before{content:"\203A";position:absolute;left:2px;top:0;color:var(--thColor);font-weight:600;}
.evidence-reviews a{color:var(--thColor);font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.evidence-reviews a:hover{text-decoration-thickness:2px;}
@media (max-width: 600px){
  .evidence-reviews{padding:14px 16px;text-align:left;}
  .evidence-reviews a{font-size:13px;}
}

/* Text links inside paragraphs and lists (KEIT Cast, educational videos...) */
a.inline-link{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:inherit;}
a.inline-link:hover{text-decoration-thickness:2px;}

/* Language suggestion banner on the homepages (SEO audit 5.1) */
.lang-suggest{position:fixed;left:20px;bottom:20px;z-index:99990;max-width:380px;display:flex;align-items:flex-start;gap:12px;padding:16px 44px 16px 18px;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(59,17,68,.18);border:1px solid rgba(59,17,68,.08);}
.lang-suggest[hidden],.lang-suggest-item[hidden]{display:none !important;}
.lang-suggest-item{display:flex;flex-direction:column;gap:10px;}
.lang-suggest-text{font-size:15px;line-height:1.4;color:var(--thColor);font-weight:500;}
.lang-suggest-btn{display:inline-block;width:fit-content;padding:10px 20px;border-radius:40px;background:var(--thColor);color:#fff !important;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.2px;text-decoration:none;transition:background .2s;}
.lang-suggest-btn:hover{background:var(--accent);}
.lang-suggest-close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:24px;line-height:1;color:rgba(59,17,68,.5);cursor:pointer;padding:4px;}
@media (max-width:575px){.lang-suggest{left:12px;right:12px;bottom:12px;max-width:none;}}

/* Lead forms: spam trap field (hidden from people) and privacy note */
.form-hp {
  display: none !important;
}
.form-privacy-note {
  grid-column: 1 / -1;
  margin: 4px 0 8px;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0.85;
}
.form-privacy-note a {
  color: inherit;
  text-decoration: underline;
}

/* Community cards on About us: the whole card links to the event page */
a.program-item.program-link{
  display: block;
  text-decoration: none;
  color: inherit;
}
.program-bottom .program-bottom-row{
  background: var(--white);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 10px 14px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.program-bottom .program-bottom-row img{
  width: 16px;
  transition: .3s;
}
a.program-link:hover .program-bottom-row img{
  transform: rotate(-30deg);
}
a.program-link:hover .program-img{
  opacity: .92;
}

/* ===== Accreditation & awards logos: one row, text max 2 lines ===== */
#accreditation-logo .acc-logo,
#awards-logo .awards-logo-group {
  display: grid;
  align-items: start;
  margin: 35px auto 25px auto;
}
#accreditation-logo .acc-logo {
  /* wider columns for the longer texts (ministry), so every text fits in 2 lines */
  grid-template-columns: 1fr 1fr 0.9fr 1.25fr 1fr;
  gap: 16px;
}
#awards-logo .awards-logo-group {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  max-width: 960px;
}
#accreditation-logo .acc-logo > *,
#awards-logo .awards-logo-group > * {
  grid-column: auto;
  order: 0;
  width: auto;
  justify-self: stretch;
}
/* same logo area for every item, so all texts start on the same line */
#accreditation-logo .acc-item,
#awards-logo .acc-item {
  display: grid;
  grid-template-rows: 90px auto;
  row-gap: 14px;
  align-content: start;
  justify-items: center;
}
#accreditation-logo .acc-item img,
#awards-logo .acc-item img {
  align-self: end;
  max-height: 90px;
  max-width: 100%;
  margin: 0;
}
#accreditation-logo .acc-item h3,
#awards-logo .acc-item h3 {
  padding: 0;
  margin: 0;
  max-width: none;
  font-size: 14px;
  line-height: 20px;
  text-wrap: balance;
}

@media (max-width: 1280px) {
  #accreditation-logo .acc-logo { gap: 12px; }
  #accreditation-logo .acc-item h3 { font-size: 13px; line-height: 18px; }
}
@media (max-width: 1250px) {
  #accreditation-logo .acc-item h3 { font-size: 12px; line-height: 17px; }
}

/* Tablet & mobile: one item per row, logo on the left, text on the right */
@media (max-width: 1100px) {
  #accreditation-logo .acc-logo,
  #awards-logo .awards-logo-group {
    grid-template-columns: 1fr;
    gap: 14px;
    width: 100%;
    max-width: 460px;
    margin: 20px auto 10px auto;
    padding: 0 16px;
  }
  #accreditation-logo .acc-item,
  #awards-logo .acc-item {
    grid-template-rows: none;
    grid-template-columns: 96px 1fr;
    column-gap: 16px;
    row-gap: 0;
    align-items: center;
    justify-items: start;
  }
  #accreditation-logo .acc-item img,
  #awards-logo .acc-item img {
    align-self: center;
    justify-self: center;
    max-height: 56px;
    width: auto;
    max-width: 96px;
  }
  #accreditation-logo .acc-item h3,
  #awards-logo .acc-item h3 {
    max-width: none;
    text-align: left;
    font-size: 13px;
    line-height: 18px;
  }
}

@media (max-width: 400px) {
  #accreditation-logo .acc-item,
  #awards-logo .acc-item { grid-template-columns: 76px 1fr; column-gap: 12px; }
  #accreditation-logo .acc-item img,
  #awards-logo .acc-item img { max-width: 76px; max-height: 48px; }
  #accreditation-logo .acc-item h3,
  #awards-logo .acc-item h3 { font-size: 12.5px; }
}
@media (max-width: 340px) {
  #accreditation-logo .acc-item h3,
  #awards-logo .acc-item h3 { font-size: 11.5px; line-height: 16px; }
}
@media (max-width: 1100px) {
  #accreditation-logo .acc-item.acc-ce img { max-height: 36px; }
}
/* ===== End of accreditation & awards logos ===== */

/* Mobile: logos only (texts hidden visually, still readable by screen readers), 3 + 2 per row */
@media (max-width: 768px) {
  #accreditation-logo .acc-logo,
  #awards-logo .awards-logo-group {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 26px;
    max-width: 420px;
    margin: 22px auto 10px auto;
    padding: 0 16px;
  }
  #accreditation-logo .acc-logo > *,
  #awards-logo .awards-logo-group > * { grid-column: span 2; }
  /* second row of the accreditation logos (2 items) centred */
  #accreditation-logo .acc-logo > :nth-child(4) { grid-column: 2 / span 2; }
  #accreditation-logo .acc-item,
  #awards-logo .acc-item {
    grid-template-columns: none;
    grid-template-rows: 64px;
    justify-items: center;
    align-items: center;
  }
  #accreditation-logo .acc-item img,
  #awards-logo .acc-item img {
    max-height: 60px;
    max-width: 100%;
    width: auto;
    justify-self: center;
    align-self: center;
  }
  #accreditation-logo .acc-item.acc-fda img { max-width: 100px; }
  #accreditation-logo .acc-item.acc-ce img { max-height: 42px; }
  #awards-logo .acc-item img { max-height: 54px; }
  #accreditation-logo .acc-item h3,
  #awards-logo .acc-item h3 {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

/* ===== Pillar articles: H3 groups ===== */
/* More space above each H3 (separates it from the previous group),
   less space below it (keeps it close to its own text). */
.pillar-content .h2-item > h3 {
  padding-top: 0;
  padding-bottom: 5px;
  margin-top: 36px;
  margin-bottom: 8px;
}
/* an H3 right after the H2 does not need the extra space */
.pillar-content .h2-item > h2 + h3 {
  margin-top: 4px;
}
@media (max-width: 768px) {
  .pillar-content .h2-item > h3 {
    margin-top: 16px;
    margin-bottom: 6px;
  }
  .pillar-content .h2-item > h2 + h3 {
    margin-top: 4px;
  }
}
/* ===== End of pillar articles: H3 groups ===== */