@charset "utf-8";
/* CSS Document */

    .section--partners-hero {
        background: url('../images/partners/hero-bg.webp') no-repeat center;
        background-size: cover;
        min-height: 580px;
    }

        .section--partners-hero h1 {
            font-size: clamp(1.75rem, 4vw, 3.25rem);
        }

        .section--partners-hero p {
            max-width: 80ch;
            color: #d4dbec;
        }

    .section--partners-outer {
        margin-top: -100px;
    }

        .section--partners-outer .container {
            max-width: 1080px;
        }

    .section--partners-listing {
        border-radius: 8px;
    }

    .heading-gap {
        margin-bottom: clamp(2rem, 4vw, 3.75rem);
    }


    .section--partners-listing {
        background: #FBFFFD;
        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
    }

        .section--partners-listing h2 {
            font-size: clamp(1.25rem, 4vw, 2.1875rem);
        }

    .partners-listing-grid ul {
        list-style: none;
        column-gap: 12px;
        row-gap: 30px;
    }

        .partners-listing-grid ul li {
            width: 25%;
            max-width: 230px;
        }

            .partners-listing-grid ul li a {
                border-color: #EBEAFF !important;
                height: 65px;
            }

                .partners-listing-grid ul li a img {
                    max-height: 26px;
                    transition: all 0.4s ease;
                }

                .partners-listing-grid ul li a:hover img {
                    transform: scale(1.1);
                }

                .partners-listing-grid ul li a:hover {
                    border-color: var(--PrimaryClr) !important;
                }

    .card-growth figure {
        height: 60px;
    }

        .card-growth figure img {
            max-height: 60px;
        }

    .card-growth h3 {
        font-size: 20px;
    }

    .section--opportunities {
        background: url('../images/partners/opportunities.webp') no-repeat center;
        background-size: cover;
    }

        .section--opportunities .container {
            max-width: 1230px;
        }

        .section--opportunities .group-heading {
            max-width: 900px;
        }

            .section--opportunities .group-heading h2 {
                text-wrap: balance;
            }

    .opportunities-cards {
        margin-top: var(--section-gap-large);
    }

        .opportunities-cards .card {
            border-color: #EAEAEA !important;
            border-radius: var(--BorderRadius);
            padding: clamp(1rem, 1.5vw + 0.5rem, 1.875rem);
        }

        .opportunities-cards figure {
            width: 64px;
            height: 64px;
            border-radius: 10px;
            background: #EBEAFF;
        }

            .opportunities-cards figure img {
                max-height: 55px;
            }

        .opportunities-cards h3 {
            font-size: 24px;
        }

        .opportunities-cards p {
            color: #51564E;
        }

    .section--partner-form .container {
        max-width: 1140px;
    }

    .partner-form-grid {
        row-gap: 20px;
    }

    .partner-form-outer {
        margin-top: var(--section-gap-medium);
    }

        .partner-form-outer .form-control {
            border-color: #A4A4A4 !important;
            color: #4C4C4C;
            font-size: 15px;
            border-radius: 5px;
            padding: 0.7rem 0.625rem;
        }

        .partner-form-outer .form-check-input {
            border-color: #A4A4A4;
            width: 23px;
            height: 23px;
        }

        .partner-form-outer label {
            color: #4C4C4C;
            font-size: 14px;
        }

        .partner-form-outer .form-check-input:checked {
            background-color: var(--PrimaryClr);
            border-color: var(--PrimaryClr);
        }

    .request-demo {
        background: #0089FF;
    }

        .request-demo:hover {
            background: var(--PrimaryClr);
        }

    .program-business {
        margin-top: var(--section-gap-medium);
    }

        .program-business .col-md-4 {
            max-width: 360px;
        }

        .program-business .card {
            background: #FBFFFD;
            box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
            border-radius: var(--BorderRadius);
            padding: clamp(1rem, 1.5vw + 0.5rem, 1.875rem);
            transform: translateY(0) scale(1);
            transition: all 0.3s ease;
        }

            .program-business .card:hover {
                transform: translateY(-6px) scale(1.02);
                box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
            }

            .program-business .card h3 {
                font-size: 1rem;
            }

            .program-business .card p {
                font-size: 12px;
                color: #041527;
                line-height: 20px;
                letter-spacing: 0.3px;
            }

    .section--benefits {
        background: #EFF7FF;
    }

    .partner-succeed-info {
        margin-top: var(--section-gap-medium);
    }

        .partner-succeed-info ul {
            list-style: none;
            row-gap: 30px;
        }

            .partner-succeed-info ul li {
                line-height: 175%;
                letter-spacing: 2%;
                padding-left: 30px;
            }

                .partner-succeed-info ul li:before {
                    content: '';
                    background: url('../images/star-bullet.svg') no-repeat center;
                    background-size: contain;
                    position: absolute;
                    top: 4px;
                    left: 0px;
                    width: 20px;
                    height: 20px;
                }


    .partner-cta-inner {
        background: url('../images/partners/partner-cta-bg.webp') no-repeat center;
        background-size: cover;
        border-radius: calc(var(--BorderRadius) + 10px);
    }


    /* Detail page start */
    .pd-hero-caption h1 {
        font-size: clamp(1.75rem, 2vw + 1rem, 2.625rem);
    }

    .pd-hero-caption p {
        color: #333333;
        max-width: 980px;
    }

    .pd-about-section .container {
        max-width: 985px;
    }

    .pd-image-box {
        background: url('../images/partners/partnership-bg.webp') no-repeat center;
        background-size: cover;
        border-radius: var(--BorderRadius);
        max-width: 930px;
    }

        .pd-image-box img {
            max-height: 300px;
        }

    .pd-about-inner {
        background: radial-gradient(314.81% 305.25% at 50% 0%, #030312 20%, #3E3EDF 40%);
    }

    .pd-card h3 {
        font-size: 18px;
    }

    .pd-card p {
        font-size: 13px;
        letter-spacing: 0.3px;
        line-height: 20px;
        max-width: 90%;
        margin: auto;
    }

    .section--testimonial .container {
        max-width: 1100px;
    }

    .partner-testimonials p {
        color: #4B4B4B;
        font-size: clamp(1.75rem, 1.5vw + 1rem, 2.625rem);
    }

    .partner-testimonials span {
        font-size: clamp(1.125rem, 1vw + 0.75rem, 1.875rem);
        color: var(--PrimaryClr);
    }


@media all and (min-width:767px) {
}

@media all and (min-width:960px) {
    .section--partners-hero p {
        line-height: 32px;
    }

    .section--opportunities .group-heading {
        font-size: 17px;
    }

    .card-growth h3 {
        font-size: 24px;
        min-height: 57px;
        max-width: 17ch;
    }

    .section--partner-business .group-heading {
        max-width: 50%;
    }

    .section--benefits .group-heading {
        max-width: 50%;
    }

    .partner-cta-inner h2 {
        max-width: 80%;
    }

    .partner-cta-inner a {
        min-width: 280px;
    }

    .pd-hero-caption p {
        font-size: 20px;
        letter-spacing: 2%;
        line-height: 36px;
    }

    .pd-about-section p {
        letter-spacing: 2%;
        line-height: 28px;
    }

    .pd-card p {
        font-size: 13px;
        letter-spacing: 0.3px;
        line-height: 24px;
        max-width: 90%;
        text-wrap: balance;
        margin-left: 0px;
    }
}

@media all and (min-width:1300px) {
    .card-growth p {
        text-wrap: balance;
    }

    .growth-outer .col-md-3 {
        max-width: 250px;
    }

    .section--partner-cta .container {
        max-width: 1200px;
    }
}

@media all and (max-width:1300px) {
}

@media all and (max-width:767px) {
    .partners-listing-grid ul {
        row-gap: 10px;
    }

        .partners-listing-grid ul li {
            width: 45%;
        }

    .section--partners-listing h2 {
        text-wrap: balance;
    }

    .partner-succeed-info ul {
        row-gap: 20px;
    }

    .section--partner-business .group-heading,
    .section--benefits .group-heading {
        text-wrap: balance;
    }
}