.aboutPlatformContainer{
    display:grid;
    grid-template-columns: calc(53% - 35px) calc(47% - 25px);
    gap: 60px;
    align-items:center;
    margin-top:20px;

}

.aboutPlatformImage{

    width:100%;

}

.aboutPlatformImage img{

    width:100%;
    display:block;
    border-radius:18px;

}

.aboutPlatformContent{

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;

}

.aboutPlatformSmallTitle{

    color:#FC9E28;
    font-size:clamp(26px,3vw,48px);
    font-weight:700;
    margin-bottom:5px;

}

.aboutPlatformTitle{

    color:#000000;
    font-size:clamp(26px,5vw,48px);
    font-weight:700;
    line-height:1.2;
    margin-bottom:10px;

}

.aboutPlatformTitle span{

    color:#FBA52E;

}

.aboutPlatformSubTitle{

    color:#1D3157;
    font-size:clamp(20px,3vw,35px);
    font-weight:600;
    margin-bottom:10px;

}

.aboutPlatformDescription{

    color:#333333;
    font-size:clamp(18px,1.4vw,25px);
    line-height:2;
    max-width:620px;

}
@media(max-width:992px){

    .aboutPlatformContainer{

        grid-template-columns:1fr;
        gap:45px;

    }

    .aboutPlatformImage{

        order:1;

    }

    .aboutPlatformContent{

        order:2;
        align-items:center;
        text-align:center;

    }

    .aboutPlatformDescription{

        max-width:100%;

    }

}

@media(max-width:768px){

    .aboutPlatformSection{

        width:94%;
        margin:50px auto;

    }

    .aboutPlatformContainer{

        gap:30px;

    }

    .aboutPlatformTitle{

        font-size:32px;

    }

    .aboutPlatformSubTitle{

        font-size:24px;

    }

    .aboutPlatformDescription{

        font-size:15px;
        line-height:1.9;

    }

}
.aboutStatisticsSection{
   padding: 60px 0 0 0 ;
}

.aboutStatisticsContainer{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;

}

.aboutStatisticCard{

    background:#F2F5FD61;
    border:1px solid #0000000D;
    border-radius:24px;
    padding:35px 45px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;

    transition:.35s;

}

.aboutStatisticCard:hover{

    transform:translateY(-2px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.aboutStatisticIcon{

    width:109px;
    height:109px;

    border-radius:50%;

    background:#fff;

    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 5px 18px rgba(0,0,0,.05);

}
.aboutStatisticIcon img{
    width:64px;
    height:64px;
    object-fit: cover;
}
.aboutStatisticCard h3{

    font-size:clamp(24px,5vw,45px);

    color:#020215;

    font-weight:600;
}

.aboutStatisticCard p{

    color:#525252;

    font-size:clamp(16px,2vw,20px);

    font-weight:600;

}
@media(max-width:1200px){

    .aboutStatisticsContainer{

        grid-template-columns:repeat(2,1fr);

    }

}
@media(max-width:992px){

    .aboutStatisticsContainer{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:576px){
    .aboutStatisticsContainer{

        grid-template-columns:1fr;
        gap:16px;

    }

    .aboutStatisticCard{

        padding:30px 20px;

    }

    .aboutStatisticIcon{

        width:65px;
        height:65px;

    }

    .aboutStatisticIcon i{

        font-size:28px;

    }

}
.aboutVisionMission{
    padding:35px 0 0 0;
}

.aboutVisionHeading{
    text-align:center;
    margin-bottom:55px;
}

.aboutVisionHeading h2{
    color:#000000;
    font-size:clamp(20px,4vw,30px);
    font-weight:700;
}

.aboutVisionHeading p{
    max-width:700px;
    margin:auto;
    color:#727272;
    font-size:clamp(18px,2vw,24px);
    line-height:1.6;
}

.aboutVisionWrapper{
    background:#F2F5FD99;
    border-radius:24px;
    padding:35px 50px 60px 50px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:96px;
}
.aboutVisionIcon img{
    width:115px;
    max-width:100%;
}

.aboutVisionCard h3{
    font-size:clamp(24px,3vw,34px);
    font-weight:800;
    color:#000000;
}

.aboutVisionCard h3 span{
    color:#FC9E28;
}

.aboutVisionCard p{
    color:#333333B8;
    line-height:1.6;
    font-size:clamp(16px,1.5vw,20px);
}


@media(max-width:992px){

    .aboutVisionWrapper{
        padding:50px 35px;
        gap:45px;
    }

}

@media(max-width:768px){

    .aboutVisionMission{
        padding:70px 0;
    }

    .aboutVisionWrapper{
        grid-template-columns:1fr;
        padding:35px 20px;
        gap:50px;
    }

    .aboutVisionHeading{
        margin-bottom:40px;
    }

    .aboutVisionIcon img{
        width:75px;
    }

    .aboutVisionCard h3{
        margin-bottom:15px;
    }

}
.aboutValuesSection{
    padding:35px 0 0 0;
}

.aboutSectionTitle{
    text-align:center;
    max-width:650px;
    margin:0 auto 55px;
}

.aboutSectionTitle h2{
    font-size:clamp(30px,4vw,42px);
    font-weight:800;
    color:#111827;
}

.aboutSectionTitle p{
    color:#727272;
    font-size:clamp(18px,2vw,24px);
    line-height:1.6;
}

.aboutValuesGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
}

.aboutValueCard{
    background:#F2F5FD99;
    border-radius:24px;
    padding: 35px 50px;
    position:relative;
    min-height:250px;
}

.aboutValueIcon{
    width: 107px;
    height: 107px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:28px;
    right: 50px;
}

.aboutValueIcon img{
       width: 64px;
    height: 64px;
    object-fit:cover;
}

.aboutValueCard h3{
    margin-top:100px;
    font-size:clamp(22px,3vw,30px);
    font-weight:800;
    color:#000000;
    margin-bottom: 5px;
}

.aboutValueCard p{
    color:#333333B8;
    line-height:1.6;
    font-size:clamp(16px,1.5vw,20px);
}

/* Tablet */

@media(max-width:992px){

    .aboutValuesGrid{
        grid-template-columns:1fr;
    }

}

/* Mobile */

@media(max-width:576px){

    .aboutValuesSection{
        padding:60px 0;
    }

    .aboutValueCard{
        padding:35px 25px;
        text-align:center;
    }

    .aboutValueIcon{
        position:static;
        margin:0 auto 10px;
    }

    .aboutValueCard h3{
        margin-top:0;
    }

    .aboutValueCard p{
        font-size:15px;
    }

}
.aboutFaqSection{
    padding:60px 0;
}

.aboutFaq{

    margin-top:60px;

    border-top:1px solid #E6EAF4;

}

.aboutFaqItem{

    border-bottom:1px solid #E6EAF4;

}

.aboutFaqHeader{

    display:grid;

    grid-template-columns:40px 1fr 70px;

    align-items:center;

    gap:20px;

    cursor:pointer;

    padding:25px 0;

}

.aboutFaqIcon{

    display:flex;

    align-items:center;

    justify-content:center;

    color:#8E90B6;

    font-size:35px;

    transition:.35s;

}

.aboutFaqNumber{

    font-size:clamp(22px,2vw,30px);

    font-weight:700;

    color:#250545;

    text-align:left;

}

.aboutFaqHeader h3{


    color:#000000;

    font-size:clamp(20px,3vw,28px);

    font-weight:700;

    margin:0;

}

.aboutFaqBody{

    max-height:0;

    overflow:hidden;

    transition:.35s;

}

.aboutFaqBody p{

    max-width:750px;

    margin:0 60px 30px;


    color:#68728A;

    line-height:1.6;

    font-size:clamp(14px,1.6vw,18px);

}

.aboutFaqItem.active .aboutFaqBody{

    max-height:180px;

}

.aboutFaqItem.active .aboutFaqIcon{

    transform:rotate(45deg);

}

.aboutFaqItem.active .aboutFaqIcon i{

    color:#8E90B6;

}

@media(max-width:768px){

.aboutFaqHeader{

grid-template-columns:30px 1fr 50px;
gap:12px;
align-items: start;

}

.aboutFaqBody p{

text-align:right;

font-size:15px;
margin:0 42px 30px;

}
.aboutFaqIcon{
    font-size:20px
}
}


.aboutJoinWrapper{

    background:url("/images/recomendation.png") center center/cover no-repeat;
    overflow:hidden;
    display:grid;
    grid-template-columns:1.2fr .8fr;
    align-items:center;
    padding:44px 210px;
    position:relative;
}

.aboutJoinContent{

    text-align:right;

    color:#fff;

}

.aboutJoinContent h2{

    font-size:clamp(26px,3vw,48px);

    font-weight:700;

    margin-bottom:5px;

}

.aboutJoinContent p{


    line-height:1.6;

    font-size:clamp(15px,1.5vw,18px);

    opacity:.95;

    margin-bottom:35px;

}

.aboutJoinBtn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:#FDB207;

    color:#fff;

    text-decoration:none;

    height:48px;

    padding:12px 44px;

    border-radius:65px;

    font-weight:500;

    transition:.3s;
    font-size: 16px;

}

.aboutJoinBtn:hover{

    background:#ef9718;

}



.aboutJoinImage{

    display:flex;

    justify-content:flex-end;

    align-items:flex-start;

}

.aboutJoinImage img{

    width:100%;

    max-width:433px;

    display:block;

}
@media(max-width:992px){

.aboutJoinWrapper{

grid-template-columns:1fr;

text-align:center;

padding:50px 30px;

}

.aboutJoinContent{

order:2;

text-align:center;

}

.aboutJoinContent p{

margin-inline:auto;

}

.aboutJoinBtn{

margin:auto;

}

.aboutJoinImage{

order:1;

justify-content:center;

margin-bottom:25px;

}

.aboutJoinImage img{

max-width:230px;

}

}

@media(max-width:576px){

.aboutJoinWrapper{

padding:40px 20px;

}

.aboutJoinContent h2{

font-size:32px;

}

.aboutJoinBtn{

height:52px;

padding:0 22px;

font-size:15px;

}

.aboutJoinImage img{

max-width:180px;

}

}
.aboutJoinWrapper{
    position: relative;
    overflow: visible; /* مهم */
}

.aboutJoinImage{
    position: relative;
}

.aboutJoinImage img{
    position: absolute;
    bottom: -178px;
    left: 0;
    transform: translateY(-20px); 
}
@media (max-width:992px){

    .aboutJoinImage{
        display:flex;
        justify-content:center;
        margin-top:-40px;
        margin-bottom:10px;
    }

    .aboutJoinImage img{
        position:static;
        max-width:260px;
    }

}