:root {
  /* Colors */
  --main-color: #E9B41C;
  --second-color: #FEE55F;
  --white-color: #ffffff;
  --black-color: #000000;
  --background-color: rgba(192, 192, 192, 0.4);
  --placeholder-color: #a1a1a1;
  --box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

  /* Overlays */
  --overlay-dark: rgba(0, 0, 0, 0.5);
  --overlay-light: rgba(255, 255, 255, 0.5);

  /* Spacing (padding / margin) – edit here to change globally */
  --space-xs: 0.5rem;
  /* 8px */
  --space-sm: 0.75rem;
  /* 12px */
  --space-md: 1rem;
  /* 16px */
  --space-lg: 1.5rem;
  /* 24px */
  --space-xl: 2rem;
  /* 32px */
  --space-2xl: 2.5rem;
  /* 40px */
  --space-3xl: 3rem;
  /* 48px */
  --space-4xl: 4rem;
  /* 64px */

  /* Border radius */
  --radius-sm: 10px;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;

  /* Transitions */
  --ease: 0.3s ease;
  --ease-slow: 0.6s ease;
}
@media (max-width: 576px) {
}


@media (max-width: 991px) {
  .about-center-cards--left,
  .about-center-cards--right {
    align-items: center;
  }
  .about-center-cards--left .about-center-card--1,
  .about-center-cards--left .about-center-card--2,
  .about-center-cards--right .about-center-card--3,
  .about-center-cards--right .about-center-card--4 {
    margin-inline: auto;
    max-width: 100%;
  }
  .about-center-bg-accent {
    width: 280px;
    height: 280px;
    top: -80px;
    right: -80px;
  }
  .about-center-intro-box {
    padding: 1rem 1.25rem;
  }
  .about-doctor-card {
    padding: 1.25rem;
  }
  .about-doctor-content {
    padding-inline-start: 0;
  }
  .about-center-cards {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    position: relative;
    width: 100%;

   

    .about-center-card--1 {
      margin-inline-start: 0rem !important;
      margin-inline-end: 0rem !important;
    }

    .about-center-card--2 {
      margin-inline-end: 0rem !important;
      margin-inline-start: 0rem !important;
    }

    &--right {
      align-items: flex-start;
    }

    .about-center-card--3 {
      margin-inline-start: 0rem !important;
      margin-inline-end: 0 !important;
    }

    .about-center-card--4 {
      margin-inline-end: 0rem !important;
      margin-inline-start: 0rem !important;
    }
  }
}
@media (max-width: 768px) {
  body,html{
    overflow-x: hidden !important;
  }
  .hero-content {

    width: 90% !important;

  }

  .navbar {
    .container {

      background: rgba(255, 255, 255, 0.85);
      border-radius: 0 !important;
      overflow: hidden;
    }
  }
  .btn-lang {
    background: var(--main-color);
    color: var(--white-color);

    height: 90px;
    width: 80px;

border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;

    transition: all var(--ease);

    &:hover {
      background: var(--main-color);
    }
  }

 
}

@media (max-width: 992px) {
  .offcanvas .dropdown-menu {
    min-width: 100%;
    box-shadow: none;
    border-radius: var(--radius-sm);
    margin-top: var(--space-xs);
  }
  .offcanvas .dropdown-item {
    padding: var(--space-md) var(--space-lg);
  }

}


@media (min-width: 992px) {
  .navbar .nav-item.dropdown .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
  }
  .navbar .nav-item.dropdown:hover .dropdown-menu,
  .navbar .nav-item.dropdown.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
}
@media (min-width: 1200px) {
}