.elementor-kit-40{--e-global-color-primary:#4A9E47;--e-global-color-secondary:#D62D2A;--e-global-color-text:#2F3437;--e-global-color-accent:#F3F6F8;--e-global-color-441cc52:#FFFFFF;--e-global-color-08a925b:#E5E7EB;--e-global-typography-primary-font-family:"IBM Plex Sans Arabic";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"IBM Plex Sans Arabic";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"IBM Plex Sans Arabic";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"IBM Plex Sans Arabic";--e-global-typography-accent-font-weight:600;}.elementor-kit-40 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =====================================================
   HERO — CLEAN PERFORMANCE FOUNDATION
   ===================================================== */

.unicare-hero {
  position: relative;
  width: 100%;
  min-height: 0;

  display: block;

  padding: 0 !important;
  margin: 0 !important;

  overflow: hidden;
  isolation: isolate;

  background: transparent !important;

  /* helps browser avoid unnecessary repainting */
  contain: layout paint;
}


/* -----------------------------------------------------
   Remove old pseudo-element animation layers
   ----------------------------------------------------- */

.unicare-hero::before,
.unicare-hero::after {
  display: none !important;
  content: none !important;
}


/* -----------------------------------------------------
   Hero visual stage
   ----------------------------------------------------- */

.unicare-hero-stage {
  position: relative;

  width: 100%;
  min-height: clamp(650px, 78vh, 860px);

  overflow: hidden;

  transform: translateZ(0);
}


/* -----------------------------------------------------
   MAIN HEARING AID
   Keep this visually dominant
   ----------------------------------------------------- */

.uc-hero-main-device {
  position: absolute;

  z-index: 6;

  left: clamp(8%, 11vw, 15%);
  top: 50%;

  width: clamp(300px, 31vw, 520px);

  transform:
    translateY(-48%)
    translateZ(0);

  pointer-events: none;

  will-change: transform;

  animation:
    ucMainDeviceFloat 8s ease-in-out infinite;
}

.uc-hero-main-device img {
  display: block;

  width: 100%;
  height: auto;

  object-fit: contain;

  filter:
    drop-shadow(
      0 26px 32px rgba(46, 61, 48, .14)
    );
}


/* -----------------------------------------------------
   FLOATING PRODUCT / SERVICE PICTURES
   ----------------------------------------------------- */

.uc-hero-floater {
  position: absolute;

  z-index: 5;

  display: grid;
  place-items: center;

  pointer-events: none;

  transform: translateZ(0);

  will-change: transform;

  animation:
    ucHeroFloat 10s ease-in-out infinite;
}


/* Keep actual uploaded pictures contained */

.uc-hero-floater img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;

  border-radius: inherit;

  filter:
    drop-shadow(
      0 12px 18px rgba(38, 55, 43, .14)
    );
}


/* -----------------------------------------------------
   1 — BATTERIES
   Slightly larger because packaging must remain readable
   ----------------------------------------------------- */

.uc-float-battery {
  left: 4.5%;
  top: 15%;

  width: clamp(72px, 7.5vw, 118px);

  animation-duration: 11s;
  animation-delay: -2s;
}


/* -----------------------------------------------------
   2 — ERA CHIP
   ----------------------------------------------------- */

.uc-float-era {
  left: 31%;
  top: 9%;

  width: clamp(66px, 6.5vw, 102px);

  animation-duration: 9s;
  animation-delay: -4s;
}


/* -----------------------------------------------------
   3 — CUSTOM EARMOLD
   ----------------------------------------------------- */

.uc-float-earmold {
  left: 2%;
  bottom: 18%;

  width: clamp(72px, 7vw, 112px);

  animation-duration: 12s;
  animation-delay: -6s;
}


/* -----------------------------------------------------
   4 — AUDIOLOGY TEST
   Use rounded photographic crop
   ----------------------------------------------------- */

.uc-float-audiology {
  left: 29%;
  bottom: 8%;

  width: clamp(105px, 11vw, 165px);
  aspect-ratio: 4 / 3;

  overflow: hidden;

  border-radius: 18px;

  border:
    1px solid rgba(255,255,255,.72);

  box-shadow:
    0 16px 34px rgba(42, 57, 45, .10);

  animation-duration: 13s;
  animation-delay: -3s;
}

.uc-float-audiology img {
  object-fit: cover;
}


/* -----------------------------------------------------
   5 — CONNECTIVITY
   ----------------------------------------------------- */

.uc-float-connectivity {
  left: 18%;
  top: 42%;

  width: clamp(58px, 5.6vw, 88px);

  opacity: .92;

  animation-duration: 10.5s;
  animation-delay: -7s;
}


/* -----------------------------------------------------
   Optional subtle halo behind selected floating objects
   ----------------------------------------------------- */

.uc-float-era::before,
.uc-float-connectivity::before,
.uc-float-earmold::before {
  content: "";

  position: absolute;
  inset: -16%;

  z-index: -1;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(155, 213, 51, .12),
      transparent 67%
    );
}


/* -----------------------------------------------------
   FLOATING ANIMATIONS
   Deliberately slow + lightweight
   ----------------------------------------------------- */

@keyframes ucMainDeviceFloat {

  0%,
  100% {
    transform:
      translateY(-48%)
      translate3d(0, 0, 0);
  }

  50% {
    transform:
      translateY(-48%)
      translate3d(0, -8px, 0);
  }

}


@keyframes ucHeroFloat {

  0%,
  100% {
    transform:
      translate3d(0, 0, 0)
      rotate(0deg);
  }

  50% {
    transform:
      translate3d(0, -8px, 0)
      rotate(1.2deg);
  }

}


/* -----------------------------------------------------
   TABLET
   ----------------------------------------------------- */

@media (max-width: 1024px) {

  .unicare-hero-stage {
    min-height: 700px;
  }

  .uc-hero-main-device {
    left: 5%;
    width: clamp(280px, 37vw, 420px);
  }

  .uc-float-battery {
    left: 3%;
  }

  .uc-float-era {
    left: 32%;
  }

  .uc-float-audiology {
    left: 28%;
  }

}


/* -----------------------------------------------------
   MOBILE
   Reduce number of visible objects
   ----------------------------------------------------- */

@media (max-width: 767px) {

  .unicare-hero-stage {
    min-height: 730px;
  }

  .uc-hero-main-device {
    left: 50%;
    top: 53%;

    width: min(78vw, 390px);

    transform:
      translate(-50%, -50%);
  }


  @keyframes ucMainDeviceFloat {

    0%,
    100% {
      transform:
        translate(-50%, -50%)
        translate3d(0, 0, 0);
    }

    50% {
      transform:
        translate(-50%, -50%)
        translate3d(0, -6px, 0);
    }

  }


  .uc-float-battery {
    left: 4%;
    top: 17%;

    width: 70px;
  }

  .uc-float-earmold {
    left: auto;
    right: 5%;
    bottom: 15%;

    width: 72px;
  }

  .uc-float-era {
    left: auto;
    right: 8%;
    top: 20%;

    width: 62px;
  }


  /*
     Hide secondary photography / connectivity
     on small screens to keep hero clean and fast
  */

  .uc-float-audiology,
  .uc-float-connectivity {
    display: none;
  }

}


/* -----------------------------------------------------
   Reduced-motion accessibility + performance
   ----------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  .uc-hero-main-device,
  .uc-hero-floater {
    animation: none !important;
  }

}
/* =====================================================
   Trust
   ===================================================== */

.unicare-trust {
  background:
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #F5F8F5 100%
    );
}

/* =====================================================
   Hearing Aids
   ===================================================== */

.unicare-hearing-aids {
  background:
    radial-gradient(
      circle at 90% 15%,
      rgba(74, 158, 71, 0.13),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #EAF1EC 0%,
      #F7F9F8 100%
    );
}

/* =====================================================
   Hearing Tests
   ===================================================== */

.unicare-hearing-tests {
  background:
    linear-gradient(
      135deg,
      #FFFFFF 0%,
      #F0F5F2 100%
    );
}

/* Animated waveform atmosphere */
.unicare-hearing-tests::before {
  content: "";
  position: absolute;
  inset: 12% -10%;
  z-index: -1;
  opacity: 0.10;

  background-image:
    repeating-radial-gradient(
      ellipse at center,
      transparent 0 34px,
      rgba(74, 158, 71, 0.55) 35px 36px
    );

  transform: rotate(-4deg);
}

/* =====================================================
   Services
   ===================================================== */

.unicare-services {
  background:
    radial-gradient(
      circle at 10% 90%,
      rgba(214, 45, 42, 0.055),
      transparent 26%
    ),
    #F2F5F3;
}

/* =====================================================
   Schools and Educational Solutions
   ===================================================== */

.unicare-education {
  background:
    linear-gradient(
      120deg,
      #E7F0E8 0%,
      #F6F8F6 50%,
      #E8EFEA 100%
    );
}

/* =====================================================
   Technology — Signature Dark Section
   ===================================================== */

.unicare-technology {
  color: var(--unicare-white);

  background:
    radial-gradient(
      circle at 75% 35%,
      rgba(74, 158, 71, 0.30),
      transparent 28%
    ),
    radial-gradient(
      circle at 18% 80%,
      rgba(214, 45, 42, 0.12),
      transparent 22%
    ),
    linear-gradient(
      145deg,
      #111817 0%,
      #1C2723 52%,
      #101513 100%
    );
}

.unicare-technology h1,
.unicare-technology h2,
.unicare-technology h3,
.unicare-technology h4,
.unicare-technology p {
  color: inherit;
}

/* Premium glow */
.unicare-technology::after {
  content: "";
  position: absolute;
  width: 470px;
  height: 470px;
  right: -120px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;

  border-radius: 50%;
  filter: blur(15px);

  background:
    radial-gradient(
      circle,
      rgba(74, 158, 71, 0.20),
      transparent 68%
    );
}

/* =====================================================
   Partners
   ===================================================== */

.unicare-partners {
  background:
    linear-gradient(
      180deg,
      #F7F9F8 0%,
      #ECEFEE 100%
    );
}

/* =====================================================
   Contact CTA
   ===================================================== */

.unicare-contact {
  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(255, 255, 255, 0.24),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #347A38 0%,
      #4A9E47 52%,
      #397F3B 100%
    );

  color: var(--unicare-white);
}

.unicare-contact h1,
.unicare-contact h2,
.unicare-contact h3,
.unicare-contact p {
  color: var(--unicare-white);
}

/* =====================================================
   Reusable Premium Cards
   Add class: unicare-card
   ===================================================== */

.unicare-card {
  position: relative;
  height: 100%;
  padding: 30px;

  border: 1px solid var(--unicare-border);
  border-radius: var(--unicare-radius-medium);

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.94),
      rgba(255, 255, 255, 0.72)
    );

  box-shadow: var(--unicare-shadow-soft);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  transition:
    transform var(--unicare-transition),
    box-shadow var(--unicare-transition),
    border-color var(--unicare-transition);
}

.unicare-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  border-radius: inherit;

  background:
    linear-gradient(
      120deg,
      rgba(255, 255, 255, 0.65),
      transparent 34%
    );

  opacity: 0;
  transition: opacity var(--unicare-transition);
}

.unicare-card:hover {
  transform: translateY(-9px);
  border-color: rgba(74, 158, 71, 0.30);
  box-shadow: var(--unicare-shadow-hover);
}

.unicare-card:hover::before {
  opacity: 1;
}

/* =====================================================
   Global Buttons
   ===================================================== */

.unicare-button .elementor-button,
.elementor-button.unicare-button {
  position: relative;
  overflow: hidden;

  padding: 14px 28px;

  border: 0;
  border-radius: var(--unicare-radius-small);

  background:
    linear-gradient(
      135deg,
      var(--unicare-green),
      var(--unicare-green-dark)
    );

  color: var(--unicare-white);

  box-shadow:
    0 10px 26px rgba(52, 122, 56, 0.22);

  transition:
    transform var(--unicare-transition),
    box-shadow var(--unicare-transition);
}

.unicare-button .elementor-button::before,
.elementor-button.unicare-button::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -75%;
  width: 42%;

  transform: skewX(-20deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.36),
      transparent
    );

  transition: left 650ms ease;
}

.unicare-button .elementor-button:hover,
.elementor-button.unicare-button:hover {
  transform: translateY(-3px);
  box-shadow:
    0 16px 34px rgba(52, 122, 56, 0.30);
}

.unicare-button .elementor-button:hover::before,
.elementor-button.unicare-button:hover::before {
  left: 135%;
}

/* =====================================================
   Floating Hearing Aid
   Add class: unicare-floating-device
   ===================================================== */


.unicare-floating-device {
  animation:
    unicare-device-float 6s ease-in-out infinite;

  filter:
    drop-shadow(0 30px 25px rgba(20, 40, 30, 0.20));

  will-change: transform;
}

@keyframes unicare-device-float {
  0%,
  100% {
    transform:
      translate3d(0, 0, 0)
      rotate(-1deg);
  }

  50% {
    transform:
      translate3d(0, -14px, 0)
      rotate(1deg);
  }
}

/* =====================================================
   Reveal Animation
   Add class: unicare-reveal
   ===================================================== */

.unicare-reveal {
  opacity: 0;
  transform: translateY(28px);

  animation:
    unicare-reveal-in 800ms
    cubic-bezier(0.22, 1, 0.36, 1)
    forwards;

  animation-timeline: view();
  animation-range: entry 12% cover 34%;
}

@keyframes unicare-reveal-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Browser fallback */
@supports not (animation-timeline: view()) {
  .unicare-reveal {
    opacity: 1;
    transform: none;
  }
}

/* =====================================================
   Tablet
   ===================================================== */

@media (max-width: 1024px) {
  .unicare-hero,
  .unicare-trust,
  .unicare-hearing-aids,
  .unicare-hearing-tests,
  .unicare-services,
  .unicare-education,
  .unicare-technology,
  .unicare-partners,
  .unicare-contact {
    padding:
      clamp(60px, 8vw, 90px)
      24px;
  }

  .unicare-hero {
    min-height: auto;
  }

  .unicare-card {
    padding: 26px;
  }
}

/* =====================================================
   Mobile
   ===================================================== */

@media (max-width: 767px) {
  .unicare-hero,
  .unicare-trust,
  .unicare-hearing-aids,
  .unicare-hearing-tests,
  .unicare-services,
  .unicare-education,
  .unicare-technology,
  .unicare-partners,
  .unicare-contact {
    padding: 58px 18px;
    border-radius: 0;
  }

  .unicare-hero {   
    min-height: auto;
  }

  .unicare-hero::before {
    width: 330px;
    height: 330px;
    right: -160px;
    top: -80px;
  }

  .unicare-card {
    padding: 24px;
    border-radius: 18px;
  }

  .unicare-card:hover {
    transform: none;
  }

  .unicare-floating-device {
    animation-duration: 7.5s;
  }
}

/* =====================================================
   Accessibility: Reduce Motion
   ===================================================== */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .unicare-reveal {
    opacity: 1;
    transform: none;
  }
}
/* Merge Elementor header with homepage hero */
body.home .elementor-location-header {
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: transparent !important;
}

/* Remove white backgrounds from every header wrapper */
body.home .elementor-location-header,
body.home .elementor-location-header > div,
body.home .elementor-location-header .elementor-element,
body.home .unicare-header {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Hero begins from the very top */
body.home .unicare-hero {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
/* WordPress toolbar adjustment while logged in */
body.admin-bar.home .elementor-location-header {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar.home .elementor-location-header {
    top: 46px;
  }
}
/* =====================================================
   Unicare — Why Us Section
   ===================================================== */

.uc-why,
.uc-why * {
  box-sizing: border-box;
}

.uc-why {
  position: relative;
  overflow: hidden;
  direction: rtl;
  font-family: "Alexandria", "Noto Kufi Arabic", Tahoma, sans-serif;
  padding: clamp(80px, 8vw, 120px) 24px;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255, 255, 255, .75),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(111, 159, 34, .10),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #f7f3ea 0%,
      #efe8dc 52%,
      #f8f5ee 100%
    );
}

.uc-why::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  left: -180px;
  bottom: -220px;
  border-radius: 50%;
  border: 1px solid rgba(111, 159, 34, .08);
  box-shadow:
    0 0 0 70px rgba(111, 159, 34, .025),
    0 0 0 145px rgba(111, 159, 34, .016);
  pointer-events: none;
}

.uc-why-inner {
  position: relative;
  z-index: 2;
  width: min(100%, 1240px);
  margin-inline: auto;
}

.uc-why-heading {
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}

.uc-why-eyebrow {
  margin: 0 0 14px;
  color: #6f9f22;
  font-size: 15px;
  font-weight: 700;
}

.uc-why h2 {
  margin: 0;
  color: #20372a;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -1px;
}

.uc-why-intro {
  margin: 22px auto 0;
  max-width: 720px;
  color: #667069;
  font-size: clamp(16px, 1.4vw, 19px);
  line-height: 1.95;
}

.uc-why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 54px;
}

.uc-why-card {
  position: relative;
  min-height: 285px;
  padding: 28px 24px;
  border: 1px solid rgba(255, 255, 255, .68);
  border-radius: 22px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .76),
      rgba(255, 255, 255, .46)
    );

  box-shadow:
    0 16px 40px rgba(49, 67, 55, .08),
    inset 0 0 22px rgba(255, 255, 255, .34);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  transition:
    transform .38s cubic-bezier(.22, 1, .36, 1),
    box-shadow .38s ease,
    border-color .38s ease;
}

.uc-why-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(
      120deg,
      rgba(255, 255, 255, .55),
      transparent 34%
    );
  opacity: 0;
  transition: opacity .38s ease;
}

.uc-why-card:hover {
  transform: translateY(-9px);
  border-color: rgba(111, 159, 34, .26);
  box-shadow:
    0 24px 54px rgba(49, 67, 55, .14),
    inset 0 0 26px rgba(255, 255, 255, .42);
}

.uc-why-card:hover::after {
  opacity: 1;
}

.uc-why-icon {
  width: 62px;
  height: 62px;
  margin-bottom: 22px;
  display: grid;
  place-items: center;

  border-radius: 18px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;

  background:
    linear-gradient(
      135deg,
      #86b72d,
      #5f8f20
    );

  box-shadow:
    0 14px 28px rgba(95, 143, 32, .24);
}

.uc-why-card h3 {
  margin: 0;
  color: #20372a;
  font-size: 21px;
  line-height: 1.45;
  font-weight: 700;
}

.uc-why-card p {
  margin: 14px 0 0;
  color: #6a746d;
  font-size: 15px;
  line-height: 1.85;
}

.uc-why-action {
  margin-top: 42px;
  text-align: center;
}

.uc-why-btn {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 15px 30px;
  border-radius: 14px;

  color: #fff;
  text-decoration: none;
  font-weight: 700;

  background:
    linear-gradient(
      135deg,
      #7eae2a,
      #5d8e1e
    );

  box-shadow:
    0 14px 32px rgba(92, 139, 29, .24);

  transition:
    transform .35s cubic-bezier(.22, 1, .36, 1),
    box-shadow .35s ease;
}

.uc-why-btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -80%;
  width: 40%;
  transform: skewX(-20deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, .40),
      transparent
    );

  transition: left .7s ease;
}

.uc-why-btn:hover {
  color: #fff;
  transform: translateY(-3px);
  box-shadow:
    0 20px 42px rgba(92, 139, 29, .32);
}

.uc-why-btn:hover::before {
  left: 135%;
}

@media (max-width: 1024px) {
  .uc-why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .uc-why {
    padding: 68px 18px;
  }

  .uc-why-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 38px;
  }

  .uc-why-card {
    min-height: auto;
    padding: 24px 22px;
  }

  .uc-why-card:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .uc-why *,
  .uc-why::before {
    animation: none !important;
    transition: none !important;
  }
}
/* Fix SVG icons being filled black by theme styles */
.uc-why-icon svg,
.uc-why-icon svg path,
.uc-why-icon svg circle,
.uc-why-icon svg line,
.uc-why-icon svg polyline,
.uc-why-icon svg polygon {
  fill: none !important;
  stroke: #ffffff !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.uc-why-icon svg {
  width: 30px !important;
  height: 30px !important;
  display: block;
}
.uc-why-card h3 {
  font-size: 19px;
  line-height: 1.5;
}
/* =========================================================
   Unicare — Phonak Technology Section
   Modular: future platform updates require HTML text edits only.
   ========================================================= */

.uc-tech,
.uc-tech * {
  box-sizing: border-box;
}

.uc-tech {
  --tech-green: #77a925;
  --tech-green-dark: #20382b;
  --tech-gold: #e7c56f;
  --tech-ivory: #f5efe3;
  --tech-muted: #68736c;

  position: relative;
  overflow: hidden;
  direction: rtl;
  font-family: "Alexandria", "Noto Kufi Arabic", Tahoma, sans-serif;
  padding: clamp(88px, 9vw, 135px) 24px;

  background:
    radial-gradient(circle at 52% 47%, rgba(131, 177, 45, .13), transparent 24%),
    radial-gradient(circle at 10% 88%, rgba(255,255,255,.65), transparent 28%),
    linear-gradient(145deg, #162d24 0%, #203c2d 48%, #14271f 100%);

  color: #fff;
}

.uc-tech::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .12;

  background-image:
    radial-gradient(circle, rgba(255,255,255,.82) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(190,223,112,.70) 0 1px, transparent 1.8px);

  background-size: 68px 68px, 103px 103px;
  background-position: 0 0, 38px 27px;
}

.uc-tech::after {
  content: "";
  position: absolute;
  width: 850px;
  height: 850px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -46%);
  border-radius: 50%;
  border: 1px solid rgba(223, 238, 191, .07);
  box-shadow:
    0 0 0 90px rgba(223, 238, 191, .018),
    0 0 0 185px rgba(223, 238, 191, .012);
  pointer-events: none;
}

.uc-tech-inner {
  position: relative;
  z-index: 2;
  width: min(100%, 1280px);
  margin-inline: auto;
}

.uc-tech-heading {
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
}

.uc-tech-eyebrow {
  margin: 0 0 14px;
  color: #aed65d;
  font-size: 15px;
  font-weight: 700;
}

.uc-tech-platform {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  padding: 8px 14px;
  border: 1px solid rgba(192, 222, 125, .25);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.uc-tech-platform-label {
  color: rgba(255,255,255,.58);
  font-size: 11px;
}

.uc-tech-platform strong {
  color: #d8f09f;
  font-size: 13px;
  font-weight: 700;
  direction: ltr;
}

.uc-tech h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 4.1vw, 58px);
  line-height: 1.28;
  font-weight: 800;
  letter-spacing: -1px;
}

.uc-tech-heading > p:last-child {
  max-width: 740px;
  margin: 23px auto 0;
  color: rgba(255,255,255,.66);
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.95;
}

.uc-tech-stage {
  position: relative;
  min-height: 760px;
  margin-top: 70px;
}

.uc-tech-core {
  position: absolute;
  z-index: 6;
  width: 290px;
  height: 290px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  border-radius: 50%;

  background:
    radial-gradient(circle, rgba(129,174,44,.32), rgba(31,61,44,.82) 56%, rgba(14,35,26,.95));

  box-shadow:
    0 0 60px rgba(135,183,46,.24),
    inset 0 0 45px rgba(221,239,182,.09);
}

.uc-tech-core::before {
  content: "";
  position: absolute;
  inset: 28px;
  border-radius: 50%;
  border: 1px solid rgba(200,230,137,.28);
}

.uc-tech-core-ring {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(194,225,130,.15);
  border-radius: 50%;
  animation: uc-tech-ring 8s linear infinite;
}

.uc-tech-core-ring:nth-child(2) {
  inset: -28px;
  animation-duration: 11s;
  animation-direction: reverse;
}

.uc-tech-core-ring:nth-child(3) {
  inset: -58px;
  animation-duration: 14s;
}

.uc-tech-core-ring::before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  top: 12%;
  left: 18%;
  border-radius: 50%;
  background: #dff5a8;
  box-shadow:
    0 0 10px #dff5a8,
    0 0 24px rgba(180,225,81,.72);
}

.uc-tech-core-content {
  position: relative;
  z-index: 3;
  text-align: center;
  direction: ltr;
}

.uc-tech-core-content small {
  display: block;
  color: #add15f;
  font-size: 12px;
  letter-spacing: 3px;
}

.uc-tech-core-content strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 27px;
  line-height: 1.08;
  letter-spacing: .5px;
}

.uc-tech-list {
  position: relative;
  z-index: 8;
  min-height: inherit;
}

.uc-tech-item {
  position: absolute;
  width: min(370px, 30vw);
  min-height: 166px;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 18px;
  padding: 22px;

  border: 1px solid rgba(255,255,255,.13);
  border-radius: 22px;

  background:
    linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));

  box-shadow:
    0 20px 48px rgba(0,0,0,.16),
    inset 0 0 24px rgba(255,255,255,.025);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  transition:
    transform .38s cubic-bezier(.22,1,.36,1),
    border-color .38s ease,
    background .38s ease;
}

.uc-tech-item:hover {
  transform: translateY(-8px);
  border-color: rgba(174,214,93,.36);
  background:
    linear-gradient(145deg, rgba(255,255,255,.145), rgba(128,170,47,.075));
}

.uc-tech-item-1 { right: 0; top: 5%; }
.uc-tech-item-2 { left: 0; top: 7%; }
.uc-tech-item-3 { right: 0; top: 39%; }
.uc-tech-item-4 { left: 0; top: 41%; }
.uc-tech-item-5 { left: 50%; bottom: 0; transform: translateX(-50%); }

.uc-tech-item-5:hover {
  transform: translateX(-50%) translateY(-8px);
}

.uc-tech-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 18px;

  color: #dff5a8;
  background:
    linear-gradient(145deg, rgba(145,191,55,.42), rgba(91,132,29,.20));

  box-shadow:
    0 12px 30px rgba(88,126,32,.20),
    inset 0 0 20px rgba(255,255,255,.05);
}

.uc-tech-icon svg {
  width: 31px;
  height: 31px;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.uc-tech-number {
  color: #a9ce5e;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.uc-tech-item h3 {
  margin: 5px 0 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}

.uc-tech-item p {
  margin: 10px 0 0;
  color: rgba(255,255,255,.62);
  font-size: 14px;
  line-height: 1.75;
}

.uc-tech-line {
  position: absolute;
  z-index: 3;
  height: 1px;
  transform-origin: center;
  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(193,225,128,.58),
      transparent
    );

  box-shadow: 0 0 10px rgba(169,211,81,.28);
}

.uc-tech-line::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  top: -3px;
  left: 0;
  border-radius: 50%;
  background: #dff5a8;
  box-shadow:
    0 0 8px #dff5a8,
    0 0 18px rgba(172,217,78,.72);
  animation: uc-tech-signal 4.8s linear infinite;
}

.uc-tech-line-1 {
  width: 275px;
  right: 27%;
  top: 29%;
  transform: rotate(-17deg);
}

.uc-tech-line-2 {
  width: 275px;
  left: 27%;
  top: 29%;
  transform: rotate(17deg);
}

.uc-tech-line-3 {
  width: 270px;
  right: 27%;
  top: 56%;
  transform: rotate(17deg);
}

.uc-tech-line-4 {
  width: 270px;
  left: 27%;
  top: 56%;
  transform: rotate(-17deg);
}

.uc-tech-line-5 {
  width: 225px;
  left: 50%;
  bottom: 17%;
  transform: translateX(-50%) rotate(90deg);
}

.uc-tech-footer {
  margin-top: 42px;
  text-align: center;
}

.uc-tech-footer p {
  margin: 0;
  color: rgba(255,255,255,.48);
  font-size: 12px;
}

.uc-tech-btn {
  display: inline-block;
  margin-top: 24px;
  padding: 15px 30px;
  border-radius: 14px;
  color: #183025;
  text-decoration: none;
  font-weight: 700;

  background:
    linear-gradient(135deg, #dff2ae, #9bc443);

  box-shadow:
    0 15px 34px rgba(112,159,34,.22);

  transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    box-shadow .35s ease;
}

.uc-tech-btn:hover {
  color: #183025;
  transform: translateY(-4px);
  box-shadow:
    0 22px 44px rgba(112,159,34,.33);
}

@keyframes uc-tech-ring {
  to { transform: rotate(360deg); }
}

@keyframes uc-tech-signal {
  from { left: 0; opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  to { left: calc(100% - 7px); opacity: 0; }
}

@media (max-width: 1080px) {
  .uc-tech-stage {
    min-height: auto;
  }

  .uc-tech-core,
  .uc-tech-line {
    display: none;
  }

  .uc-tech-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    min-height: auto;
  }

  .uc-tech-item,
  .uc-tech-item-1,
  .uc-tech-item-2,
  .uc-tech-item-3,
  .uc-tech-item-4,
  .uc-tech-item-5 {
    position: relative;
    inset: auto;
    width: auto;
    transform: none;
  }

  .uc-tech-item-5 {
    grid-column: 1 / -1;
  }

  .uc-tech-item-5:hover {
    transform: translateY(-8px);
  }
}

@media (max-width: 767px) {
  .uc-tech {
    padding: 72px 18px;
  }

  .uc-tech-stage {
    margin-top: 44px;
  }

  .uc-tech-list {
    grid-template-columns: 1fr;
  }

  .uc-tech-item-5 {
    grid-column: auto;
  }

  .uc-tech-item {
    min-height: auto;
    grid-template-columns: 56px 1fr;
    padding: 20px;
  }

  .uc-tech-icon {
    width: 56px;
    height: 56px;
  }

  .uc-tech-item:hover,
  .uc-tech-item-5:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .uc-tech *,
  .uc-tech::before,
  .uc-tech::after {
    animation: none !important;
    transition: none !important;
  }
}
/* Force Technology section to span the full browser width */
.uc-tech {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
/* =========================================================
   Unicare — Curved Patient Journey
   ========================================================= */

.uc-path,
.uc-path * {
  box-sizing: border-box;
}

.uc-path {
  --green: #79aa2c;
  --green-dark: #20372a;
  --muted: #657068;

  position: relative;
  overflow: hidden;
  direction: rtl;
  font-family: "Alexandria", "Noto Kufi Arabic", Tahoma, sans-serif;
  padding: clamp(90px, 9vw, 135px) 24px;

  background:
    radial-gradient(circle at 50% 48%, rgba(236,214,160,.28), transparent 33%),
    radial-gradient(circle at 8% 15%, rgba(255,255,255,.78), transparent 25%),
    linear-gradient(145deg, #f8f4eb 0%, #eee7da 50%, #f8f5ee 100%);
}

.uc-path::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .08;
  background-image:
    radial-gradient(circle, rgba(120,169,44,.8) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255,255,255,.95) 0 1px, transparent 1.8px);
  background-size: 82px 82px, 117px 117px;
  background-position: 0 0, 37px 28px;
  animation: uc-path-drift 22s linear infinite;
}

.uc-path-inner {
  position: relative;
  z-index: 2;
  width: min(100%, 1240px);
  margin-inline: auto;
}

.uc-path-heading {
  max-width: 800px;
  margin-inline: auto;
  text-align: center;
}

.uc-path-eyebrow {
  margin: 0 0 14px;
  color: var(--green);
  font-size: 15px;
  font-weight: 700;
}

.uc-path h2 {
  margin: 0;
  color: var(--green-dark);
  font-size: clamp(36px, 4.2vw, 58px);
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -1px;
}

.uc-path-heading > p:last-child {
  max-width: 720px;
  margin: 22px auto 0;
  color: var(--muted);
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.95;
}

.uc-path-map {
  position: relative;
  min-height: 1180px;
  margin-top: 78px;
}

.uc-path-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.uc-path-base,
.uc-path-draw {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.uc-path-base {
  stroke: rgba(121,170,44,.20);
  stroke-width: 8;
}

.uc-path-draw {
  stroke: url(#ucPathGradient);
  stroke-width: 8;
  filter: url(#ucPathGlow);
  stroke-dasharray: 2200;
  stroke-dashoffset: 2200;
  transition: stroke-dashoffset .2s linear;
}

.uc-path-traveller {
  fill: #fffef5;
  filter: url(#ucPathGlow);
  opacity: .95;
}

.uc-path-stop {
  position: absolute;
  width: 365px;
  opacity: 0;
  transform: translateY(28px) scale(.96);
  transition:
    opacity .65s ease,
    transform .8s cubic-bezier(.22,1,.36,1);
}

.uc-path-stop.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.stop-7.is-visible {
  transform: translateX(-50%) translateY(0) scale(1);
}

.stop-1 { left: 4%; top: 3%; }
.stop-2 { right: 8%; top: 15%; }
.stop-3 { left: 10%; top: 30%; }
.stop-4 { right: 5%; top: 43%; }
.stop-5 { left: 20%; top: 58%; }
.stop-6 { right: 10%; top: 69%; }
.stop-7 { left: 25%; top: 83%; transform: translateX(-50%); }

.uc-path-node {
  position: absolute;
  z-index: 5;
  width: 68px;
  height: 68px;
  left: 50%;
  top: -28px;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  border: 7px solid rgba(248,244,235,.95);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #86b72d, #5f8f20);
  box-shadow:
    0 0 0 1px rgba(121,170,44,.16),
    0 14px 32px rgba(79,118,27,.22);
  cursor: pointer;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.uc-path-node span {
  font-size: 13px;
  font-weight: 800;
  direction: ltr;
}

.uc-path-card {
  min-height: 185px;
  padding: 44px 28px 24px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.74);
  text-align: center;

  background:
    linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.47));

  box-shadow:
    0 18px 44px rgba(48,66,54,.09),
    inset 0 0 24px rgba(255,255,255,.38);

  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);

  transition:
    transform .38s cubic-bezier(.22,1,.36,1),
    box-shadow .38s ease,
    border-color .38s ease;
}

.uc-path-icon {
  width: 54px;
  height: 54px;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(145deg, #84b32e, #5f8e20);
  box-shadow: 0 13px 28px rgba(95,142,32,.22);
}

.uc-path-icon svg {
  width: 28px;
  height: 28px;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.uc-path-card h3 {
  margin: 0;
  color: var(--green-dark);
  font-size: 21px;
  line-height: 1.4;
  font-weight: 700;
}

.uc-path-card p {
  margin: 11px 0 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.8;
}

.uc-path-stop:hover .uc-path-card {
  transform: translateY(-8px) scale(1.015);
  border-color: rgba(121,170,44,.30);
  box-shadow:
    0 26px 58px rgba(48,66,54,.15),
    0 0 30px rgba(121,170,44,.09),
    inset 0 0 28px rgba(255,255,255,.45);
}

.uc-path-stop:hover .uc-path-node,
.uc-path-stop.is-active .uc-path-node {
  transform: translateX(-50%) scale(1.12);
  box-shadow:
    0 0 0 11px rgba(121,170,44,.08),
    0 0 28px rgba(121,170,44,.30),
    0 14px 32px rgba(79,118,27,.22);
}

.uc-path-end {
  position: relative;
  isolation: isolate;
  z-index: 3;
  max-width: 820px;
  margin: 90px auto 0;
  padding: 24px 34px;
  text-align: center;
  border-radius: 24px;
  border: 1px solid rgba(121,170,44,.14);
  background: rgba(255,255,255,.50);
  box-shadow:
    0 16px 40px rgba(48,66,54,.07),
    inset 0 0 24px rgba(255,255,255,.34);
}


.uc-path-end::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 180px;
  height: 180px;
  left: 50%;
  top: -52px;
  transform: translateX(-50%);
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(174, 220, 84, .34),
      rgba(174, 220, 84, .12) 38%,
      transparent 72%
    );
  filter: blur(16px);
  pointer-events: none;
}

.uc-path-end p {
  margin: 0;
  color: #59655e;
  font-size: 15px;
  line-height: 1.9;
}

.uc-path-btn {
  display: inline-block;
  margin-top: 22px;
  padding: 15px 30px;
  border-radius: 14px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  background: linear-gradient(135deg, #7eae2a, #5d8e1e);
  box-shadow: 0 14px 32px rgba(92,139,29,.24);
  transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    box-shadow .35s ease;
}

.uc-path-btn:hover {
  color: #fff;
  transform: translateY(-4px);
  box-shadow: 0 21px 42px rgba(92,139,29,.34);
}

@keyframes uc-path-drift {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(34px,-24px,0); }
}

@media (max-width: 980px) {
  .uc-path-map {
    min-height: auto;
    display: grid;
    gap: 24px;
  }

  .uc-path-svg {
    display: none;
  }

  .uc-path-stop,
  .stop-1,
  .stop-2,
  .stop-3,
  .stop-4,
  .stop-5,
  .stop-6,
  .stop-7 {
    position: relative;
    inset: auto;
    width: min(100%, 620px);
    margin-inline: auto;
    transform: none;
  }
}

@media (max-width: 767px) {
  .uc-path {
    padding: 72px 18px;
  }

  .uc-path-map {
    margin-top: 50px;
  }

  .uc-path-card {
    min-height: auto;
    padding: 40px 22px 22px;
  }

  .uc-path-stop:hover .uc-path-card {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .uc-path *,
  .uc-path::before {
    animation: none !important;
    transition: none !important;
  }

  .uc-path-stop {
    opacity: 1;
    transform: none;
  }
}
/* =========================================================
   Curved Journey — visibility and Elementor editor fix
   ========================================================= */

/* Cards remain visible if JavaScript is unavailable or delayed. */
.uc-path-stop {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Once JavaScript initializes the map, it controls the reveal animation. */
.uc-path-map.uc-path-ready .uc-path-stop {
  opacity: 0;
  transform: translateY(28px) scale(.96);
}

.uc-path-map.uc-path-ready .stop-7 {
  transform: translateX(-50%) translateY(28px) scale(.96);
}

.uc-path-map.uc-path-ready .uc-path-stop.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.uc-path-map.uc-path-ready .stop-7.is-visible {
  transform: translateX(-50%) translateY(0) scale(1);
}

.stop-7.is-visible {
  transform: translateX(-50%) translateY(0) scale(1);
}

/* Elementor editor and preview must always display all cards. */
body.elementor-editor-active .uc-path-map .uc-path-stop,
body.elementor-editor-preview .uc-path-map .uc-path-stop,
.elementor-editor-active .uc-path-map.uc-path-ready .uc-path-stop,
.elementor-editor-preview .uc-path-map.uc-path-ready .uc-path-stop,
.elementor-edit-area .uc-path-map.uc-path-ready .uc-path-stop {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Keep the complete section above neighbouring Elementor containers. */
.uc-path {
  width: 100%;
  max-width: none;
}

.uc-path-map,
.uc-path-stop,
.uc-path-card {
  visibility: visible !important;
}

/* Final spacing correction for Step 7 and CTA */
.stop-7 {
  z-index: 4;
}

.uc-path-end {
  clear: both;
}

@media (max-width: 980px) {
  .uc-path-map {
    min-height: auto;
  }

  .stop-7 {
    transform: none;
  }

  .uc-path-end {
    margin-top: 48px;
  }
}

/* =========================================================
   Full-width safeguards for custom coded homepage sections
   ========================================================= */
.uc-why,
.uc-path,
.uc-tech,
.uc-showcase {
  width: 100%;
  max-width: none;
}

.uc-tech {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* =========================================================
   Hearing Solutions — Latest v3
   ========================================================= */

/* Unicare Hearing Solutions — wide interactive revision */
.uc-showcase,.uc-showcase *{box-sizing:border-box}
.uc-showcase{direction:rtl;overflow:hidden;padding:clamp(80px,8vw,125px) 24px;background:radial-gradient(circle at 10% 15%,#fff 0,transparent 27%),radial-gradient(circle at 91% 72%,rgba(124,174,43,.10),transparent 30%),linear-gradient(145deg,#f8f4eb,#eee7da 52%,#f8f5ee);font-family:"Alexandria","Noto Kufi Arabic",Tahoma,sans-serif;color:#20372a}
.uc-showcase-inner{width:min(100%,1280px);margin:auto}
.uc-showcase-heading{text-align:center;max-width:820px;margin:auto}
.uc-showcase-eyebrow,.uc-kicker{display:inline-flex;color:#6f9e26;background:rgba(121,170,44,.09);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800}
.uc-showcase-heading h2{margin:15px 0 0;font-size:clamp(35px,4vw,56px);line-height:1.28;font-weight:800}
.uc-showcase-heading p{max-width:700px;margin:20px auto 0;color:#66716a;font-size:17px;line-height:1.9}

.uc-platform{margin-top:52px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:30px;padding:36px 44px;border-radius:30px;border:1px solid rgba(255,255,255,.85);background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,255,255,.55));box-shadow:0 22px 55px rgba(48,66,54,.08)}
.uc-platform-badge{font-size:11px;font-weight:800;color:#6f9e26}
.uc-platform h3{margin:8px 0 0;font-size:clamp(29px,3vw,42px);line-height:1.3}
.uc-platform-text>p{margin:12px 0 0;color:#657068;line-height:1.85;font-size:15px}
.uc-showcase-tech-row{display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin-top:22px}
.uc-showcase-tech{padding:14px 16px;border-radius:16px;background:rgba(121,170,44,.06);border:1px solid rgba(121,170,44,.12)}
.uc-showcase-tech strong{display:block;direction:ltr;text-align:right;font-size:13px}
.uc-showcase-tech span{display:block;margin-top:5px;color:#68736c;font-size:12px;line-height:1.65}

.uc-platform-art{position:relative;width:230px;height:230px;margin:auto;display:grid;place-items:center}
.uc-core{z-index:3;width:100px;height:100px;border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;background:radial-gradient(circle,#8dbc35,#557f20);box-shadow:0 0 35px rgba(121,170,44,.28)}
.uc-core b{font-size:29px;line-height:1}.uc-core small{font-size:8px;letter-spacing:1.5px;margin-top:5px}
.uc-orbit{position:absolute;border:1px solid rgba(121,170,44,.26);border-radius:50%;animation:ucOrbit 12s linear infinite}
.uc-orbit-1{inset:23px}.uc-orbit-2{inset:2px;animation-direction:reverse;animation-duration:17s}
.uc-orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#b9df67;top:29px;right:48px;box-shadow:0 0 14px #8ebd36;animation:ucPulse 2.4s ease-in-out infinite}

.uc-device-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:36px;padding:7px;border-radius:21px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.72)}
.uc-device-tab{border:0;border-radius:15px;padding:15px 12px;background:transparent;color:#536159;cursor:pointer;transition:.3s ease;font:inherit}
.uc-device-tab b{display:block;direction:ltr;font-size:16px;color:#294232}.uc-device-tab span{display:block;margin-top:3px;font-size:11px}
.uc-device-tab:hover,.uc-device-tab.is-active{background:#fff;box-shadow:0 9px 24px rgba(45,64,51,.08);transform:translateY(-2px)}
.uc-device-tab.is-active b{color:#6f9e26}

.uc-device-stage{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,6vw,85px);align-items:center;margin-top:28px;min-height:570px}
.uc-device-visual{position:relative;min-height:540px;display:grid;place-items:center;border-radius:32px;overflow:hidden;background:radial-gradient(circle,#fff 0,#fff 38%,rgba(255,255,255,.66) 70%,rgba(235,229,216,.48));border:1px solid rgba(255,255,255,.85);box-shadow:0 25px 65px rgba(48,66,54,.09)}
.uc-device-halo{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(137,187,48,.16),transparent 68%);filter:blur(15px);animation:ucHalo 5s ease-in-out infinite}
.uc-device-img{position:absolute;width:min(88%,550px);max-height:475px;object-fit:contain;opacity:0;transform:translateY(18px) scale(.94);filter:drop-shadow(0 24px 28px rgba(34,49,40,.11));transition:opacity .42s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.uc-device-img.is-active{opacity:1;transform:none}

.uc-device-panel{display:none;animation:ucPanel .45s ease}.uc-device-panel.is-active{display:block}
.uc-device-panel h3{margin:13px 0 0;font-size:clamp(29px,3vw,40px);line-height:1.38}
.uc-device-panel>p{margin:14px 0 0;color:#657068;font-size:16px;line-height:1.9}
.uc-mini-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.uc-mini-features span{padding:8px 12px;border-radius:999px;background:rgba(121,170,44,.08);color:#526d31;font-size:12px;font-weight:700}

.uc-power{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.uc-power>div{padding:18px;border-radius:18px;background:rgba(255,255,255,.58);border:1px solid rgba(121,170,44,.13)}
.uc-power b{display:inline-grid;place-items:center;min-width:42px;height:31px;border-radius:9px;background:#78a92b;color:#fff;direction:ltr;font-size:11px}
.uc-power strong{display:block;direction:ltr;text-align:right;margin-top:9px;font-size:14px}
.uc-power p{margin:7px 0 0;color:#68736c;font-size:12px;line-height:1.7}
.uc-note{padding:11px 14px!important;border-right:3px solid #79aa2c;border-radius:10px;background:rgba(121,170,44,.06);font-size:12px!important}

.uc-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}
.uc-primary{padding:14px 24px;border-radius:13px;background:linear-gradient(135deg,#80af2b,#5d8d1e);color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 12px 28px rgba(92,139,29,.20)}
.uc-secondary{color:#31513b!important;text-decoration:none;font-weight:800}
.uc-disclaimer{text-align:center;max-width:850px;margin:34px auto 0;color:#7b837e;font-size:12px;line-height:1.75}

@keyframes ucOrbit{to{transform:rotate(360deg)}}@keyframes ucPulse{50%{transform:scale(1.45);opacity:.6}}@keyframes ucHalo{50%{transform:scale(1.08);opacity:.72}}@keyframes ucPanel{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}

@media(max-width:980px){
.uc-platform,.uc-device-stage{grid-template-columns:1fr}
.uc-platform-art{width:185px;height:185px}
.uc-device-stage{gap:30px}.uc-device-visual{min-height:470px}
}
@media(max-width:767px){
.uc-showcase{padding:70px 16px}
.uc-platform{padding:25px 20px}
.uc-showcase-tech-row{grid-template-columns:1fr}
.uc-device-tabs{display:flex;overflow-x:auto;scrollbar-width:none;direction:rtl}
.uc-device-tabs::-webkit-scrollbar{display:none}
.uc-device-tab{min-width:135px}
.uc-device-visual{min-height:360px;border-radius:24px}
.uc-device-img{width:92%;max-height:325px}
.uc-power{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.uc-showcase *{animation:none!important;transition:none!important}}

/* =========================================================
   IMPORTANT: Restore original dark Phonak Technology section
   Prevents Hearing Solutions styles from overriding .uc-tech
   ========================================================= */
.uc-tech {
  --tech-green: #77a925;
  --tech-green-dark: #20382b;
  --tech-gold: #e7c56f;
  --tech-ivory: #f5efe3;
  --tech-muted: #68736c;

  position: relative;
  overflow: hidden;
  direction: rtl;
  font-family: "Alexandria", "Noto Kufi Arabic", Tahoma, sans-serif;
  padding: clamp(88px, 9vw, 135px) 24px;

  background:
    radial-gradient(circle at 52% 47%, rgba(131, 177, 45, .13), transparent 24%),
    radial-gradient(circle at 10% 88%, rgba(255,255,255,.65), transparent 28%),
    linear-gradient(145deg, #162d24 0%, #203c2d 48%, #14271f 100%) !important;

  color: #fff !important;

  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.uc-tech h1,
.uc-tech h2,
.uc-tech h3,
.uc-tech h4,
.uc-tech p {
  color: inherit;
}

/* Preserve original Why Unicare appearance */
.uc-why {
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.75), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(111,159,34,.10), transparent 30%),
    linear-gradient(135deg, #f7f3ea 0%, #efe8dc 52%, #f8f5ee 100%) !important;
}
/* Force Hearing Solutions v3 to full browser width */
.uc-showcase {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
/* =========================================================
   UNICARE — QUICK ACTION DOCK
   Compact floating version
   ========================================================= */

.uc-quick-actions,
.uc-quick-actions * {
    box-sizing: border-box;
}

.uc-quick-actions {
    position: relative;
    z-index: 30;
    width: 100%;
    direction: rtl;
    font-family: "Alexandria", "Noto Kufi Arabic", Tahoma, sans-serif;

    /* Pull dock slightly upward towards Hero */
    margin-top: -50px;
    margin-bottom: 18px;

    padding: 0 24px;
}

.uc-quick-actions-inner {
    width: min(1160px, 100%);
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: stretch;
    gap: 5px;

    padding: 9px;

    background: rgba(255, 253, 248, 0.94);
    border: 1px solid rgba(113, 151, 61, 0.12);
    border-radius: 22px;

    box-shadow:
        0 18px 45px rgba(37, 55, 43, 0.10),
        0 3px 10px rgba(37, 55, 43, 0.04);

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}


/* Individual action */

.uc-quick-action {
    position: relative;

    min-height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    padding: 10px 12px;

    border-radius: 15px;

    text-decoration: none !important;
    color: #284433 !important;

    background: transparent;

    transition:
        transform .28s ease,
        background .28s ease,
        box-shadow .28s ease;
}


/* Small separators */

.uc-quick-action:not(:last-child)::after {
    content: "";
    position: absolute;

    left: -3px;
    top: 18%;

    width: 1px;
    height: 64%;

    background: rgba(45, 75, 54, 0.08);
}


/* Hover */

.uc-quick-action:hover {
    transform: translateY(-3px);

    background: rgba(244, 249, 236, 0.88);

    box-shadow:
        0 8px 18px rgba(49, 71, 54, 0.07);
}


/* Icon */

.uc-qa-icon {
    flex: 0 0 43px;

    width: 43px;
    height: 43px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    color: #ffffff;

    background:
        linear-gradient(
            145deg,
            #b9ff37,
            #87d91f
        );

    box-shadow:
        0 7px 18px rgba(132, 210, 34, 0.17);

    transition:
        transform .28s ease,
        box-shadow .28s ease;
}


.uc-quick-action:hover .uc-qa-icon {
    transform: scale(1.06);

    box-shadow:
        0 9px 22px rgba(132, 210, 34, 0.23);
}


.uc-qa-icon svg {
    width: 21px;
    height: 21px;

    fill: none !important;
    stroke: currentColor !important;

    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Text */

.uc-qa-copy {
    min-width: 0;
    text-align: right;
}


.uc-qa-copy strong {
    display: block;

    margin: 0;

    color: #31553d;

    font-size: 14px;
    font-weight: 800;
    line-height: 1.45;
}


.uc-qa-copy small {
    display: block;

    margin-top: 2px;

    color: #91a093;

    font-size: 9.5px;
    font-weight: 400;
    line-height: 1.4;
}


/* Appointment – subtle emphasis only */

.uc-qa-primary {
    background:
        linear-gradient(
            135deg,
            rgba(184, 255, 55, 0.07),
            rgba(255,255,255,0)
        );
}


.uc-qa-primary::before {
    content: "";

    position: absolute;

    top: 10px;
    right: 10px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #b7ef32;

    box-shadow:
        0 0 0 4px rgba(183,239,50,.10);
}


/* Complaints / Suggestions
   intentionally calmer */

.uc-qa-care .uc-qa-icon {
    color: #78a923;

    background: #f4f9e9;

    border: 1px solid rgba(120,169,35,.20);

    box-shadow: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .uc-quick-actions {
        margin-top: -25px;
        padding: 0 18px;
    }

    .uc-quick-actions-inner {
        grid-template-columns: repeat(3, 1fr);
        gap: 7px;
    }

    .uc-quick-action:not(:last-child)::after {
        display: none;
    }

}


/* =========================================================
   MOBILE
   Horizontal swipe dock
   ========================================================= */

@media (max-width: 767px) {

    .uc-quick-actions {
        margin-top: -16px;
        margin-bottom: 26px;

        padding: 0 12px;
    }


    .uc-quick-actions-inner {

        display: flex;

        overflow-x: auto;
        overflow-y: hidden;

        gap: 7px;

        padding: 7px;

        border-radius: 18px;

        scroll-snap-type: x mandatory;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }


    .uc-quick-actions-inner::-webkit-scrollbar {
        display: none;
    }


    .uc-quick-action {

        flex: 0 0 185px;

        min-height: 66px;

        justify-content: flex-start;

        padding: 9px 10px;

        scroll-snap-align: start;

        background: rgba(255,255,255,.38);
    }


    .uc-qa-icon {

        flex-basis: 40px;

        width: 40px;
        height: 40px;

        border-radius: 12px;
    }


    .uc-qa-icon svg {
        width: 20px;
        height: 20px;
    }


    .uc-qa-copy strong {
        font-size: 13px;
    }


    .uc-qa-copy small {
        font-size: 9px;
    }


    .uc-quick-action:hover {
        transform: none;
    }

}


/* Accessibility */

@media (prefers-reduced-motion: reduce) {

    .uc-quick-action,
    .uc-qa-icon {
        transition: none !important;
    }

}
/* =========================================================
   Unicare — Compact Services Section
   ========================================================= */

.uc-services-strip,
.uc-services-strip * {
  box-sizing: border-box;
}

.uc-services-strip {
  position: relative;
  overflow: hidden;
  direction: rtl;
  font-family: "Alexandria", "Noto Kufi Arabic", Tahoma, sans-serif;
  padding: clamp(78px, 7vw, 105px) 24px;

  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.84), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(121,170,44,.08), transparent 30%),
    linear-gradient(145deg,#f8f4eb 0%,#eee7da 50%,#f8f5ee 100%);
}

.uc-services-strip-inner {
  width: min(100%, 1240px);
  margin-inline: auto;
}

.uc-services-strip-heading {
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}

.uc-services-strip-eyebrow {
  display: inline-flex;
  padding: 7px 11px;
  border-radius: 999px;
  color: #6f9e26;
  background: rgba(121,170,44,.08);
  font-size: 12px;
  font-weight: 800;
}

.uc-services-strip-heading h2 {
  margin: 14px 0 0;
  color: #20372a;
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.32;
  font-weight: 800;
}

.uc-services-strip-heading p {
  margin: 17px auto 0;
  color: #68736c;
  font-size: 16px;
  line-height: 1.85;
}

.uc-services-strip-panel {
  position: relative;
  margin-top: 42px;
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.78);

  background:
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.48));

  box-shadow:
    0 22px 55px rgba(48,66,54,.08),
    inset 0 0 24px rgba(255,255,255,.35);

  overflow: hidden;
}

.uc-services-strip-wave {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .32;
}

.uc-services-strip-wave svg {
  width: 100%;
  height: 100%;
}

.uc-services-wave-base,
.uc-services-wave-live {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.uc-services-wave-base {
  stroke: rgba(121,170,44,.10);
  stroke-width: 5;
}

.uc-services-wave-live {
  stroke: rgba(121,170,44,.35);
  stroke-width: 3;
  stroke-dasharray: 18 24;
  animation: uc-services-flow 14s linear infinite;
}

.uc-services-strip-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.uc-services-strip-item {
  min-height: 170px;
  padding: 20px 18px;
  border-radius: 18px;
  border: 1px solid rgba(121,170,44,.08);
  background: rgba(255,255,255,.52);

  transition:
    transform .32s cubic-bezier(.22,1,.36,1),
    background .32s ease,
    border-color .32s ease,
    box-shadow .32s ease;
}

.uc-services-strip-item:hover {
  transform: translateY(-5px);
  background: rgba(255,255,255,.88);
  border-color: rgba(121,170,44,.22);
  box-shadow: 0 14px 30px rgba(48,66,54,.08);
}

.uc-services-strip-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #fff;

  background:
    linear-gradient(145deg,#86b72d,#5f8f20);

  box-shadow:
    0 10px 22px rgba(95,142,32,.18);
}

.uc-services-strip-icon svg {
  width: 23px;
  height: 23px;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.uc-services-strip-item h3 {
  margin: 14px 0 0;
  color: #20372a;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 800;
}

.uc-services-strip-item p {
  margin: 8px 0 0;
  color: #68736c;
  font-size: 13px;
  line-height: 1.72;
}

.uc-services-strip-action {
  margin-top: 28px;
  text-align: center;
}

.uc-services-strip-btn {
  display: inline-block;
  padding: 14px 26px;
  border-radius: 13px;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 800;

  background:
    linear-gradient(135deg,#7eae2a,#5d8e1e);

  box-shadow:
    0 13px 30px rgba(92,139,29,.20);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.uc-services-strip-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(92,139,29,.28);
}

@keyframes uc-services-flow {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -220; }
}

@media (max-width: 980px) {
  .uc-services-strip-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .uc-services-strip {
    padding: 68px 16px;
  }

  .uc-services-strip-panel {
    padding: 14px;
    border-radius: 22px;
  }

  .uc-services-strip-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .uc-services-strip-item {
    min-height: auto;
    padding: 18px 16px;
  }

  .uc-services-strip-item:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .uc-services-strip *,
  .uc-services-strip::before,
  .uc-services-strip::after {
    animation: none !important;
    transition: none !important;
  }
}
/* =========================================================
   Unicare — Compact FAQ Accordion
   Isolated classes: will not alter earlier homepage sections
   ========================================================= */

.uc-faq,
.uc-faq * {
  box-sizing: border-box;
}

.uc-faq {
  position: relative;
  overflow: hidden;
  direction: rtl;
  font-family: "Alexandria","Noto Kufi Arabic",Tahoma,sans-serif;
  padding: clamp(72px,7vw,100px) 24px;
  background:
    radial-gradient(circle at 88% 15%,rgba(121,170,44,.07),transparent 25%),
    linear-gradient(145deg,#fbf9f4 0%,#f3eee4 100%);
}

.uc-faq-inner {
  width: min(100%,980px);
  margin-inline: auto;
}

.uc-faq-heading {
  max-width: 720px;
  margin-inline: auto;
  text-align: center;
}

.uc-faq-eyebrow {
  display: inline-flex;
  padding: 7px 11px;
  border-radius: 999px;
  color: #6f9e26;
  background: rgba(121,170,44,.08);
  font-size: 12px;
  font-weight: 800;
}

.uc-faq-heading h2 {
  margin: 14px 0 0;
  color: #20372a;
  font-size: clamp(31px,3.5vw,46px);
  line-height: 1.35;
  font-weight: 800;
}

.uc-faq-heading p {
  max-width: 670px;
  margin: 16px auto 0;
  color: #68736c;
  font-size: 15px;
  line-height: 1.85;
}

.uc-faq-list {
  display: grid;
  gap: 9px;
  margin-top: 38px;
}

.uc-faq-item {
  overflow: hidden;
  border: 1px solid rgba(32,55,42,.08);
  border-radius: 17px;
  background: rgba(255,255,255,.63);
  box-shadow: 0 6px 20px rgba(48,66,54,.025);
  transition:
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.uc-faq-item[open] {
  background: rgba(255,255,255,.92);
  border-color: rgba(121,170,44,.20);
  box-shadow: 0 12px 30px rgba(48,66,54,.055);
}

.uc-faq-item summary {
  position: relative;
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 20px;
  cursor: pointer;
  list-style: none;
  color: #294333;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 800;
}

.uc-faq-item summary::-webkit-details-marker {
  display: none;
}

.uc-faq-item summary::marker {
  display: none;
  content: "";
}

.uc-faq-item summary i {
  position: relative;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: rgba(121,170,44,.08);
  transition:
    transform .3s ease,
    background .3s ease;
}

.uc-faq-item summary i::before,
.uc-faq-item summary i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1.5px;
  border-radius: 2px;
  background: #6f9e26;
  transform: translate(-50%,-50%);
  transition: transform .3s ease;
}

.uc-faq-item summary i::after {
  transform: translate(-50%,-50%) rotate(90deg);
}

.uc-faq-item[open] summary i {
  background: rgba(121,170,44,.14);
  transform: rotate(180deg);
}

.uc-faq-item[open] summary i::after {
  transform: translate(-50%,-50%) rotate(0deg);
}

.uc-faq-answer {
  padding: 0 20px 18px;
}

.uc-faq-answer p {
  max-width: 830px;
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid rgba(32,55,42,.06);
  color: #66716a;
  font-size: 13.5px;
  line-height: 1.9;
}

.uc-faq-help {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 24px;
  color: #727c76;
  font-size: 13px;
}

.uc-faq-help a {
  color: #648f22 !important;
  text-decoration: none !important;
  font-weight: 800;
}

.uc-faq-help a:hover {
  text-decoration: underline !important;
}

@media (max-width:767px) {
  .uc-faq {
    padding: 64px 16px;
  }

  .uc-faq-list {
    margin-top: 30px;
  }

  .uc-faq-item summary {
    min-height: 62px;
    padding: 15px 15px;
    gap: 13px;
    font-size: 13.5px;
  }

  .uc-faq-item summary i {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
  }

  .uc-faq-answer {
    padding: 0 15px 16px;
  }

  .uc-faq-answer p {
    font-size: 12.5px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .uc-faq *,
  .uc-faq::before,
  .uc-faq::after {
    animation: none !important;
    transition: none !important;
  }
}
/* =========================================================
   FAQ interaction fix — button-based accordion
   Replace old details/summary interaction rules with these
   ========================================================= */

.uc-faq-item {
  overflow: hidden;
}

.uc-faq-question {
  position: relative;
  width: 100%;
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 20px;

  border: 0;
  outline: 0;
  cursor: pointer;
  text-align: right;
  direction: rtl;
  font: inherit;

  color: #294333;
  background: transparent;

  font-size: 15px;
  line-height: 1.55;
  font-weight: 800;
}

.uc-faq-question i {
  position: relative;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: rgba(121,170,44,.08);
  transition:
    transform .3s ease,
    background .3s ease;
}

.uc-faq-question i::before,
.uc-faq-question i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1.5px;
  border-radius: 2px;
  background: #6f9e26;
  transform: translate(-50%,-50%);
  transition: transform .3s ease;
}

.uc-faq-question i::after {
  transform: translate(-50%,-50%) rotate(90deg);
}

.uc-faq-item.is-open {
  background: rgba(255,255,255,.92);
  border-color: rgba(121,170,44,.20);
  box-shadow: 0 12px 30px rgba(48,66,54,.055);
}

.uc-faq-item.is-open .uc-faq-question i {
  background: rgba(121,170,44,.14);
  transform: rotate(180deg);
}

.uc-faq-item.is-open .uc-faq-question i::after {
  transform: translate(-50%,-50%) rotate(0deg);
}

.uc-faq-answer {
  display: none;
  padding: 0 20px 18px;
}

.uc-faq-item.is-open .uc-faq-answer {
  display: block;
  animation: ucFaqOpen .28s ease;
}

@keyframes ucFaqOpen {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (max-width:767px) {
  .uc-faq-question {
    min-height: 62px;
    padding: 15px;
    gap: 13px;
    font-size: 13.5px;
  }

  .uc-faq-question i {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
  }

  .uc-faq-answer {
    padding: 0 15px 16px;
  }
}
/* =========================================================
   Unicare — Final Homepage CTA
   ========================================================= */

.uc-final-cta,
.uc-final-cta * {
  box-sizing: border-box;
}

.uc-final-cta {
  position: relative;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  direction: rtl;
  font-family: "Alexandria","Noto Kufi Arabic",Tahoma,sans-serif;
  padding: clamp(82px,8vw,118px) 24px;

  background:
    radial-gradient(circle at 50% 50%,rgba(121,170,44,.13),transparent 30%),
    linear-gradient(145deg,#14291f 0%,#203c2d 48%,#12251d 100%);

  color: #fff;
}

.uc-final-cta-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.uc-final-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(2px);
  opacity: .5;
}

.uc-final-orb-1 {
  width: 310px;
  height: 310px;
  top: -170px;
  right: 8%;
  background: radial-gradient(circle,rgba(173,225,75,.18),transparent 68%);
  animation: ucFinalFloat 8s ease-in-out infinite;
}

.uc-final-orb-2 {
  width: 380px;
  height: 380px;
  bottom: -230px;
  left: 5%;
  background: radial-gradient(circle,rgba(231,197,111,.10),transparent 68%);
  animation: ucFinalFloat 11s ease-in-out infinite reverse;
}

.uc-final-wave {
  position: absolute;
  left: 0;
  bottom: -12px;
  width: 100%;
  height: 68%;
  opacity: .20;
}

.uc-final-wave path {
  fill: none;
  stroke: rgba(195,236,117,.42);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 12 18;
  animation: ucFinalWave 18s linear infinite;
}

.uc-final-wave path:last-child {
  stroke: rgba(231,197,111,.28);
  animation-duration: 24s;
  animation-direction: reverse;
}

.uc-final-cta-inner {
  position: relative;
  z-index: 2;
  width: min(100%,900px);
  margin-inline: auto;
  text-align: center;
}

.uc-final-cta-eyebrow {
  display: inline-flex;
  padding: 7px 12px;
  border: 1px solid rgba(196,232,126,.18);
  border-radius: 999px;
  color: #c8e68b;
  background: rgba(160,205,73,.08);
  font-size: 12px;
  font-weight: 800;
}

.uc-final-cta h2 {
  margin: 16px 0 0;
  color: #fff;
  font-size: clamp(36px,4.5vw,60px);
  line-height: 1.3;
  font-weight: 800;
}

.uc-final-cta-inner > p {
  max-width: 700px;
  margin: 20px auto 0;
  color: rgba(255,255,255,.72);
  font-size: clamp(15px,1.4vw,18px);
  line-height: 1.95;
}

.uc-final-cta-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.uc-final-cta-primary,
.uc-final-cta-secondary {
  min-width: 145px;
  padding: 14px 24px;
  border-radius: 13px;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 800;
  transition:
    transform .3s ease,
    box-shadow .3s ease,
    background .3s ease;
}

.uc-final-cta-primary {
  color: #17301f !important;
  background: linear-gradient(135deg,#c1ef69,#91c936);
  box-shadow: 0 14px 32px rgba(135,188,48,.22);
}

.uc-final-cta-secondary {
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.uc-final-cta-primary:hover,
.uc-final-cta-secondary:hover {
  transform: translateY(-3px);
}

.uc-final-cta-primary:hover {
  box-shadow: 0 18px 38px rgba(135,188,48,.30);
}

.uc-final-cta-secondary:hover {
  background: rgba(255,255,255,.12);
}

.uc-final-cta-locations {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  margin-top: 22px;
  color: rgba(255,255,255,.56);
  font-size: 11px;
}

.uc-final-cta-locations span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.uc-final-cta-locations i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a8d94d;
  box-shadow: 0 0 10px rgba(168,217,77,.55);
}

.uc-final-cta-locations b {
  color: rgba(255,255,255,.24);
}

@keyframes ucFinalWave {
  to { stroke-dashoffset: -300; }
}

@keyframes ucFinalFloat {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(20px,14px,0) scale(1.08); }
}

@media (max-width:767px) {
  .uc-final-cta {
    padding: 72px 18px;
  }

  .uc-final-cta-actions {
    margin-top: 26px;
  }

  .uc-final-cta-primary,
  .uc-final-cta-secondary {
    min-width: 138px;
    padding: 13px 20px;
  }

  .uc-final-wave {
    height: 52%;
  }
}

@media (prefers-reduced-motion:reduce) {
  .uc-final-cta *,
  .uc-final-cta::before,
  .uc-final-cta::after {
    animation: none !important;
    transition: none !important;
  }
}
/* Hide the old theme footer on Unicare homepage */
body.home #site-footer {
  display: none !important;
}
/* =========================================================
   UNICARE FOOTER — FINAL CORRECTED VERSION
   ========================================================= */

.uni-footer,
.uni-footer * {
  box-sizing: border-box;
}


/* =========================================================
   MAIN FOOTER
   ========================================================= */

.uni-footer {
  --uf-dark: #123426;
  --uf-dark-2: #0b271c;
  --uf-green: #76a923;
  --uf-lime: #a8df3f;
  --uf-muted: rgba(255,255,255,.65);

  position: relative;
  z-index: 5;

  direction: rtl;

  /* Force full browser width even inside Elementor */
  width: 100vw !important;
  max-width: none !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  overflow: hidden;

  font-family:
    "Alexandria",
    "Noto Kufi Arabic",
    Tahoma,
    sans-serif;

  color: #fff;

  border-top: 3px solid rgba(132,183,44,.75);

  background:
    radial-gradient(
      circle at 12% 25%,
      rgba(150,211,48,.08),
      transparent 27%
    ),
    linear-gradient(
      135deg,
      #153d2b 0%,
      #0d2f21 55%,
      #092319 100%
    );
}


/* =========================================================
   DECORATIVE BACKGROUND
   ========================================================= */

.uni-footer-glow {
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
}

.uni-footer-glow-1 {
  width: 340px;
  height: 340px;

  left: -180px;
  bottom: -220px;

  background:
    radial-gradient(
      circle,
      rgba(169,232,39,.10),
      transparent 68%
    );
}

.uni-footer-glow-2 {
  width: 270px;
  height: 270px;

  right: 8%;
  top: -200px;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.05),
      transparent 70%
    );
}


/* =========================================================
   MAIN GRID
   ========================================================= */

.uni-footer-inner {
  position: relative;
  z-index: 2;

  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;

  display: grid;

  grid-template-columns:
    minmax(280px, 1.45fr)
    minmax(130px, .72fr)
    minmax(170px, .9fr)
    minmax(190px, 1fr);

  gap: clamp(34px, 4vw, 60px);

  align-items: start;

  padding: 54px 0 42px;
}


/* =========================================================
   BRAND
   ========================================================= */

.uni-footer-brand {
  width: 100%;
  max-width: 390px;
}

.uni-footer-name {
  display: flex;
  align-items: center;

  gap: 13px;

  margin-bottom: 17px;
}

.uni-footer-mark {
  position: relative;

  flex: 0 0 42px;

  width: 42px;
  height: 42px;

  border-radius: 50%;

  border: 1px solid rgba(169,232,39,.40);

  background:
    radial-gradient(
      circle,
      #a9e827 0 5px,
      transparent 6px
    );
}

.uni-footer-mark::before,
.uni-footer-mark::after {
  content: "";

  position: absolute;

  border-radius: 50%;

  border:
    1px solid rgba(169,232,39,.28);
}

.uni-footer-mark::before {
  inset: 8px;
}

.uni-footer-mark::after {
  inset: 14px;
}

.uni-footer-name strong {
  display: block;

  color: #fff;

  font-size: 20px;
  font-weight: 800;

  line-height: 1.4;
}

.uni-footer-name div > span {
  display: block;

  margin-top: 4px;

  color: #b6dc70;

  font-size: 11px;
  line-height: 1.5;
}

.uni-footer-brand > p {
  margin: 0;

  max-width: 360px;

  color: var(--uf-muted);

  font-size: 13px;
  line-height: 1.9;
}


/* =========================================================
   SMALL BADGES
   ========================================================= */

.uni-footer-badges {
  display: flex;
  flex-wrap: wrap;

  gap: 6px;

  margin-top: 16px;
}

.uni-footer-badges span {
  padding: 6px 10px;

  border-radius: 999px;

  border:
    1px solid rgba(255,255,255,.10);

  background:
    rgba(255,255,255,.04);

  color:
    rgba(255,255,255,.70);

  font-size: 10px;
}


/* =========================================================
   SOCIAL MEDIA
   ========================================================= */

.uni-footer-social {
  display: flex;
  align-items: center;

  gap: 12px;

  margin-top: 21px;
}

.uni-social-title {
  flex: 0 0 auto;

  color:
    rgba(255,255,255,.58);

  font-size: 11px;
  font-weight: 600;
}

.uni-social-icons {
  display: flex !important;
  flex-direction: row !important;

  align-items: center !important;

  gap: 7px !important;
}


/* Force every social button to remain small */
.uni-social-icons > a {
  display: grid !important;
  place-items: center !important;

  flex: 0 0 34px !important;

  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  padding: 0 !important;
  margin: 0 !important;

  overflow: hidden !important;

  border-radius: 9px !important;

  border:
    1px solid rgba(255,255,255,.11);

  background:
    rgba(255,255,255,.05);

  color: #a9df43 !important;

  text-decoration: none !important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease;
}

.uni-social-icons > a:hover {
  transform: translateY(-2px);

  border-color:
    rgba(169,223,67,.35);

  background:
    rgba(169,223,67,.09);
}


/* Very important:
   stop global Elementor SVG styles from enlarging icons */
.uni-footer .uni-social-icons svg {
  display: block !important;

  position: static !important;

  width: 17px !important;
  min-width: 17px !important;
  max-width: 17px !important;

  height: 17px !important;
  min-height: 17px !important;
  max-height: 17px !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: none !important;

  stroke: currentColor !important;
  stroke-width: 1.7 !important;

  stroke-linecap: round;
  stroke-linejoin: round;

  transform: none !important;
}


/* Instagram */

.uni-footer
.uni-social-icons
a[aria-label="Instagram"]
svg {
  fill: none !important;
}


/* Facebook */

.uni-footer
.uni-social-icons
a[aria-label="Facebook"]
svg,
.uni-footer
.uni-social-icons
a[aria-label="Facebook"]
svg path {
  fill: #a9df43 !important;
  stroke: none !important;
}


/* YouTube */

.uni-footer
.uni-social-icons
a[aria-label="YouTube"]
svg {
  fill: none !important;
  stroke: #a9df43 !important;
}

.uni-footer
.uni-social-icons
a[aria-label="YouTube"]
svg rect {
  fill: none !important;
  stroke: #a9df43 !important;
}

.uni-footer
.uni-social-icons
a[aria-label="YouTube"]
svg path {
  fill: #a9df43 !important;
  stroke: #a9df43 !important;
}


/* WhatsApp */

.uni-footer
.uni-social-icons
a[aria-label="WhatsApp"]
svg {
  fill: none !important;
  stroke: #a9df43 !important;
}


/* =========================================================
   COLUMN HEADINGS
   ========================================================= */

.uni-footer-col {
  min-width: 0;
}

.uni-footer-col h4 {
  position: relative;

  margin: 2px 0 20px;

  padding-bottom: 10px;

  color: #fff;

  font-size: 15px;
  font-weight: 800;

  line-height: 1.4;
}

.uni-footer-col h4::after {
  content: "";

  position: absolute;

  right: 0;
  bottom: 0;

  width: 26px;
  height: 2px;

  border-radius: 10px;

  background: #9bd533;
}


/* =========================================================
   QUICK LINKS
   ========================================================= */

.uni-footer-links {
  display: flex;
  flex-direction: column;

  gap: 10px;
}

.uni-footer-links a {
  display: block;

  width: fit-content;

  color:
    rgba(255,255,255,.63) !important;

  text-decoration: none !important;

  font-size: 12px;

  line-height: 1.6;

  transition:
    color .2s ease,
    transform .2s ease;
}

.uni-footer-links a::before {
  content: "←";

  display: inline-block;

  margin-left: 6px;

  color: #9bd533;

  font-size: 10px;

  opacity: .7;
}

.uni-footer-links a:hover {
  color: #fff !important;

  transform: translateX(-2px);
}


/* =========================================================
   BRANCH LOCATIONS
   ========================================================= */

.uni-footer-location {
  display: flex !important;

  align-items: center;

  gap: 10px;

  width: 100%;

  margin-bottom: 7px;

  padding: 7px 0;

  color: #fff !important;

  text-decoration: none !important;

  transition:
    transform .2s ease;
}

.uni-footer-location:hover {
  transform: translateX(-2px);
}

.uni-location-icon {
  flex: 0 0 32px;

  width: 32px;
  height: 32px;

  display: grid;
  place-items: center;

  border-radius: 9px;

  border:
    1px solid rgba(169,223,67,.18);

  background:
    rgba(169,223,67,.07);
}

.uni-footer .uni-location-icon svg {
  width: 16px !important;
  height: 16px !important;

  fill: none !important;

  stroke: #a9df43 !important;
  stroke-width: 1.8 !important;
}

.uni-footer-location strong {
  display: block;

  color: #fff;

  font-size: 12px;
  font-weight: 700;
}

.uni-footer-location small {
  display: block;

  margin-top: 2px;

  color:
    rgba(255,255,255,.54);

  font-size: 10px;
}


/* =========================================================
   CONTACT
   ========================================================= */

.uni-footer-contact > a {
  display: block;

  margin-bottom: 10px;

  padding-bottom: 10px;

  border-bottom:
    1px solid rgba(255,255,255,.07);

  text-decoration: none !important;
}

.uni-footer-contact > a > span {
  display: block;

  margin-bottom: 3px;

  color:
    rgba(255,255,255,.52);

  font-size: 10px;
}

.uni-footer-contact > a > strong {
  display: block;

  width: fit-content;

  color: #fff;

  font-size: 12px;
  font-weight: 600;

  line-height: 1.5;

  transition:
    color .2s ease;
}

.uni-footer-contact > a:hover > strong {
  color: #a9df43;
}


/* Complaints box */

.uni-footer-contact .uni-complaints {
  margin-top: 4px;

  padding: 11px 12px;

  border:
    1px solid rgba(169,223,67,.18);

  border-radius: 11px;

  background:
    rgba(169,223,67,.06);
}

.uni-complaints small {
  display: block;

  margin-top: 3px;

  color: #a9df43;

  font-size: 9px;
}


/* =========================================================
   COPYRIGHT BAR
   ========================================================= */

.uni-footer-bottom {
  position: relative;
  z-index: 2;

  border-top:
    1px solid rgba(255,255,255,.07);

  background:
    rgba(0,0,0,.11);
}

.uni-footer-bottom-inner {
  width:
    min(1180px, calc(100% - 48px));

  min-height: 52px;

  margin-inline: auto;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;
}

.uni-footer-bottom p {
  margin: 0;

  color:
    rgba(255,255,255,.42);

  font-size: 10px;
}

.uni-dot {
  padding-inline: 4px;

  color: #99d230;
}

.uni-footer-bottom-links {
  display: flex;

  align-items: center;

  gap: 10px;
}

.uni-footer-bottom-links a {
  color:
    rgba(255,255,255,.45) !important;

  text-decoration: none !important;

  font-size: 10px;
}

.uni-footer-bottom-links a:hover {
  color: #a9df43 !important;
}

.uni-footer-bottom-links span {
  width: 1px;
  height: 10px;

  background:
    rgba(255,255,255,.12);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .uni-footer-inner {
    grid-template-columns:
      1.25fr 1fr 1fr;

    gap: 34px;
  }

  .uni-footer-brand {
    grid-column: 1 / -1;

    max-width: 650px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .uni-footer-inner {
    width: calc(100% - 34px);

    grid-template-columns:
      1fr 1fr;

    gap: 32px 22px;

    padding:
      44px 0 36px;
  }

  .uni-footer-brand {
    grid-column:
      1 / -1;

    max-width: none;
  }

  .uni-footer-contact {
    grid-column:
      1 / -1;
  }

  .uni-footer-name strong {
    font-size: 19px;
  }

  .uni-footer-brand > p {
    font-size: 12px;
  }

  .uni-footer-bottom-inner {
    width:
      calc(100% - 34px);

    min-height: 74px;

    padding:
      12px 0;

    flex-direction: column;

    justify-content: center;

    gap: 7px;

    text-align: center;
  }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 480px) {

  .uni-footer-inner {
    grid-template-columns:
      1fr;
  }

  .uni-footer-brand,
  .uni-footer-contact {
    grid-column: auto;
  }

  .uni-footer-social {
    flex-wrap: wrap;
  }

}

/* ---------------------------------------------------------
   Six directions
   --------------------------------------------------------- */

/* upper left */
.uc-tech-signal-1{
  transform: rotate(220deg) !important;
}

/* middle left */
.uc-tech-signal-2{
  transform: rotate(180deg) !important;
}

/* lower left */
.uc-tech-signal-3{
  transform: rotate(140deg) !important;
}

/* upper right */
.uc-tech-signal-4{
  transform: rotate(-40deg) !important;
}

/* middle right */
.uc-tech-signal-5{
  transform: rotate(0deg) !important;
}

/* lower right */
.uc-tech-signal-6{
  transform: rotate(40deg) !important;
}
/* =========================================================
   TECHNOLOGY — FINAL CENTER FIX
   Centre core inside the gap between left/right cards
   ========================================================= */

/* The middle column itself controls the core position */
.uc-tech-center{
  position: relative !important;
  min-height: 540px !important;

  display: grid !important;
  place-items: center !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;

  transform: none !important;
}


/* Stop OLD absolute positioning rules from moving the circle */
.uc-tech-center > .uc-tech-core{
  position: relative !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;

  margin: 0 auto !important;

  transform: none !important;
}


/* Keep all three rings centred on the core */
.uc-tech-center .uc-tech-ring{
  position: absolute !important;
}


/* =========================================================
   SIGNAL LINES
   Origin = exact centre of the middle column/core
   ========================================================= */

.uc-tech-center > .uc-tech-signal{
  position: absolute !important;

  left: 50% !important;
  top: 50% !important;

  transform-origin: 0 50% !important;

  margin: 0 !important;
}


/* LEFT — upper */
.uc-tech-center > .uc-tech-signal-1{
  transform: rotate(220deg) !important;
}

/* LEFT — middle */
.uc-tech-center > .uc-tech-signal-2{
  transform: rotate(180deg) !important;
}

/* LEFT — lower */
.uc-tech-center > .uc-tech-signal-3{
  transform: rotate(140deg) !important;
}

/* RIGHT — upper */
.uc-tech-center > .uc-tech-signal-4{
  transform: rotate(-40deg) !important;
}

/* RIGHT — middle */
.uc-tech-center > .uc-tech-signal-5{
  transform: rotate(0deg) !important;
}

/* RIGHT — lower */
.uc-tech-center > .uc-tech-signal-6{
  transform: rotate(40deg) !important;
}

/* =========================================================
   UNICARE — MOBILE HORIZONTAL OVERFLOW FIX
   HERO ONLY
   Desktop/tablet unaffected
   ========================================================= */

@media (max-width: 767px){

  /* Lock the hero to the mobile viewport */
  .uc-hero{
    width:100% !important;
    max-width:100% !important;

    overflow-x:clip !important;
  }


  /* Prevent Elementor/grid children from creating extra width */
  .uc-hero-inner,
  .uc-hero-copy,
  .uc-hero-visual{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }


  /* The background is intentionally oversized.
     Keep the visual effect but make sure it cannot
     affect document width. */
  .uc-hero-bg{
    max-width:none !important;
    pointer-events:none;
  }


  /* Main device must never exceed viewport */
  .uc-main-device{
    max-width:92vw !important;
  }

  .uc-main-device img{
    max-width:100% !important;
    height:auto !important;
  }


  /* Keep orbit graphics inside hero */
  .uc-hero-orbit{
    max-width:96vw !important;
    max-height:96vw !important;
  }


  /* Floating service tiles */
  .uc-solution{
    max-width:72px !important;
  }


  /* Technology row */
  .uc-hero-tech-row{
    max-width:calc(100vw - 32px) !important;
  }
}
@media (max-width: 767px){

  html,
  body{
    max-width:100%;
  }
}


/* =========================================================
   UNICARE — HERO MOBILE REFINEMENT
   Desktop + tablet remain unchanged
   ========================================================= */

@media (max-width: 767px){

  /* Slightly tighter overall hero */
  .uc-hero{
    padding:
      96px 14px 28px !important;
  }


  /* Keep copy clean and centred */
  .uc-hero-copy{
    width:100% !important;
    max-width:100% !important;
  }


  /* Do not change the design of the heading */
  .uc-hero-title{
    line-height:1.05 !important;
  }


  .uc-hero-desc{
    margin-top:20px !important;
  }


  .uc-hero-actions{
    margin-top:20px !important;
  }


  .uc-hero-trust{
    margin-top:18px !important;
  }


  /* =====================================================
     VISUAL AREA
     Main fix: reduce excessive vertical height
     ===================================================== */

  .uc-hero-visual{
    min-height:500px !important;
    height:500px !important;
    margin-top:10px !important;
  }


  /* Main hearing aid */
  .uc-main-device{
    width:min(82vw,350px) !important;

    left:50% !important;
    top:46% !important;

    transform:
      translate(-50%,-48%) !important;
  }


  /* =====================================================
     ORBITS
     ===================================================== */

  .uc-hero-orbit{
    left:50% !important;
    top:46% !important;
  }


  .uc-hero-orbit-one{
    width:290px !important;
    height:290px !important;
  }


  .uc-hero-orbit-two{
    width:350px !important;
    height:350px !important;
  }


  /* =====================================================
     FLOATING SERVICE IMAGES
     ===================================================== */

  .uc-solution{
    width:58px !important;
    max-width:58px !important;

    height:58px !important;

    padding:4px !important;

    border-radius:13px !important;
  }


  .uc-solution-img{
    width:50px !important;
    height:50px !important;

    flex:0 0 50px !important;
  }


  /* Audiology */
  .uc-sol-audiology{
    left:0 !important;
    top:5% !important;
  }


  /* Earmold */
  .uc-sol-earmold{
    right:0 !important;
    top:13% !important;
  }


  /* Roger — professional */
  .uc-sol-professional{
    right:0 !important;
    bottom:25% !important;
  }


  /* Batteries */
  .uc-sol-battery{
    left:1% !important;
    bottom:17% !important;
  }


  /* School Roger */
  .uc-sol-school{
    left:0 !important;
    top:32% !important;
  }


  /* =====================================================
     FOUR TECHNOLOGY TILES
     ===================================================== */

  .uc-hero-tech-row{
    left:50% !important;
    bottom:5px !important;

    transform:
      translateX(-50%) !important;

    gap:6px !important;
  }


  .uc-hero-tech-tile{
    width:44px !important;
    height:44px !important;

    flex:0 0 44px !important;

    padding:5px !important;

    border-radius:11px !important;
  }

}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 430px){

  .uc-hero-visual{
    min-height:480px !important;
    height:480px !important;
  }


  .uc-main-device{
    width:min(80vw,330px) !important;
  }


  /* Keep school solution hidden on small phones */
  .uc-sol-school{
    display:none !important;
  }


  .uc-hero-tech-row{
    bottom:3px !important;
  }

}

/* =========================================================
   UNICARE TECHNOLOGY — MOBILE REFINEMENT
   Desktop + tablet unchanged
   ========================================================= */

@media (max-width: 767px){

  /* Overall technology section */
  .uc-tech{
    overflow:hidden !important;
  }


  /* Reduce excessive mobile spacing */
  .uc-tech-heading{
    margin-bottom:32px !important;
  }


  /* =====================================================
     MOBILE STAGE
     Convert desktop network into clean vertical journey
     ===================================================== */

  .uc-tech-stage{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    height:auto !important;
    min-height:0 !important;

    padding-top:0 !important;
  }


  /* =====================================================
     CENTRAL INTELLIGENCE CORE
     Put it back into normal document flow
     ===================================================== */

  .uc-tech-core{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    transform:none !important;

    margin:12px auto 52px !important;
  }


  /* =====================================================
     NETWORK LINES
     Desktop concept doesn't work with stacked cards
     ===================================================== */

  .uc-tech-signal,
  .uc-tech-line{
    display:none !important;
  }


  /* =====================================================
     SIX TECHNOLOGY CARDS
     ===================================================== */

  .uc-tech-list{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:100% !important;

    display:flex !important;
    flex-direction:column !important;

    gap:16px !important;

    padding:0 14px !important;
  }


  .uc-tech-item{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:100% !important;
    max-width:100% !important;

    min-height:0 !important;

    margin:0 !important;
  }


  /* Cancel desktop individual positioning */
  .uc-tech-item-1,
  .uc-tech-item-2,
  .uc-tech-item-3,
  .uc-tech-item-4,
  .uc-tech-item-5,
  .uc-tech-item-6{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    transform:none !important;
  }


  /* =====================================================
     FOOTER / DISCLAIMER / CTA
     ===================================================== */

  .uc-tech-footer{
    margin-top:34px !important;
  }

}

/* =========================================================
   TECHNOLOGY MOBILE — REMOVE EXCESS EMPTY SPACE
   ========================================================= */

@media (max-width: 767px){

  /* Heading should finish naturally */
  .uc-tech-heading{
    margin-bottom:20px !important;
  }


  /* Remove desktop stage spacing */
  .uc-tech-stage{
    height:auto !important;
    min-height:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    gap:0 !important;
  }


  /* Core closer to heading */
  .uc-tech-core{
    margin:
      8px auto
      32px auto !important;
  }


  /* Remove any desktop spacing inherited by list */
  .uc-tech-list{
    margin-top:0 !important;
    padding-top:0 !important;

    gap:16px !important;
  }


  /* Cards stay exactly as designed */
  .uc-tech-item{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }


  /* Footer closer to last card */
  .uc-tech-footer{
    margin-top:26px !important;
    padding-top:20px !important;
  }

}
/* =========================================================
   PHONAK SOLUTIONS — MOBILE SELECTOR FIX
   Show all 4 device categories
   ========================================================= */

@media (max-width: 767px){

  /* .elementor-kit-40 container */
  .uc-device-tabs,
  .uc-product-tabs,
  .uc-hearing-tabs{
    width:100% !important;
    max-width:100% !important;

    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;

    gap:10px !important;

    overflow:visible !important;
  }


  /* individual .elementor-kit-40 items */
  .uc-device-tab,
  .uc-product-tab,
  .uc-hearing-tab{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    visibility:visible !important;
    opacity:1 !important;
  }

}
/* =========================================================
   PHONAK SHOWCASE — MOBILE TAB REFINEMENT
   Keep all 4 tabs, clean spacing between EN + AR
   ========================================================= */

@media (max-width: 767px){

  .uc-device-tabs{
    width:100% !important;

    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;

    gap:10px !important;

    padding:10px !important;

    overflow:visible !important;
  }


  .uc-device-tab{
    width:100% !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    gap:5px !important;

    padding:14px 8px !important;

    text-align:center !important;

    white-space:normal !important;
  }


  .uc-device-tab b{
    display:block !important;

    margin:0 !important;

    font-size:17px !important;
    line-height:1.15 !important;

    color:#15382a;
  }


  .uc-device-tab span{
    display:block !important;

    margin:0 !important;

    font-size:12px !important;
    line-height:1.5 !important;

    color:#66736b;

    white-space:normal !important;
  }


  /* Active tab */
  .uc-device-tab.is-active{
    background:#fff !important;
  }


  .uc-device-tab.is-active b{
    color:#5f9f20 !important;
  }

}

/* =========================================================
   UNICARE SERVICES — MOBILE COMPACT REFINEMENT
   Desktop + tablet unchanged
   ========================================================= */

@media (max-width: 767px){

  /* Slightly reduce section spacing */
  .uc-services-strip{
    padding-top:64px !important;
    padding-bottom:48px !important;
  }


  /* Tighter heading block */
  .uc-services-strip-heading{
    margin-bottom:28px !important;
  }


  .uc-services-strip-heading p{
    margin-top:14px !important;
  }


  /* Main services panel */
  .uc-services-strip-panel{
    padding:20px 14px !important;
  }


  /* Reduce vertical gap between cards */
  .uc-services-strip-grid{
    display:grid !important;
    grid-template-columns:1fr !important;

    gap:12px !important;
  }


  /* Individual service cards */
  .uc-services-strip-item{
    min-height:0 !important;

    padding:
      18px 16px !important;

    border-radius:18px !important;
  }


  /* Smaller icon box */
  .uc-services-strip-icon{
    width:54px !important;
    height:54px !important;

    margin-bottom:12px !important;

    border-radius:14px !important;
  }


  .uc-services-strip-icon svg{
    width:23px !important;
    height:23px !important;
  }


  /* Keep headings readable but tighten spacing */
  .uc-services-strip-item h3{
    margin:
      0 0 7px !important;

    line-height:1.4 !important;
  }


  .uc-services-strip-item p{
    margin:0 !important;

    line-height:1.7 !important;
  }


  /* Decorative waveform stays behind content */
  .uc-services-strip-wave{
    opacity:.55 !important;
  }


  /* CTA closer to service cards */
  .uc-services-strip-action{
    margin-top:26px !important;
    margin-bottom:0 !important;
  }


  .uc-services-strip-btn{
    min-height:50px !important;

    padding:
      12px 24px !important;
  }

}
@media (max-width: 767px){
  .uc-services-strip-action{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }

  .uc-services-strip-inner{
    padding-bottom:24px !important;
  }
}
/* =========================================================
   UNICARE FAQ — MOBILE REFINEMENT
   Desktop + tablet unchanged
   ========================================================= */

@media (max-width: 767px){

  /* Overall section spacing */
  .uc-faq{
    padding-top:62px !important;
    padding-bottom:54px !important;
  }


  /* Heading area */
  .uc-faq-heading{
    margin-bottom:30px !important;
  }


  .uc-faq-heading h2{
    font-size:clamp(34px,9vw,44px) !important;
    line-height:1.2 !important;
  }


  .uc-faq-heading p{
    margin-top:14px !important;

    font-size:15px !important;
    line-height:1.8 !important;
  }


  /* FAQ list */
  .uc-faq-list{
    width:100% !important;
    max-width:100% !important;

    gap:12px !important;
  }


  /* Individual FAQ cards */
  .uc-faq-item{
    width:100% !important;
    max-width:100% !important;

    border-radius:18px !important;

    overflow:hidden !important;
  }


  /* =====================================================
     QUESTION ROW
     Main fix for text clipping
     ===================================================== */

  .uc-faq-question{
    width:100% !important;
    min-width:0 !important;

    display:grid !important;

    grid-template-columns:
      minmax(0,1fr)
      42px !important;

    align-items:center !important;

    gap:12px !important;

    padding:
      16px 16px !important;

    text-align:right !important;
  }


  .uc-faq-question span{
    min-width:0 !important;

    white-space:normal !important;

    overflow-wrap:anywhere !important;
    word-break:normal !important;

    font-size:16px !important;
    line-height:1.65 !important;

    text-align:right !important;
  }


  /* + / − button */
  .uc-faq-question i{
    width:40px !important;
    height:40px !important;

    min-width:40px !important;

    margin:0 !important;

    border-radius:11px !important;
  }


  /* =====================================================
     ANSWER
     ===================================================== */

  .uc-faq-answer{
    padding:
      0 16px 17px !important;
  }


  .uc-faq-answer p{
    margin:0 !important;

    padding-top:14px !important;

    font-size:14px !important;
    line-height:1.9 !important;
  }


  /* Smaller divider inside open item */
  .uc-faq-item.is-open .uc-faq-answer{
    margin-top:0 !important;
  }


  /* =====================================================
     HELP LINE
     ===================================================== */

  .uc-faq-help{
    margin-top:24px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;

    gap:6px 10px !important;

    text-align:center !important;
  }

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

  /* Give footer a little protected space for floating accessibility button */
  .uc-footer{
    padding-bottom:84px !important;
  }

  /* Tighten bottom legal area */
  .uc-footer-bottom{
    margin-top:28px !important;
    padding-top:18px !important;
    padding-bottom:8px !important;
  }

  /* Slightly reduce gaps between footer groups */
  .uc-footer-col{
    margin-bottom:26px !important;
  }

}
/* =========================================================
   PATIENT JOURNEY — DESKTOP WIDTH REFINEMENT
   ========================================================= */

@media (min-width: 981px){

  .uc-path-inner{
    width:min(94%, 1320px) !important;
  }

  .uc-path-map{
    width:100% !important;
    max-width:1280px !important;
    margin:
      72px auto 0 !important;
  }

  .uc-path-stop{
    width:350px !important;
  }

}
/* =========================================================
   PATIENT JOURNEY — MOBILE COMPACT REFINEMENT
   Desktop/tablet unchanged
   ========================================================= */

@media (max-width: 767px){

  .uc-path{
    padding-top:64px !important;
    padding-bottom:54px !important;
  }

  .uc-path-heading{
    margin-bottom:0 !important;
  }

  .uc-path-map{
    margin-top:38px !important;
    gap:18px !important;
  }

  .uc-path-stop{
    width:100% !important;
    max-width:100% !important;
  }

  .uc-path-card{
    min-height:0 !important;

    padding:
      38px 18px
      20px !important;

    border-radius:20px !important;
  }

  .uc-path-node{
    width:60px !important;
    height:60px !important;

    top:-25px !important;

    border-width:6px !important;
  }

  .uc-path-node span{
    font-size:12px !important;
  }

  .uc-path-icon{
    width:48px !important;
    height:48px !important;

    margin-bottom:12px !important;

    border-radius:14px !important;
  }

  .uc-path-icon svg{
    width:24px !important;
    height:24px !important;
  }

  .uc-path-card h3{
    font-size:20px !important;
    line-height:1.45 !important;
  }

  .uc-path-card p{
    margin-top:8px !important;

    font-size:15px !important;
    line-height:1.75 !important;
  }

  .uc-path-end{
    margin-top:28px !important;

    padding:
      20px 18px !important;

    border-radius:20px !important;
  }

  .uc-path-end p{
    font-size:14px !important;
    line-height:1.8 !important;
  }

  .uc-path-btn{
    margin-top:18px !important;

    padding:
      13px 26px !important;
  }

}/* End custom CSS */