* {
	padding:0;
	margin:0;
}

::selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

body {
	/* 	padding-top:150px; */
}

::-moz-selection {
	background: #000;
	color: #fff;
	text-shadow: none;
}

header#masthead {
	display: block !important;
}

#masthead {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	/* 	background-color: #ffffff; */
	display: block;
	z-index: 999;
}

.header-wrapper .elementor-section .elementor-container {
	justify-content: space-between;
	align-items: center;
}

.header-wrapper .logo-box {
	width: auto !important;
	float: left;
}

.header-wrapper .menu-box {
	width: auto !important;
	float: right;
}

.notfound-content {
	text-align: center;
	padding: 7vw 0;
	width: 100%;
	float: left;
}

.error404 .notfound-content h1 {
	color: #000000;
}

.error404 .notfound-content h3 {
	margin: 20px 0;
}

/* Section Top Bottom spacing utilities */

.section-tb {
	padding-top: 110px;
	padding-bottom: 110px;
}

/* Gap spacing */

.e-con.grid-gap {
	gap: 12px;
}

/* Column spacing */

.e-con.column-gap {
	column-gap: 56px;
}

/* Row spacing */

.e-con.row-gap {
	row-gap: 56px;
}

/* Title bottom spacing */

.title-bottom .elementor-widget-container {
	margin-bottom: 12px;
}

/* Padding top and bottom zero*/

.e-con.p-top {
	padding-top:0;
}

.e-con.p-bottom {
	padding-bottom:0;
}

/* Contact form 7 */

.wpcf7 .row {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.wpcf7 .column {
	width: 50%;
}

.wpcf7 .column-full {
	width: 100%;
}

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
	width: 100%;
}

#cf7-ajax-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.65);
	z-index: 9999999;
}

#cf7-ajax-modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 500px;
	background: #F8F4EE;
	border-radius: 12px;
	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.4);
	z-index: 99999999;
	font-family: "Groillim", Sans-serif;
	color: #252525;
	text-align: center;
}

#cf7-ajax-modal.show,
#cf7-ajax-overlay.show {
	display: block !important;
}

.cf7-ajax-inner {
	padding: 50px 40px;
	position: relative;
}

#cf7-ajax-text {
	font-size: 22px;
	line-height: 1.5;
	margin: 0;
}

.cf7-ajax-close {
	position: absolute;
	top: 10px;
	right: 18px;
	font-size: 38px;
	cursor: pointer;
	opacity: 0.7;
}

.cf7-ajax-close:hover {
	opacity: 1;
}

.wpcf7-response-output {
	display: none !important;
}

.wpcf7-spinner {
	display: none;
}

#cf7-ajax-loading {
	display:none;
	position:fixed;
	top:0;left:0;
	width:100%;height:100%;
	background:rgba(255,255,255,0.6);
	z-index:9999999999;
	justify-content:center;
	align-items:center;
}

#cf7-ajax-loading.active { display:flex; }

.cf7-spinner {
	width:45px;
	height:45px;
	border:4px solid #ccc;
	border-top-color:#000;
	border-radius:50%;
	animation:spin 0.8s linear infinite;
}

@keyframes spin { to { transform:rotate(360deg); } }

.wpcf7-response-output { display:none !important; }

.cf7-popup-open, .cf7-loading {
	overflow:hidden;
}

.wpcf7-not-valid-tip {
	margin-top: 6px;
}





.mp-bounce h2{
	overflow:hidden;
}



.text-mask-lr{
	background: linear-gradient(#FFF 0 0) 0 100%/ var(--mask, 0) no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.1) !important  ;
	color: rgba(255, 255, 255, 0.1) !important  ;
}


.text-mask-tb{	
	--mask: 0%;
	background: linear-gradient(to bottom, #fff 0 0) 0 0 / 100% var(--mask, 0%) no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;

}


/* 	section 83 */

.image-grid-con{
	position: fixed !important ;
	transition: all 0.3s ease;
}


/* Timeline section */

.timeline-container{
	height: 100% !important;
}


.timeline-icon .elementor-icon-wrapper{
	line-height: 0;
}


.red{
	color: #D22B2B;
}


/* Layout 419  */

.layout-419-left-col, .layout-419-card{
	position: sticky !important;
	top: 0px;
	height: 100vh !important;
}

/* How it works section*/

.how-it-work-left-col{
	position: sticky !important;
	top: 120px;
	height: 100% !important;
}


.how-it-work-card{
	position: sticky !important;
	top: 120px;
}

.how-it-work-card:nth-child(1) { 
	top: 120px;
}

.how-it-work-card:nth-child(2) {
	top: 150px; 
}

.how-it-work-card:nth-child(3) {
	top: 180px; 
}

.how-it-work-card:nth-child(4) { 
	top: 210px;
}

.how-it-work-card:nth-child(5) { 
	top: 240px;
}

.how-it-work-card:nth-child(6) { 
	top: 270px;
}






/* Header 78 */

.header-78-main-con .slick-track {
	display: flex;
	gap: 20px;
}


.header-78-right-slider {
	direction: rtl;  
}

.header-78-right-slider .slick-slide {
	float: right;  
}

/* Header 77 */

.header-77-right-slider {
	direction: rtl;  
}


/* Header 76 Vertical slider  */

.header-76-up-slider .swiper-wrapper, .header-76-down-slider .swiper-wrapper {
	transition-timing-function: linear !important;
	gap: 20px;
}

/* CTA 38 */

.hover-tabs .e-n-tabs-content {
	position: absolute;
	width: 40%;
	height: 40%; 
	top: 0;
	left: 20%; 
	z-index: 1;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0s linear 0.3s; /* Smooth transition */
}

.hover-tabs .e-n-tabs-content .e-active {
	pointer-events: auto; 
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease, visibility 0s linear 0s;
}

/* CTA 37 */

.cta-37 .hover-tabs .e-n-tabs-content{
	width: 50%;
	left: 50%;
	transform: translatex(-50%);
	opacity: 0.7;
	z-index: -1;
}

/* Layout 488 */

.title-488 {
	display: flex;
	align-items: center;
	gap: 20px;
}

.back-image img{
	width: 100px;
	border-radius: 50% !important;
}

.back-image{
	display: flex;
	position: relative;
}

 
.back-color{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #e7e7e7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1;
}



/* Stack up slider */


.stack-up-slide {
  position: absolute !important;
  transform-origin: center;
  transition: transform 0.5s ease-in-out !important;
}

.stack-up-slide:nth-child(3n + 1) {
  transform: rotate(-7.034deg) translatey(10px);
  z-index: 3 !important;
}

.stack-up-slide:nth-child(3n + 2) {
  transform: rotate(0deg) translatey(10px) translatex(14px);
  z-index: 2 !important;
}

.stack-up-slide:nth-child(3n) {
  transform: rotate(4.256deg) translatey(10px);
  z-index: 1 !important;
}

.stack-up-slide.active {
  opacity: 1;
  z-index: 4 !important;
}





  .arrow {
  position: absolute;
  top: 55%;
  transform: translatey(-50%);
  background: url(/wp-content/uploads/2026/01/prev.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  cursor: pointer;
  z-index: 5;
  width: 40px;
  height: 40px;
}

 .arrow.left {
  left: 0;
}

 .arrow.right {
  right: 0;
  background: url(/wp-content/uploads/2026/01/next.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* Layout 422 */

 
.layout-422-con {
    transition: width 0.5s ease-in-out !important;  
    position: relative;  
}

.layout-422-con:hover {
    width: 70%;
}

.layout-422-con-inner {
    max-height: 100px;   
    transition: all 0.3s ease !important ;  
}

.layout-422-con:hover .layout-422-con-inner {
    max-height: 500px; 
}