body,html{
	overflow-x:hidden;
}

span.hd {
    color: #23AD7E;
}
.cpy-rht p{
	margin:0;
}
body .elementor-swiper-button.elementor-swiper-button-prev:hover svg path,
body .elementor-swiper-button.elementor-swiper-button-next:hover svg path{
     stroke:#fff !important;
}
span.e-n-accordion-item-title-icon{
    background: #f5f5f5;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    border-radius: 50px;
    width: 40px !important;
    height: 40px;
}
/* Target the opened icon SVG when the parent summary is expanded */
summary[aria-expanded="true"] span.e-n-accordion-item-title-icon {
     background: #23AD7E;
}
.hvr-box {
    transition: .8s ease all;
}

.hvr-box:hover {
    background-color:#06284D !important;
	transition: .8s ease all;
}
.elementor-widget-n-accordion .e-n-accordion-item-title-text:hover {
    transition: .8s ease all;
}
.elementor-widget-n-accordion .e-n-accordion-item-title-text{
    transition: .8s ease all;
}
.hvr-box:hover h3.elementor-heading-title,
.hvr-box:hover .elementor-widget-text-editor{
    color: #fff !important;
}

.box h3.elementor-icon-box-title {
    padding: 0 60px;
}

  /* Page Loader Styles */
#page-loader {
    position: fixed;
    top: 33px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;  
    display: flex;
    justify-content: center;
    align-items: flex-end;  
    z-index: 9999;
    visibility: visible;
    opacity: 1;
    transition: opacity 1s ease, visibility 1s ease; 
	
}

#logo-loader {
    width: 413px;
    height: auto;
    opacity: 0;  
    transform: translateY(0px); 
    animation: logoFadeUp 2s ease forwards;  
    position: relative;
	left: -32.8%;
	transition: transform 0.5s ease, opacity 0.5s ease;  
}
@keyframes logoFadeUp {
    0% {
		left: 0%;
        opacity: 1;
        transform: translateY(0%);  
		transition:0.5s;
    }
    50% {
		left: 0%;
		 width: 413px; 
		 top: -50%;
        opacity: 1;
        transform: translateY(0%);  
		transition:0.5s;
    }
    100% {
		top: -89%;
		left: -25%;
		width: 250px;
         opacity: 0.5;
        transform: translateY(0%);
    }
}

/******************************************************************************** Dev CSS ********************************************************************************/
/**************************************** Start Business Deserve Video Section CSS ****************************************/
.business-deserves-sec video.elementor-video {
    background-color: transparent;
    object-fit: contain !important;
}
/**************************************** End Business Deserve Video Section CSS ****************************************/
/**************************************** Start FAQ Section CSS ****************************************/
.faq details:hover summary.e-n-accordion-item-title span.e-n-accordion-item-title-icon {
    background-color: #23AD7E;
    transition: all 0.6s ease-in-out;
}
.faq details:hover summary.e-n-accordion-item-title span.e-n-accordion-item-title-icon span.e-closed svg {
    fill: #23ad7e !important;
}
.faq details:hover summary.e-n-accordion-item-title span.e-n-accordion-item-title-icon span.e-closed svg path {
    stroke: #fff;
}
/**************************************** End FAQ Section CSS ****************************************/
/**************************************** Start Video Section CSS ****************************************/
.custom-video {
  width: 100vw !important;
  height: 600px;
  border-radius: 32px;
  overflow: hidden;
}
/**************************************** End Video Section CSS ****************************************/


@media screen and (min-width:1280px) and (max-width:1400px){
	@keyframes logoFadeUp {
    0% {
		left: 0%;
        opacity: 1;
        transform: translateY(0%);  
		transition:0.5s;
    }
    50% {
		left: 0%;
		 width: 413px; 
		 top: -50%;
        opacity: 1;
        transform: translateY(0%);  
		transition:0.5s;
    }
    100% {
		top: -85%;
		left: -28%;
		width: 250px;
         opacity: 0.5;
        transform: translateY(0%);  
		
		
    }
}
	
	/**************************************** Start Video Section CSS ****************************************/
	.custom-video {
	  height: 550px;
	}
	/**************************************** End Video Section CSS ****************************************/
}

@media screen and (min-width:1401px) and (max-width:1480px){
	@keyframes logoFadeUp {
    0% {
		left: 0%;
        opacity: 1;
        transform: translateY(0%);  
		transition:0.5s;
    }
    50% {
		left: 0%;
		 width: 413px; 
		 top: -50%;
        opacity: 1;
        transform: translateY(0%);  
		transition:0.5s;
    }
    100% {
		top: -88%;
		left: -27%;
		width: 250px;
        opacity: 0.5;
        transform: translateY(0%);  	
    }
}
}

@media screen and (min-width:1280px) and (max-width:1570px){
	body {
		zoom: 0.8;
	}
	
}
@media (max-width:1024px) {
	.box h3.elementor-icon-box-title{
	    padding: 0 0px;	
	}
	#page-loader,
	#logo-loader {
		display: none !important;
	}
	/**************************************** Start Video Section CSS ****************************************/
	.custom-video {
	  height: 400px;
	}
	/**************************************** End Video Section CSS ****************************************/
	/**************************************** Start FAQ Section CSS ****************************************/
	.faq details summary.e-n-accordion-item-title span.e-n-accordion-item-title-icon {
    	padding: 20px;
	}
	/**************************************** End FAQ Section CSS ****************************************/
}

@media (max-width:767px) {
	span.e-n-accordion-item-title-icon {
		padding: 15px;	
	}
	/**************************************** Start FAQ Section CSS ****************************************/
	span.e-n-accordion-item-title-icon {
		width: 25px !important;
		height: 25px !important;
	}
	/**************************************** End FAQ Section CSS ****************************************/
	/**************************************** Start Video Section CSS ****************************************/
	.custom-video {
	  height: 190px;
	}
	/**************************************** End Video Section CSS ****************************************/
	/******************************************************************************** Footer Section ********************************************************************************/
	/**************************************** Start Copyright Menu Section CSS ****************************************/
	.copyright-menu ul li:after {
    	content: none !important;
	}
	/**************************************** End Copyright Menu Section CSS ****************************************/
}