body{
  padding-top: 90px;
}
.about-hero .row {
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  display: flex;
}
.highlight {
  color: var(--accent);
}

.fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.fade-up.visible {
  opacity: 1;
  transform: none;
}

.about-hero img {
  max-width: 520px;
  width: 85%;
  border-radius: 12px;
  margin-top: 5vh;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.mission-quote {
  font-size: 1.65rem;
  font-weight: 400;
  max-width: 780px;
  margin: 0 auto 7vh;
  text-align: center;
  line-height: 1.45;
}

.mission-quote .tag {
  display: block;
  font-size: 0.95rem;
  color: var(--accent);
  margin-top: 1.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.two-col {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 9vw;
  align-items: start;
}

@media (max-width: 920px) {
  .two-col {
    grid-template-columns: 1fr;
    gap: 7vh;
  }
}

.sticky-title {
  position: sticky;
  top: 10vh;
  align-self: start;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 2.4rem;
  margin: 7vh 0;
}

.stat {
  text-align: center;
  padding: 1.8rem 1rem;
  border: 1px solid var(--border);
  border-radius: 10px;
  transition: all 0.35s ease;
}

.stat:hover {
  border-color: var(--accent);
  transform: translateY(-4px);
}

.stat-number {
  font-size: 30px;
  font-weight: 600;
  color: var(--accent);
  margin-bottom: 0.5rem;
}

.process {
  display: grid;
  gap: 3.2rem;
  counter-reset: step;
}

.step {
  position: relative;
  padding-left: 4.2rem;
}

.step::before {
  counter-increment: step;
  content: "0" counter(step);
  position: absolute;
  left: 0;
  top: 0.2rem;
  font-size: 2.8rem;
  font-weight: 700;
  color: rgba(14, 165, 233, 0.12);
  line-height: 1;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2.8rem;
  margin-top: 5vh;
}

.person {
  text-align: center;
}

.person img {
  width: 100%;
  max-width: 280px;
  height: 280px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 1.3rem;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

.person .role {
  color: var(--accent);
  font-weight: 500;
  font-size: 0.98rem;
}

.cta {
  text-align: center;
  padding: 20vh 0 26vh;
  background: var(--light);
}

.cta h2 {
  font-size: 2.8rem;
  margin-bottom: 2rem;
}

.cta a {
  display: inline-block;
  font-size: 1.22rem;
  font-weight: 500;
  padding: 1rem 2.4rem;
  background: var(--accent);
  color: white;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.35s ease;
}

.cta a:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(14, 165, 233, 0.25);
}

.main {
  position: relative;
  margin: 50px;
}

.main .inner {
  position: relative;
  display: flex;
  margin: 0 -5px;
}

.main .card {
  position: relative;
  flex-grow: 1;
  background: var(--events-image) no-repeat center / cover;
  height: 400px;
  border-radius: 20px;
  margin: 0 5px;
  transition: 0.5s;
}

.main .card:hover {
  flex-grow: 1.7;
}

.main .card .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(0deg, black, transparent);
  padding: 15px;
}

.main .card .text h5 {
  position: relative;
  font-size: 22px;
  margin-bottom: 5px;
  color: #fff;
}

.main .card .text p {
  font-size: 14px;
  color: #00ff28;
}

.team-section {
  padding: 12vh 5vw;
  background: #ffffff;
  text-align: center;
}

.team-header {
  margin-bottom: 8vh;
  position: relative;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.section-label {
  font-size: 1.1rem;
  font-weight: 600;
  color: #0ea5e9;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0.8rem;
  display: block;
}

.all-members-btn {
  position: absolute;
  top: 1rem;
  right: 0;
  background: #0ea5e9;
  color: white;
  border: none;
  padding: 0.8rem 1.8rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.all-members-btn:hover {
  background: #0284c7;
  transform: translateY(-2px);
}

.team-grid {
  display: flex;
  gap: 2.5rem;
  margin: 0 auto;
  justify-content: center;
}

.team-item {
  opacity: 1;
  transform: translateY(40px);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.team-item.visible {
  opacity: 1;
  transform: translateY(0);
}

.team-card {
  display: block;
  text-decoration: none;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  transition: all 0.4s ease;
  position: relative;
}

.team-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.14);
}

.team-card-image-box {
  position: relative;
  height: 320px;
  overflow: hidden;
}

.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.team-card:hover .cover-image {
  transform: scale(1.08);
}
h3.fs.text-color-inherit {
  font-size: 30px;
}
.team-info-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(15, 23, 42, 0.75); /* fallback */
  background: rgb(134, 168, 255);
  padding: 2rem 10px;
  color: #000;
  transition: all 0.4s ease;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.team-card-header {
  margin-bottom: 1rem;
}

.doctor-name {
  font-size: 1.45rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}

.team-card-job {
  font-size: 1.05rem;
  opacity: 0.9;
}

.team-card-body p {
  font-size: 0.98rem;
  line-height: 1.5;
  opacity: 0.95;
}

@media (max-width: 991px) {
  .team-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}

@media (max-width: 768px) {
  .team-header {
    text-align: center;
  }

  .all-members-btn {
    position: static;
    margin-top: 1.5rem;
  }
}
.team-info-layer {
  transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  background-color: rgb(134, 168, 255);
}
.team-card-image-box {
  transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}
.w-webflow-badge{
  display: none;
}

.Mission {
  --_color---f7f8f3: #f7f8f3;
  --_color---ffffff: white;
  --_color---005c33: #005c33;
  --_color---00381f: #00381f;
  --_spacing---section--space-full: 100%;
  --_spacing---spacer--spacing-md: 0.5rem;
  --_spacing---spacer--spacing-2xl: 1rem;
  --_spacing---spacer--spacing-6xl: 1.5rem;
  --_spacing---spacer--spacing-13xl: 2.5rem;
  --_spacing---spacer--spacing-lg: 0.75rem;
  --_typography---font-size--font-size-lg: 1.5rem;
  --_typography---line-height--line-height-1-2: 1.2em;
  --fonts-weight--medium: 500;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}


._w-w-are-header {
  width: var(--_spacing---section--space-full);
  margin-top: var(--_spacing---spacer--spacing-md);
  grid-column-gap: var(--_spacing---spacer--spacing-2xl);
  grid-row-gap: var(--_spacing---spacer--spacing-2xl);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}


.who-we-are-grid {
  margin-top: var(--_spacing---spacer--spacing-13xl);
  grid-column-gap: 35px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.who-we-are-card {
  padding: var(--_spacing---spacer--spacing-2xl);
  grid-column-gap: var(--_spacing---spacer--spacing-6xl);
  grid-row-gap: var(--_spacing---spacer--spacing-6xl);
  border: 8px solid var(--_color---ffffff);
  background: #f8f9fa;
  background-image: url("https://cdn.prod.website-files.com/695251c6bf991cbb0830daf7/698f7b9b0689df6684305424_Tex%20(6).png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  box-shadow:
    0 4px 8px #00000005,
    0 14px 14px #00000005,
    0 33px 20px #00000003,
    0 58px 23px #0000,
    0 90px 25px #0000;
}

.who-we-are-card-logo-block {
  padding: var(--_spacing---spacer--spacing-2xl);
  /* background-image: linear-gradient(145deg, #AFCC3E, #608B3D); */
  background: linear-gradient(135deg, #00518f, #3782b5, #afcc3e, #fdc72f, #f4863b, #9d1c4b);
  background-size: 300% 300%;
  animation: gradientMove 6s ease infinite;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 25px rgba(0, 81, 143, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.4);
  transition: all 0.4s ease;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow:
    0 15.705px 12.564px -0.628px #0003,
    inset 0 2px 0.628px 0.628px #ccc7c733,
    inset 0 -0.628px 0.628px 0.628px #ccc7c733;
}

.who-we-are-logo {
  color: var(--_color---ffffff);
}
.who-we-are-logo i{
  font-size: 32px;
}

._w-w-are-card-info-block {
  grid-column-gap: var(--_spacing---spacer--spacing-lg);
  grid-row-gap: var(--_spacing---spacer--spacing-lg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

svg:not(:root) {
  overflow: hidden;
}

.card-title {
  font-size: var(--_typography---font-size--font-size-lg);
  line-height: var(--_typography---line-height--line-height-1-2);
  font-weight: var(--fonts-weight--medium);
}

/* who we are css */
.who_we_are ,.founder-msg{
  /* background: linear-gradient(135deg, #EC7988 0%, #305090 80%); */
  background: linear-gradient(135deg, #5882B5 50%, #608B3D 80%, #AFCC3E 100%);
  color: white;
  padding: 60px 50px;
  border-radius: 15px;
  margin-bottom: 50px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
}
.who_we_are h2, .founder-msg h2{
 color:#fff
}
.who_we_are p, .founder-msg p {
  font-size: 1.15em;
  max-width: 900px;
  margin: 0 auto;
  opacity: 0.95;
  color: #fff;
}

.leadership-section {
  padding: 60px 0;
}

.leadership-section a,
.leadership-section a:hover,
.leadership-section a:focus,
.leadership-section a:active {
  text-decoration: none;
  outline: none;
}

.leadership-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* .leadership-section .site-heading h2 {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.leadership-section .site-heading h2 span {
  color: #ff5a6e;
} */

/* .leadership-section .site-heading h4 {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
} */

/* .leadership-section .site-heading h4::before {
  background: #ff5a6e;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 50px;
} */

.leadership-section .site-heading {
  margin-bottom: 60px;
}

.leadership-section .single-item {
  margin-bottom: 30px;
}

.leadership-section .item .thumb {
  position: relative;
  overflow: hidden;
  z-index: -1;
  border-radius: 20px 20px 0px 0px;
}

.leadership-section .item .thumb::after {
  background: #232323;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.35s;
  width: 100%;
}

.leadership-section .item:hover .thumb::after {
  opacity: 0.7;
}

.leadership-section .item .thumb .overlay {
  top: -100%;
  left: 0;
  padding: 20px!important;
  position: absolute!important;
  text-align: center!important;
  transition: 0.35sv!important;
  width: 100%!important;
  z-index:1!important
}

.leadership-section .item:hover .thumb .overlay {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.leadership-section .team-items .item {
  WIDTH: 100%;
  max-width: 260px;
  border-radius: 20px;
  box-shadow: 0 0 10px #ccc;
  padding: 0px;
}
.leadership-section .team-items{
  gap: 40px;
    justify-content: center;
    margin: 0 auto;
}

.leadership-section .item .thumb img {
  transition: 0.35s;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

.leadership-section .item:hover .thumb img {
  opacity: .6;
}

.leadership-section .item .thumb .overlay h4,
.leadership-section .item .thumb .overlay p {
  color: #ffffff;
}

.leadership-section .item .thumb .social li {
  display: inline-block;
}

.leadership-section .item .thumb .social li a {
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 2px;
  text-align: center;
  width: 40px;
}

.leadership-section .info {
  text-align: center;
  position: relative;
  padding: 30px 10px 10px;
  border-radius: 0px 0px 20px 20px;
  z-index: 99;
}

.leadership-section .info .message {
  height: 50px;
  line-height: 40px;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  top: 0;
  width: 50px;
}

.leadership-section .info .message a {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px #ccc;
  color: #5882B5;
  display: inline-block;
  font-size: 20px;
  height: 45px;
  line-height: 50px;
  width: 45px;
}

.leadership-section .info h4 {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 20px;
}

.leadership-section .info span {
  color: #9D1C4B;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  font-style: italic;
  line-height: 10px!important;
  text-transform: math-auto;
}

.leadership-section .social li.twitter a { background:#00b6f1; }
.leadership-section .social li.pinterest a { background:#bd081c; }
.leadership-section .social li.vimeo a { background:#1ab7ea; }
.leadership-section .social li.instagram a { background:#cd486b; }



.visual {
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  display: flex;
}

.flow-section  .flow-section-img{
  width: 100%;
  max-width: 440px;
  border-radius: 20px;
}



/* added css on 2/04/26 at 10:41 */
 .team-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: auto;
    padding: 20px;
  }
  
  .modal-content {
    background-color: #fff!important;
    margin: 5% auto;
    max-width: 900px;
    border-radius: 12px!important;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    position: relative!important;
}
  .close-modal {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 32px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    z-index: 10;
    transition: 0.3s;
  }
  
  .close-modal:hover {
    color: #e74c3c;
  }
  
  .modal-body {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 40px!important;
}
  
  .modal-image {
    flex: 1;
    min-width: 280px;
    align-items: center;
    display: flex;
  }
  .modal-image img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  }
  
  .modal-info {
    flex: 2;
    min-width: 300px;
  }
  
  .modal-info h2 {
    margin: 0 0 8px 0;
    font-size: 28px;
    color: #2c3e50;
  }
  
  .modal-info h4 {
    margin: 0 0 20px 0;
    color: #3498db;
    font-weight: 500;
  }
  
  .modal-divider {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #3498db, #2ecc71);
    margin-bottom: 25px;
  }
  
  .modal-description {
    line-height: 1.8;
    color: #555;
    font-size: 15.5px;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .modal-body {
      flex-direction: column;
      padding: 25px;
    }
  }