/*
 * Mex Mega Menu CSS
 * */

.mobile-menu{
	display: none !important;
}

	/* Mex Mega Menu CSS */
/* Class Name (header-menu) */

body.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
	color: var(--e-global-color-primary) !important;
}

body.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
body.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, 
body.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus{
	color: var(--white-color) !important;
}

.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-custom-icon{
	background: transparent !important;
	font-size: 0;
}

.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-custom-icon:before{
	background-image: none !important;
	background-color: var(--e-global-color-accent);
	mask-image: url(../images/home.svg);
	mask-size: 16px 16px;
    mask-repeat: no-repeat;
	margin: 0;
}

.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mobile-menu{
	display: none !important;
}

/* menu visiable css */
.header-menu ul li.mega-menu-visiable ul{
    opacity: 1 !important;
	visibility: visible !important;
}

.header-menu .mega-menu-wrap > ul > li > ul{
/* 	margin-top: 28px !important; */
	box-shadow: 0px 0px 10px 5px rgb(from var(--e-global-color-primary) r g b / 10%);
}

/* Mega Menu Templated CSS */

.mega-menu-img{
	height: 100%;
}

.mega-menu-img a{
	display: block;
    height: 100%;
}

.mega-menu-img img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
	height: 100%;
}


@media only screen and (max-width: 1024px) {
	
	body.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
		color: var(--white-color) !important;
	}
	
	body.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
	body.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, 
	body.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus{
		color: var(--e-global-color-primary) !important;
	}
	
	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-custom-icon{
		background: inherit !important;
		font-size: inherit;
	}
	
	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-custom-icon:before{
		display: none;
	}

	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mobile-menu{
		display: block !important;
	}
	
	.header-menu #mega-menu-wrap-menu-1 .mega-menu-toggle,
	.header-menu .mega-menu-wrap .mega-menu-toggle{
		align-items: center;
		justify-content: center;
		width: 38px;
		height: 32px;
	}
	
	.header-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-block:only-child{
		margin-left: 8px !important;
	}
	
	.header-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-animated-box .mega-toggle-animated-inner,
	.header-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-animated-box .mega-toggle-animated-inner:before,
	.header-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-animated-box .mega-toggle-animated-inner:after{
		width: 30px !important;
	}
	
	.header-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-animated-box .mega-toggle-animated-inner:before{
		left: 7px;
	}
	
	.header-menu .mega-menu-wrap .mega-menu-toggle.mega-menu-open .mega-toggle-block:only-child{
		margin-left: 14px !important;
	}
	
	.header-menu ul.mega-menu{
		margin-top: 29px !important;
		max-height: calc(100vh - 200px) !important;
		overflow: auto !important;
		filter: drop-shadow(0px 10px 5px rgb(from var(--e-global-color-text) r g b / 10%));
	}
	
	.header-menu .mega-menu-wrap > ul > li > ul{
		margin-top: 0 !important;
		box-shadow: none;
		filter: none;
	}	
	
	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item ul > li{
		border-bottom: none !important;
	}
	
	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link{
		display: flex;
		padding: 0 20px;
	}
	
	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item> ul li a.mega-menu-link{
		padding: 0 30px !important;
	}
	
	/* Template CSS */
	
	
}

@media only screen and (max-width: 767px) {
	
	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item> ul li a.mega-menu-link{
		padding: 0 20px !important;
	}
	
}






/*
 * About Us CSS
 * */

.page-header{
	overflow: hidden;
}

.page-header:before{
	top: -70px;
	left: auto;
	right: 150px;
	bottom: -70px;
	border-radius: 50%;
	width: 675px;
	height: 675px;
}

.page-header-bg-circle:before,
.page-header-bg-circle:after{
	content: "";
	position: absolute;
	top: 90px;
	left: auto;
	right: 670px;
	bottom: auto;
	background: linear-gradient(106deg, rgb(from var(--e-global-color-secondary) r g b / 60%) 9.58%, rgb(from var(--dark-color) r g b / 36%) 91.59%);
	border-radius: 50%;
	width: 275px;
	height: 275px;
	z-index: 1;
}

.page-header-bg-circle:after{
	top: auto;
	left: auto;
	right: 120px;
	bottom: 0;
	background: linear-gradient(106deg, rgb(from var(--dark-color) r g b / 36%) 9.58%, rgb(from var(--e-global-color-secondary) r g b / 60%) 91.59%);
	width: 180px;
	height: 180px;
}

.about-section{
	position: relative;
/* 	background: url("images/dot-bg-image.png"), linear-gradient(0deg, rgba(12, 12, 12, 0) 0%, #090909 100%); */
	z-index: 1;
}

.about-section:before{
/* 	z-index: -1; */
}

.about-section:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 660px;
	height: 100%;
	background: url("images/about-bg-img-2.svg") no-repeat right bottom;
	background-size: auto 100%;
	z-index: -2;
}

.about-img img{
	position: relative;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	z-index: 2;
}

.about-img:before{
	content: "";
	display: block;
	position: absolute;
	bottom: -100px;
	right: -100px;
	background: var(--e-global-color-96c9cee);
	border-radius: 0 0 50px 0; 	
	width: 100px;
	height: 100px;
}

.about-img > .elementor-widget-container{
	position: relative;
}

.about-img > .elementor-widget-container:before{
	content: '';
	display: block;
	position: absolute;
	left: 1px;
	bottom: 0;
	width: 1px;
	height: calc(100% + 70px);
	background-color: rgba(255, 255, 255, 0.2);
}

.about-img > .elementor-widget-container:after{
	content: '';
	display: block;
	position: absolute;
	top: 1px;
	right: 0;
	width: calc(100% + 70px);
	height: 1px;
	background-color: rgba(255, 255, 255, 0.2);
}

.about-contact-icon-box .elementor-icon-box-content a{
	color: inherit;
}

.core-value-content-body:before{
	top: auto;
	bottom: 0;
	left: -110px;
	width: 260px;
	height: 260px;
}

.core-value-img img{
	aspect-ratio: 1 / 1.175;
	object-fit: cover;
}

.core-values-text-path .e-text-path{
	animation: infiniterotate 20s infinite linear;
}

@keyframes infiniterotate{
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.lexira-strength-main{
	position: relative;
	background: url("images/dot-bg-image.png"), linear-gradient(0deg, rgba(12, 12, 12, 0) 0%, #090909 100%);
	z-index: 1;
}

.lexira-strength-main:after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 350px;
	height: 470px;
	background: url("images/lexira-strength-blur-2.svg") no-repeat right bottom;
	background-size: auto 100%;
	z-index: -1;
}

.value-content-box-wrapper{
	counter-reset: section;
}

.value-content-box{
	position: relative;
}

.value-content-box:before{
	content: "0" counter(section);
    counter-increment: section;
    position: absolute;
    top: 50%;
    left: 0;
    bottom: auto;
    right: auto;
    width: 140px;
    height: 125px;
    display: inline-flex;
    justify-content: flex-start;
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 125px;
    font-weight: 400;
    line-height: 1.3em;
    transform: translateY(-50%);
	z-index: 1;
}

.value-img-box img{
	clip-path: polygon(80px 0%, 100% 0%, calc(100% - 80px) 100%, 0% 100%);
	aspect-ratio: 1 / 0.71;
	object-fit: cover;
}

.our-infrastructure-main{
	position: relative;
	z-index: 1;
}

.our-infrastructure-main:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(60px);
	z-index: -1;
}

.our-infra-section-title{
	position: absolute;
    top: 0;
    left: 80px;
    z-index: 3;
}

.our-infra-img-slider-tabs .e-n-tabs-heading{
	position: relative;
	z-index: 4;
}

.our-infra-img-slider .elementor-image-carousel .swiper-slide-inner img{
	width: 100%;
	aspect-ratio: 1 / 0.535;
	object-fit: cover;
}

.our-infra-img-slider .elementor-image-carousel-wrapper{
	width: calc(100% - 10px) !important;
}

.our-infra-img-slider .elementor-swiper-button{
	width: 80px;
    height: 80px;
	border: 1px solid var(--white-color);
	border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 50% !important;
    left: -80px !important;
    bottom: auto !important;
    justify-content: center;
    align-items: center;
    transform: translate(-100%, -50%) !important;
}

.our-infra-img-slider .elementor-swiper-button.elementor-swiper-button-next{
	top: calc(50% + 100px) !important;
}

.commitment-img img{
	aspect-ratio: 1 / 1.41;
	object-fit: cover;
}

.event-img img{
	aspect-ratio: 1 / 0.68;	
	object-fit: cover;
}

@media only screen and (max-width: 1500px){
	
	.our-infra-img-slider-tabs > .elementor-widget-container{
		margin-right: 0 !important;
	}
	
}

@media only screen and (max-width: 1024px){
		
	.page-header:before{
        border-radius: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-position: center center;
		width: 100%;
		height: 100%;
	}
	
	.page-header-bg-circle:before{
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 0;
		background: rgb(from var(--dark-color) r g b / 50%);
		width: 100%;
		height: 100%;
	}
	
	.page-header-bg-circle:after{
		display: none;
	}
	
	.about-section:after{
		width: 560px;
		height: 70%;
	}

	.about-img:before{
		right: -70px;
		bottom: -70px;
		width: 70px;
		height: 70px;
	}

	.about-img > .elementor-widget-container:before{
		height: calc(100% + 30px);
	}

	.about-img > .elementor-widget-container:after{
		width: calc(100% + 30px);
	}
	
	.core-value-img img{
		aspect-ratio: 1 / 0.6;
	}
	
	.core-value-content-body:before{
		left: -20px;
		bottom: -100px;
		width: 200px;
		height: 200px;
	}
	
	.lexira-strength-main:after{
		width: 280px;
		height: 400px;
	}
	
	.value-content-box:before{
		top: 0;
		left: 10px;
		width: 115px;
		height: 100px;
		font-size: 100px;
		line-height: 1.2em;
		transform: translateY(0);
	}
	
	.value-img-box img{
		clip-path: polygon(0% 40px, 100% 0%, 100% calc(100% - 40px), 0% 100%);
		aspect-ratio: 1 / 1;
	}
	
	.our-infra-section-title{
		position: relative;
		top: initial;
		left: initial;
	}
	
	.our-infra-img-slider-tabs .e-n-tabs-heading .e-n-tab-title{
		background: var(--e-global-color-text) !important;
		color: var(--e-global-color-accent) !important;
	}
	
	.our-infra-img-slider-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]{
		background: var(--e-global-color-accent) !important;
		color: var(--e-global-color-text) !important;
	}
	
	.our-infra-img-slider .elementor-image-carousel .swiper-slide-inner img{
		aspect-ratio: 1 / 0.6;
	}
	
	.our-infra-img-slider .elementor-image-carousel-wrapper{
		padding-bottom: 80px;
	}

	.our-infra-img-slider .elementor-swiper-button{
		width: 55px;
		height: 55px;
		top: auto !important;
		left: 0 !important;
		bottom: 0 !important;
		transform: translate(0) !important;
	}
	
	.our-infra-img-slider .elementor-swiper-button.elementor-swiper-button-prev{
		left: calc(50% - 65px) !important;
		right: auto !important;
	}

	.our-infra-img-slider .elementor-swiper-button.elementor-swiper-button-next{
		top: auto !important;
		left: auto !important;
		right: calc(50% - 65px) !important;
	}
	
}

@media only screen and (max-width: 767px){
	
	.about-section:after{
		width: 100%;
		height: 100%;
	}

	.about-img:before{
		display: none;
	}

	.about-img > .elementor-widget-container:before{
		height: calc(100% + 20px);
	}

	.about-img > .elementor-widget-container:after{
		width: calc(100% + 20px);
	}
	
	.core-value-img img{
		aspect-ratio: 1 / 0.9;
	}
	
	.value-content-box:before{
		width: 85px;
		height: 70px;
		font-size: 70px;
	}
	
	.our-infra-img-slider .elementor-image-carousel .swiper-slide-inner img{
		aspect-ratio: 1 / 0.8;
	}

	.our-infra-img-slider .elementor-image-carousel-wrapper{
		padding-bottom: 70px;
	}

	.our-infra-img-slider .elementor-swiper-button{
		width: 50px;
		height: 50px;
	}
	
	.our-infra-img-slider .elementor-swiper-button.elementor-swiper-button-prev{
		left: calc(50% - 60px) !important;
	}

	.our-infra-img-slider .elementor-swiper-button.elementor-swiper-button-next{
		right: calc(50% - 60px) !important;
	}
	
}