/* ==========================================================
   TRUEVITAHUB
   FOOTER CTA
========================================================== */

.tvh-footer-cta{

    position:relative;

    padding:120px 0;

    overflow:hidden;

    background:#ffffff;

}

/* ==========================================================
   CTA Card
========================================================== */

.tvh-footer-cta-card{

    position:relative;

    overflow:hidden;

    padding:80px 60px;

    border-radius:36px;

    text-align:center;

    background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);

    box-shadow:
        0 35px 80px rgba(37,99,235,.28);

}

/* ==========================================================
   Glow
========================================================== */

.tvh-footer-cta-glow{

    position:absolute;

    inset:0;

    pointer-events:none;

}

.tvh-footer-cta-glow::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    left:-140px;

    top:-160px;

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

    border-radius:50%;

    filter:blur(100px);

}

.tvh-footer-cta-glow::after{

    content:"";

    position:absolute;

    width:360px;

    height:360px;

    right:-120px;

    bottom:-120px;

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

    border-radius:50%;

    filter:blur(100px);

}

/* ==========================================================
   Content
========================================================== */

.tvh-footer-cta-content{

    position:relative;

    z-index:2;

    max-width:850px;

    margin:auto;

}

.tvh-footer-cta .tvh-section-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 18px;

    margin-bottom:24px;

    border-radius:999px;

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

    color:#ffffff;

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

    font-size:14px;

    font-weight:700;

}

.tvh-footer-cta h2{

    font-size:54px;

    line-height:1.15;

    color:#ffffff;

    margin-bottom:24px;

}

.tvh-footer-cta p{

    max-width:720px;

    margin:0 auto 40px;

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

    font-size:18px;

    line-height:1.9;

}

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

.tvh-footer-cta-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:32px;

}

.tvh-footer-cta-buttons .tvh-btn-primary{

    min-width:220px;

}

.tvh-footer-cta-buttons .tvh-btn-secondary{

    min-width:220px;

    background:#ffffff;

    color:#2563eb;

    border:2px solid #ffffff;

}

.tvh-footer-cta-buttons .tvh-btn-secondary:hover{

    background:transparent;

    color:#ffffff;

}

/* ==========================================================
   Bottom
========================================================== */

.tvh-footer-cta-bottom{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

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

    font-size:15px;

}

.tvh-footer-cta-bottom span{

    display:flex;

    align-items:center;

    gap:8px;

}

/* ==========================================================
   Hover
========================================================== */

.tvh-footer-cta-card{

    transition:.4s ease;

}

.tvh-footer-cta-card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 45px 100px rgba(37,99,235,.35);

}

/* ==========================================================
   Footer CTA Animation
========================================================== */

.tvh-footer-cta-visible{

    opacity:1 !important;

    transform:translateY(0) !important;

}

/* ==========================================================
   Footer CTA Responsive
========================================================== */

/* ---------- Large Laptop ---------- */

@media (max-width:1400px){

    .tvh-footer-cta-card{

        padding:70px 50px;

    }

}

/* ---------- Laptop ---------- */

@media (max-width:1200px){

    .tvh-footer-cta{

        padding:90px 0;

    }

    .tvh-footer-cta-card{

        padding:60px 40px;

    }

    .tvh-footer-cta h2{

        font-size:46px;

    }

}

/* ---------- Tablet ---------- */

@media (max-width:992px){

    .tvh-footer-cta{

        padding:80px 0;

    }

    .tvh-footer-cta-card{

        padding:50px 32px;

        border-radius:30px;

    }

    .tvh-footer-cta h2{

        font-size:38px;

        line-height:1.25;

    }

    .tvh-footer-cta p{

        font-size:17px;

    }

}

/* ---------- Mobile ---------- */

@media (max-width:768px){

    .tvh-footer-cta{

        padding:70px 0;

    }

    .tvh-footer-cta-card{

        padding:36px 24px;

        border-radius:24px;

    }

    .tvh-footer-cta h2{

        font-size:30px;

        line-height:1.3;

    }

    .tvh-footer-cta p{

        font-size:16px;

        line-height:1.8;

        margin-bottom:32px;

    }

    .tvh-footer-cta-buttons{

        flex-direction:column;

        gap:14px;

    }

    .tvh-footer-cta-buttons .tvh-btn-primary,

    .tvh-footer-cta-buttons .tvh-btn-secondary{

        width:100%;

        max-width:340px;

    }

    .tvh-footer-cta-bottom{

        flex-direction:column;

        gap:12px;

        font-size:14px;

    }

}

/* ---------- Small Mobile ---------- */

@media (max-width:480px){

    .tvh-footer-cta{

        padding:60px 0;

    }

    .tvh-footer-cta-card{

        padding:28px 18px;

        border-radius:20px;

    }

    .tvh-footer-cta .tvh-section-badge{

        font-size:12px;

        padding:8px 14px;

    }

    .tvh-footer-cta h2{

        font-size:26px;

    }

    .tvh-footer-cta p{

        font-size:15px;

    }

    .tvh-footer-cta-buttons .tvh-btn-primary,

    .tvh-footer-cta-buttons .tvh-btn-secondary{

        min-width:100%;

        height:50px;

        font-size:15px;

    }

    .tvh-footer-cta-bottom{

        font-size:13px;

    }

}