.about{
    flex-direction: row;
    display: flex;
    width: 100%;
 }

 .about {
    figure.block-editor-block-list__block {
        justify-content: flex-end;
    }
 }

 .about__box{
     display: none;
 }
 .about__text{
     width: 100%;
 }
 .about .wp-block-buttons {
     gap: 16px;
     padding: 24px 0;
 }
 .about__container{
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     margin-bottom: 5vh !important;
 }
 .about__element{
     padding: 6%;
     width: 90vw;
     flex-wrap: nowrap !important;
     margin-top: 3vh !important;
     aspect-ratio: 1;
     border-radius: 10px;

    p.counterAnimation {
        font-size: clamp(1.75rem, 3.646vw ,4.375rem);
    }
 }
 .about__element img{
     width: 70%;
 }

 .about--variant {
    flex-direction: column;
    padding-bottom: 40px;

    .about__container {
        margin-bottom: 0 !important;
    }
 }

 @media only screen and (min-width: 768px) {
    .about--variant {
        .about__container {
            margin-bottom: 0 !important;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        .about__element {
            width: 48%;
        }
     }
}
 
 @media only screen and (min-width: 800px) {
     .about{
         flex-direction: row !important;
         display: flex;
     }
     .about__box{
         padding-top: 35px;
         display: flex;
         align-items: end;
         width: 20%;
     }
     .about__box img{
         width: 10%;
     }
     .about__text{
         width: 75%;
     }
     .about__container{
         flex-direction: row;
         flex-wrap: wrap !important;
     }
     .about__element{
         padding: 3%;
         width: 40vw;

     }
 }
 
 @media only screen and (min-width: 1200px) {
     .about{  
         margin-top: 10vh !important;
     }
     .about__box{
         padding-top: 40px;
         width: 32.5%;
     }
     .about__box img{
         width: 6%;
     }
     .about__text{
         width: 65%;
     }
     .about .wp-block-button {
         width: 40% !important;
         flex-basis: 40% !important;
     }
     .about__container{
         flex-direction: row;
         flex-wrap: wrap !important;
     }
     .about__element{
         padding: 2%;
         width: 28vw;
         aspect-ratio: 1.2;
     }
     .about__element img{
         width: 80%;
     }

    .about--variant {
        padding-bottom: 64px;

        .about__element {
            margin-top: 28px !important;
            width: 80%;

            p {
                padding-top: 25%;
            }
        }

        .about__container {
            justify-content: center;

            .about__element {
                width: 48%;

                p {
                    padding-top: 0;
                }
    
            }
        }
    }

 }
 @media only screen and (min-width: 1500px) {
     .about__box img{
         margin-top: 15px;
         width: 4%;
     }

     
    .about--variant {

    }
 }
 @media only screen and (min-width: 1800px) {
     .about__element{
         aspect-ratio: 1.1;
     }
     .about p:first-child{
         line-height: 100%;
     }
     .about__box{
         padding-top: 55px;
     }
     .about__box img{
         width: 5%;
     }
     .about .wp-block-button {
         width: 25% !important;
         flex-basis: 25% !important;
     }
     .about__element{
         padding: 2%;
         width: 28vw;
     }
     .about__element img{
         width: 90%;
     }
     .about__element p{
         padding-top: 10%;
         
     }

      .about--variant {
        .about__element {
            p {
                padding-top: 38%;
            }
        }

        .about__container {
            .about__element {
                p {
                    padding-top: 0;
                }
    
            }
        }
    }
 }