/* vision mission css starts here*/
.vision_mission{
    background: #002D77;
    padding: 100px 0px;
}
.vision_mission .vision{
    display: grid;
    
    flex-direction: row;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 40px;
    align-items: self-start;
}
.vision_mission .vision .subtitle{
    margin-left: 0;
    margin-bottom: 25px;
}

.vision_mission .vision h4{
    color: var(--text-white, #FFF);
    font-family: var(--font-family-family, Sora);
    font-size: var(--heading-h4-size, 36px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--heading-h4-line-height, 50px); /* 138.889% */
}
.vision_mission .vision p{
    color: var(--text-white, #FFF);
    font-family: var(--font-family-family, Sora);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 30px;
}
.vision_mission .vision p:last-child{
    margin-bottom: 0px;
}
.empowering_practices{
    display: flex;
    /*height: 400px;*/
    padding: 40px 40px 0 40px;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    border-radius: 20px;
    /*background: #011B47;*/
    background: url('/wp-content/uploads/2025/10/Frame-1577705757.svg');
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.empowering_practices h4{
    color: var(--text-white, #FFF);
    font-family: var(--font-family-family, Sora);
    font-size: var(--heading-h4-size, 36px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--heading-h4-line-height, 50px);
    margin-bottom: 20px;
    max-width: 90%;
}
.empowering_practices p{
    color: var(--text-off-white, #D9D9D9);
    font-family: var(--font-family-family, Sora);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    max-width: 90%;
}
.empowering_practices .right_content{
    position:relative;
    display: flex;
    padding: 32px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 16px 16px 0 0;
    background: var(--surface-counter, #E3F4FF);
}
.empowering_practices .right_content::after{
    content: '';
    background: linear-gradient(180deg, rgba(1, 27, 71, 0.00) 10.78%, rgba(1, 27, 71, 0.70) 100%);
    position: absolute;
    bottom: 0px;
    z-index: 99999;
    width: 100%;
    height: 35%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
}
.empowering_practices .right_content ul{
    padding-left: 24px;
}
.empowering_practices .right_content ul li{
    color: var(--text-primary, #15171B);
    font-family: var(--font-family-family, Sora);
    font-size: var(--body-lg-size, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--body-lg-line-height, 32px);
    margin-bottom:12px;
}
.empowering_practices .right_content ul li:not(:first-child)::marker {
    color: #002E64;
}
@media(max-width:1024px){
    .vision_mission .vision {
        grid-template-columns: repeat(1, 1fr);
    }
    .empowering_practices {
        flex-direction: column;
        background: #011B47;
    }
    .vision_mission .vision h4,.empowering_practices h4 {
        font-size: var(--heading-h4-size, 40px);
        line-height: var(--heading-h4-line-height, 60px);
    }
    .vision_mission {
        padding-bottom: 65px;
    }
}
@media(max-width:767px){
    .vision_mission {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .vision_mission .vision {
        gap: 15px;
    }
    .vision_mission .vision h4, .empowering_practices h4 {
        font-size: var(--heading-h4-size, 30px);
        line-height: var(--heading-h4-line-height, 44px);
    }
    .vision_mission .vision p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .empowering_practices {
        flex-direction: column;
        padding: 25px 20px 0 20px;
    }
    .empowering_practices p {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%;
    }
    .empowering_practices .right_content {
        padding: 25px 15px;
    
    }
    .empowering_practices .right_content ul li {
        font-size: var(--body-lg-size, 16px);
        line-height: var(--body-lg-line-height, 26px);
    }
}
/* vision mission css ends here*/