.lsc-hero {
      position: relative;
      padding-bottom: 150px;
    }

    @media (max-width: 767px) {
      .lsc-hero {
        padding-bottom: 110px;
      }
    }

    .lsc-contact {
      background: #fafafc;
      position: relative;
      padding: 0 0 10px;
    }

    .lsc-card {
      position: relative;
      z-index: 3;
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      background: #fff;
      border-radius: 24px;
      overflow: hidden;
      box-shadow: 0 40px 80px -40px rgba(13, 40, 82, .35);
      margin-top: -110px;
    }

    @media (max-width: 991px) {
      .lsc-card {
        grid-template-columns: 1fr;
        margin-top: -80px;
      }
    }

    /* ---- left brand info panel ---- */
    .lsc-info {
      position: relative;
      padding: 54px 44px;
      color: #fff;
      background: linear-gradient(155deg, #3186bf 0%, #2975AB 50%, #1c5b85 100%);
      overflow: hidden;
    }

    .lsc-info::before {
      content: "";
      position: absolute;
      width: 280px;
      height: 280px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .06);
      top: -90px;
      right: -90px;
    }

    .lsc-info::after {
      content: "";
      position: absolute;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      background: rgba(246, 179, 48, .16);
      bottom: -70px;
      left: -60px;
    }

    .lsc-info>* {
      position: relative;
      z-index: 2;
    }

    .lsc-eyebrow {
      display: inline-block;
      color: #F6B330;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: 14px;
    }

    .lsc-info h3 {
      color: #fff;
      font-size: 30px;
      line-height: 1.25;
      font-weight: 700;
      margin: 0 0 14px;
    }

    .lsc-info .lsc-lead {
      color: rgba(255, 255, 255, .82);
      font-size: 15px;
      line-height: 1.7;
      margin: 0 0 26px;
    }

    .lsc-iitem {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      padding: 18px 0;
      border-top: 1px solid rgba(255, 255, 255, .13);
    }

    .lsc-iitem:first-of-type {
      border-top: none;
      padding-top: 4px;
    }

    .lsc-iicon {
      flex: none;
      width: 48px;
      height: 48px;
      border-radius: 14px;
      background: rgba(255, 255, 255, .12);
      display: grid;
      place-items: center;
      color: #F6B330;
      font-size: 18px;
    }

    .lsc-iitem h6 {
      margin: 0 0 4px;
      font-size: 12px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, .6);
      font-weight: 600;
    }

    .lsc-iitem a,
    .lsc-iitem .v {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      text-decoration: none;
      line-height: 1.5;
      display: block;
    }

    .lsc-iitem a:hover {
      color: #F6B330;
    }

    .lsc-social {
      display: flex;
      gap: 12px;
      margin-top: 30px;
    }

    .lsc-social a {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .12);
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 16px;
      transition: .25s;
    }

    .lsc-social a:hover {
      background: #F6B330;
      transform: translateY(-3px);
    }

    /* ---- right form panel ---- */
    .lsc-formwrap {
      padding: 54px 48px;
    }

    @media (max-width: 575px) {
      .lsc-formwrap {
        padding: 34px 22px;
      }

      .lsc-info {
        padding: 40px 26px;
      }
    }

    .lsc-formwrap h3 {
      color: #001233;
      font-size: 28px;
      font-weight: 700;
      margin: 0 0 6px;
    }

    .lsc-formwrap .lsc-sub {
      color: #676B74;
      font-size: 15px;
      margin: 0 0 28px;
    }

    .lsc-field {
      margin-bottom: 20px;
    }

    .lsc-field label {
      display: block;
      font-size: 13px;
      font-weight: 600;
      color: #33415c;
      margin-bottom: 8px;
    }

    .lsc-contact .input-area {
      margin: 0;
    }

    .lsc-contact .input-area input[type=text],
    .lsc-contact .input-area input[type=email],
    .lsc-contact .input-area input[type=tel] {
      width: 100%;
      height: 54px;
      border: 1.5px solid #e2e8f1;
      border-radius: 12px;
      padding: 0 18px;
      font-size: 15px;
      color: #001233;
      background: #fff;
      transition: border-color .2s, box-shadow .2s;
      box-shadow: none;
    }

    .lsc-contact .input-area input::placeholder {
      color: #9aa6b6;
    }

    .lsc-contact .input-area input:focus {
      border-color: #2975AB;
      box-shadow: 0 0 0 4px rgba(41, 117, 171, .12);
      outline: none;
    }

    .lsc-contact .nice-select {
      height: 54px;
      line-height: 50px;
      border: 1.5px solid #e2e8f1;
      border-radius: 12px;
      padding-left: 18px;
      font-size: 15px;
      color: #001233;
      width: 100%;
    }

    .lsc-contact .nice-select.open,
    .lsc-contact .nice-select:focus {
      border-color: #2975AB;
      box-shadow: 0 0 0 4px rgba(41, 117, 171, .12);
    }

    .lsc-contact .nice-select .list {
      width: 100%;
    }

    .lsc-consent {
      margin: 6px 0 4px;
    }

    .lsc-consent .privacy-blue-color {
      font-size: 13.5px;
      line-height: 1.6;
      color: #5a6675;
    }

    .lsc-submit {
      margin-top: 8px;
    }

    .lsc-contact .lsc-submit .vl-btn2 {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      font-size: 16px;
      padding: 16px 28px;
    }

    .lsc-contact .error {
      color: #e23b3b;
      font-size: 12.5px;
      margin-top: 6px;
    }

    /* ---- map ---- */
    .lsc-map {
      position: relative;
      margin-top: 90px;
    }

    .lsc-map iframe {
      width: 100%;
      height: 460px;
      display: block;
      border: 0;
    }

    .lsc-mapcard {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 34px;
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 24px 50px -20px rgba(13, 40, 82, .4);
      padding: 22px 26px;
      display: flex;
      align-items: center;
      gap: 22px;
      max-width: 640px;
      width: calc(100% - 32px);
    }

    .lsc-mapcard .mc-ic {
      flex: none;
      width: 50px;
      height: 50px;
      border-radius: 14px;
      background: #2975AB;
      color: #fff;
      display: grid;
      place-items: center;
      font-size: 20px;
    }

    .lsc-mapcard h6 {
      margin: 0 0 3px;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .06em;
      color: #8a93a3;
    }

    .lsc-mapcard p {
      margin: 0;
      font-size: 15px;
      font-weight: 600;
      color: #001233;
    }

    .lsc-mapcard .mc-btn {
      margin-left: auto;
      white-space: nowrap;
      background: #F6B330;
      color: #fff;
      font-weight: 600;
      font-size: 14px;
      padding: 11px 20px;
      border-radius: 10px;
      text-decoration: none;
      transition: .2s;
    }

    .lsc-mapcard .mc-btn:hover {
      background: #dd9b1a;
    }

    @media (max-width: 575px) {
      .lsc-mapcard {
        flex-direction: column;
        text-align: center;
        align-items: center;
        bottom: 18px;
      }

      .lsc-mapcard .mc-btn {
        margin-left: 0;
      }
    }