.cover-relative{position:relative;}
.cover-relative1{position:relative;overflow-x: hidden;overflow-y: hidden;}

.cover-absolute1{position:absolute;width:100%;z-index:5; }
@keyframes right-to-left {
	0% {width:100%;left:0;}
	100% {width:50%;left:0;}
	}
	@keyframes testimonials-box {
	0% {right:-50%; opacity: 0;visibility:hidden;}
	100% {right:0%; opacity: 1;visibility: visible;}
	}

.active div.map_section img{
	animation: scale-to-image 1.2s forwards;
	animation-delay:1.5s;
	position:relative;
}
	@keyframes scale-to-image {
    0% {
        width: 100%; /* Full width initially */
       left:-0px;
    }
    100% {
        width:65%; /* Reduce width to 50% */
        left:-65px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    @keyframes scale-to-image {
    0% {
        width: 100%; /* Full width initially */
       left:-0px;
       margin-top: 0px;
    }
    100% {
        width:75%; /* Reduce width to 50% */
        left:-0px;
        margin-top: 20px;
    }
}
}
.active div.animation-left-to-right{
		animation: left-to-right 1.2s forwards;height:100%;margin-right:0px;
		animation-delay: 1.5s;
		
	}
.nslideUp2 .active .animation-left-to-right{
		animation: Rleft-to-right 2s forwards !important;
		height:100%;margin-right:0px;
	
	}
	@keyframes left-to-right {
    0% {
        width: 100%; /* Full width initially */
        right: 0; /* Start position */
    }
    100% {
        width: 50%; /* Reduce width to 50% */
        right: 0; /* Final position */
    }
}
	@keyframes left-to-right1 {
    0% {
        width: 50%; /* Full width initially */
        right: 0; /* Start position */
    }
    100% {
        width: 100%; /* Reduce width to 50% */
        right: 0; /* Final position */
    }
}	
	@keyframes Rleft-to-right {
    0% {
        width: 0%; /* Full width initially */
        right: 0; /* Start position */
		
    }
	
    50% {
        width: 100%; /* Reduce width to 50% */
        right: 0; /* Final position */
    }
	100% {
        width: 50%; /* Reduce width to 50% */
        right: 0; /* Final position */
    }
	
}
.animation-left-to-right-email{
		animation: left-to-right 2s forwards;height:100%;margin-right:0px;
		animation-delay: .5s;
		
	}
	@keyframes left-to-right-email {
	0% {width:100%;right:0;}
	100% {width:50%;right:0;}
	}

/* First Image */

.non-splash-firstsection .unselected div.custom-fadeInRight {
  animation: RcustomFadeInRight 3.7s ease forwards !important; /* Adjust the duration as needed */
}
.non-splash-firstsection .unselected.active div.custom-fadeInRight {
  animation: customFadeInRightFirstTime 2s ease forwards !important; 
}
.non-splash-firstsection .active div.custom-fadeInRight {
  animation: customFadeInRight 3.7s ease forwards !important; /* Adjust the duration as needed */
}

.nslideUp1 .unselected.active div.custom-fadeInRight {
    animation: customFadeInRight 3.7s ease forwards !important; /* Adjust the duration as needed */
}
@keyframes customFadeInRightFirstTime {
  0% {
    
    transform: scale(2.0);
    background-position: right calc(100% + 20vw) bottom calc(100% + 0vh);
  }
  100% {
   
    transform: scale(1.5);
    background-position: right calc(100% - 15vw) bottom calc(100% + 25vh);
  }
}

.active div.custom-fadeInRight {
  animation: customFadeInRight 1.5s ease forwards !important; /* Adjust the duration as needed */
}
@keyframes customFadeInRight {
/*desktop version */
  0% {
    
    transform: scale(2.0);
    background-position: right calc(100% + 20vw) bottom calc(100% + 0vh);
  }
  100% {
   
    transform: scale(1.5);
    background-position: right calc(100% - 15vw) bottom calc(100% + 25vh);
  }
}

div.custom-fadeInRight {
    animation: RcustomFadeInRight 1.5s ease forwards; 
}
@keyframes RcustomFadeInRight {
/*desktop version */
  from {
    transform: scale(1.5);
    background-position: right calc(100% - 15vw) bottom calc(100% + 25vh);
  }
  to {
    
    transform: scale(2.0);
    background-position: right calc(100% + 20vw) bottom calc(100% + 0vh);
  }
}

.active div.custom-fadeInRight::after {
	content:'';
	position: absolute;
    animation: jjafter 3s ease forwards; 
}
@keyframes jjafter {
  0% {

		opacity: 0;
		
	}
	50% {

		opacity: 0;

	}
	
	100%{
		opacity: 0;
	}
}

div.custom-fadeInRight::after {
	content:'';
	position: absolute;
    animation: jjafter1 3s ease forwards; 
}
@keyframes jjafter1 {
0% {

		opacity: 0.4;
		
	}
	50% {

		opacity: 1;

	}
	
	100%{
		opacity: 0.4;
	}
}

/* Gradient 2nd slide Animation smooth flow 
div.custom-fadeInRight::after{
	animation: gradsss 3s forwards;
}
@keyframes gradsss {
0% {

		opacity: 0.4;
		
	}
	50% {

		opacity: 1;

	}
	
	100%{
		opacity: 0.4;
	}
}
*/



.non-splash-firstsection .unselected.active div.animate-fadeInBottomFirst {
  animation: moveFromBottom 1.5s ease forwards !important; /* Adjust the duration as needed */
}
.non-splash-firstsection .unselected div.animate-fadeInBottomFirst {
  animation: RmoveFromBottom 1.5s ease forwards; /* Adjust the duration as needed */
}
.non-splash-firstsection .active div.animate-fadeInBottomFirst {
  animation: none; /* Adjust the duration as needed */
}
.active div.animate-fadeInBottomFirst{
	animation: moveFromBottom 1.5s ease forwards;
}
div.animate-fadeInBottomFirst{
	animation: RmoveFromBottom 1.5s ease forwards;
}
@keyframes animate-fadeInBottomFirst {
    0% {
        opacity: 1;
        transform: translateY(0%);
    }
    100% {
        opacity: 1;
        transform: translateY(-100%);
    }
}



/* Second Image */

.active div.animated-zoomOutA {
  animation: zoomOutA 2s ease forwards;
}
@keyframes zoomOutA {
  from {
    transform: scale(1.5) translateX(0); 
  }
  to {
    transform: scale(1.7) translateX(-20%); 
  }
}

.nslide2-next.one-alpha-fade div.custom-fadeInRight {
  animation: secondBannerFade 2s forwards !important; 
 
}
@keyframes secondBannerFade {
  0% {
       transform:scale(2.0) translateY(0%);
  }
  100% {
    
       transform:scale(2.0) translateY(-100%);
	
  }
 
}



.nslideUp2 .active div.slide-from-bottomMap{
	animation:secondBannerMapFadeDown 2s ease forwards !important;
}
@keyframes secondBannerMapFadeDown {
  0% {
       transform:translateY(-100%);
  }
  100% {
    
    transform: translateY(0%); 
	
  }
 
}
.active div.animation-slight-up{
	animation: section-slightUp 3s ease forwards !important;
	
}
@keyframes section-slightUp {
    0% {
        transform: translateY(100%);
		opacity: 0;
    }
    100% {
        transform: translateY(0%);
        opacity: 1;
       
    }
}

/* Third Section */
/* Slide down, into frame */
.nslide2-next.one-alpha-fade .third-section{
	animation: section-bottom-top 2.2s ease forwards !important;
	z-index:11 !important;
	
  height: 100vh !important;

}
@keyframes section-bottom-top {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0%);
        
       
    }
}
/* active state to out*/
.nslide3-next .third-section{
	animation: section-center-top 1.5s ease forwards !important;
	z-index:11 !important;
	
  height: 100vh !important;

}
@keyframes section-center-top {
    0% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(-140%);       
    }
}
/* out slide back to active */
.one-alpha-fade .third-section{
	animation: section-top-bottom 2s ease .2s forwards !important;
	z-index:11 !important;
	
  height: 100vh !important;

  
}
@keyframes section-top-bottom {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0%);
        
       
    }
}

/* Fourth Image */
.active div.custom-fadeInRightAgainFourth {
  animation: customFadeInRightAgain 2.7s ease .8s forwards; 
  
}
@keyframes customFadeInRightAgain {
  0% {
   transform: scale(1.6) translate(10%, 0%);
     
  }
  100% {
    
    transform: scale(1.25) translate(-10%);
	
  }
}




.nslideUp4 .active div.custom-fadeInRightAgainFourth {
  animation: RRcustomFadeInRightAgain 2s ease forwards !important; 
 }
 @keyframes RRcustomFadeInRightAgain {
   0% {
   transform: scale(1.6) translate(10%, 0%);
       
  }
  100% {
    
    transform: scale(1.25) translate(-10%);
	
  }

}

div.custom-fadeInRightAgain {
  animation: RcustomFadeInRightAgain 2s forwards; 
 
}
@keyframes RcustomFadeInRightAgain {
  0% {
        transform: scale(1.25) translate(-10%);
  }
  100% {
    
    transform: scale(1.6) translate(10%, 0%);
	
  }
 
}

/* slide out to slide 3 */
.nslideUp3.one-alpha-fade div.custom-fadeInRightAgainFourth {
	animation: slide-up-scale 1.5s ease forwards !important;
        }
@keyframes slide-up-scale {
    0% {
        transform: scale(1.25) translate(-10%);
  }
  100% {
    
    transform: scale(1.6) translate(10%, 0%);
	
  }
}
.nslideUp3.one-alpha-fade .bottom-banner1::before {
    animation: gradfadeback 1s ease forwards !important
}
@keyframes gradfadeback {
    0% {
    opacity: 1;
}

100% {
    opacity: .2;
}
}
/* Mobile 4th Image */

.custom-animAgain {
  animation: customAnimAgain 2s ease forwards; /* Adjust the duration as needed */
}
@keyframes customAnimAgain {
  0% {
   
    transform: scale(1) translateX(-100%); /* Start with original scale and no horizontal translation */
  }
  
  100% {
    transform: scale(1.5) translateX(-15%); /* End with slightly zoomed scale and moved towards the left */
  }
}



/* Fift Image */
.active div.animated-zoomInLeftAgain {
  animation: zoomInLeftAgain 2s ease forwards;
}

@keyframes zoomInLeftAgain {
  from {
    transform: scale(1.3) translateX(-10%); /* Start with original scale */
   
  }
  to {
    transform: scale(1.5) translateX(0%); /* End with slightly zoomed scale */
  }
}
div.animated-zoomInLeftAgain {
  animation: RzoomInLeftAgain 2s ease forwards;
}

@keyframes zoomInLeftAgain {
  from {
    transform: scale(1.3) translateX(-10%); /* Start with original scale */
   
  }
  to {
    transform: scale(1.5) translateX(0%); /* End with slightly zoomed scale */
  }
}

.custom-slideUp {
  animation: slideUp 2s forwards;

}

@keyframes slideUp {
  0% {
    transform: translateY(0%);
    opacity: 0;
  }
  100% {
    transform: translateY(-100%);
    opacity: 1;
  }
}


/* Footer */
.nslide5-next.one-alpha-fade1 div.custom-fadeInRightAgain {
  animation: fiftBannerFade 2s forwards !important; 
 
}
@keyframes fiftBannerFade {
  0% {
    transform: scale(1.6) translate(10%, 0%);
  }
  100% {
    
    transform: scale(1.6) translate(10%, -60%);
	
  }
 
}

.nslideUp5.zindex-five-to-top div.custom-fadeInRightAgain {
  animation: fiftBannerFadeUp 2s forwards; 
}
@keyframes fiftBannerFadeUp {
  0% {
    transform: scale(1.6) translate(10%, -100%);
  }
  100% {
    
    transform: scale(1.6) translate(10%, 0%);
	
  }
 
}



.nslide5-next.one-alpha-fade1 .lastDiv {
  animation: section-bottom-top 2s ease forwards !important;
}


.active div.footer_img_contacts_logo {
    animation: moveFromBottomLogo 1.5s ease forwards, scaleDownLogo 0.5s ease forwards 1.5s; 
}

@keyframes moveFromBottomLogo {
    0% {
        transform: translateY(300%);
        opacity: 0;
    }
    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes scaleDownLogo {
    0% {
        transform: scale(1); 
    }
    100% {
        transform: scale(0.8); 
    }
}
div.footer_img_contacts_logo {
    animation: RRmoveFromBottomLogo 1.5s ease forwards, RRscaleDownLogo 0.5s ease forwards 1.5s; 
}

@keyframes RRmoveFromBottomLogo {
    0% {
        transform: translateY(0%);
        opacity: 1;
    }
    100% {
        transform: translateY(300%);
        opacity: 0;
    }
}

@keyframes RRscaleDownLogo {
    0% {
        transform: scale(0.8); 
    }
    100% {
        transform: scale(1.5); 
    }
}

.active div.footer_img_contacts {
    opacity: 0; 
    visibility: hidden; 
    animation: moveFromBottom 1.7s ease forwards;
    animation-delay: 1.7s; 
}

@keyframes moveFromBottom {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0%);
        opacity: 1; 
        visibility: visible; 
    }
}
div.footer_img_contacts {
    opacity: 0; 
    visibility: hidden; 
    animation: RRmoveFromBottom 1.7s ease forwards;
    animation-delay: 1.7s; 
}

@keyframes RRmoveFromBottom {
    from {
        transform: translateY(0%);
		opacity: 1; 
        visibility: visible; 
    }
    to {
        transform: translateY(100%);
        
    }
}
@keyframes RmoveFromBottom {
    0% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(150%);
        opacity: 1; 
        visibility: visible; 
    }
}




.active div.animate__fadeInUp {
  animation: fadeInUp 2s ease forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
.fifth-section .slide-from-bottomAgain{
		animation: RmoveFromBottom 2s ease forwards !important;
		
		}
.second-section .slide-from-bottomAgain{
		animation: RmoveFromBottom 2s ease forwards !important;
		
		}
.active div.slide-from-bottomAgain{
		animation: moveFromBottom1 2s ease forwards;
		
		}

.active div.slide-from-bottomAgain{
		animation: moveFromBottom4 2s ease forwards !important;
		
		}
@keyframes moveFromBottom4 {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}


.active div.slide-from-bottomMap{
		animation: moveFromBottomMap 2s ease forwards !important;
		
		}
@keyframes moveFromBottomMap {
    0% {
        opacity: 1;
        transform: translateY(200%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

div.slide-from-bottomMap{
		animation: RmoveFromBottomMap 2s ease forwards !important;
		
		}
@keyframes RmoveFromBottomMap {
    0% {
        opacity: 1;
        transform: translateY(0%);
    }
    100% {
        opacity: 1;
        transform: translateY(100%);
    }
}

.nslide2-next.one-alpha-fade .slide-from-bottomMap{
	animation: section-center-top 2s ease forwards !important;
}
		
@keyframes section-center-top {
    0% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(-100%);
    }
}



/* Review Widget Animation */
.active div.slide-from-bottomWidget{
		animation: moveFromBottomWidget 3s ease forwards !important;
		
		}
@keyframes moveFromBottomWidget {
    0% {
        transform: translateY(200%);
		
    }
    100% {
        transform: translateY(0%);
       
    }
}

div.slide-from-bottomWidget{
		animation: RmoveFromBottomWidget 2s ease forwards !important;
		
		}
@keyframes RmoveFromBottomWidget {
    0% {
		opacity: 1; 
        transform: translateY(0%);
    }
    100% {
        transform: translateY(-300%);
        opacity: 1; 
       
    }
}

.nslideUp4 .active div.slide-from-bottomWidget{
	animation: topTobottomTocenter 2s ease forwards !important;
}
@keyframes topTobottomTocenter{
    0% {
		 
        transform: translateY(-100%);
    }
   
	100% {
        transform: translateY(0%);
       
    }
}

.nslideUp3.one-alpha-fade .slide-from-bottomWidget{
	animation: centerTobottom 2s ease forwards !important;
}
@keyframes centerTobottom{
    0% {
		 
        transform: translateY(0%);
    }
   
	100% {
        transform: translateY(200%);
       
    }
}

/* Get Started Section Animation after Review widget*/
.active div.slide-from-bottomGetStarted{
		animation: moveFromBottomGetStarted 2s ease forwards !important;
		
		}
@keyframes moveFromBottomGetStarted {
    0% {
        transform: translateY(200%);
    }
    100% {
        transform: translateY(0%);
        opacity: 1; 
       
    }
}

div.slide-from-bottomGetStarted{
		animation: RRmoveFromBottomGetStartedTop 7s ease forwards !important;
		
		}
@keyframes RRmoveFromBottomGetStartedTop {
    0% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(-100%);
       
    }
}
/*
.nslide5-next.one-alpha-fade1 .slide-from-bottomGetStarted{
		animation: section-center-top 7s ease forwards !important;
		animation-delay: 7s !important;
		}
*/
.nslide5-next.one-alpha-fade1 .slide-from-bottomGetStarted{
		animation: RRmoveFromBottomGetStartedTop  7s ease forwards !important;
		animation-delay: 7s !important;
		}
		
		
		
.nslideUp5 .active div.slide-from-bottomGetStarted {
  animation: moveFromBottomGetStartedUp 2.2s ease forwards !important;
}
@keyframes moveFromBottomGetStartedUp {
  0% {
       transform:translateY(-300%);
  }
  100% {
    
    transform: translateY(0%); 
	
  }
 
}

div.slide-from-bottomGetStarted{
		animation: RmoveFromBottomGetStarted 2s ease forwards !important;
		
		}
@keyframes RmoveFromBottomGetStarted {
    0% {
		opacity: 0; 
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0%);
        opacity: 0; 
       
    }
}

.nslideUp4 .slide-from-bottomGetStarted{
	animation: centerTobottom 2s ease forwards !important;
}
@keyframes centerTobottom{
    0% {
		 
        transform: translateY(0%);
    }
   
	100% {
        transform: translateY(200%);
       
    }
}

div.slide-from-bottomAgain{
		animation: RmoveFromBottom4 2s ease forwards !important;
		
		}
@keyframes RmoveFromBottom4 {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0%);
        opacity: 1; 
        visibility: visible; 
    }
}


.moveLeftdiv {
        /*transform: translateX(-22%);*/
        transition: transform 1.2s ease-in-out, width 1.2s ease-in-out;
    }

		
		
/*.active div.slide-from-bottomAgainReview{
		 opacity: 0; 
    animation: moveFromBottom 1s ease forwards;
    animation-delay: 2s;
		}
@keyframes slide-from-bottomAgainReview {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

div.slide-from-bottomAgainReview{
		 opacity: 1; 
    animation: RmoveFromBottom .5s ease forwards;
    animation-delay: .25s;
		}
@keyframes slide-from-bottomAgainReview {
    0% {
        opacity: 0.5;
        transform: translateY(0%);
		
    }
    100% {
        opacity: 0;
        transform: translateY(-100%);
    }
}*/



.animate__fadeOutDown{
  animation-name: fadeOutDown;
  animation-duration: 3s; 
  animation-timing-function: ease-in-out;
}
@keyframes fadeOutDown {
  from {
    opacity: 1; 
    transform: translate(0, 0); 
  }

  to {
    opacity: 0; 
    transform: translate(0, 100%); 
  }
}


.nslideUp4 .active div.animation_revealStar{
 animation: revealSecond 2.5s forwards; 
    animation-delay: 2s;
}

@keyframes revealSecond {
    0% {
        top: 100%; 
    }
    100% {
        top: 50%; 
    }
}

.animation-slight-upEmail{
	animation: section-slightUp 3.7s ease forwards !important;
}
@keyframes section-slightUp {
    0% {
        transform: translateY(300%);
		opacity: 0;
    }
    100% {
        transform: translateY(0%);
        opacity: 1;
       
    }
}