* { box-sizing: border-box; }

body { font-family: sans-serif; }


.carousel-wrapper-scroll.section {
    background-color: var(--background-color);
    width: 100%;
    position: relative;
    z-index: 999;
}

.carousel-wrapper-scroll {
    width: calc(100% - 340px);
    margin-left: 170px;
}



.carousel-wrapper-scroll.services {
    height:650px;margin-top:80px;
}


.carousel-wrapper-scroll.references {
    height:400px;width:100%;margin:0;
}




.carousel-cell-scroll {
    width: 1200px;
    height: 650px;
    margin-right: 50px;
    border-radius: 50px;
}

.carousel2 {
    height:1100px;
    position: relative;
}


.carousel2.services {
   height:600px;
}




.carousel-cell-scroll2 {
    width: 33.33%;
    height: 1100px;   
    border-radius: 0px;
    position: relative;
    
}


.carousel-cell-scroll2.primary {
   height:100%;width:100%;
    
}



.carousel-cell-scroll2.services {
    height:600px;padding:0px 30px;
}

.carousel-cell-scroll2.team {
    width: 33.333%;
}

.carousel-cell-scroll2.chat {
    width: 50%; height:100%;padding:0px 30px; 
}

.carousel-cell-scroll2.article {
    width: 100%;
}



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


.carousel-cell-scroll2.chat {
    padding:0px 15px;
}


}




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

.carousel-cell-scroll2.chat {
    padding:0px 15px;
}

.carousel-wrapper-scroll.services {
    height:540px;
}

.carousel-wrapper-scroll.references {
    height:350px;
}


.carousel2.services {
   height:490px;
}

.carousel-cell-scroll2.services {
   height:490px;
}

}

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

.carousel-cell-scroll2.chat {
    width: 100%;
    padding:0px 15px;
}

}





.carousel3 {
    height: 450px;
    width: 100%;
}

.carousel-cell-scroll3 {
    width: 25%;
    height: 100%;
    border-radius: 0px;
    background-color: var(--background-color);
}

.carousel-cell-scroll4 {
    width: 50%;
    height: 100%;
    border-radius: 0px;
    background-color: var(--background-color);
}

.carousel-cell-scroll-img {
    height: 650px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px;
}



    /*.carousel-cell-scroll-aa {
        width: 100%;
        height: 300px;
        border-radius: 0px;
        counter-increment: carousel-cell;
    }*/


    .carousel-progress-scroll {
        position: relative;
        margin: 0 auto;
        width: 66%;
        height: 8px;
        border-radius: 0px;
       
    }

/*    .carousel-progress-scroll-aa {
        position: relative;
        margin: 0 auto;
        width: 66%;
        height: 8px;
        border-radius: 0px;
        background-color: #cae3ff;
    }*/


   /* .progress-scroll {
        position: absolute;
        top: 0;
        left: 0;
        height: 8px;
        border-radius: 0px;
        width: 0%;
        background-color: #015fc9;
    }*/




@media screen and (max-width: 1800.98px),screen and (max-height: 890px) {

 .carousel-cell-scroll {
        width: 1000px;
        height: 650px;
        margin-right: 50px;
        border-radius: 50px;
      
    } 


/* .carousel-wrapper-scroll {
    width: calc(100% - 280px);
    margin-left: 140px;
} */



}




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

    .carousel-cell-scroll3 {
        width: 33.33%;
    }

    section.section-services .carousel3 {
        height: 400px;
    }


    section.section-communication .carousel3 {
        height: 430px;
    }


    .carousel-wrapper-scroll {
    width: calc(100% - 260px);
    margin-left: 130px;
}
    

}


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

    .carousel-cell-scroll {
        width: 900px;
        height: 650px;
        margin-right: 50px;
        border-radius: 50px;
     
    }

    
    .carousel-wrapper-scroll {
        margin-left: 70px;
        width: calc(100% - 140px);
    }
   

}

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


 .carousel-wrapper-scroll {
        margin-left: 40px;
        width: calc(100% - 110px);
    }


  
    .carousel-cell-scroll3 {
        width: 50% !important;
        height: 100% !important;
        border-radius: 0px;
    }

    .carousel-cell-scroll2 {
        width: 50%;
     
    }

    .carousel-cell-scroll4 {
        width: 100%;
    }


    .carousel-cell-scroll {
        width: 100%;
        height: 550px;
        margin-right: 50px;
        border-radius: 50px;
       
        /*counter-increment: carousel-cell;*/
    }

    .carousel-cell-scroll-img {
        height: 550px;
      
    }


    section.section-services .carousel3 {
        height: 350px;
    }

    section.section-communication .carousel3 {
        height: 350px;
    }


    .carousel2 {
        height:1000px;
    }

    .carousel-cell-scroll2 {
        height:1000px;
    }

    .carousel-cell-scroll2.team {
        width: 50%;
    }

}

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


    .carousel2 {
        height:850px;
    }

    .carousel-cell-scroll2 {
        height:850px;
    }
    
    .carousel-cell-scroll {
        width: 100%;
        height: 500px;
        margin-right: 50px;
        border-radius: 50px;
       
        /*counter-increment: carousel-cell;*/
    }

    .carousel-cell-scroll-img {
        height: 500px;
    }


    section.section-services .carousel3 {
        height: 400px;
    }


    .carousel-wrapper-scroll {
        width: calc(100% - 60px);
        margin-left: 20px;
    }

    

  

   /* .carousel-scroll-aa {   
        margin-bottom: 40px;
    }*/

   

  

   /* .carousel-cell-scroll-aa {
        width: 100%;
        height: 300px;
        border-radius: 0px;
        counter-increment: carousel-cell;
    }*/

   /* .carousel-progress-scroll {
        position: relative;
        margin: 0 auto;
        width: 66%;
        height: 8px;
        border-radius: 0px;
        background-color: #cae3ff;
    }

    .carousel-progress-scroll-aa {
        position: relative;
        margin: 0 auto;
        width: 66%;
        height: 8px;
        border-radius: 0px;
        background-color: #cae3ff;
    }


    .progress-scroll {
        position: absolute;
        top: 0;
        left: 0;
        height: 8px;
        border-radius: 0px;
        width: 0%;
        background-color: #015fc9;
    }*/


   
}

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

    .carousel-cell-scroll {
        width: 100%;
        height: 450px;
        margin-right: 50px;
        border-radius: 50px;
        /*counter-increment: carousel-cell;*/
    }

   
    .carousel2 {
        height:800px;
    }

    .carousel-cell-scroll2 {
        width: 100%;    
        height: 800px;   
    }

    .carousel-cell-scroll3 {
        width: 100% !important;
        
    }

    .carousel3 {
        height: 600px;
        width: 100%;
    }

    .carousel-cell-scroll-img {
        height: 400px;
    }

}

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








    .carousel-cell-scroll {
        width: 100%;
        height: 400px;
        margin-right: 50px;
        border-radius: 30px;
        /*counter-increment: carousel-cell;*/
    }


   /*  .carousel2 {
        height:700px;
    }

    .carousel-cell-scroll2 {
        height: 700px;   
    } */


    .carousel2 {
       
    }


    .carousel-wrapper-scroll {
        width: 100%;
        margin-left: 0px;
    }

    .carousel-cell-scroll2.team {
        width: 100%;
    }

}

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



.carousel-cell-scroll2.primary {
    height: calc(var(--vh, 1vh) * 100 - 450px);
}



    .carousel-cell-scroll {
        width: 100%;
        height: 350px;
        margin-right: 50px;
        border-radius: 30px;
     
        /*counter-increment: carousel-cell;*/
    }

    .carousel-cell-scroll-img {
        height: 350px;
    }

    section.section-communication .carousel3 {
        height: 360px;
    }


}

@media screen and (max-width:393.98px) { 
.carousel-cell-scroll2.primary {
   height: calc(var(--vh, 1vh) * 100 - 400px);
}

}



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

.carousel-cell-scroll2.primary {
   height: calc(var(--vh, 1vh) * 100 - 390px);
}

    .carousel-cell-scroll {
        width: 100%;
        height: 300px;
        margin-right: 50px;
        border-radius: 20px;
       
        /*counter-increment: carousel-cell;*/
    }

    .carousel-cell-scroll-img {
        height: 300px;
    }


   /* .carousel-cell-scroll {
      
        height: 400px;
       
    }

    .carousel-cell-scroll-img {
        height: 450px;
    }*/


}

@media screen and (max-width: 334px) {
}

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


    /* HEADER */



}