@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {

    --primary: #0b3d91;
    --primary-dark: #072d69;
    --text: #1f2937;
    --muted: #6b7280;
    --border: #d9d9d9;
    --bg: #ffffff;
    --input-bg: #ffffff;
    --transition: .35s ease;

    --radius: 4px;

    --container: 1200px;

}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: "Inter";
}

html {
  scroll-behavior: smooth;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

/* REUSABLE CSS CLASSES */
.container{
    max-width: 1120px;
    margin-inline: 1.5rem;
}

.grid{
    display: grid;
    gap: 1.5rem;
}

.section { 
    padding-block: 5rem 2rem;
}

.section__title,
.section__subtitle {
    text-align: center;
}

.section__title {
    margin-bottom: 1.5rem;
}

.section__subtitle{
    margin-bottom: .25rem;
}

/* HEADER AND NAVIGATION */
/* .header{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

.nav {
    height: 3.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin: 1rem;
    padding-right: 1.5rem;
    max-width: 100%;
    padding-left: 4rem;
   
} */

/* .nav__logo {

} */

/* Navigation for mobile devices */
/* @media screen and (max-width: 1023px){
    .nav__menu {
        position: fixed;
        top: 0;
        right: -100%;
        background-color: ;
        width: 75%;
        height: 100%;
        padding: 4.5rem 0 0 3rem;
        backdrop-filter: blur(24px);
        --webkit-backdrop-filter:blur(24px);

    }
} */

/* .nav__list{
    display: flex;
    flex-direction: row;
    column-gap: 1rem;
}

.nav__link{
    display: inline-block;
    color: black;
    font-size: .8rem;
}

.home{
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(/assets/img/home_image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
}

.home__content{
    width: 70%;
    margin: 2rem;
    padding: 1rem;
}

.home__data{
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    
}

#home__title{
    padding: 1rem ;
    color: white;
    font-family: "Inter";
    font-size: 2.8rem

}

#home__subtitle{
    padding: 1rem ;
    color: white;
    font-size: 1.3rem;
    width: 80%;
}

#home__cta ul{
    display: flex;
    color: white;
    padding: 1rem ;   
}

.data__subtitle{
    color: black;
} */

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

/* =======================
NAVBAR
======================= */

header{
    background:#fff;
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:2000;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:76px;
}

nav ul{
    display:flex;
    gap:28px;
}

nav ul li a{
    color:#666;
    font-size:13px;
    text-transform:uppercase;
    font-weight:600;
}

.active{
    color:#0052b4;
}

.apply-btn{
    background:#0d47a1;
    color:#fff;
    padding:12px 20px;
    font-size:13px;
    font-weight:600;
}

.menu-btn{
    display:none;
    color:#333;
    font-size:28px;
    cursor:pointer;
}

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

.hero{
    height:100vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(/assets/img/home_image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    position:relative;
    display:flex;
    align-items:center;
}

#eligibilityText,
#eligibilityText p{
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 100%;
}

#funding-hero{
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(/assets/img/funding-hero.png);
}

#credit-hero{
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(/assets/img/credit-hero.png);
}

#debt-relief-hero{
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(/assets/img/debt-relief-hero.png);
}

#about-hero{
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(/assets/img/about-hero.png);
}

#check-eligibility-hero{
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(/assets/img/check-eligibility.png);
}

#heloc-hero{
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(/assets/img/heloc-hero.png);
}
#apply-hero{
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),url(/assets/img/apply-hero.png);
}





/* .overlay{

    position:absolute;
    inset:0;

    background:rgba(0,0,0,.45);

} */

.hero-content{
    position:relative;
    z-index:2;
}

.text{
    max-width:70%;
}

.text h1{
    font-size:3rem;
    line-height:1.05;
    font-weight:800;
    font-style: "Inter";
    margin:2rem 4rem 2rem 0;
    color: #fff;
}

.text p{
    font-size:1.1rem;
    line-height:1.8;
    max-width:60%;
    color:#f2f2f2;
    margin-bottom:40px;
}

/* ===================
BUTTONS
=================== */

.buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:18px 28px;
    font-size:15px;
    font-weight:700;
    transition:.3s;
}

.blue{
    background:#004aad;
    color:#fff;
}

.red{
    background:#e11d2e;
    color:#fff;
}

.white{
    background:#fff;
    color:#444;
}

.btn:hover{
    transform:translateY(-3px);
}

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

@media(max-width:992px){

    nav{
        display:flex;
    }

    .menu-btn{
        display:block;
    }

    .hero{
        height:90vh;
    }
    .text{
        max-width: 80%;
    }

    .text h1{
        font-size:46px;
    }

    .text p{
        font-size:17px;
    }

    .buttons{
        gap:15px;
    }

}

/* ====================
PHONE
==================== */

@media(max-width:768px){

    header{
        height:72px;
    }

    .hero{
        padding-top:80px;
        align-items:center;
    }

    .text{
        max-width: 100%;
        text-align:left;
        margin:auto;
    }

    .text h1{
        font-size:34px;
        margin: 0;
    }

    .text p{
        font-size:16px;
        max-width: 100%;
    }

    .buttons{
        flex-direction:column;
    }

    .btn{
        justify-content:center;
        width:100%;
    }

    .apply-btn{
        display:none;
    }
    
}

/* ====================
SMALL PHONE
==================== */

@media(max-width:480px){

    .text h1{
        font-size:28px;
        line-height:1.2;
    }

    .text p{
        font-size:15px;
        line-height:1.7;
    }

    .btn{
        padding:16px;
        font-size:14px;
    }

    .logo img{
        width:110px;
    }

}

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

@media(max-width:992px){

    #mobileNav{

        display:flex;

        position:fixed;

        top:0;

        right:-320px;

        width:320px;

        height:100vh;

        background:#fff;

        flex-direction:column;

        justify-content:flex-start;

        padding-top:90px;

        transition:.35s ease;

        z-index:2100;

        box-shadow:-5px 0 25px rgba(0,0,0,.15);

    }

    #mobileNav.active{

        right:0;

    }

    #mobileNav ul{

        flex-direction:column;

        width:100%;

        gap:0;

    }

    #mobileNav ul li{

        width:100%;

    }

    #mobileNav ul li a{

        display:block;

        padding:18px 30px;

        border-bottom:1px solid #eee;

        font-size:15px;

    }

}

/*=========================
OVERLAY
==========================*/

.nav-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:1999;

}

.nav-overlay.active{

    opacity:1;

    visibility:visible;

}



.financial{
    padding: 3rem 0;
}

.container-2{
    width:1200px;
    max-width:92%;
    margin:auto;
    display:grid;
    grid-template-columns:260px 1fr;
    gap:60px;
    align-items:start;
}


/* LEFT */

.left-content h1{
    font-size:40px;
    line-height:1.1;
    font-weight:700;
    color:#222;
    margin-bottom:25px;
}

.left-content p{
    font-size:16px;
    color:#777;
    line-height:1.8;
}


/* RIGHT */

.cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}


/* CARD */

.card{
    border:1px solid #e8e8e8;
    padding:34px 30px;
    background:#fff;
    min-height:270px;
    transition:.3s;
}

.card:hover{
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    transform:translateY(-5px);
}


/* ICON */

.icon{
    width:44px;
    height:44px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    margin-bottom:30px;
}

.icon i{
    font-size:15px;
}

.blue{
    background:#0E3D87;
}

.green{
    background:#0A9F17;
}

.red{
    background:#CF1B1B;
}

.purple{
    background:#5B35E5;
}


/* TITLE */

.card h3{
    font-size:24px;
    margin-bottom:16px;
    color:#222;
}


/* TEXT */

.card p{
    font-size:15px;
    line-height:1.8;
    color:#777;
    margin-bottom:28px;
}


/* LINKS */

.card a{
    text-decoration:none;
    font-weight:600;
    color:#0E3D87;
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.green-link{
    color:#0A9F17 !important;
}

.red-link{
    color:#CF1B1B !important;
}

.purple-link{
    color:#5B35E5 !important;
}

.card a i{
    transition:.3s;
}

.card:hover a i{
    transform:translateX(6px);
}

@media(max-width:991px){

    .container-2{
        grid-template-columns:1fr;
        gap:50px;
    }

    .left-content{
        text-align:center;
    }

    .cards{
        grid-template-columns:repeat(2,1fr);
    }

    .left-content h1{
        font-size:34px;
    }

}

@media(max-width:767px){

    .financial{
        padding:50px 20px;
    }

    .cards{
        grid-template-columns:1fr;
    }

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

    .left-content h1{
        font-size:30px;
    }

    .left-content p{
        font-size:15px;
    }

    .card h3{
        font-size:22px;
    }

}

.container-3{
    width:1180px;
    max-width:92%;
    margin:auto;
}

/* SECTION */

.testimonial-section{
    padding:60px 0 80px;
}

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

.cta-box{
    background:#123F88;
    border-radius:8px;
    padding:55px 20px;
    text-align:center;
    margin-bottom:70px;
}

.cta-box h2{
    font-size:36px;
    font-weight:600;
    color:#fff;
    margin-bottom:12px;
}

.cta-box p{
    font-size:15px;
    color:rgba(255,255,255,.65);
    margin-bottom:30px;
}

.cta-btn{
    display:inline-block;
    padding:14px 28px;
    background:#fff;
    color:#222;
    text-decoration:none;
    font-size:12px;
    letter-spacing:.6px;
    font-weight:600;
    transition:.3s;
}

.cta-btn:hover{
    background:#f3f3f3;
}

/* ==========================
GRID
========================== */

.testimonial-grid{
    display:grid;
    grid-template-columns:1fr 520px;
    gap:70px;
    align-items:center;
}

/* STARS */

.stars{
    color:#F5A623;
    font-size:14px;
    margin-bottom:28px;
}

/* TITLE */

.testimonial-content h3{
    font-size:54px;
    line-height:1.1;
    font-weight:500;
    max-width:620px;
    margin-bottom:45px;
}

/* CLIENT */

.client{
    display:flex;
    align-items:center;
    gap:14px;
}

.client img{

width:48px;
height:48px;

border-radius:50%;

object-fit:cover;
}

.client h4{

font-size:15px;
font-weight:600;
margin-bottom:4px;
}

.client span{

font-size:13px;
color:#777;
}

/* BUTTONS */

.slider-buttons{

display:flex;

gap:12px;

margin-top:35px;
}

.slider-buttons button{

width:42px;
height:42px;

background:#fff;

border:1px solid #ddd;

cursor:pointer;

transition:.3s;
}

.slider-buttons button:hover{

background:#123F88;
color:#fff;
border-color:#123F88;
}

/* IMAGE */

.testimonial-image img{

height:520px;

object-fit:cover;
}

@media (max-width:991px){

.testimonial-grid{

grid-template-columns:1fr;

gap:50px;
}

.testimonial-image{

order:-1;
}

.testimonial-content{

text-align:center;
}

.stars{

justify-content:center;
display:flex;
}

.client{

justify-content:center;
}

.slider-buttons{

justify-content:center;
}

.testimonial-content h3{

font-size:42px;

margin:auto auto 40px;
}

.cta-box{

padding:45px 25px;
}

.cta-box h2{

font-size:32px;
}

}

@media (max-width:767px){

    .testimonial-section{

    padding:40px 0 60px;
    }

    /* CTA */

    .cta-box{

    padding:35px 20px;
    }

    .cta-box h2{

    font-size:26px;
    }

    .cta-box p{

    font-size:14px;
    }

    .cta-btn{

    width:100%;

    padding:15px;
    }

    /* Testimonial */

    .testimonial-grid{

    gap:35px;
    }

    .testimonial-content h3{

    font-size:34px;

    line-height:1.2;
    }

    .testimonial-image img{

    height:auto;
    }

    .client{

    flex-direction:column;

    text-align:center;
    }

    .slider-buttons{

    margin-top:25px;
    }

}

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

.site-footer{

    background:#0d3f8a;
    color:#fff;

    padding:55px 0 22px;
    font-family:Arial, Helvetica, sans-serif;

}

.footer-container{

    width:min(1200px,92%);
    margin:auto;

    display:grid;

    grid-template-columns:

    1.1fr
    1fr
    1fr
    1fr
    1.35fr;

    gap:55px;

    align-items:flex-start;

}

.footer-logo img{

    width:115px;
    display:block;
    background-color: #fff;

}

.footer-column h4{

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

    letter-spacing:.08em;

    margin-bottom:18px;

    color:#ffffff;

}

.footer-column ul{

    list-style:none;
    padding:0;
    margin:0;

}

.footer-column li{

    margin-bottom:11px;

    font-size:14px;

    color:#d7e4ff;

    line-height:1.55;

}

.footer-column a{

    color:#d7e4ff;

    text-decoration:none;

    transition:.3s;

}

.footer-column a:hover{

    color:#fff;

}

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:10px;

}

.footer-contact i{

    margin-top:3px;

    width:18px;

    color:#fff;

}

.footer-divider{

    width:min(1200px,92%);
    margin:40px auto 20px;

    border-top:1px solid rgba(255,255,255,.18);

}

.footer-bottom{

    width:min(1200px,92%);
    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

}

.footer-bottom p{

    margin:0;

    font-size:13px;

    color:#d7e4ff;

}

.footer-bottom-links{

    display:flex;

    gap:28px;

}

.footer-bottom-links a{

    color:#d7e4ff;

    text-decoration:none;

    font-size:13px;

    transition:.3s;

}

.footer-bottom-links a:hover{

    color:#fff;

}

@media (max-width:991px){

    .footer-container{

        grid-template-columns:repeat(2,1fr);

        gap:40px;

    }

    .footer-logo{

        grid-column:1/-1;

    }

    .footer-bottom{

        flex-direction:column;
        align-items:flex-start;

    }

    .footer-bottom-links{

        flex-wrap:wrap;

        gap:18px;

    }

}

@media (max-width:767px){

    .site-footer{

        padding:45px 0;

    }

    .footer-container{

        grid-template-columns:1fr;

        text-align:center;

    }

    .footer-logo{

        display:flex;
        justify-content:flex-start;

    }

    .footer-column{

        width:100%;
        text-align: left;

    }

    .footer-column h4{

        margin-bottom:15px;

    }

    .footer-contact li,
    .footer-column li{

        justify-content:flex-start;
        text-align:left;

    }

    .footer-divider{

        margin:35px auto;

    }

    .footer-bottom{

        text-align:center;
        align-items:center;

    }

    .footer-bottom-links{

        justify-content:center;
        flex-wrap:wrap;

    }

}

.business-funding{

    padding:90px 0;

    background:#fff;

}

.container-4{

    width:min(1180px,92%);

    margin:auto;

}

/*=========================
SECTION TITLES
==========================*/

.section-title{

    text-align:center;

    margin-bottom:55px;

}

.section-title h2{

    font-size:36px;

    font-weight:700;

    color:#111;

}

/*=========================
PROGRAM GRID
==========================*/

.program-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:45px 60px;

    margin-bottom:90px;

}

.program-item{

    display:flex;

    align-items:center;

    gap:18px;

}

.program-icon{

    width:48px;

    height:48px;

    border:1px solid #d8d8d8;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#002f87;

    transition:.3s;

}

.program-item:hover .program-icon{

    background:#002f87;

    color:#fff;

}

.program-item span{

    font-size:16px;

    color:#222;

    font-weight:500;

}

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

.funding-content{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

    margin-bottom:100px;

}

.funding-text h2{

    font-size:42px;

    margin-bottom:28px;

    color:#111;

}

.funding-text p{

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

}

.funding-image img{

    width:100%;

    display:block;

    border-radius:3px;

}

/*=========================
DOCUMENTS
==========================*/

.documents{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.documents h2{

    font-size:42px;

    color:#111;

}

.document-box{

    display:flex;

    flex-direction:column;

    gap:30px;

}

.document-box p{

    color:#666;

    line-height:1.8;

}

.btn-primary{

    width:220px;

    text-align:center;

    padding:16px;

    background:#003d9a;

    color:#fff;

    font-weight:600;

    letter-spacing:.5px;

    transition:.3s;

}

.btn-primary:hover{

    background:#001f5a;

}

@media (max-width:992px){

    .program-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .funding-content{

        grid-template-columns:1fr;

        gap:40px;

    }

    .documents{

        grid-template-columns:1fr;

        gap:35px;

    }

    .funding-text h2,
    .documents h2{

        font-size:34px;

    }

}

@media (max-width:768px){

    .business-funding{

        padding:60px 0;

    }

    .program-grid{

        grid-template-columns:1fr;

        gap:25px;

    }

    .program-item{

        justify-content:flex-start;

    }

    .section-title h2{

        font-size:28px;

    }

    .funding-text{

        text-align:center;

    }

    .funding-text h2{

        font-size:28px;

    }

    .documents{

        text-align:center;

    }

    .documents h2{

        font-size:28px;

    }

    .document-box{

        align-items:center;

    }

    .btn-primary{

        width:100%;

        max-width:320px;

    }

}

/* ====================================
   CREDIT IMPROVEMENT
==================================== */

.credit-improvement{

    padding:90px 0;

    background:#fff;

}

/* Main Grid */

.credit-grid{

    display:grid;

    grid-template-columns:280px 1fr;

    gap:70px;

    align-items:flex-start;

}

/* Left */

.credit-title h2{

    font-size:2rem;

    font-weight:600;
    
    line-height:1.08;

    color:#202020;

    text-transform:uppercase;

}

/* Right */

.credit-services{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:40px 70px;

}

.service h3{

    font-size:1.2rem;

    color:#1f1f1f;

    margin-bottom:14px;

    font-weight:700;

}

.service p{

    color:#6b6b6b;

    font-size:.9rem;

    line-height:1.8;

}

/* ====================================
   CTA SECTION
==================================== */

.credit-cta{

    background:#f5f5f5;

    padding:70px 0;

}

.cta-wrapper{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:50px;

}

.cta-text h2{

    font-size:2.1rem;

    margin-bottom:1rem;

    color:#202020;

    font-weight:700;

}

.cta-text p{

    font-size:1.1rem;

    color:#6f6f6f;

}

.btn-primary{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    min-width:280px;

    height:56px;

    padding:0 1rem;

    background:#003b8e;

    color:#fff;

    font-size:14px;

    font-weight:600;

    letter-spacing:.6px;

    text-transform:uppercase;

    transition:.35s ease;

}

.btn-primary:hover{

    background:#002c69;

    transform:translateY(-3px);

    box-shadow:0 12px 24px rgba(0,0,0,.15);

}

@media (max-width:992px){

    .credit-grid{

        grid-template-columns:1fr;

        gap:45px;

    }

    .credit-title{

        text-align:center;

    }

    .credit-title h2{

        font-size:40px;

    }

    .credit-services{

        gap:35px;

    }

    .cta-wrapper{

        flex-direction:column;

        text-align:center;

    }

    .cta-text h2{

        font-size:40px;

    }

}

@media (max-width:768px){

    .credit-improvement{

        padding:60px 0;

    }

    .credit-title h2{

        font-size:32px;

    }

    .credit-services{

        grid-template-columns:1fr;

        gap:30px;

    }

    .service{

        text-align:center;

    }

    .service h3{

        font-size:20px;

    }

    .service p{

        font-size:15px;

    }

    .credit-cta{

        padding:50px 0;

    }

    .cta-text h2{

        font-size:30px;

    }

    .cta-text p{

        font-size:16px;

    }

    .btn-primary{

        width:100%;

        min-width:0;

        max-width:340px;

        margin:0 auto;

    }

}

@media (max-width:480px){

    .credit-title h2{

        font-size:28px;

    }

    .cta-text h2{

        font-size:26px;

    }

    .service h3{

        font-size:18px;

    }

    .service p{

        font-size:14px;

    }

    .btn-primary{

        height:52px;

        font-size:13px;

        padding:0 20px;

    }

}

/* ==========================================
   DEBT RELIEF SECTION
========================================== */

.debt-relief{

    padding:90px 0 70px;

    background:#fff;

}

.container{

    width:min(1180px,92%);
    margin:auto;

}

/* Grid */

.debt-grid{

    display:grid;
    grid-template-columns:280px 1fr;
    gap:70px;
    align-items:flex-start;

}

/* Title */

.debt-title h2{

    font-size:2.5rem;
    font-weight:700;
    line-height:1.08;
    color:#222;
    text-transform:uppercase;

}

/* Services */

.debt-services{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:45px 70px;

}

.debt-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

/* Icon */

.debt-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d60000;
    font-size:20px;
    flex-shrink:0;
}

/* Content */

.debt-item h3{
    font-size:1.5rem;
    color:#202020;
    margin-bottom:10px;
    font-weight:700;
}

.debt-item p{
    color:#6a6a6a;
    line-height:1.8;
    font-size:1rem;
}

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

.debt-cta{
    padding:90px 0;
    background:#fff;
    text-align:center;
}

.debt-cta-content{
    max-width:720px;
    margin:auto;
}

.debt-cta h2{
    font-size:3.5rem;
    color:#202020;
    margin-bottom:20px;
    font-weight:700;
}

.debt-cta p{
    color:#666;
    font-size:18px;
    margin-bottom:38px;
}

.btn-primary{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    height:56px;
    min-width:250px;
    background:#003b8e;
    color:#fff;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
    text-transform:uppercase;
    transition:.35s ease;
}

.btn-primary:hover{
    background:#002b69;
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(0,0,0,.18);
}

/* ======================================================
   CONTACT SECTION
   ====================================================== */

.contact-section{
    background:#fff;
    overflow:hidden;
}

.contact-wrapper{
    display:grid;
    grid-template-columns:48% 52%;
    min-height:720px;
}

.contact-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:70px 60px;
    background:#fff;
}

.section-heading{
    margin-bottom:45px;
}

.section-heading h2{
    font-size:46px;
    font-weight:700;
    color:var(--text);
    margin-bottom:18px;
    line-height:1.15;
}

.section-heading p{
    font-size:17px;
    line-height:1.8;
    color:var(--muted);
    max-width:520px;
}

.section-heading a{
    color:var(--primary);
    text-decoration:none;
    font-weight:600;
}

.section-heading a:hover{
    text-decoration:underline;
}

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

.contact-form{
    width:100%;
}

.row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

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

.form-group label{
    display:block;
    font-size:14px;
    font-weight:600;
    color:#333;
    margin-bottom:8px;
}

.form-group span{
    color:#d50000;
}

.form-group input,
.form-group textarea,
.form-group select{
    width:100%;
    border:1px solid var(--border);
    background:var(--input-bg);
    font-size:15px;
    padding:14px 15px;
    border-radius:var(--radius);
    transition:var(--transition);
    outline:none;
    font-family:inherit;
}

.form-group textarea{
    resize:vertical;
    min-height:150px;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(11,61,145,.10);
}

/* ==========================
PHONE FIELD
========================== */

.phone-field{
    display:flex;
    border:1px solid var(--border);
    border-radius:var(--radius);
    overflow:hidden;
    transition:var(--transition);
}

.phone-field:focus-within{
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(11,61,145,.10);
}

.phone-field select{
    width:110px;
    border:none;
    border-right:1px solid var(--border);
    background:#fff;
    padding:0 12px;
}

.phone-field input{
    border:none;
}

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

.submit-btn{
    width:100%;
    height:56px;
    border:none;
    background:var(--primary);
    color:#fff;
    font-size:15px;
    font-weight:700;
    letter-spacing:.5px;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    transition:var(--transition);
    margin-left: 1rem;
}

.submit-btn:hover{
    background:var(--primary-dark);
    transform:translateY(-2px);
}

.submit-btn:active{
    transform:translateY(0);
}

.spinner{

    display:none;

    width:22px;
    height:22px;

    border:3px solid rgba(255,255,255,.3);

    border-top-color:#fff;

    border-radius:50%;

    animation:spin .8s linear infinite;

}

.submit-btn.loading .btn-text{

    display:none;

}

.submit-btn.loading .spinner{

    display:block;

}

@keyframes spin{

    to{

        transform:rotate(360deg);

    }

}

/* ==========================
STATUS MESSAGE
========================== */

.form-status{

    margin-top:20px;

    font-size:15px;

    display:none;

    padding:14px;

    border-radius:4px;

}

.form-status.success{

    display:block;

    background:#ecfdf5;

    color:#065f46;

    border:1px solid #10b981;

}

.form-status.error{

    display:block;

    background:#fef2f2;

    color:#991b1b;

    border:1px solid #ef4444;

}

/* ==========================
HONEYPOT
========================== */

.hidden-field{

    display:none;

}

/* ==========================
IMAGE
========================== */

.contact-image{

    position:relative;

    overflow:hidden;

}

.contact-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:transform 1s ease;

}

.contact-image:hover img{

    transform:scale(1.05);

}

/* ==========================
INPUT PLACEHOLDER
========================== */

::placeholder{

    color:#9ca3af;

}

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

@media (max-width:992px){

.contact-wrapper{

    grid-template-columns:1fr;

}

.contact-image{

    order:-1;

    height:450px;

}

.contact-content{

    padding:60px 40px;

}

.section-heading{

    text-align:center;

}

.section-heading p{

    margin:auto;

}

}

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

@media (max-width:768px){

.contact-content{

    padding:40px 25px;

}

.section-heading h2{

    font-size:34px;

}

.section-heading p{

    font-size:16px;

}

.row{

    grid-template-columns:1fr;

}

.phone-field{

    flex-direction:column;

}

.phone-field select{

    width:100%;

    border-right:none;

    border-bottom:1px solid var(--border);

    height:50px;

}

.submit-btn{

    height:54px;

}

.contact-image{

    height:300px;

}

}

/* ==========================
SMALL PHONES
========================== */

@media (max-width:480px){

.section-heading h2{

    font-size:30px;

}

.contact-content{

    padding:30px 20px;

}

.form-group input,
.form-group textarea,
.form-group select{

    font-size:14px;

}

.contact-image{

    height:240px;

}

}

/* =====================================
   COMPANY STATS
====================================== */

.company-stats{

    padding:90px 0;

    background:#fff;

}

.container{

    width:min(1180px,92%);
    margin:auto;

}

.stats-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);

    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;

    padding:55px 0;

}

.stat-item{

    text-align:center;

}

.stat-item h2{

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

    color:#0b3d91;

    margin-bottom:12px;

}

.stat-item p{

    font-size:16px;
    color:#0b3d91;
    font-weight:600;

}

/* =====================================
   MISSION
====================================== */

.mission-section{

    background:#f7f7f7;

    padding:90px 0;

}

.mission-grid{

    display:grid;

    grid-template-columns:320px 1fr;

    gap:80px;

    align-items:flex-start;

}

.mission-title h2{

    font-size:52px;

    color:#222;

    line-height:1.1;

    font-weight:700;

}

.mission-content{

    max-width:700px;

}

.mission-content p{

    color:#666;

    line-height:1.9;

    font-size:17px;

    margin-bottom:18px;

}

@media (max-width:992px){

.stats-grid{

    grid-template-columns:repeat(2,1fr);

    gap:45px;

}

.mission-grid{

    grid-template-columns:1fr;

    gap:45px;

}

.mission-title{

    text-align:center;

}

.mission-title h2{

    font-size:42px;

}

.mission-content{

    text-align:center;

    margin:auto;

}

}

@media (max-width:768px){

.company-stats{

    padding:60px 0;

}

.stats-grid{

    grid-template-columns:1fr;

    gap:35px;

}

.stat-item h2{

    font-size:42px;

}

.stat-item p{

    font-size:15px;

}

.mission-section{

    padding:60px 0;

}

.mission-title h2{

    font-size:34px;

}

.mission-content p{

    font-size:15px;

    line-height:1.8;

}

}

@media (max-width: 992px) {
    .debt-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }
}

@media (max-width: 768px) {
    .debt-services {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 480px) {
    .debt-title h2 {
        font-size: 1.8rem;
        text-align: center;
        font-weight: 600;
    }

    .debt-item h3{
        font-size: 1.3rem
    }

    .debt-item p{
        font-size: .9rem;
    }

    .debt-cta{
        padding: 2rem 0;
    }  
    
    .debt-cta-content h2{
        font-size: 2.5rem;
    }
    .debt-cta-content p{
        font-size: 1rem;
    }
}