.slider_container {       
    position: relative; 
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto; 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    overflow-x: hidden;
}
.slider_container,.slider_container-phone{
    overflow-x: hidden;
}
/* .slider_container {
    width: 100%;
    height: 50rem;
    position: relative;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
} */

.slider_container div  {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
    -webkit-animation: round 40s linear infinite;
            animation: round 40s linear infinite;
}


.slider_container div img{
    height: 100vh;
    width: 100vw;
}


@-webkit-keyframes round {
    4% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    24% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@keyframes round {
    4% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    20% {

        opacity: 1;
        filter: alpha(opacity=100);
    }
    24% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

.slider_container div:nth-child(1),.slider_container-phone div:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
            background-size: contain;
            background-position: top center;
            overflow-x: hidden;        
}

.slider_container div:nth-child(2),.slider_container-phone div:nth-child(2) {
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
            background-size: contain;
            background-position: top center;
            overflow-x: hidden;  
}

.slider_container div:nth-child(3),.slider_container-phone div:nth-child(3) {
    -webkit-animation-delay: 16s;
            animation-delay: 16s;
            background-size: contain;
            background-position: top center;
            overflow-x: hidden;  
}

.slider_container div:nth-child(4),.slider_container-phone div:nth-child(4) {
    -webkit-animation-delay: 24s;
            animation-delay: 24s;
            background-size: contain;
            background-position: top center;
            overflow-x: hidden;  
}

.slider_container div:nth-child(5),.slider_container-phone div:nth-child(5) {
    -webkit-animation-delay: 32s;
            animation-delay: 32s;
            background-size: contain;
            background-position: top center;
            overflow-x: hidden;  
}
@media (max-width: 1366px) {
    .slider_container {
        height: 39rem;
    }
    .slider_container div img {
        height: 100%;
    }
}

@media (max-width: 1152px) {
.slider_container div img {
    height: 100%;
}
.slider_container {
    height: 35.2rem;
}
.banner-text p {
    padding: 3rem 0 0 0;
}
}
@media (max-width: 1024px) {
    .slider_container div img {
        height: 100%;
    }
    .slider_container {
        height: 30.8rem;
    }
    }

   @media (max-width: 960px) {
    .slider_container {
        height: 30rem;
    }
    .slider_container div img {
        height: 100%;
    }
   }
   @media (max-width: 912px) {
    .slider_container div img {
        height: 100%;
    }
    .slider_container {
        height: 28rem;
    }
    .banner-text p {
        padding: 6rem 0 0 0;
    }
    .arrows {
        bottom: 1rem;
    }
    
    

   }
   @media (max-width: 860px) {
    .slider_container {
        height: 26rem;
    }
    .slider_container div img {
        height: 100%;
    }
    
   }
   
   @media (max-width: 820px) {
    .slider_container {
        height: 25rem;
    }
    .slider_container div img {
        height: 100%;
    }
   
   }

   @media (min-width: 767px) {
   .scroll{
    display: none;
}
}
   @media (max-width: 768px) {
   
    .slider_container {
        height: 23rem;
    }
    .slider_container div img {
        height: 100%;
    }
    .banner-text p {
        padding: 6rem 0 0 0;
    }
    
   } 
   @media (min-width: 721px) {
    .slider_container-phone{
        display: none;
    }
   }
   @media (max-width: 720px) {
    .slider_container{
        display: none;
    }
    .slider_container-phone {
        position: relative;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50rem;
        width: 100%;
    }

    .slider_container-phone div{
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-animation: round 40s linear infinite;
        animation: round 40s linear infinite;
        height: 100%;
        width: 100%;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
    }
    .slider_container-phone div img {
        height: 100%;
    }
    
    

   } 
   @media (max-width: 600px) {
    .slider_container-phone {
        height: 42rem;
    }
    
   }
   @media (max-width: 540px) {
    .slider_container-phone {
        height: 38rem;
    }
    .banner-text p {
        padding: 4rem 0 0 0;
    }
    .navbar-phone {
        padding: 0.65rem .5rem;
    }
    
   }
   @media (max-width: 500px) {
    .slider_container-phone {
        height: 42rem;
    }
   

   }
   @media (max-width: 430px) {
    .slider_container-phone {
        height: 30.2rem;
    }
    
    
    .banner-text p {
        font-size: 1.7rem;
        line-height: 2.6rem;
        font-weight: 600;
        padding: 1.2rem 0 0 0;
    }
    .banner-text .color {
        font-size: 2.1rem;
    }
   }
   @media (max-width: 414px) {
    .slider_container-phone {
        height: 29.5rem;
    }
    
   
    .banner-text p {
        font-size: 1.6rem;
        line-height: 2.2rem;
        font-weight: 600;
        padding: 1rem 0 0 0;
    }
    .banner-text .color {
        font-size: 2.1rem;
    }
   }
   @media (max-width: 412px) {
    .slider_container-phone {
        height: 29rem;
    }
    
   
   }
   @media (max-width: 375px) {
    .slider_container-phone {
        height: 27rem;
    }
    
    
    .banner-text p {
        font-size: 1.5rem;
        line-height: 2.3rem;
        padding: .5rem 0 0 0;
    }
    .banner-text .color {
        font-size: 1.8rem;
    }
   }
   @media (max-width: 325px) {
   .slider_container-phone {
    height: 23rem;
   }
   .banner-text p {
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 600;
    padding: 1.8rem 0 0 0;
}
.banner-text .color {
    font-size: 2rem;
}
.box-style-5 .five-box-card .left-box ,
.box-style-5 .five-box-card .right-box{
    width: 16rem;
}

}