/* overview css starts here*/
.about-overview{
    background: rgb(222 235 255);
}
.about-overview .overview{
    display: flex;
    padding: 100px 0px;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}
.about-overview .overview .subtitle{
    margin-left: 0;
    margin-bottom: 0;
}
.about-overview .overview .left_content{
   display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 101px; 
}
.about-overview .overview .left_content h3{
    color: var(--text-primary, #15171B);
    font-family: var(--font-family-family, Sora);
    font-size: var(--heading-h3-size, 40px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--heading-h3-line-height, 56px);
}
.about-overview .overview .left_content p{
    color: var(--text-primary, #15171B);
    font-family: var(--font-family-family, Sora);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; 
}
.about-overview .overview .left_content p:last-child{
    margin-bottom:101px;
}
@media (max-width:1024px){
    .about-overview .overview .left_content h3{
        font-size: var(--heading-h3-size, 28px);
        line-height: var(--heading-h3-line-height, 38px);
    }
    /*.about-overview .overview {*/
    /*    flex-direction: column-reverse;*/
    /*}*/
    .about-overview .overview .right_content {
        width: 100%;
        /* text-align: center; */
        align-self: center;
        display: flex;
    }
    .about-overview .overview .left_content {
        margin-top: 0;
    }
    .about-overview .overview .left_content p:last-child {
        margin-bottom: 0;
    }
    .about-overview .overview .right_content img{
        width:100%;
    }
    .about-overview .overview > * {
        flex: 1 1 50%;
        max-width: 50%;
    }
}
@media (max-width:767px){
    .about-overview .overview > * {
        /*flex: 1 1 50%;*/
        max-width:100%;
    }
    .about-overview .overview {
        flex-direction: column;
        padding: 60px 0px;
    }
    .about-overview .overview .right_content img{
        width: 100%;
    }
    .about-overview .overview .left_content h3 {
        font-size: var(--heading-h3-size, 24px);
        line-height: var(--heading-h3-line-height, 32px);
    }
    .about-overview .overview .left_content p {
        font-size: 16px;
        line-height: 24px;
    }
    
}
/* overview css ends here*/