.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
    transition: animation 250ms ease;
    -webkit-transition: animation 250ms ease;
    -ms-transition: animation 250ms ease;
    -o-transition: animation 250ms ease;
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 100px;
    left: 0px;
    right: 0;
    /* width: 100%; */
    width: 1024px;
    text-align: center;    
    margin:0 auto;
    color: #fff;
    background:#00000081;
    /* background:#000000a6; */
    padding: 25px 40px;
    opacity: 0;
    -webkit-animation: titleAnimation 30s linear infinite 0s;
    -moz-animation: titleAnimation 30s linear infinite 0s;
    -o-animation: titleAnimation 30s linear infinite 0s;
    -ms-animation: titleAnimation 30s linear infinite 0s;
    animation: titleAnimation 30s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 50PX;
    padding: 0;
    line-height: 60px; 
    margin-bottom: 2px;
    /* letter-spacing: 0.2px; */
    font-weight: 900;
    color: #a6a6a6;
    /* color: #a2a2aa6a6a6 */
}

.cb-slideshow li div p {  
    font-size: 18PX;
    padding: 0;
    margin-bottom: 15px;
    color: #8b8b8b;
    letter-spacing: 0.3px;
    font-family: Arial, sans-serif;
    line-height: 24px;
}

.cb-slideshow li:nth-child(1) span { 
    transition: animation 250ms ease;
    -webkit-transition: animation 250ms ease;
    -ms-transition: animation 250ms ease;
    -o-transition: animation 250ms ease;
    background-image: url(../images/img-1.jpg) 
    
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/img-2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/img-3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/img-4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/img-6.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
/* .cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/img-6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
} */
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
/* .cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
} */
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div  { width: 70% }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div  { width: 90% }
}


/* login page 2022 */

.login-screen{
    height: 100vh;
    overflow: hidden;
}

.login-bg-box{
    display: grid; 
    grid-template-columns:repeat(2, 1fr) ;    
    grid-auto-rows: minmax(33%, auto);
   
    gap: 0px;
    height: 100vh;
    overflow: auto;
    
   }

   .login-box-img {
    
    animation:move 0.5s  ease-in-out;
    -webkit-animation: move 0.5s  ease-in-out;
    -moz-animation: move 0.5s  ease-in-out;
    -o-animation: move 0.5s  ease-in-out;
   }

   .login-box-img:nth-child(2) {
    
    animation:move 1s  ease-in-out;
    -webkit-animation: move 1s  ease-in-out;
    -moz-animation: move 1s  ease-in-out;
    -o-animation: move 1s  ease-in-out;
   }


   .login-box-img:nth-child(3) {
    
    animation:move 1.5s  ease-in-out;
    -webkit-animation: move 1.5s  ease-in-out;
    -moz-animation: move 1.5s  ease-in-out;
    -o-animation: move 1.5s  ease-in-out;
   }

   .login-box-img:nth-child(4) {
    
    animation:move 2s  ease-in-out;
    -webkit-animation: move 2s  ease-in-out;
    -moz-animation: move 2s  ease-in-out;
    -o-animation: move 2s  ease-in-out;
   }

   .login-box-img:nth-child(5) {
    
    animation:move 2.5s  ease-in-out;
    -webkit-animation: move 2.5s  ease-in-out;
    -moz-animation: move 2.5s  ease-in-out;
    -o-animation: move 2.5s  ease-in-out;
   }

   .login-box-img:nth-child(6) {
    
    animation:move 3s  ease-in-out;
    -webkit-animation: move 3s  ease-in-out;
    -moz-animation: move 3s  ease-in-out;
    -o-animation: move 3s  ease-in-out;
   }


   @keyframes move {
        0% {
            transform: scale(0);
        }
        50% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
    }

    @-webkit-keyframes move {
        0% {
            transform: scale(0);
        }
        50% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
        
    }

    @-moz-keyframes move {
        0% {
            transform: scale(0);
        }
        50% {
            transform: scale(0);
        }
        100% {
            transform: scale(1);
        }
        
    }

   .login-box-img img{
        width:100%;
        height: 100%;
   }

   .login-modal{
       /* display: none; */
       position: relative;
       /* top:50%; */
       left:0;
       right:0;
       width:100%;
       margin:0 auto;
       padding: 50px;
       overflow: hidden;
       background:#F8F8F8;
       box-sizing: border-box;
       height: 100vh;
       /* animation: zoomani 2s ease  ; */
       /* transform: translate(0, -50%);
       -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%); */
       border-radius: 5px;
       box-shadow: 0px 2px 10px -2px #000;
   }

   .login-modal:after{
    content:'';
    background:url(../images/login-structure-1.png) no-repeat top;
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height: 235px;
    background-size: 100% 100%;
   }

   .login-modal:before{
    content:'';
    background:url(../images/login-structure-2.png) no-repeat bottom;
    position: absolute;
    top:unset;
    bottom: 0;
    left: 0;
    width:100%;
    height: 235px;
    background-size: 100% 100%;
   }

   /* @keyframes zoomani {
        0% {
            transform: translate(0, -500%);
        }
       
        100% {
            transform:  translate(0, -50%);
        }
    }

    @-webkit-keyframes zoomani {
        0% {
            transform: translate(0, -500%);
        }
       
        100% {
            transform: translate(0, -50%);
        }
    }

    @-moz-keyframes zoomani {
        0% {
            transform: translate(0, -500%);
        }
      
        100% {
            transform:  translate(0, -50%);
        }
    } */

    .login-modal-body{
        width:70%;
        margin:0 auto;
        height:auto;
        position:relative;
        top:40%;
        transform:translate(0, -50%);
        -webkit-transform:translate(0, -50%);
        z-index: 9;
    }

    .login-head h2{
        text-align: center;
        font-size: 35px;
        text-transform: uppercase;
        margin-bottom: 55px;
        color: #941E2D;
        font-weight: 400;
    }

    .login-modal-body .form-grp, .login-modal-body .form-grp label, .login-modal-body .form-grp input{
        width:100%;
    }

    .login-modal-body .form-grp{
        margin-bottom: 10px;
    }

    .login-modal-body .form-grp.user-grp{
        margin-bottom:18px;
    }

    .login-modal-body .form-grp label{
        margin-bottom: 5px;
        display: block;
    }

    .login-modal-body .form-grp input{
        padding: 10px;
        height: 45px;
        border: solid 1px #e6e6e6;
        border-radius: 5px;
        box-shadow: 0px 1px 10px -2px #00000017;
    }

    .login-btn{
        width:100%;
    }

    .login-btn .btn{
        width:300px;
        display: block;
        margin:0 auto;
        margin-top:40px;
        padding: 8px;
        text-align: center;
        background:#FF858A;
        color:#fff;
        border-radius: 5px;
        font-size: 18px;
        font-weight: 600;
        box-shadow:0px 1px 8px -3px #00000054;
        text-decoration: none;
    }

    .forgot-pass{
        text-align: center;
        margin-top:10px;
    }

    .forgot-pass a{
      text-align: center;
color: #000;
display: inline-block;
background: none;
box-shadow: none;
font-size: 14px;
width: auto;
margin-top: 0;
font-weight: 400;
text-decoration: underline;
    }
    

    @media (max-width:1024px){
        .login-bg-box{
        display: grid; 
        grid-template-columns: repeat(2, 1fr) ;
        gap: 0px;
        height: 100%;
        overflow: auto;
        }
    }

    @media (max-width:650px){
        .login-bg-box{
        display: none; 
        /*grid-template-columns: repeat(1, 1fr);*/
      
        }

        .login-head h2{
            margin-bottom:10px;
        }

        .login-modal-body {
  margin: 0px auto;
  height: auto;
  position: relative;
  z-index: 9;
  width: 85%;
  transform: translate(0px, -50%);
  top: 50%;
}

        .login-modal {
  margin: 54px auto 0px;
  padding: 25px;
  width: 88%;
  position: absolute;
  height: 76vh;
}
    }



    /* login end */