.about__box{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
}

.about__img-box{
    display: block;
    width: 100%;
    border-radius: 16px;
    height: auto;
    overflow: hidden;
    align-content: center;
}

.about__adv-box{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px;
}

.about__adv-item{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
    background: #0055A5;
    border-radius: 16px;
    padding: 32px;
    color: white;
}

.about__adv-item-number{
    font-weight: 500;
    font-size: 48px;
    line-height: 48px;
    color: white;
}

.about__adv-item-text{
    font-size: 16px;
    color: white;
}

.about__text-box{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
}

.about__text-h2{
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #17181A;
}

.about__text{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17181A;
}

.about__adv2{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
}
.about__adv2-title{
    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
    color: #17181A;
}

.about__adv2-box{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px;
}

.about__adv2-item{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
    padding: 32px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
    border-radius: 16px;
}
.about__adv2-item-number{
    display: grid;
    align-self: end;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}
.about__adv2-item-text{
    display: grid;
    align-self: end;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.about__corp{
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 64px;
}

.about__corp-left{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 32px;
    align-content: start;
}

.about__corp-h2{
    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
    color: #17181A;
}

.about__corp-text{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17181A;
}

.about__corp-right{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
}

.about__corp-item{
    background: #FFFFFF;

    padding: 32px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
    border-radius: 16px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
}

.about__corp-item-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #17181A;
}

.about__corp-item-text{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17181A;
}

.about__str{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
}

.about__str-h2{
    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
    color: #17181A;
}

.about__str-box{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr ;
    grid-gap: 24px;
}

.about__str-item{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
    background: #FFFFFF;
    /* Small */

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
    border-radius: 16px;
    padding: 32px;
}

.about__str-item-title{
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #17181A;
}

.about__str-item-text{
    display: grid;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #17181A;
}

.about_64{
    margin-top: 64px;
}
.about_128{
    margin-top: 128px;
}

.about__img-b1{
    width: 100%;
}

.about__section{
    padding: 32px 0px;
}

.about__section-cols-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

.about__img{
    display: block;
    width: 100%;
}

.about__box-adv-box{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
}

.about__b1-left{
    display: grid;
    grid-template-columns: 1fr ;
    grid-gap: 16px;
}

@media (max-width: 1200px) {
    .about__str-box{
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 800px) {
    .about__adv2-box{
        grid-template-columns: 1fr ;
    }
    .about__corp{
        grid-template-columns: 1fr ;
    }
    .about__adv-box{
        grid-template-columns: 1fr ;
    }
    .about__str-box{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 420px) {
    .about__str-box{
        grid-template-columns: 1fr ;
    }
}