* { 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;
    height: 500px;
}


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

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

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

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

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

.carousel-cell-scroll4 {
    width: 33.33%;
    height: 100%;
    border-radius: 0px;
}

.carousel-cell-scroll4.news {
    width: 50%;
}




.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;
      
    }

}




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

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

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


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


    .carousel-wrapper-scroll.section {
   
    height: 450px;
}

}


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

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

    

   

}

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

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

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

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

    .carousel-cell-scroll4.news {
      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-communication .carousel3 {
        /* height: 350px; */
    }


    .carousel2 {
        height:1000px;
    }

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

}

@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-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;
        
    }

.carousel-cell-scroll4 {
        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.section {
   
    height: 425px;
}

}

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



    .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: 400px;
    }


}

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


    .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 */



}