.elementor-22235 .elementor-element.elementor-element-9a21d1a{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22235 .elementor-element.elementor-element-265e66b{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22235 .elementor-element.elementor-element-ad9f37e > .elementor-widget-container{background-color:transparent;padding:8px 8px 8px 8px;background-image:linear-gradient(180deg, #393EBB 0%, #393EBB 100%);}.elementor-22235 .elementor-element.elementor-element-6a4778c{--display:flex;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22235 .elementor-element.elementor-element-3abeaf8{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22235 .elementor-element.elementor-element-9916b9c > .elementor-widget-container{background-color:transparent;padding:8px 8px 8px 8px;background-image:linear-gradient(180deg, #393EBB 0%, #393EBB 100%);}.elementor-22235 .elementor-element.elementor-element-742d4cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:150px 150px;--row-gap:150px;--column-gap:150px;}.elementor-22235 .elementor-element.elementor-element-7b0f13c{--display:flex;}.elementor-22235 .elementor-element.elementor-element-e9017dc{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:-18px;--margin-left:0px;--margin-right:0px;}.elementor-22235 .elementor-element.elementor-element-30a1144 > .elementor-widget-container{margin:0px 0px 3px 0px;}.elementor-22235 .elementor-element.elementor-element-3209b9e{--display:flex;}.elementor-22235 .elementor-element.elementor-element-b94082f{--display:flex;}.elementor-22235 .elementor-element.elementor-element-d3e7553{--display:flex;--margin-top:0px;--margin-bottom:-18px;--margin-left:0px;--margin-right:0px;}.elementor-22235 .elementor-element.elementor-element-d4c34ec > .elementor-widget-container{margin:0px 0px 3px 0px;}.elementor-22235 .elementor-element.elementor-element-fd001c7{--display:flex;}/* Start custom CSS for html, class: .elementor-element-1558f27 */.hero-home {
    font-family: 'Barlow', sans-serif;
    display: grid;
    grid-template-columns: 55% 45%;
    min-height: 380px;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
  }

  .hero-home-img-col {
    position: relative;
    overflow: hidden;
    min-height: 280px;
  }

  .hero-home-img-col img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  .hero-home-img-col::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(to right, transparent 55%, rgba(33,36,108,0.45) 100%);
  }

  .hero-home-right {
    background: linear-gradient(160deg, #2C3090 0%, #393EBB 55%, #21246C 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2.5rem 2rem;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .hero-home-right::before {
    content: '';
    position: absolute; top: -60px; right: -60px;
    width: 220px; height: 220px;
    border-radius: 50%;
    background: rgba(95,99,206,0.18);
  }

  .hero-home-right::after {
    content: '';
    position: absolute; bottom: -40px; left: -40px;
    width: 160px; height: 160px;
    border-radius: 50%;
    background: rgba(33,36,108,0.35);
  }

  .hero-home-right > * { position: relative; z-index: 1; }

  .logo-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1.5rem;
  }

  .logo-name {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: clamp(22px, 3vw, 32px);
    font-weight: 800;
    color: #fff;
    letter-spacing: 3px;
    line-height: 1.1;
  }

  .logo-sub {
    font-size: clamp(7px, 0.8vw, 9px);
    color: rgba(255,255,255,0.65);
    letter-spacing: 0.4px;
    font-style: italic;
    margin-top: 2px;
    line-height: 1.5;
  }

  .divider {
    width: 40px; height: 3px;
    background: rgba(255,255,255,0.4);
    border-radius: 2px;
    margin: 0 auto 1.5rem;
  }

  .hero-home-body {
    font-size: clamp(9.5px, 1.1vw, 13px);
    font-weight: 400;
    color: rgba(255,255,255,0.85);
    letter-spacing: clamp(1.2px, 0.2vw, 2.2px);
    text-transform: uppercase;
    line-height: 2.2;
  }

  .hero-home-body strong {
    font-weight: 700;
    color: #fff;
  }

  .hero-home-cta {
    display: block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: clamp(13px, 1.6vw, 19px);
    font-weight: 700;
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-top: 1px solid rgba(255,255,255,0.25);
    padding-top: 0.6rem;
    margin-top: 0.7rem;
  }

  /* ── TABLET: stack vertically ── */
  @media (max-width: 720px) {
    .hero-home {
      grid-template-columns: 1fr;
      min-height: unset;
    }

    .hero-home-img-col {
      min-height: 220px;
      max-height: 260px;
    }

    .hero-home-img-col::after {
      background: linear-gradient(to bottom, transparent 50%, rgba(33,36,108,0.5) 100%);
    }

    .hero-home-right {
      padding: 2rem 1.75rem;
    }

    .logo-name { font-size: 26px; }
    .logo-sub  { font-size: 8px; }

    .hero-home-body {
      font-size: 10.5px;
      letter-spacing: 1.8px;
      line-height: 2;
    }

    .hero-home-cta { font-size: 16px; }
  }

  /* ── MOBILE ── */
  @media (max-width: 480px) {
    .hero-home-img-col {
      min-height: 180px;
      max-height: 200px;
    }

    .hero-home-right {
      padding: 1.5rem 1.25rem;
    }

    .logo-wrap { gap: 8px; margin-bottom: 1.1rem; }
    .logo-name { font-size: 22px; letter-spacing: 2px; }
    .logo-sub  { font-size: 7px; }

    .logo-icon { width: 26px; height: 26px; }

    .divider { margin-bottom: 1.1rem; }

    .hero-home-body {
      font-size: 9.5px;
      letter-spacing: 1.4px;
      line-height: 1.95;
    }

    .hero-home-cta {
      font-size: 13.5px;
      letter-spacing: 2px;
    }
  }

  /* ── LARGE DESKTOP ── */
  @media (min-width: 1200px) {
    .hero-home { min-height: 440px; }

    .logo-name { font-size: 34px; }
    .logo-sub  { font-size: 9.5px; }

    .hero-home-body {
      font-size: 13.5px;
      letter-spacing: 2.4px;
      line-height: 2.3;
    }

    .hero-home-cta { font-size: 21px; }
  }

  /* ── PREVIEW CONTROLS ── */
  .preview-bar {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
  }

  .preview-btn {
    font-family: 'Barlow', sans-serif;
    font-size: 12px;
    padding: 5px 14px;
    border-radius: 20px;
    border: 1px solid #2C3090;
    background: transparent;
    color: #2C3090;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
  }

  .preview-btn.active, .preview-btn:hover {
    background: #2C3090;
    color: #fff;
  }

  .preview-frame {
    width: 100%;
    overflow: hidden;
    transition: max-width 0.3s ease;
    border-radius: 6px;
  }/* End custom CSS */