/* SOLAR DEVELOPER HERO SECTION */
.solar-developer-section {
    display: flex;
    width: 100%;
    padding: 150px 150px 80px;
    /* height: 874px; */
    margin-top: -6rem;
    background: url('../images/hero-bg-3.png'), radial-gradient(85.94% 85.94% at 90.64% 7.81%, #FF9937 0%, #FE6A2E 89.5%);
    background-size: cover;
    background-position: center;
    border-bottom: 15px solid var(--Neutral-N900);
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    position: relative;
    z-index: 1;
}

.solar-developer-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    /* padding: 150px 130px 80px; */
    width: 100%;
}

.solar-developer-container .subtitle {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    align-items: center;
}

.solar-developer-container .subtitle h1 {
    color: var(--Neutral-N900);
    font-family: Clash Display;
    font-size: 42px;
    font-weight: 600;
    line-height: 62px;
}

.solar-developer-container .subtitle p {
    color: var(--Neutral-N900);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    max-width: 500px;
    text-align: center;
}

.solar-developer-container .benefits {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 25px;
    width: 100%;
    max-width: 1072px;
}

.solar-developer-container .benefits .benefit {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 339px;
    height: 263px;
    border-radius: 16px;
    border: 4px solid var(--Neutral-N30);
    background: linear-gradient(180deg, #FFFFFF 35.03%, #E4E4E4 194.08%);
    box-shadow: 0px 3.36px 10.59px 0px #0000000D;
    position: relative;
    overflow: hidden;
}

.benefits .benefit .head {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 1rem;
}

.benefits .benefit .head h3 {
    color: var(--Neutral-N900);
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.benefits .benefit .head p {
    color: var(--Neutral-N900);
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    max-width: 281px;
}

.benefits .benefit img {
    display: flex;
    align-self: end;
    width: 180px;
    height: 175.59px;
}

/* END OF SOLAR DEVELOPER HERO SECTION */

/* HOW TO WORK */
.how-to-work {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 150px 150px 80px;
    background-color: var(--Primary-50);
    border-bottom: 10px solid var(--Neutral-N900);
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    margin-top: -3rem;
}

.how-to-work-container {
    display: flex;
    flex-direction: column;
    gap: 62px;
    align-items: center;
}

.how-to-work-container h2 {
    color: var(--Neutral-N900);
    font-family: Clash Display;
    font-weight: 600;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -1%;
}

.how-to-work-container .btn-pri-shadow {
    height: 48px;
    padding: 12px 20px;
    border-radius: 12px;
}

/* HOW TO WORK */

.partners-section .partners-container.second {
    padding: 8rem 8rem 0px;
}

/* READY TO START */
.rcard.second .content .text-group-2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rcard.second .content .text-group-2 h2 {
    color: var(--Neutral-N0);
    font-family: Clash Display;
    font-size: 36px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1%;
}

.rcard.second .content .text-group-2 span {
    font-family: Clash Display;
    font-weight: 700;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -1%;
}

.rcard.second .content .text-group-2 span.text-1 {
    color: var(--Primary-300) !important;
}

.rcard.second .content .text-group-2 span.text-2 {
    color: var(--Primary-400) !important;
}

.rcard.second .content .text-group-2 span.text-3 {
    color: var(--Neutral-N0) !important;
}

.ready-container .rcard.second .content p.second {
    max-width: 450px;
}

/* END OF READY TO START */

/* DEVELOPER PARTNERS */
.developers-partners-section {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 7rem;
}

.developers-partners-container {
    display: flex;
    flex-direction: column;
    gap: 80px;
    align-items: center;
}

/* END DEVELOPER PARTNERS */

/* ARE YOU A BROKER */
.are-you-broker {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 120px 100px;
    background-color: var(--Primary-50);
    border-radius: 60px;
}

.are-you-broker-container {
    display: flex;
    gap: 80px;
    align-items: center;
}

.are-you-broker-container .content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.are-you-broker-container .content .btn-pri-shadow {
    gap: 20px;
}

.are-you-broker-container .content .sub-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.are-you-broker-container .content .sub-content h3 {
    color: var(--Neutral-N900);
    font-family: Clash Display;
    font-weight: 500;
    font-size: 52px;
    line-height: 63px;
    letter-spacing: -1%;
    max-width: 602px;
}

.are-you-broker-container .content .sub-content h3 span {
    color: var(--Primary-300);
}

.are-you-broker-container .content .sub-content p {
    color: var(--Neutral-N900);
    font-family: Montserrat;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    max-width: 600px;
}

/* END OF ARE YOU A BROKER */

/* START YOUR JOURNEY */
.start-your-journey {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 50px 140px;
}

.start-your-journey-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 383px;
    gap: 80px;
    align-items: center;
    background: url('../images/start-your-journey-bg.png'), radial-gradient(85.94% 85.94% at 90.64% 7.81%, #FF9937 0%, #FE6A2E 89.5%);
    background-size: cover;
    border-radius: 60px;
}

.start-your-journey-container .subtitle {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}

.start-your-journey-container .subtitle h2 {
    color: var(--Neutral-N900);
    font-family: Clash Display;
    font-weight: 600;
    font-size: 64px;
    line-height: 120%;
    letter-spacing: -1%;
}

.start-your-journey-container .subtitle p {
    color: var(--Neutral-N900);
    font-family: Montserrat;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

/* END OF START YOUR JOURNEY */

/* MOBILE RESPONSIVE  */

@media only screen and (max-width: 1122px) {
    .solar-developer-section {
        padding: 150px 20px 60px;
    }

    .solar-developer-container {
        gap: 40px;
    }

    .solar-developer-container .subtitle {
        text-align: center;
    }

    .solar-developer-container .subtitle h1 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: -3;
    }

    .solar-developer-container .subtitle p {
        font-size: 16px;
        line-height: 24px;
    }

    .how-to-work {
        padding: 100px 15px 60px;
    }

    .how-to-work-container h2 {
        font-size: 32px;
    }

    .how-to-work-container img {
        width: 100%;
    }

    .partners-section .partners-container h2 {
        font-size: 32px;
    }

    .partners-section .partners-container.second {
        padding: 3rem 20px;
    }

    .partners-container .partners-logos.next {
        gap: 20px;
    }

    .rcard.second .content .text-group-2 span {
        font-size: 32px;
    }
}

@media only screen and (min-width: 1150px) {
    .solar-developer-container .benefits .benefit {
        max-width: 300px;
    }
}

/* END OF MOBILE RESPONSIVE  */