<style>


div#custom-lead-form {
    width: 1400px;
    margin: 0 auto;
}

    /* Global Variables */
    .chd-colors {
        --main-blue: #007CC3;
        --card-bg: #eeeeee;
        --brand-primary: #000000;
        --brand-text-primary: #fff;
        --accent-red: #cc0000;
    }

    .chd-main {
        width: 100%;
        margin: 0 auto;
        font-family: sans-serif;
        --md-size: 1rem;
        --lg-size: 2rem;
        --xl-size: 4rem;
    }

        .chd-main * {
            box-sizing: border-box;
        }

        /* Section Constraints */
        .chd-main section {
            margin: var(--md-size) auto;
            max-width: 1400px;
            width: 100%;
        }

    /* --- BANNER SECTION (65/35 Split) --- */
    .banner-container {
        display: flex;
        min-height: 450px;
        background-color: var(--main-blue)!important;
        color: white;
        overflow: hidden;
    }

    .banner-image-half {
        flex: 0 0 65%; /* Updated to 65% to prevent cutoff */
        background: url('https://service.secureoffersites.com//images/GetLibraryImage?fileNameOrId=133754') no-repeat center center;
        background-size: cover;
    }

    .banner-text-half {
        flex: 0 0 35%; /* Updated to 35% */
        padding: var(--lg-size);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
	background: #007cc3;
    }

        .banner-text-half h1 {
            font-size: clamp(1.5rem, 3vw, 2.2rem);
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .banner-text-half p {
            font-size: 0.95rem;
            line-height: 1.5;
        }

    /* --- INFO CARDS SECTION --- */
    .cards-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--md-size);
    }

    .info-card {
        background-color: #eeeeee!important;
        padding: var(--xl-size) var(--lg-size);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border: 1px solid #ddd;
    }

        .info-card h2 {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 1rem;
            color: #222;
        }

        .info-card p {
            font-size: 1rem;
            line-height: 1.6;
            color: #444;
            margin-bottom: 2rem;
            max-width: 500px;
        }

    .icon-wrap img {
        width: 50px;
        margin-bottom: 15px;
    }

    /* --- FAQ SECTION --- */
    .faq-section {
        padding: var(--lg-size);
        text-align: center;
    }

        .faq-section h2 {
            font-size: 2.5rem;
            text-transform: uppercase;
            margin-bottom: var(--lg-size);
            letter-spacing: 2px;
        }

    .faq-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--md-size);
        text-align: left;
    }

    .faq-item {
        width: 100%;
    }

    .faq-input {
        display: none;
    }

    .faq-label {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem 2rem;
        background: #eeeeee;
        color: #007cc3!important;
        font-weight: bold;
        cursor: pointer;
        font-size: 1.1rem;
        border: 1px solid #eee;
    }

        .faq-label::after {
            content: '\276F';
            transition: transform 0.3s;
            transform: rotate(90deg);
        }

    .faq-content {
        max-height: 0;
        overflow: hidden;
        background: white;
        transition: max-height 0.3s ease-out;
        padding: 0 2rem;
    }

        .faq-content p {
            padding: 1.5rem 0;
            margin: 0;
            line-height: 1.6;
            color: #333;
        }

    .faq-input:checked ~ .faq-content {
        max-height: 600px;
        border: 1px solid #eee;
        border-top: none;
    }

    .faq-input:checked ~ .faq-label::after {
        transform: rotate(270deg);
    }

    /* --- BUTTONS --- */
    .chd-btn {
        display: inline-block;
        text-decoration: none!important;
        font-weight: 700;
        transition: 0.3s;
        cursor: pointer;
        text-transform: uppercase;
    }

    .btn-dark {
        background-color: #1a1a1a;
        color: white!important;
        padding: 1rem 2rem;
    }

   .btn-blue {
    background-color: #007cc3;
    color: white !important;
    padding: 0.8rem 1.8rem;
    font-size: 0.85rem;
    text-decoration: none !important;
}

    .chd-btn:hover {
        opacity: 0.8;
        transform: translateY(-1px);
    }

    /* --- RESPONSIVE MOBILE --- */
    @media(max-width: 900px) {
        .banner-container {
            flex-direction: column;
        }

        .banner-image-half, .banner-text-half {
            flex: 0 0 100%;
        }

        .banner-image-half {
            min-height: 300px;
            background-size: cover;
        }

        .cards-grid, .faq-grid {
            grid-template-columns: 1fr;
        }
    }
</style>