.result{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F9FF;
    cursor: default;
}
.result__container{
    width: 92%;
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
}

.result__up-title{
    color: #00D4E0;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.result__title{
    color: #0A1628;
    font-family: 'Montserrat';
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 45.6px;
    margin-top: 25px;
}
.result__sub-title{
    color: #4A6080;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.2px; 
    margin-bottom: 20px;
    margin-top: 16px;
    width: 550px;
}
.result__list{
    display: flex;
    gap: 83px;
}
.result__el{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.result__el__img{
    width: 277px;
    border-radius: 32px;
    border: 0.8px solid rgba(99, 245, 255, 0.25);
    background: #FFF;
    box-shadow: 0 24px 80px 0 rgba(99, 245, 255, 0.22);
    margin-bottom: 11px;
}
.result__el__h5{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: 11px;
}
.result__el__number{
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
    border-radius: 36px;
    background: linear-gradient(135deg, #63F5FF 0%, #00D4E0 100%);
    box-shadow: 0 4px 20px 0 rgba(99, 245, 255, 0.30);
    color: #0A1628;
    text-align: center;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.result__el__span{
    color: #0A1628;
    text-align: center;
    font-family: 'Inter';
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.result__el__p{
    color: #4A6080;
    text-align: center;
    font-family: 'Inter';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px; 
}







@media(max-width:  1490px){
    .result__container{ padding-top: 60px; padding-bottom: 60px; }

    .result__up-title{ font-size: 14px; letter-spacing: 2px; }
    .result__title{ font-size: 38px; line-height: 45.6px; margin-top: 25px; }
    .result__sub-title{ font-size: 16px; line-height: 27.2px; margin-bottom: 20px; margin-top: 16px; width: 550px; }

    .result__list{ gap: 60px; }
    .result__el__img{ width: 250px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 7px; margin-bottom: 11px; }
    .result__el__number{ width: 29px; height: 29px;  border-radius: 36px; font-size: 15px; }
    .result__el__span{ font-size: 14px; }
    .result__el__p{ font-size: 14px; line-height: 20.8px; }
}

@media(max-width:  1350px){
    .result__container{ padding-top: 50px; padding-bottom: 50px; }

    .result__up-title{ font-size: 13px; letter-spacing: 2px; }
    .result__title{ font-size: 36px; line-height: 36px; margin-top: 20px; }
    .result__sub-title{ font-size: 15px; line-height: 27.2px; margin-bottom: 20px; margin-top: 16px; width: 550px; }

    .result__list{ gap: 40px 100px; flex-wrap: wrap; justify-content: start;}
    .result__el__img{ width: 350px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 12px; margin-bottom: 11px; }
    .result__el__number{ width: 32px; height: 32px;  border-radius: 36px; font-size: 16px; }
    .result__el__span{ font-size: 16px; }
    .result__el__p{ font-size: 14px; line-height: 20.8px; width: 300px; }
}
@media(max-width:  1100px){
    .result__container{ padding-top: 50px; padding-bottom: 50px; }

    .result__up-title{ font-size: 13px; letter-spacing: 2px; }
    .result__title{ font-size: 36px; line-height: 36px; margin-top: 20px; }
    .result__sub-title{ font-size: 15px; line-height: 27.2px; margin-bottom: 20px; margin-top: 16px; width: 550px; }

    .result__list{ gap: 40px 80px; flex-wrap: wrap; justify-content: start;}
    .result__el__img{ width: 320px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 12px; margin-bottom: 11px; }
    .result__el__number{ width: 32px; height: 32px;  border-radius: 36px; font-size: 16px; }
    .result__el__span{ font-size: 16px; }
    .result__el__p{ font-size: 14px; line-height: 20.8px; width: 300px; }
}
@media(max-width:  1000px){
    .result__container{ padding-top: 40px; padding-bottom: 40px; align-items: center;}

    .result__up-title{ font-size: 13px; letter-spacing: 2px; text-align: center; }
    .result__title{ font-size: 36px; line-height: 36px; margin-top: 20px; text-align: center; }
    .result__sub-title{ font-size: 16px; line-height: 27.2px; margin-bottom: 35px; margin-top: 16px; width: 550px; text-align: center; }

    .result__list{ gap: 40px 50px; flex-wrap: wrap; justify-content: center;}
    .result__el__img{ width: 330px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 12px; margin-bottom: 11px; }
    .result__el__number{ width: 32px; height: 32px;  border-radius: 36px; font-size: 16px; }
    .result__el__span{ font-size: 16px; }
    .result__el__p{ font-size: 14px; line-height: 20.8px; width: 300px; }
}

@media(max-width:  880px){
    .result__container{ padding-top: 40px; padding-bottom: 40px; align-items: center;}

    .result__up-title{ font-size: 13px; letter-spacing: 2px; }
    .result__title{ font-size: 36px; line-height: 36px; margin-top: 20px; }
    .result__sub-title{ font-size: 16px; line-height: 27.2px; margin-bottom: 35px; margin-top: 16px; width: 550px; }

    .result__list{ gap: 35px 40px; flex-wrap: wrap; justify-content: center;}
    .result__el__img{ width: 300px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 12px; margin-bottom: 11px; }
    .result__el__number{ width: 30px; height: 30px;  border-radius: 36px; font-size: 16px; }
    .result__el__span{ font-size: 15px; }
    .result__el__p{ font-size: 15px; line-height: 20px; width: 300px; }
}
@media(max-width:  750px){
    .result__container{ padding-top: 40px; padding-bottom: 40px; align-items: center;}

    .result__up-title{ font-size: 13px; letter-spacing: 2px; }
    .result__title{ font-size: 36px; line-height: 36px; margin-top: 20px; }
    .result__sub-title{ font-size: 16px; line-height: 27.2px; margin-bottom: 35px; margin-top: 16px; width: 550px; }

    .result__list{ gap: 35px 35px; flex-wrap: wrap; justify-content: center;}
    .result__el__img{ width: 280px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 12px; margin-bottom: 11px; }
    .result__el__number{ width: 30px; height: 30px;  border-radius: 36px; font-size: 16px; }
    .result__el__span{ font-size: 15px; }
    .result__el__p{ font-size: 14px; line-height: 20px; width: 250px; }
}

@media(max-width:  650px){
    .result__container{ padding-top: 40px; padding-bottom: 40px; align-items: center;}

    .result__up-title{ font-size: 12px; letter-spacing: 2px; }
    .result__title{ font-size: 28px; line-height: 36px; margin-top: 20px; }
    .result__sub-title{ font-size: 14px; line-height: 23px; margin-bottom: 35px; margin-top: 16px; width: 450px; }

    .result__list{ gap: 30px 30px; flex-wrap: wrap; justify-content: center;}
    .result__el__img{ width: 250px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 12px; margin-bottom: 11px; }
    .result__el__number{ width: 28px; height: 28px;  border-radius: 36px; font-size: 16px; }
    .result__el__span{ font-size: 15px; }
    .result__el__p{ font-size: 13px; line-height: 20px; width: 250px; }
}
@media(max-width:  590px){
    .result__container{ padding-top: 35px; padding-bottom: 35px; align-items: center;}

    .result__up-title{ font-size: 12px; letter-spacing: 2px; }
    .result__title{ font-size: 26px; line-height: 36px; margin-top: 20px; }
    .result__sub-title{ font-size: 14px; line-height: 23px; margin-bottom: 35px; margin-top: 16px; width: 450px; }

    .result__list{ gap: 25px 25px; flex-wrap: wrap; justify-content: center;}
    .result__el__img{ width: 235px; border-radius: 32px; margin-bottom: 8px; }
    .result__el__h5{ gap: 12px; margin-bottom: 8px; }
    .result__el__number{ width: 26px; height: 26px;  border-radius: 36px; font-size: 15px; }
    .result__el__span{ font-size: 14px; }
    .result__el__p{ font-size: 12px; line-height: 20px; width: 220px; }
}

@media(max-width:  540px){
    .result__container{ padding-top: 35px; padding-bottom: 35px; align-items: center;}

    .result__up-title{ font-size: 12px; letter-spacing: 2px; }
    .result__title{ font-size: 26px; line-height: 36px; margin-top: 20px; }
    .result__sub-title{ font-size: 14px; line-height: 23px; margin-bottom: 35px; margin-top: 16px; width: 400px; }

    .result__list{ gap: 40px; flex-wrap: wrap; justify-content: center;}
    .result__el__img{ width: 350px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 12px; margin-bottom: 11px; }
    .result__el__number{ width: 30px; height: 30px;  border-radius: 36px; font-size: 16px; }
    .result__el__span{ font-size: 16px; }
    .result__el__p{ font-size: 14px; line-height: 20px; width: 390px; }
}

@media(max-width:  490px){
    .result__container{ padding-top: 35px; padding-bottom: 35px; align-items: center;}

    .result__up-title{ font-size: 12px; letter-spacing: 2px; }
    .result__title{ font-size: 26px; line-height: 36px; margin-top: 20px; }
    .result__sub-title{ font-size: 14px; line-height: 23px; margin-bottom: 35px; margin-top: 16px; width: 380px; }

    .result__list{ gap: 30px; flex-wrap: wrap; justify-content: center;}
    .result__el__img{ width: 300px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 12px; margin-bottom: 11px; }
    .result__el__number{ width: 28px; height: 28px;  border-radius: 36px; font-size: 15px; }
    .result__el__span{ font-size: 16px; }
    .result__el__p{ font-size: 14px; line-height: 20px; width: 330px; }
}
@media(max-width:  460px){
    .result__container{ padding-top: 35px; padding-bottom: 35px; align-items: center;}

    .result__up-title{ font-size: 12px; letter-spacing: 2px; }
    .result__title{ font-size: 26px; line-height: 36px; margin-top: 20px; }
    .result__sub-title{ font-size: 14px; line-height: 23px; margin-bottom: 35px; margin-top: 16px; width: 310px; }

    .result__list{ gap: 30px; flex-wrap: wrap; justify-content: center;}
    .result__el__img{ width: 290px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 12px; margin-bottom: 11px; }
    .result__el__number{ width: 28px; height: 28px;  border-radius: 36px; font-size: 14px; }
    .result__el__span{ font-size: 16px; }
    .result__el__p{ font-size: 14px; line-height: 20px; width: 290px; }
}
@media(max-width:  435px){
    .result__container{ padding-top: 35px; padding-bottom: 35px; align-items: center;}

    .result__up-title{ font-size: 12px; letter-spacing: 2px; }
    .result__title{ font-size: 26px; line-height: 36px; margin-top: 20px; }
    .result__sub-title{ font-size: 14px; line-height: 23px; margin-bottom: 35px; margin-top: 16px; width: 310px; }

    .result__list{ gap: 30px; flex-wrap: wrap; justify-content: center;}
    .result__el__img{ width: 280px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 12px; margin-bottom: 11px; }
    .result__el__number{ width: 28px; height: 28px;  border-radius: 36px; font-size: 14px; }
    .result__el__span{ font-size: 16px; }
    .result__el__p{ font-size: 14px; line-height: 20px; width: 290px; }
}
@media(max-width:  420px){
    .result__container{ padding-top: 35px; padding-bottom: 35px; align-items: center;}

    .result__up-title{ font-size: 12px; letter-spacing: 2px; }
    .result__title{ font-size: 26px; line-height: 36px; margin-top: 20px; }
    .result__sub-title{ font-size: 14px; line-height: 23px; margin-bottom: 35px; margin-top: 16px; width: 300px; }

    .result__list{ gap: 30px; flex-wrap: wrap; justify-content: center;}
    .result__el__img{ width: 260px; border-radius: 32px; margin-bottom: 11px; }
    .result__el__h5{ gap: 12px; margin-bottom: 11px; }
    .result__el__number{ width: 28px; height: 28px;  border-radius: 36px; font-size: 14px; }
    .result__el__span{ font-size: 16px; }
    .result__el__p{ font-size: 14px; line-height: 20px; width: 290px; }
}