.caring_banner {
    margin-top: 60px;
    margin-bottom: 60px;
    background: linear-gradient(to right, #FFFFFF 50%, #FB6A29 50%);
}

.caring_banner .maxwidth-new {
    display: flex;
}

.caring_banner .caring_left {
    display: flex;
    flex-direction: column;
    gap: 39px;
    padding-right: 18px;
    width: 50%;
}

.caring_banner .caring_left .caring_header {
    color: #040B2F;
    font-family: "Exo 2";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.caring_banner .caring_left .caring_cites {
    flex: auto;
    display: grid;
    align-items: flex-start;
    gap: 8px;
}

.caring_banner .caring_left .caring_cites .caring_cite {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 32px;
    align-self: stretch;
    border: 1px solid #EFF0F3;
}


.caring_banner .caring_left .caring_cites .caring_cite .cite_header {
    color: #040B2F;
    font-family: "Exo 2";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.caring_banner .caring_left .caring_cites .caring_cite .cite_text {
    color: rgba(4, 11, 47, 0.85);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.caring_banner .caring_right {
    width: 50%;
    padding-left: 86px;
    padding-top: 66px;
    padding-bottom: 65px;
    display: inline-flex;
    flex-direction: column;
    gap: 64px;
}

.caring_banner .caring_right .caring_advantage {
    display: flex;
    align-items: flex-start;
    gap: 20px;

}

.caring_banner .caring_right .caring_advantage .advantage_left img{
    width: 48px;
    height: 48px;
}

.caring_banner .caring_right .caring_advantage .advantage_right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 171px;
}

.caring_banner .caring_right .caring_advantage .advantage_right .advantage_header {
    color: #FFF;
    font-family: "Exo 2";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.caring_banner .caring_right .caring_advantage .advantage_right .advantage_text{
    color: rgba(255, 255, 255, 0.85);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
}

@media(max-width: 699px) {
    .caring_banner {
        margin-top: 21px;
        margin-bottom: 21px;
        background: unset;
    }

    .caring_banner .maxwidth-new {
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 0 16px;
    }

    .caring_banner .caring_left {
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding-right: unset;
        width: unset;
        align-self: stretch;
        background: #FFFFFF;
    }

    .caring_banner .caring_left .caring_header {
        flex: auto;
        color: #040B2F;
        font-size: 28px;
        font-weight: 500;
        line-height: 130%;
    }

    .caring_banner .caring_left .caring_cites .caring_cite {
        gap: 16px;
        padding: 16px;
    }


    .caring_banner .caring_left .caring_cites .caring_cite .cite_header {
        font-size: 18px;
    }

    .caring_banner .caring_right {
        width: unset;
        padding: 24px 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        gap: 24px;
        background: #FB6A29;
    }
    .caring_banner .caring_right .caring_advantage {
        align-self: stretch;
    }


    .caring_banner .caring_right .caring_advantage .advantage_right {
        width: unset;
        align-self: stretch;
    }

    .caring_banner .caring_right .caring_advantage .advantage_right .advantage_header {
        font-size: 24px;
    }
}