:root {
      --solar-z-red: #c1161d;
      --solar-z-red-dark: #a7151b;
      --solar-z-highlight: #f7e2e2;
      --solar-z-radius: 28px;
      --solar-z-row-height: 460px;
    }
    
    .solarpro-zhero,
    .solarpro-zhero * {
      box-sizing: border-box !important;
    }
    
    .solarpro-zhero {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      direction: rtl !important;
    }
    
    /* =========================================================
       DESKTOP GRID
    ========================================================= */
    
    .solarpro-zhero__grid {
      width: 100% !important;
      max-width: 100% !important;
    
      height: var(--solar-z-row-height) !important;
      min-height: var(--solar-z-row-height) !important;
    
      display: grid !important;
    
      grid-template-columns:
        minmax(0, 25%)
        minmax(0, 22%)
        minmax(0, 53%) !important;
    
      grid-template-rows: 1fr !important;
    
      align-items: stretch !important;
    
      gap: 14px !important;
    
      margin: 0 !important;
      padding: 0 !important;
    
      direction: ltr !important;
    
      overflow: hidden !important;
    }
    
    /* =========================================================
       EXPLICIT DESKTOP ORDER
    ========================================================= */
    
    .solarpro-zhero__carousel {
      grid-column: 1 !important;
      grid-row: 1 !important;
    }
    
    .solarpro-zhero__middle {
      grid-column: 2 !important;
      grid-row: 1 !important;
    }
    
    .solarpro-zhero__main {
      grid-column: 3 !important;
      grid-row: 1 !important;
    }
    
    /* =========================================================
       SHARED CARDS
    ========================================================= */
    
    .solarpro-zhero__main,
    .solarpro-zhero__middle,
    .solarpro-zhero__carousel {
      position: relative !important;
    
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    
      height: var(--solar-z-row-height) !important;
      min-height: var(--solar-z-row-height) !important;
      max-height: var(--solar-z-row-height) !important;
    
      margin: 0 !important;
      padding: 0 !important;
    
      overflow: hidden !important;
    
      border-radius: var(--solar-z-radius) !important;
    
      background: #111 !important;
    }
    
    /* =========================================================
       MAIN HERO
    ========================================================= */
    
    .solarpro-zhero__main {
      direction: rtl !important;
    }
    
    .solarpro-zhero__main-image {
      position: absolute !important;
      inset: 0 !important;
    
      width: 100% !important;
      height: 100% !important;
    
      min-width: 100% !important;
      min-height: 100% !important;
    
      max-width: none !important;
      max-height: none !important;
    
      display: block !important;
    
      margin: 0 !important;
      padding: 0 !important;
    
      object-fit: cover !important;
      object-position: center center !important;
    
      border-radius: inherit !important;
    
      transition: transform 7s ease !important;
    }
    
    .solarpro-zhero__main:hover
    .solarpro-zhero__main-image {
      transform: scale(1.025) !important;
    }
    
    .solarpro-zhero__main::before {
      content: "" !important;
    
      position: absolute !important;
      inset: 0 !important;
    
      z-index: 1 !important;
    
      pointer-events: none !important;
    
      background:
        linear-gradient(
          270deg,
          rgba(5,5,5,.95) 0%,
          rgba(5,5,5,.78) 35%,
          rgba(5,5,5,.40) 66%,
          rgba(5,5,5,.06) 100%
        ) !important;
    }
    
    .solarpro-zhero__main::after {
      content: "" !important;
    
      position: absolute !important;
      inset: 0 !important;
    
      z-index: 1 !important;
    
      pointer-events: none !important;
    
      background:
        linear-gradient(
          0deg,
          rgba(0,0,0,.45),
          transparent 50%
        ) !important;
    }
    
    /* =========================================================
       CONTENT
    ========================================================= */
    
    .solarpro-zhero__content {
      position: relative !important;
    
      z-index: 5 !important;
    
      width: 100% !important;
      height: 100% !important;
    
      display: flex !important;
    
      flex-direction: column !important;
    
      justify-content: center !important;
      align-items: flex-start !important;
    
      padding:
        34px
        clamp(28px, 3.6vw, 58px)
        72px !important;
    
      direction: rtl !important;
    
      text-align: right !important;
    }
    
    .solarpro-zhero__eyebrow {
      display: flex !important;
      align-items: center !important;
    
      gap: 9px !important;
    
      margin: 0 0 14px !important;
    
      color: rgba(255,255,255,.88) !important;
    
      font-size: 11px !important;
      font-weight: 600 !important;
    }
    
    .solarpro-zhero__eyebrow-dot {
    width: 26px !important;
    height: 8px !important;
    display: inline-block !important;
    flex: 0 0 26px !important;
    border-radius: 0 !important;
    background:
      linear-gradient(
        90deg,
        var(--solarpro-red, #c71920) 0 22%,
        transparent 22% 39%,
        var(--solarpro-red, #c71920) 39% 61%,
        transparent 61% 78%,
        var(--solarpro-red, #c71920) 78% 100%
      ) !important;
    transform: skewX(-18deg) !important;
    box-shadow: none !important;
}
    
    .solarpro-zhero__title {
      width: 100% !important;
      max-width: 480px !important;
    
      margin: 0 0 16px !important;
    
      color: #fff !important;
    
      font-size:
        clamp(28px, 2.4vw, 42px) !important;
    
      line-height: 1.28 !important;
    
      font-weight: 800 !important;
    }
    
    .solarpro-zhero__highlight {
      display: inline-block !important;
    
      margin-top: 6px !important;
    
      padding:
        3px
        12px
        5px !important;
    
      border-radius: 11px !important;
    
      background: var(--solar-z-highlight) !important;
    
      color: var(--solar-z-red) !important;
    
      line-height: 1.2 !important;
    }

    .solarpro-zhero__offer {
      font-size: 1.15em !important;
      font-weight: 900 !important;
      letter-spacing: -1px !important;
      padding: 4px 14px 6px !important;
    }

    .solarpro-zhero__main-copy-en {
      display: none !important;
    }

    body.translatepress-en_US
    .solarpro-zhero__main-copy-ar {
      display: none !important;
    }

    body.translatepress-en_US
    .solarpro-zhero__main-copy-en {
      display: inline !important;
    }
    
    .solarpro-zhero__description {
      max-width: 400px !important;
    
      margin: 0 0 20px !important;
    
      color: rgba(255,255,255,.73) !important;
    
      font-size: 13px !important;
      line-height: 1.85 !important;
    }
    
    /* =========================================================
       BUTTONS
    ========================================================= */
    
    .solarpro-zhero__actions {
      display: flex !important;
      align-items: center !important;
      flex-wrap: wrap !important;
    
      gap: 9px !important;
    }
    
    .solarpro-zhero__button {
      min-height: 44px !important;
    
      padding: 0 17px !important;
    
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    
      gap: 8px !important;
    
      border-radius: 13px !important;
    
      text-decoration: none !important;
    
      font-size: 12px !important;
      font-weight: 700 !important;
    
      transition:
        transform .25s ease,
        background .25s ease !important;
    }
    
    .solarpro-zhero__button--primary {
      background: var(--solar-z-red) !important;
      color: #fff !important;
    }
    
    .solarpro-zhero__button--primary:hover {
      background: var(--solar-z-red-dark) !important;
      transform: translateY(-2px) !important;
    }
    
    .solarpro-zhero__button--secondary {
      color: #fff !important;
    
      border:
        1px solid rgba(255,255,255,.22) !important;
    
      background:
        rgba(255,255,255,.08) !important;
    
      backdrop-filter: blur(10px) !important;
    }
    
    .solarpro-zhero__button--secondary:hover {
      background: rgba(255,255,255,.15) !important;
    }
    
    /* =========================================================
       SVG ICONS
    ========================================================= */
    
    .solarpro-zhero svg {
      display: block !important;
    }
    
    .solarpro-zhero__button-icon {
      width: 13px !important;
      height: 13px !important;
    
      flex: 0 0 13px !important;
    
      fill: none !important;
      stroke: currentColor !important;
    
      stroke-width: 2 !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
    }
    
    /* =========================================================
       TRUST
    ========================================================= */
    
    .solarpro-zhero__trust {
      position: absolute !important;
    
      z-index: 6 !important;
    
      right:
        clamp(28px, 3.6vw, 58px) !important;
    
      left:
        clamp(28px, 3.6vw, 58px) !important;
    
      bottom: 17px !important;
    
      padding-top: 12px !important;
    
      display: flex !important;
      align-items: center !important;
    
      gap: 18px !important;
    
      border-top:
        1px solid rgba(255,255,255,.12) !important;
    
      direction: rtl !important;
    }
    
    .solarpro-zhero__trust-item {
      display: flex !important;
      align-items: center !important;
    
      gap: 7px !important;
    
      color: rgba(255,255,255,.72) !important;
    
      font-size: 10px !important;
      font-weight: 500 !important;
    
      white-space: nowrap !important;
    }
    
    .solarpro-zhero__trust-icon {
      width: 28px !important;
      height: 28px !important;
    
      flex: 0 0 28px !important;
    
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    
      border-radius: 9px !important;
    
      background:
        rgba(193,22,29,.15) !important;
    
      color: #ed686d !important;
    }
    
    .solarpro-zhero__trust-icon svg {
      width: 12px !important;
      height: 12px !important;
    
      fill: none !important;
      stroke: currentColor !important;
    
      stroke-width: 1.8 !important;
    }
    
    /* =========================================================
       DEFENDER
    ========================================================= */
    
    .solarpro-zhero__middle {
      display: flex !important;
      flex-direction: column !important;
      background: radial-gradient(70% 90% at 50% 55%, #4a060a 0%, #170202 62%) !important;
    }

    .solarpro-zhero .solarpro-zhero__middle-link {
      position: relative !important;
      inset: auto !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      justify-content: flex-start !important;
      gap: 6px !important;
      width: 100% !important;
      height: 100% !important;
      padding: 18px 14px 8px !important;
      text-decoration: none !important;
      color: #fff !important;
      box-sizing: border-box !important;
    }

    .solarpro-zhero__gauge-copy {
      position: relative !important;
      z-index: 3 !important;
      flex: 0 0 auto !important;
      text-align: center !important;
      color: #fff !important;
    }

    .solarpro-zhero__gauge-title {
      margin: 0 0 8px !important;
      color: #fff !important;
      font-size: clamp(15px, 1.4vw, 22px) !important;
      font-weight: 800 !important;
      line-height: 1.35 !important;
    }

    .solarpro-zhero__gauge-accent {
      color: #e31e24 !important;
      font-style: normal !important;
    }

    .solarpro-zhero__gauge-sub {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
      margin: 0 !important;
      color: #d4d4d4 !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      line-height: 1.4 !important;
    }

    .solarpro-zhero__gauge {
      position: relative !important;
      flex: 1 1 auto !important;
      min-height: 0 !important;
      width: 100% !important;
      height: auto !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 0 !important;
    }

    .solarpro-zhero__gauge svg {
      display: block !important;
      width: 100% !important;
      height: auto !important;
      max-height: 100% !important;
      overflow: visible !important;
    }

    .solarpro-zhero__gauge-tick {
      stroke: #555 !important;
      stroke-width: 2 !important;
      stroke-linecap: round !important;
    }

    .solarpro-zhero__gauge-tick--major {
      stroke: #bdbdbd !important;
      stroke-width: 3 !important;
    }

    .solarpro-zhero__gauge-tick--red {
      stroke: #e31e24 !important;
    }

    .solarpro-zhero__gauge-num {
      fill: #8a8a8a !important;
      font-size: 17px !important;
      font-weight: 600 !important;
    }

    .solarpro-zhero__gauge-num--red {
      fill: #e31e24 !important;
    }

    .solarpro-zhero__gauge-readout {
      position: absolute !important;
      left: 50% !important;
      top: 72% !important;
      transform: translate(-50%, -50%) !important;
      text-align: center !important;
      line-height: 1 !important;
      color: #fff !important;
      pointer-events: none !important;
    }

    .solarpro-zhero__gauge-readout b {
      display: block !important;
      font-size: clamp(42px, 4vw, 72px) !important;
      font-weight: 800 !important;
      font-variant-numeric: tabular-nums !important;
      direction: ltr !important;
      color: #fff !important;
    }

    .solarpro-zhero__gauge-readout > span {
      display: block !important;
      margin-top: 6px !important;
      font-size: 13px !important;
      color: #a6a6a6 !important;
    }

    .solarpro-zhero__middle-link {
      position: relative !important;
      inset: auto !important;
      z-index: 2 !important;
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
      height: 100% !important;
      cursor: pointer !important;
    }
    
    .solarpro-zhero__middle-image {
      position: absolute !important;
      inset: 0 !important;
    
      width: 100% !important;
      height: 100% !important;
    
      min-width: 100% !important;
      min-height: 100% !important;
    
      max-width: none !important;
      max-height: none !important;
    
      margin: 0 !important;
      padding: 0 !important;
    
      display: block !important;
    
      object-fit: cover !important;
      object-position: center center !important;
    
      border-radius: inherit !important;
    
      transition:
        transform 7s ease !important;
    }
    
    .solarpro-zhero__middle:hover
    .solarpro-zhero__middle-image {
      transform:
        scale(1.02) !important;
    }
    
    /* =========================================================
       VIDEO CAROUSEL
    ========================================================= */
    
    .solarpro-zhero__carousel {
      isolation: isolate !important;
    }
    
    /* =========================================================
       SLIDES
    ========================================================= */
    
    .solarpro-zhero__slide {
      position: absolute !important;
      inset: 0 !important;
    
      width: 100% !important;
      height: 100% !important;
    
      min-width: 100% !important;
      min-height: 100% !important;
    
      margin: 0 !important;
      padding: 0 !important;
    
      overflow: hidden !important;
    
      border-radius: inherit !important;
    
      opacity: 0 !important;
      visibility: hidden !important;
    
      pointer-events: none !important;
    
      transition:
        opacity .45s ease,
        visibility .45s ease !important;
    }
    
    .solarpro-zhero__slide.is-active {
      opacity: 1 !important;
      visibility: visible !important;
    
      pointer-events: auto !important;
    }
    
    /* =========================================================
       VIDEO
    ========================================================= */
    
    .solarpro-zhero__video {
      position: absolute !important;
      inset: 0 !important;
    
      width: 100% !important;
      height: 100% !important;
    
      min-width: 100% !important;
      min-height: 100% !important;
    
      max-width: none !important;
      max-height: none !important;
    
      margin: 0 !important;
      padding: 0 !important;
    
      display: block !important;
    
      object-fit: cover !important;
      object-position: center center !important;
    
      border-radius: inherit !important;
    
      background: #111 !important;
    }

    /* =========================================================
       SLIDE CONTENT
    ========================================================= */

    .solarpro-zhero__slide-content {
      position: absolute !important;

      z-index: 4 !important;

      right: 16px !important;
      left: 16px !important;
      bottom: 52px !important;

      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      gap: 7px !important;

      max-width: 92% !important;

      direction: rtl !important;

      pointer-events: none !important;
    }

    body.translatepress-en_US
    .solarpro-zhero__slide-content {
      direction: ltr !important;
    }

    .solarpro-zhero__slide-tag {
      display: inline-flex !important;
      align-items: center !important;

      padding: 4px 10px !important;

      border-radius: 999px !important;

      background: rgba(193,22,29,.92) !important;

      color: #ffffff !important;

      font-size: 10px !important;
      font-weight: 700 !important;
      line-height: 1.2 !important;

      letter-spacing: .2px !important;
    }

    .solarpro-zhero__slide-title {
      margin: 0 !important;
      padding: 0 !important;

      color: #ffffff !important;

      font-size: clamp(16px, 1.5vw, 20px) !important;
      font-weight: 800 !important;
      line-height: 1.25 !important;

      text-shadow:
        0 2px 14px rgba(0,0,0,.5) !important;
    }

    .solarpro-zhero__slide-text {
      margin: 0 !important;
      padding: 0 !important;

      max-width: 260px !important;

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

      font-size: 11px !important;
      font-weight: 500 !important;
      line-height: 1.55 !important;

      text-shadow:
        0 1px 10px rgba(0,0,0,.45) !important;
    }

    .solarpro-zhero__slide.is-active
    .solarpro-zhero__slide-content {
      animation:
        solarProSlideTitleIn .55s ease both !important;
    }

    .solarpro-zhero__slide-copy-en {
      display: none !important;
    }

    body.translatepress-en_US
    .solarpro-zhero__slide-copy-ar {
      display: none !important;
    }

    body.translatepress-en_US
    .solarpro-zhero__slide-copy-en {
      display: inline !important;
    }

    @keyframes solarProSlideTitleIn {
      from {
        opacity: 0;
        transform: translateY(10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    /* =========================================================
       VIDEO FADES
    ========================================================= */
    
    .solarpro-zhero__carousel::before {
      content: "" !important;
    
      position: absolute !important;
    
      top: 0 !important;
      right: 0 !important;
      left: 0 !important;
    
      height: 68px !important;
    
      z-index: 5 !important;
    
      pointer-events: none !important;
    
      background:
        linear-gradient(
          180deg,
          rgba(0,0,0,.28),
          transparent
        ) !important;
    }
    
    .solarpro-zhero__carousel::after {
      content: "" !important;
    
      position: absolute !important;
    
      right: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
    
      height: 130px !important;
    
      z-index: 3 !important;
    
      pointer-events: none !important;
    
      background:
        linear-gradient(
          0deg,
          rgba(0,0,0,.25),
          transparent
        ) !important;
    }
    
    /* =========================================================
       NAV
    ========================================================= */
    
    .solarpro-zhero__nav {
      position: absolute !important;
    
      z-index: 50 !important;
    
      top: 13px !important;
      left: 13px !important;
    
      display: flex !important;
    
      align-items: center !important;
    
      gap: 5px !important;
    
      padding: 5px !important;
      margin: 0 !important;
    
      border-radius: 16px !important;
    
      border:
        1px solid rgba(255,255,255,.14) !important;
    
      background:
        rgba(22,22,22,.47) !important;
    
      backdrop-filter:
        blur(12px) !important;
    
      direction: ltr !important;
    }
    
    .solarpro-zhero__arrow {
      width: 36px !important;
      height: 36px !important;
    
      min-width: 36px !important;
      max-width: 36px !important;
    
      min-height: 36px !important;
      max-height: 36px !important;
    
      margin: 0 !important;
      padding: 0 !important;
    
      border: 0 !important;
    
      border-radius: 11px !important;
    
      display: flex !important;
    
      align-items: center !important;
      justify-content: center !important;
    
      background:
        rgba(255,255,255,.09) !important;
    
      cursor: pointer !important;
    
      transition:
        background .25s ease,
        transform .25s ease !important;
    }
    
    .solarpro-zhero__arrow:hover {
      background:
        var(--solar-z-red) !important;
    
      transform:
        translateY(-1px) !important;
    }
    
    .solarpro-zhero__arrow-svg {
      width: 15px !important;
      height: 15px !important;
    
      fill: none !important;
      stroke: #fff !important;
    
      stroke-width: 2 !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
    }
    
    /* =========================================================
       PAGINATION
    ========================================================= */
    
    .solarpro-zhero__pagination {
      position: absolute !important;
    
      z-index: 50 !important;
    
      left: 50% !important;
      bottom: 13px !important;
    
      transform:
        translateX(-50%) !important;
    
      width: auto !important;
      min-width: 0 !important;
      max-width: none !important;
    
      height: 24px !important;
      min-height: 24px !important;
    
      display: inline-flex !important;
    
      align-items: center !important;
      justify-content: center !important;
    
      flex-direction: row !important;
    
      gap: 5px !important;
    
      margin: 0 !important;
    
      padding:
        4px
        7px !important;
    
      border-radius: 999px !important;
    
      border:
        1px solid rgba(255,255,255,.15) !important;
    
      background:
        rgba(15,15,15,.46) !important;
    
      backdrop-filter:
        blur(12px) !important;
    
      direction: ltr !important;
    }
    
    .solarpro-zhero__pagination
    .solarpro-zhero__dot {
      position: relative !important;
    
      display: block !important;
    
      flex:
        0
        0
        7px !important;
    
      width: 7px !important;
      min-width: 7px !important;
      max-width: 7px !important;
    
      height: 7px !important;
      min-height: 7px !important;
      max-height: 7px !important;
    
      margin: 0 !important;
      padding: 0 !important;
    
      border: 0 !important;
    
      border-radius: 999px !important;
    
      background:
        rgba(255,255,255,.48) !important;
    
      appearance: none !important;
      -webkit-appearance: none !important;
    
      cursor: pointer !important;
    
      overflow: hidden !important;
    
      box-shadow: none !important;
      outline: none !important;
    
      line-height: 0 !important;
      font-size: 0 !important;
    
      transition:
        flex-basis .3s ease,
        width .3s ease,
        max-width .3s ease !important;
    }
    
    .solarpro-zhero__pagination
    .solarpro-zhero__dot.is-active {
      flex-basis: 22px !important;
    
      width: 22px !important;
      min-width: 22px !important;
      max-width: 22px !important;
    
      background:
        rgba(255,255,255,.20) !important;
    }
    
    .solarpro-zhero__pagination
    .solarpro-zhero__dot.is-active::after {
      content: "" !important;
    
      position: absolute !important;
    
      inset: 0 !important;
    
      border-radius: inherit !important;
    
      background:
        var(--solar-z-red) !important;
    
      transform-origin:
        left center !important;
    
      animation:
        solarProProgress
        6.5s
        linear
        forwards !important;
    }
    
    @keyframes solarProProgress {
    
      from {
        transform: scaleX(0);
      }
    
      to {
        transform: scaleX(1);
      }
    
    }
    
    /* =========================================================
       MEDIUM DESKTOP
    ========================================================= */
    
    @media (max-width: 1200px) {
    
      .solarpro-zhero__grid {
        grid-template-columns:
          minmax(0, 25%)
          minmax(0, 22%)
          minmax(0, 53%) !important;
      }
    
      .solarpro-zhero__title {
        font-size:
          clamp(29px, 3vw, 44px) !important;
      }
    
    }
    
    /* =========================================================
       TABLET
    ========================================================= */
    
    @media (max-width: 900px) {
    
      .solarpro-zhero__grid {
        height: auto !important;
        min-height: 0 !important;
    
        grid-template-columns:
          1fr
          1fr !important;
    
        grid-template-rows:
          auto
          auto !important;
    
        gap: 16px !important;
    
        direction: rtl !important;
    
        overflow: visible !important;
      }
    
      .solarpro-zhero__main {
        grid-column:
          1 / -1 !important;
    
        grid-row:
          1 !important;
    
        height: 420px !important;
    
        min-height: 420px !important;
        max-height: 420px !important;
      }
    
      .solarpro-zhero__content {
        height: 100% !important;
      }
    
      .solarpro-zhero__middle {
        grid-column:
          1 !important;
    
        grid-row:
          2 !important;
    
        height: 380px !important;
    
        min-height: 380px !important;
        max-height: 380px !important;
      }
    
      .solarpro-zhero__carousel {
        grid-column:
          2 !important;
    
        grid-row:
          2 !important;
    
        height: 380px !important;
    
        min-height: 380px !important;
        max-height: 380px !important;
      }
    
    }
    
    /* =========================================================
       MOBILE
       MAIN BANNER FIRST
       VIDEO SECOND
       DEFENDER THIRD
    ========================================================= */
    
    @media (max-width: 640px) {
    
      .solarpro-zhero {
        overflow: visible !important;
      }
    
      .solarpro-zhero__grid {
        display: flex !important;
    
        flex-direction: column !important;
    
        gap: 18px !important;
    
        width: 100% !important;
        max-width: 100% !important;
    
        height: auto !important;
        min-height: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        overflow: visible !important;
      }
    
      /* MAIN BANNER FIRST */
    
      .solarpro-zhero__main {
        order: 1 !important;
    
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    
        height: 420px !important;
    
        min-height: 420px !important;
        max-height: 420px !important;
    
        border-radius: 22px !important;
      }
    
      /* VIDEO SECOND */
    
      .solarpro-zhero__carousel {
        order: 2 !important;
    
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    
        height: 400px !important;
    
        min-height: 400px !important;
        max-height: 400px !important;
    
        border-radius: 22px !important;
      }
    
      /* DEFENDER THIRD */
    
      .solarpro-zhero__middle {
        order: 3 !important;
    
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    
        height: 360px !important;
    
        min-height: 360px !important;
        max-height: 360px !important;
    
        border-radius: 22px !important;
      }
    
      .solarpro-zhero__content {
        height: 100% !important;
    
        justify-content:
          flex-start !important;
    
        padding:
          32px
          20px
          125px !important;
      }
    
      .solarpro-zhero__title {
        font-size:
          29px !important;
      }
    
      .solarpro-zhero__description {
        font-size:
          12px !important;
      }
    
      .solarpro-zhero__trust {
        right:
          20px !important;
    
        left:
          20px !important;
    
        display:
          grid !important;
    
        grid-template-columns:
          1fr
          1fr !important;
    
        gap:
          8px !important;
      }
    
      .solarpro-zhero__trust-item {
        white-space:
          normal !important;
      }
    
      .solarpro-zhero__trust-item:last-child {
        grid-column:
          1 / -1 !important;
      }
    
      .solarpro-zhero__nav {
        top: 12px !important;
        left: 12px !important;
      }
    
      .solarpro-zhero__pagination {
        bottom: 12px !important;
      }
    
    }

    /* =========================================================
       RTL (Arabic default) / LTR (English)
       body.translatepress-en_US → LTR
    ========================================================= */

    body.translatepress-en_US .solarpro-zhero {
      direction: ltr !important;
    }

    body.translatepress-en_US .solarpro-zhero__main {
      direction: ltr !important;
      grid-column: 1 !important;
    }

    body.translatepress-en_US .solarpro-zhero__middle {
      grid-column: 2 !important;
    }

    body.translatepress-en_US .solarpro-zhero__carousel {
      grid-column: 3 !important;
    }

    body.translatepress-en_US .solarpro-zhero__grid {
      grid-template-columns:
        minmax(0, 53%)
        minmax(0, 22%)
        minmax(0, 25%) !important;
    }

    body.translatepress-en_US .solarpro-zhero__content {
      direction: ltr !important;
      text-align: left !important;
      align-items: flex-start !important;
    }

    body.translatepress-en_US .solarpro-zhero__main::before {
      background:
        linear-gradient(
          90deg,
          rgba(5,5,5,.95) 0%,
          rgba(5,5,5,.78) 35%,
          rgba(5,5,5,.40) 66%,
          rgba(5,5,5,.06) 100%
        ) !important;
    }

    body.translatepress-en_US .solarpro-zhero__trust {
      direction: ltr !important;
    }

    body.translatepress-en_US
    .solarpro-zhero__button--primary
    .solarpro-zhero__button-icon {
      transform: scaleX(-1) !important;
    }

    @media (max-width: 900px) {

      body.translatepress-en_US .solarpro-zhero__grid {
        direction: ltr !important;

        grid-template-columns:
          1fr
          1fr !important;
      }

      body.translatepress-en_US .solarpro-zhero__main {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
      }

      body.translatepress-en_US .solarpro-zhero__carousel {
        grid-column: 1 !important;
        grid-row: 2 !important;
      }

      body.translatepress-en_US .solarpro-zhero__middle {
        grid-column: 2 !important;
        grid-row: 2 !important;
      }

    }