.facts{
    margin-top: 30px;
}
// .card-sm{
//     margin-top: 30px;
// }
// .facts-logo div{
//     display: flex;
//     align-items: center;
// }

.mission{
    .mission-left{
        border-radius: 16px;
        background-size: cover;
        background-position: center;
        background-image: url("/assets/img/about-mission.jpg");
        aspect-ratio: 2.1;
    }
    .mission-right{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 30px;
        
    }
}

.howork{
    .howork-left{
        border-radius: 16px;
        background-size: cover;
        background-position: center;
        background-image: url("/assets/img/about-howork.jpg");
        aspect-ratio: 582 / 642;
        height: 642px;
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        gap: 30px;
        >div{
            width: calc(50% - 15px);
            box-shadow: 0 0 0 30px #FFF;
            border-radius: 16px;
            aspect-ratio: 1;
            &:first-child, &:last-child{
                width: auto;
                margin-bottom: auto;
                background-color: #FFF;
                aspect-ratio: none;
                flex-grow: 1;
                flex-shrink: 1;
            }
        }
    }
    .howork-right{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 60px;
        .howork-item{
            display: flex;
            flex-direction: row;
            gap: 30px;
            cursor: pointer;
            .howork-caption{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
                .timing{
                    color: var(--Primary-1D45F0, #1D45F0);
                    font-size: 20px;
                    font-weight: 600;
                    line-height: 28px;
                }
            }
            h5{
                margin: 0;
            }
        }
    }
}


@media screen and (max-width:  1240px){
    .jumb-slogan{
        margin-block: 0;
    }
    
    .facts{
        margin-top: 10px;
    }
    
    .howork{
        .howork-left{
            height: 105vw;
            width: 100%;

        }
        .howork-right{
            gap: 30px;
            .howork-item{
                display: flex;
                flex-direction: row;
                gap: 30px;
                cursor: pointer;
                h5{
                    margin: 0;
                }
            }
        }
    }

    .howork{
        .howork-left{
            height: 135%;
            width: 100%;
        }
        .howork-right{
            gap: 30px;
            h5{
                margin-block: 10px;
            }
        }
    }
}
    

