:root{
    --dark:#212121;
    --dark2:#1c1c1c;
    --teal:#1f7d77;
    --teal-2:#10757f;
    --gold:#c9823f;
    --green:#01675c;
    --green-hover:#015349;
    --blue:#006198;
    --amber:#ca9700;
    --pink:#c31c4a;
    --purple:#663064;
    --nav:#1a1a1a;
    --ink-light:#5f6f78;    /* body text on light bg */
    --ink-dark:#b9c3c3;     /* body text on dark bg */
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  html {
  scroll-behavior: smooth;
}
a{
  text-decoration: none;
}
  body{
    font-family:Arial,Helvetica,sans-serif;
    color:#333;margin:0;background:#fff;overflow-x:hidden;
  }
  .oswald{font-family:'Oswald',Arial,sans-serif;}
  .playfair{font-family:'Playfair Display',Georgia,serif;}
  .container-lp{max-width:1150px;margin:0 auto;padding:0 20px;}
  img{max-width:100%;display:block;}

  /* ================= HEADER ================= */
  .fix-btn {
    position: fixed;
    right: 17%;
    z-index: 999;
}
  .site-header{background:#fff;}
  .site-header .inner{
    display:flex;align-items:end;justify-content:space-between;
    padding:18px 20px 20px;max-width:1300px;margin:0 auto;
    position: relative;
  }
  .site-header .logo img{height:78px;width:auto;}
  .main-nav{
    font-family:'Oswald',sans-serif;font-weight:500;font-size:14px;
    letter-spacing:.06em;color:var(--nav);text-transform:uppercase;
  }
  .main-nav a{color:var(--nav);text-decoration:none;padding:0 4px;transition:color .2s;}
  .main-nav a:hover{color:var(--teal);}
  .main-nav .sep{color:var(--gold);margin:0 8px;font-weight:400;}

  /* ================= HERO ================= */
  .hero{background:var(--dark);}
  .hero .row-hero{display:flex;flex-wrap:wrap;}
  .hero-photo{flex:1 1 58%;min-width:300px;}
  .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;}
  .hero-panel{
    flex:1 1 42%;min-width:300px;background:var(--dark);
    position:relative;overflow:hidden;
    padding:60px 55px;display:flex;flex-direction:column;justify-content:center;
  }
  /* chevron watermark */
  .hero-panel::after{
    content:"";position:absolute;right:-40px;top:0;bottom:0;width:230px;
    background:
      repeating-linear-gradient(135deg, transparent 0 26px, rgba(255,255,255,.03) 26px 30px),
      repeating-linear-gradient(45deg, transparent 0 26px, rgba(255,255,255,.03) 26px 30px);
    pointer-events:none;
  }
  .hero-panel .content{position:relative;z-index:2;}
  .hero-title{
    font-family:'Playfair Display',serif;color:var(--teal);
    font-size:52px;line-height:1.06;font-weight:500;margin:0 0 26px;
  }
  .hero-sub{
    font-family:'Playfair Display',serif;color:#fff;font-weight:400;
    font-size:26px;line-height:1.28;margin:0 0 30px;
  }
  .hero-price{color:#fff;margin:0 0 30px;display:flex;align-items:baseline;gap:12px;}
  .hero-price .lbl{font-family:'Oswald',sans-serif;font-weight:500;font-size:15px;letter-spacing:.05em;line-height:1.05;text-transform:uppercase;}
  .hero-price .amt{font-family:'Playfair Display',serif;font-weight:700;font-size:44px;line-height:1;}
  .btn-lp{
    display:inline-block;background:var(--green);color:#fff;text-decoration:none;
    font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
    padding:16px 26px;text-align:center;font-size:15px;transition:background .2s;border:0;
  }
  .btn-lp:hover{background:var(--green-hover);color:#fff;}
  .hero-panel .btn-lp{align-self:stretch;}

  /* ================= WELCOME ================= */
  .welcome{background:#fff;text-align:center;padding:52px 0 46px;}
  .pill{
    display:inline-block;border:2px solid var(--gold);color:var(--gold);
    font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
    padding:12px 34px;border-radius:40px;font-size:16px;text-decoration:none;transition:.2s;
  }
  .pill:hover{background:var(--gold);color:#fff;}
  .sec-head{
    font-family:'Oswald',sans-serif;color:var(--teal-2);font-weight:500;
    text-transform:uppercase;letter-spacing:.03em;
  }
  .welcome .sec-head{font-size:30px;margin:26px 0 20px;}
  .welcome p{
    max-width:720px;margin:0 auto;color:var(--ink-light);font-size:15px;line-height:1.85;
  }
  .scroll-down{margin-top:34px;}
  .scroll-down img{height:78px;margin:0 auto;opacity:.9;}
  .scroll-down {
  animation: upDown 1.2s ease-in-out infinite;
}

@keyframes upDown {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(15px);
  }
}

  /* ================= FLOOR PLANS ================= */
  .floorplans{background:var(--dark);padding:14px 0 70px;}
  .floorplans .sec-head{color:var(--teal);font-size:26px;text-align:center;letter-spacing:.12em;padding:44px 0 34px;}
  .fp-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
  .fp-card{overflow:hidden;}
  .fp-card .thumb{overflow:hidden;background:#000;}
  .fp-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
  .fp-card:hover .thumb img{transform:scale(1.04);}
  .fp-bar{
    font-family:'Oswald',sans-serif;font-weight:500;color:#fff;text-align:center;
    text-transform:uppercase;letter-spacing:.08em;font-size:14px;padding:13px 6px;
  }
  .bar-blue{background:var(--blue);}
  .bar-amber{background:var(--amber);}
  .bar-pink{background:var(--pink);}
  .bar-purple{background:var(--purple);}

  /* ================= CRAFTSMANSHIP ================= */
  .craft{background:var(--dark);padding:20px 0 80px;}
  .craft .row-craft{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;}
  .craft .col-text{flex:1 1 48%;min-width:300px;}
  .craft .col-img{flex:1 1 44%;min-width:280px;}
  .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
  .eyebrow img{height:44px;opacity:.55;}
  .eyebrow span{
    font-family:'Oswald',sans-serif;font-weight:500;color:#8a8f8f;
    text-transform:uppercase;letter-spacing:.06em;font-size:13px;line-height:1.4;
  }
  .craft h2{
    font-family:'Oswald',sans-serif;color:var(--teal);font-weight:400;
    text-transform:uppercase;font-size:34px;line-height:1.12;margin:0 0 26px;letter-spacing:.01em;
  }
  .craft .body{
    border-left:2px solid #4a5a5a;padding-left:22px;color:var(--ink-dark);
    font-size:14.5px;line-height:1.8;margin-bottom:22px;
  }
  .craft .tagline{color:#fff;font-weight:700;font-size:15px;}
  .craft .col-img img{width:100%;}
  .interiors{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:26px;}
  .interiors img{width:100%;}

  /* ================= AMENITIES ================= */
  .amenities{
    background:#f3f5f4;text-align:center;position:relative;padding:70px 0 0;
    overflow: hidden;
  }
  .coverflow{
    position:relative;height:420px;max-width:1000px;margin:0 auto 6px;
    perspective:1600px;
  }
  .cf-slide{
    position:absolute;top:50%;left:50%;width:560px;height:340px;
    transform:translate(-50%,-50%);transition:transform .6s ease,opacity .6s ease,filter .6s ease;
    box-shadow:0 24px 48px rgba(0,0,0,.32);overflow:hidden;background:#000;
  }
  .cf-slide img{width:100%;height:100%;object-fit:cover;}
  .cf-slide.center{transform:translate(-50%,-50%) translateZ(0) scale(1);opacity:1;z-index:5;}
  .cf-slide.left{transform:translate(-135%,-50%) rotateY(42deg) scale(.72);opacity:.9;z-index:3;filter:brightness(.9);}
  .cf-slide.right{transform:translate(35%,-50%) rotateY(-42deg) scale(.72);opacity:.9;z-index:3;filter:brightness(.9);}
  .cf-slide.far-left{transform:translate(-175%,-50%) rotateY(46deg) scale(.55);opacity:0;z-index:1;}
  .cf-slide.far-right{transform:translate(75%,-50%) rotateY(-46deg) scale(.55);opacity:0;z-index:1;}
  .cf-dots{display:flex;gap:11px;justify-content:center;margin:18px 0 8px;flex-wrap:wrap;}
  .cf-dots button{
    width:11px;height:11px;border-radius:50%;border:0;background:#c2c8c6;cursor:pointer;padding:0;transition:.2s;
  }
  .cf-dots button.active{background:var(--teal);}
  .amen-fog{
    background:
      linear-gradient(rgba(238,242,240,.82),rgba(238,242,240,.82)),
      url('images/fog_bg.jpg') center/cover no-repeat,
      #eef2f0;
    padding:26px 0 90px;position:relative;
  }
  .amenities .sec-head{color:var(--teal-2);font-size:30px;margin:8px 0 22px;letter-spacing:.02em;}
  .amenities p.copy{max-width:820px;margin:0 auto 22px;color:var(--ink-light);font-size:14.5px;line-height:1.85;}
  .amenities .exp{font-weight:700;color:#2c3b3b;margin-bottom:26px;}

  /* ================= BUILDERS ================= */
  .builders{background:#fff;padding:64px 0 70px;}
  .builders .row-b{display:flex;flex-wrap:wrap;gap:44px;}
  .builders .col-b{flex:1 1 44%;min-width:300px;}
  .builders .photo{width:100%;margin-bottom:26px;}
  .builders .blogo{height:56px;width:auto;margin-bottom:20px;}
  .builders h3{
    font-family:'Oswald',sans-serif;color:var(--teal);font-weight:400;
    text-transform:uppercase;font-size:26px;letter-spacing:.02em;margin:0 0 18px;
  }
  .builders p{color:var(--ink-light);font-size:14px;line-height:1.8;margin-bottom:14px;}

  /* ================= FOOTER ================= */
  .site-footer{background:var(--dark);border-top:3px solid var(--teal);color:#cfd6d6;}
  .site-footer .inner{
    display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:space-between;
    padding:40px 20px;max-width:1150px;margin:0 auto;
  }
  .site-footer .logos{display:flex;align-items:center;gap:26px;}
  .site-footer .logos img{height:40px;width:auto;}
  .site-footer .disc{font-size:11px;color:#8a9291;margin-top:12px;}
  .site-footer .contact{font-size:13px;line-height:1.9;letter-spacing:.02em;}

  /* ================= RESPONSIVE ================= */
  @media(max-width:900px){
    .hero-title{font-size:40px;}
    .hero-panel{padding:44px 34px;}
    .coverflow{height:300px;}
    .cf-slide{width:400px;height:250px;}
    .craft .row-craft{gap:26px;}
  }
  @media(max-width:768px){
    .site-header .inner{flex-direction:column;gap:14px;}
    .main-nav{font-size:12px;}
    .hero-photo,.hero-panel{flex:1 1 100%;}
    .fp-grid{grid-template-columns:1fr;}
    .interiors{grid-template-columns:1fr;}
    .hero-title{font-size:34px;}
    .cf-slide.left,.cf-slide.far-left{transform:translate(-160%,-50%) rotateY(42deg) scale(.6);}
    .cf-slide.right,.cf-slide.far-right{transform:translate(60%,-50%) rotateY(-42deg) scale(.6);}
  }
  @media(max-width:520px){
    .coverflow{height:230px;}
    .cf-slide{width:300px;height:190px;}
    .welcome .sec-head,.amenities .sec-head{font-size:24px;}
    .craft h2{font-size:26px;}
  }


/* ==============================
   POPUP
============================== */

.priority-modal-dialog {
    max-width: 800px;
    margin: 11px auto;
    position: relative;
    z-index: 1060;
}

.priority-modal {
    border: 0;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
}

/* ==============================
   HEADER
============================== */

.priority-modal-header {
    height: 41PX;
    background: #000000;
    color: #ffffff;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* Z-INDEX: 9999; */
}

.priority-modal-header h2 {
    margin: 0;
    font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
    font-size: 52px;
    font-weight: 300;
    line-height: 1.05;
    letter-spacing: -1px;
}

.priority-modal-header h3 {
    margin: 8px 0 0;
    font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
    font-size: 52px;
    font-weight: 800;
    line-height: 1;
}

.priority-close {
    position: absolute;
    right: 14px;
    top: 9px;

    width: 25px;
    height: 25px;

    border: 0;
    background: transparent;
    color: #fff;

    font-size: 29px;
    font-weight: 200;
    line-height: 20px;

    cursor: pointer;
    padding: 0;
}

/* ==============================
   BODY
============================== */

.priority-modal-body {
    padding: 31px 48px 40px;
}

.priority-title {
    text-align: center;
    color: #1d1d1d;

    font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
    font-size: 25px;
    font-weight: 400;

    margin-bottom: 34px;
}

/* ==============================
   FORM
============================== */

.form-col {
    margin-bottom: 15px;
}

.priority-input {
    height: 30px !important;

    border: 0 !important;
    border-radius: 18px !important;

    background: #e9e9e9 !important;

    padding: 4px 12px !important;

    box-shadow: none !important;
    outline: none !important;

    font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
    font-size: 14px !important;
    font-weight: 500;

    color: #111;
}

.priority-input::placeholder {
    color: #111;
    opacity: 1;
}

.priority-input:focus {
    background: #e5e5e5 !important;
}

/* ==============================
   SELECT WITH LABEL
============================== */

.select-wrap {
    height: 30px;
    position: relative;

    background: #e9e9e9;
    border-radius: 18px;

    display: flex;
    align-items: center;
}

.select-wrap label {
    padding-left: 12px;

    font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #111;

    white-space: nowrap;
}

.priority-select {
    margin-left: auto;

    width: 40%;
    height: 30px;

    border: 0;
    outline: 0;

    border-radius: 18px;

    background-color: #e9e9e9;
    color: #111;

    padding: 0 8px;

    font-family: Arial, sans-serif;
    font-size: 12px;

    cursor: pointer;
}

.priority-select-full {
    appearance: auto;
}

/* ==============================
   DISCLAIMER
============================== */

.priority-disclaimer {
    margin-top: 38px;
    margin-bottom: 29px;

    color: #777;

    font-family: Arial, sans-serif;
    font-size: 8px;
    line-height: 1.45;

    text-transform: uppercase;
}

/* ==============================
   BUTTON
============================== */

.priority-submit {
    border: 0;
    border-radius: 30px;

    background: #e1b42b;
    color: #fff;

    min-width: 302px;
    height: 51px;

    padding: 0 28px;

    font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;

    cursor: pointer;

    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);

    transition: all 0.25s ease;
}

.priority-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
}

/* ==============================
   LOGOS
============================== */

.priority-logos {
    margin-top: 59px;

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

.priority-logos img {
    max-height: 42px;
    width: auto;
    object-fit: contain;
}


/* ==============================
   BACKDROP
============================== */

.modal-backdrop.show {
    opacity: 0.88;
}


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

@media (max-width: 767px) {

    .priority-modal-dialog {
        max-width: calc(100% - 20px);
        margin: 10px auto;
    }

    .priority-modal-header {
        height: 145px;
    }

    .priority-modal-header h2,
    .priority-modal-header h3 {
        font-size: 38px;
    }

    .priority-modal-body {
        padding: 25px 20px 30px;
    }

    .priority-title {
        font-size: 20px;
        margin-bottom: 25px;
    }

    .form-col {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 13px;
    }

    .priority-disclaimer {
        margin-top: 25px;
    }

    .priority-submit {
        min-width: 100%;
        font-size: 14px;
    }

    .priority-logos {
        margin-top: 40px;
        gap: 15px;
    }

    .priority-logos img {
        max-width: 42%;
        height: auto;
    }
}


/*nav*/
.nav-toggle {
    display: none;
}

/* Mobile */
@media (max-width: 767px) {
  .site-header .inner {
    flex-direction: row;
}

    .nav-toggle {
    display: flex;
    width: 45px;
    height: 33px;
    padding: 5px;
    border: 0;
    background: transparent;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    border: 2px solid #000;
    border-radius: 5px;
}

    .nav-toggle span {
        display: block;
        width: 100%;
        height: 2px;
        background: #000;
        transition: 0.3s ease;
    }

    .main-nav {
        display: none;
    }

    .main-nav.active {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;

        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;

        padding: 25px 20px;
        background: #000;
        z-index: 999;
    }

    .main-nav .sep {
        display: none;
    }

    .main-nav a {
        color: #fff;
        text-decoration: none;
    }

    /* Hamburger -> X */
    .nav-toggle.active span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .nav-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .nav-toggle.active span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }
}


/*new css*/

 :root {
            --teal: #007a73;
            --teal-light: #35bdb1;
            --dark: #222222;
            --white: #ffffff;
        }

     

        /* =========================
           MAIN HERO
        ========================= */

        .vip-section {
            min-height: 100vh;
            padding: 10px 0;

            background:
                linear-gradient(
                    rgba(0, 0, 0, 0.05),
                    rgba(0, 0, 0, 0.05)
                ),
                url("../images/bg2.jpg") center center / cover no-repeat;

            display: flex;
            align-items: center;
        }

        .vip-wrapper {
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
        }

        /* =========================
           LEFT CONTENT
        ========================= */

        .left-card {
            background: #222222;
            min-height: 750px;
            padding: 45px 55px 10px;
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .logo-area {
            text-align: center;
            margin-bottom: 25px;
        }

        .tree-logo {
            width: 58px;
            height: 58px;
            margin: 0 auto 5px;
            position: relative;
        }

        .tree-logo::before,
        .tree-logo::after {
            content: "♠";
            position: absolute;
            color: var(--teal);
            font-size: 38px;
            transform: rotate(180deg);
        }

        .tree-logo::before {
            left: 2px;
            top: 0;
        }

        .tree-logo::after {
            right: 2px;
            top: 7px;
            font-size: 30px;
        }

        .brand-name {
            font-family: Georgia, serif;
            font-size: 58px;
            font-weight: 400;
            line-height: .9;
            color: #f4f4f4;
            letter-spacing: -3px;
        }

        .brand-subtitle {
            font-size: 9px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-top: 5px;
        }

        .release-title {
            display: inline-block;
            background: var(--teal);
            padding: 6px 10px;
            font-size: 24px;
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 12px;
        }

        .price-heading {
            color: var(--teal-light);
            font-size: 29px;
            font-weight: 600;
            line-height: 1.3;
            margin-bottom: 40px;
        }

        .why-title {
            text-align: center;
            font-size: 23px;
            font-weight: 700;
            margin-bottom: 18px;
        }

        .benefits {
            list-style: none;
            padding: 0;
            margin: 0 auto 40px;
            max-width: 470px;
        }

        .benefits li {
            position: relative;
            padding-left: 24px;
            margin-bottom: 14px;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.35;
        }

        .benefits li::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: var(--teal-light);
            font-weight: 700;
        }

        .rebate-box {
            background: var(--teal);
            padding: 16px 15px 18px;
            text-align: center;
            margin-top: auto;
        }

        .rebate-title {
            font-size: 23px;
            font-weight: 700;
            margin-bottom: 12px;
        }

        .rebate-note {
            font-size: 10px;
            line-height: 1.5;
            margin: 0;
        }

        /* =========================
           RIGHT FORM
        ========================= */

        .form-card {
            background: #fff;
            border: 7px solid var(--teal);
            min-height: 725px;
            padding: 27px 42px 35px;
        }

        .form-heading {
            text-align: center;
            color: #006e6b;
            font-size: 43px;
            font-weight: 700;
            line-height: 1.05;
            margin: 0 0 8px;
            letter-spacing: -1px;
        }

        .form-subtitle {
            color: #007d79;
            text-align: center;
            font-size: 16px;
            margin-bottom: 27px;
        }

        .form-label {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 7px;
        }

        .required {
            color: #e00000;
            font-weight: 700;
        }

        .form-control {
            height: 40px;
            border: 1px solid #cfd4dc;
            border-radius: 4px;
            font-size: 13px;
            box-shadow: none !important;
        }

        .form-control:focus {
            border-color: var(--teal);
        }

        .form-group {
            margin-bottom: 22px;
        }

        .agent-question {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .radio-wrapper {
            display: flex;
            gap: 70px;
            margin-bottom: 28px;
        }

        .form-check {
            min-height: auto;
        }

        .form-check-input {
            width: 20px;
            height: 20px;
            margin-top: 0;
            margin-right: 7px;
        }

        .form-check-label {
            font-size: 13px;
            vertical-align: 3px;
        }

        textarea.form-control {
            height: 40px;
            resize: none;
        }

        .privacy-text {
            font-size: 10px;
            line-height: 1.45;
            color: #222;
            margin-top: 10px;
            margin-bottom: 35px;
        }

        .submit-btn {
            width: 100%;
            height: 43px;
            border: 0;
            border-radius: 3px;
            background: #08090a;
            color: #fff;
            font-size: 13px;
            font-weight: 700;
            transition: .2s ease;
        }

        .submit-btn:hover {
            background: var(--teal);
        }

        /* =========================
           RESPONSIVE
        ========================= */

        @media (max-width: 991.98px) {

            .vip-section {
                padding: 25px 15px;
            }

            .left-card {
                min-height: auto;
                padding: 40px 35px 15px;
            }

            .form-card {
                min-height: auto;
                padding: 35px 30px;
            }

            .form-heading {
                font-size: 34px;
            }

            .release-title {
                font-size: 20px;
            }

            .price-heading {
                font-size: 25px;
            }
        }

        @media (max-width: 575.98px) {

            .vip-section {
                padding: 10px;
            }

            .left-card {
                padding: 30px 20px 12px;
            }

            .brand-name {
                font-size: 48px;
            }

            .release-title {
                font-size: 16px;
            }

            .price-heading {
                font-size: 23px;
                margin-bottom: 30px;
            }

            .why-title {
                font-size: 20px;
            }

            .benefits li {
                font-size: 14px;
            }

            .rebate-title {
                font-size: 18px;
            }

            .form-card {
                border-width: 5px;
                padding: 28px 20px;
            }

            .form-heading {
                font-size: 28px;
            }

            .form-subtitle {
                font-size: 13px;
            }

            .radio-wrapper {
                gap: 40px;
            }
        }










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

.site-footer {
    position: relative;
    width: 100%;
    background: #ffffff;
    font-family: "Montserrat", Arial, sans-serif;
}


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

.footer-main {
    min-height: 175px;
    display: flex;
    align-items: center;
}

.footer-main .row {
    width: 100%;
}


/* =====================================
   SOCIAL ICONS
===================================== */

.footer-social {
    display: flex;
    align-items: center;
    gap: 6px;
}

.footer-social a {
    width: 22px;
    height: 22px;

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

    background: #006f68;
    color: #ffffff;

    border-radius: 2px;
    text-decoration: none;

    font-size: 11px;

    transition: .2s ease;
}

.footer-social a:hover {
    background: #004f4a;
    transform: translateY(-2px);
}


/* =====================================
   LOGO
===================================== */

.footer-logo {
    display: inline-block;
    text-decoration: none;
}

.footer-logo img {
    width: 225px;
    max-width: 100%;
    height: auto;
    display: block;
}


/* =====================================
   REGISTER BUTTON
===================================== */

.register-btn {
    width: 265px;
    height: 47px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #006f68;
    color: #ffffff;

    text-decoration: none;

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

    transition: .25s ease;
}

.register-btn:hover {
    background: #00534e;
    color: #ffffff;
}


/* =====================================
   DISCLAIMER
===================================== */

.footer-disclaimer {
    width: 100%;
    padding: 10px 15px 18px;
}

.footer-disclaimer p {
    max-width: 760px;

    margin: 0 auto;

    text-align: center;

    color: #888888;

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

    line-height: 1.9;
}


/* =====================================
   WHATSAPP FLOATING BUTTON
===================================== */

.whatsapp-btn {
    position: fixed;

    left: 27px;
    bottom: 20px;

    width: 59px;
    height: 59px;

    border-radius: 50%;

    background: #20d366;
    color: #ffffff;

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

    font-size: 31px;

    text-decoration: none;

    box-shadow: 0 7px 22px rgba(0, 0, 0, .16);

    z-index: 999;
}

.whatsapp-btn:hover {
    color: #ffffff;
    transform: scale(1.06);
}


/* =====================================
   VIP APPOINTMENT
===================================== */

.vip-appointment {
    position: fixed;

    right: 24px;
    bottom: 20px;

    width: 224px;
    height: 47px;

    border-radius: 25px;

    background: #006f68;
    color: #ffffff;

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

    text-decoration: none;

    font-size: 13px;
    font-weight: 700;

    box-shadow: 0 4px 10px rgba(0, 0, 0, .18);

    z-index: 999;

    transition: .25s ease;
}

.vip-appointment:hover {
    background: #00534e;
    color: #ffffff;
    transform: translateY(-2px);
}


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

@media (max-width: 991px) {

    .footer-main {
        min-height: 220px;
    }

    .footer-social {
        justify-content: center;
    }

    .register-btn {
        width: 220px;
        margin-top: 15px;
    }

}


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

@media (max-width: 767px) {

    .footer-main {
        padding: 25px 15px;
    }

    .footer-social {
        margin-bottom: 25px;
    }

    .footer-logo {
        margin-bottom: 20px;
    }

    .footer-logo img {
        width: 200px;
        margin: auto;
    }

    .register-btn {
        width: 220px;
        height: 44px;
        margin-top: 0;
    }

    .footer-disclaimer {
        padding: 10px 25px 85px;
    }

    .footer-disclaimer p {
        font-size: 10px;
        line-height: 1.7;
    }

    .whatsapp-btn {
        left: 18px;
        bottom: 18px;

        width: 52px;
        height: 52px;

        font-size: 27px;
    }

    .vip-appointment {
        right: 15px;
        bottom: 15px;

        width: 205px;
        height: 43px;

        font-size: 11px;
    }

}


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

@media (max-width: 480px) {

    .footer-logo img {
        width: 185px;
    }

    .register-btn {
        width: 200px;
    }

    .vip-appointment {
        width: 185px;
    }

}