/* Font Face Definitions (unchanged) */
@font-face {
  font-family: 'inter';
  src: url('Fonts/Inter/Inter-VariableFont_opsz,wght.ttf');
}

@font-face {
  font-family: 'rubik';
  src: url('Fonts/Inter/RubikBrokenFax-Regular.ttf');
}

body {
  background-color: #f9fcff;
  font-family: 'inter';
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
}

/* Gradient Text Styles */
.gradient-text1 {
  background: linear-gradient(90deg, #BDDBFF 66%, #53B1FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.gradient-text {
  background: linear-gradient(to bottom, #BDDBFF 60%, #53B1FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.text-gradient {
  background: linear-gradient(to right, #982A67 0%, #FE46AC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* Slide Reveal Animation */
.slide-reveal {
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.6s ease-out;
}

.slide-reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

.delay-1 {
  transition-delay: 0.3s;
}

/* Paragraph Text */
.para-text {
  margin-top: 50px;
  font-size: 1.7rem;
}

/* Custom Spacing */
.custom-spacing {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* Hover Zoom Effect */
.hover-zoom {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.hover-zoom:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Leadership Section */
.leadership-section {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}

.header-main {
  margin-top: 125px;
}
.py-44{
  /* padding-top: 1.5rem !important; */
    /* padding-bottom: 1.5rem !important; */
}

.gradient-heading-blue {
  font-size: 48px !important;
}
.gradient-heading-blue-2 {
    font-size: 27px !important;
}
.leadership-section img {
  border-radius: 1rem;
  width: 85%!important;
   height: auto; 
}

.leadership-section-hero img {
  border-radius: 1rem;
  width: 100%;
  /* height: auto; */
}

.overlay-text {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  color: white;
  padding: 15px;
}

.leadership-section .overlay-text h2 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.2;
}

.leadership-section .overlay-text p {
  font-size: clamp(1rem, 3vw, 1.25rem);
}

/* Glass Light Effect */
.glass-light {
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.4) 50%,
      rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  animation: glassLightMove 7s linear infinite;
  pointer-events: none;
  border-radius: inherit;
}

@keyframes glassLightMove {
  0% {
    left: -50%;
  }

  100% {
    left: 150%;
  }
}

/* Leadership Powered By Section */
.custom-margin {
  margin-left: 15px;
  margin-right: 15px;
}

.leadership-text {
  font-size: clamp(3.5rem, 4vw, 4.5rem);
  line-height: 1.3;
}

/* Revolutionize Patient Section */
.custom-spacing h2 div {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: #3b82f6;
}

/* Footer */
.footer-logo {
    width: 373px;
    height: 225px;
    margin-left: -45px;
}

.social-icons a {
  margin: 0 10px;
  font-size: 1.2rem;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
  .navbar-content {
    flex-direction: column;
    align-items: center;
  }

  .navbar-center {
    flex-direction: column;
    margin: 10px 0;
  }

  .navbar-center .nav-link {
    margin: 5px 0;
  }

  .leadership-section .overlay-text {
    top: auto;
    bottom: 5%;
    left: 5%;
    right: 5%;
    transform: none;
    text-align: center;
  }

  .leadership-section .overlay-text h2 {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .leadership-section .overlay-text p {
    font-size: clamp(0.9rem, 2.5vw, 1rem);
  }

  .custom-margin {
    margin-left: 10px;
    margin-right: 10px;
  }

  .para-text {
    font-size: 0.95rem;
    margin-top: 15px;
  }

  .custom-spacing {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .custom-spacing h2 div {
    font-size: clamp(1.25rem, 3.5vw, 2rem);
  }

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

  .footer .col-md-4,
  .footer .col-md-2 {
    margin-bottom: 20px;
  }

  .footer-logo {
    max-width: 120px;
  }
}

/* Existing CSS remains unchanged except for the media query below */
@media (max-width: 768px) {
  .header-main {
    margin-top: 80px;
  }

  .container.my-5 .row {
    flex-direction: column;
    /* Stack elements vertically */
    text-align: center;
    /* Center text and images */
  }

  .container.my-5 .col-md-6 {
    margin-top: 0;
    /* Reset margin-top for mobile */
    width: 100%;
    /* Ensure full width for each column */
    margin-bottom: 20px;
    /* Add spacing between sections */
  }

  /* Ensure image comes first, followed by text */
  .container.my-5 .col-md-6.position-relative.text-center {
    order: -1;
    /* Move image column above text column */
  }

  .container.my-5 .col-md-6:not(.position-relative) {
    padding-top: 25px;
    margin-top: 10px;
    /* Small spacing between image and text */
  }

  /* Adjust font sizes and spacing for mobile */
  .container.my-5 h2 {
    font-size: clamp(1.5rem, 4vw, 1.8rem);
  }

  .container.my-5 h5 {
    font-size: clamp(1.1rem, 3vw, 1.3rem);
  }

  .para-text {
    font-size: 0.95rem;
    margin-top: 10px;
  }

  .slide-reveal {
    transform: translateY(-15px);
  }

  .custom-spacing .btn {
    padding: 8px 16px;
    font-size: 0.9rem;
  }

  /* Ensure images are responsive */
  .img-fluid.rounded-4 {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    /* Space between image and text */
  }
}

/* @media (max-width: 768px) {
  .slide-reveal {
    transform: translateY(-15px);
  }

  .leadership-section img {
    margin-top: 20px;
  }

  .container.my-5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container.my-5 .row {
    flex-direction: column;
    text-align: center;
  }

  .container.my-5 .col-md-6 {
    margin-top: 0;
  }

  .container.my-5 h2 {
    font-size: clamp(1.5rem, 4vw, 1.8rem);
  }

  .container.my-5 h5 {
    font-size: clamp(1.1rem, 3vw, 1.3rem);
  }

  .custom-spacing .btn {
    padding: 8px 16px;
    font-size: 0.9rem;
  }
} */

@media (max-width: 480px) {
  .slide-reveal {
    transform: translateY(-10px);
  }

  .leadership-section .overlay-text h2 {
    font-size: clamp(1.2rem, 3.5vw, 1.5rem);
  }

  .leadership-section .overlay-text p {
    font-size: clamp(0.8rem, 2vw, 0.9rem);
  }

  .leadership-text {
    font-size: clamp(1.2rem, 3.5vw, 1.5rem);
  }

  .custom-spacing h2 div {
    font-size: clamp(1rem, 3vw, 1.5rem);
  }

  .footer-logo {
    max-width: 100px;
  }

  .social-icons a {
    font-size: 1rem;
    margin: 0 8px;
  }
}