@media only screen and (max-width: 1200px) {
   
    

}

@media only screen and (max-width: 1024px) {


    .section-title h2 {
        /* line-height: 33px; */
        /* font-size: 24px; */
    }

    .section-content {
        padding-right: 25px;
    }

    .text-apropos-bottom {
        font-size: 21px;
        padding-left: 35px;
    }

    .parent-bloc-bottom-img {
        width: 86%;

    }

    .list-services {
        margin-top: 5px;
        text-align: left;
    }

    .section-content.apropos .primary-btn {
        margin: 7px 5px;
        background: none;
        padding: 8px 6px 8px 20px;
        font-size: 14px;
    }

    .bloc-left-apropos.objectif {
        width: 50%;
    }
    .section-content.objectif {
        padding-left: 47px;
        width: 50%;
    }

    span.ct-counter-number-value {
        font-size: 35px;
    }
    .ct-counter-title {

        font-size: 16px;
   
    }




.wrapper-laction p, .wrap-about-us-right-bloc-checked-items h3 {
    font-size: 14px;
}



}


@media only screen and (max-width: 768px) {
   
    .section-content,.bloc-left-apropos {
        width: 100%;
        padding: 0;
    }

    .bloc-left-apropos {
        display: flex;
        justify-content: start;
        margin-top: 20px;
    }

    .parent-bloc-bottom-img {
        width: 54%;
    }

    .bloc-left-apropos {
        display: flex;
        justify-content: start;
        width: 100%;
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 25px;
    }

    .bloc-left-apropos.objectif {
        width: 100%;
    }

    .section-content.objectif {
        padding-left: 0;
        width: 100%;
    }

    .section-content.apropos .primary-btn {
        margin: 7px 5px 10px;
        background: none;
        color: #272262;
        padding: 8px 20px;
        width: fit-content;
        font-size: 12px;
        border: 1px solid #272262;
    }

    .ct-counter-title {
        color: #1A1A1A;
        font-weight: 600;
        line-height: 25px;
        width: fit-content;
    }
    
    span.ct-counter-number-suffix {
        font-weight: 400;
    }
    
    .ct-counter-number {
        font-size: 30px;
    }
    
    span.ct-counter-number-value {
        font-size: 28px;
    }
    
    .image-objectif img {
        width: 570px;
        height: fit-content;
        z-index: 2;
    }


.section-title h2 br {
    display: none;
}

.wrapper-laction p, .wrap-about-us-right-bloc-checked-items h3 {
    font-size: 15px;
}

.text-apropos-bottom {
    font-size: 17px;
    line-height: 1.3;
}

.wrap-item-testimonial {
    padding: 25px 20px;
}

.bottom-testimonial p {
    font-size: 13px;
}

.card__name small {
    font-size: 13px;
    line-height: 1;
}
}



@media only screen and (max-width:500px) {

    .image-objectif img {
        width: 570px;
        height: fit-content;
        z-index: 2;
    }

    .card__name {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }

    .card__img {
        object-fit: cover;
        /* padding-right: 24px; */
        width: 100%;
    }

    .container {
        /* width: 500px; */
    }
  .wrap-about-us-right-bloc-checked-items h3 {
    display: flex;
    /* width: 300px; */
    /* font-size: 36px; */
    color: #272262;
    /* font-family: poppins; */
    font-size: 16px;
  }

    .wrap-testimonies .nav-btn {
    top: -30%;
    position: absolute;
    border: 4px solid #272262;
    color: #272262;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 24px;
    z-index: 4;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0;
    box-shadow: 0 11px 24px 0 rgb(126 126 126 / 16%);
}
    
   

   
}


@media only screen and (max-width: 425px) {


    .parent-bloc-bottom-img {
        width: 95%;
    }

    .ct-counter-meta {
       display: flex;
       gap: 0px;
       align-items: center;
       max-height: 100%; 
       width: 100%;
       /* flex-direction: column; */
       justify-content: start;
       margin-bottom: 20px;
       flex-direction: column;
    }
    .wrapper-chiffre-cles {
        padding: 54px 0 25px;
        display: none;
        position: relative;
        z-index: 0;
    }

    .ct-counter-number {
        font-size: 39px;
    }

    .ct-counter-title {
        color: #1A1A1A;
        font-weight: 600;
        line-height: 25px;
        width: 52%;
        margin: 0;
        text-align: center;
        font-size: 19px;
    }

    span.ct-counter-number-value {
        font-size: 33px;
    }
     .section-content {
    font-weight: 400;
    color: #515a83;
    font-size: 15px;
    padding: 0;
    }


    .wrapper-laction p, .wrap-about-us-right-bloc-checked-items h3 {
    font-size: 14px;
}

.section-title h2 {
    font-size: 20px;
}

}

@media only screen and (max-width: 375px) {

    .section-title h2 {
        line-height: 33px;
        font-size: 22px;
    }

    .section-content {
    font-weight: 400;
    color: #515a83;
    font-size: 15px;
    }

    .section-content.apropos .primary-btn {
    margin: 7px 5px 10px;
    background: none;
    color: #272262;
    padding: 8px 20px;
    width: fit-content;
    font-size: 12px;
    border: 1px solid #272262;
}
    
    .wrap-about-us-right-bloc-checked-items h3 {
        font-size: 17px;

    }
    .section-content.apropos .primary-btn {
        margin: 7px 5px 10px;
        background: none;
        color: #272262;
        padding: 8px 17px;
        width: fit-content;
        font-size: 13px;
        border: 1px solid #272262;
    }

    .wrap-testimonies .prev-slide {
        right: 89px;
    }
    
    .wrap-testimonies .nav-btn {
        top: -38%;
        position: absolute;
        width: 50px;
        height: 50px;

    }
    .primary-btn svg {
        width: 25px;
        height: 25px;
    }

    .text-apropos-bottom {
        font-size: 15px;
        padding-left: 35px;
    }
    

}

@media only screen and (max-width: 320px) {

    .container {
        width: 400px;
    }

    .section-content.apropos .primary-btn {
        margin: 7px 5px 10px;
        background: none;
        color: #272262;
        padding: 6px 17px;
        width: fit-content;
        font-size: 0.9rem;
        border: 1px solid #272262;
    }

    .ct-counter-title {
        color: #1A1A1A;
        font-weight: 600;
        line-height: 25px;
        width: 100%;
        margin: 0;
        text-align: center;
        font-size: 16px;
    }
    span.ct-counter-number-value {
        font-size: 30px;
    }
    .ct-counter-number {
        font-size: 33px;
    }

    .section-title h2 {
        line-height: 33px;
        font-size: 22px;
    } 

}