header , header *{
    background: none;
}
#main-header{
    position: fixed;
}
#main-header:has(.e-n-menu-content.e-active) {
	backdrop-filter: none;
	z-index: 99999999999;
}
.mgamenu ul.e-n-menu-heading > .e-n-menu-item > .e-n-menu-title {
	z-index: 99999999999;
	cursor: pointer !important;
}
.mgamenu ul.e-n-menu-heading > .e-n-menu-item > .e-n-menu-title * {
	cursor: pointer !important;
}
#main-header .e-n-menu-item > .e-n-menu-content:not(.e-active) .mgmnuitm {
    opacity: 0;
    max-height: 0;
    transition: all 1.5s linear;
}
.hide-stickk {
  transform: translateY(-130px);
  transition: all 0.5s linear;
  max-height: 0;
  opacity: 0;
}

.elementor-sticky--active.hide-stickk {
  transform: translateY(-90px);
  max-height: unset !important;
  transition: transform 0.7s linear;
  opacity: 1;
}

body:has(.jzlab) .hide-stickk {
	transform: translateY(-20px) !important;
	transition: all 0.3s;
}

.ttstickxx {
  background-image: linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%) !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  transition: all 0.3s !important;
}

.ttstickxx:has(.cnh-overlay.is-open), .ttstickxx:hover {
  background-image: none !important;
  background-color: rgba(255,255,255,0.8) !important;
  backdrop-filter: blur(5px) !important;
  transition: all 0.3s !important;
}


















.section-anchor-nav {
  position: fixed;
  right: min(5% , 50px);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 999;
}

.anchor-link {
  transition: all 0.5s ease;
  height: 20px;
  width: 4px;
  display: inline-block;
  background: rgba(255,255,255,0.2);
  border-radius: 8px;
}
.anchor-link.active {
    height: 50px;
    background: rgba(255,255,255,0.7);
}
.bcdrpbtn .elementor-button , .cntnrbcdr , .sec-footer{
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}


@media screen and (max-width: 2200px){
    .innrmntwo > .e-con-inner{
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}
@media screen and (min-width: 2200px){
    .innrmntwo > .e-con-inner{
        margin-left: auto !important;
        margin-right: 10% !important;
    }
}

.nxt-sec {
	position: absolute !important;
	bottom: 50px;
	right: 50%;
	transform: translateX(50%);
	overflow: hidden;
	border-radius: 999px;
}
.nxt-sec svg {
	animation: movendown 4s infinite ease-in-out;
}
.nxt-sec:hover svg {
	animation: movedown 3s infinite ease-in-out;
}
@keyframes movendown{
    0% , 100%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(20px);
    }
}
@keyframes movedown{
    from{
        transform: translateY(0px);
    }
    to{
        transform: translateY(70px);
    }
}
.innrbckdr , .lstone , .innrbckdr:hover , .skylightf , .skylightf:hover , .lstonesky {
	transition: all 1.2s !important;
}
.lstone:hover {
	transition: all 0.7s;
	backdrop-filter: none !important;
	background: linear-gradient(90deg,rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
}
.innrbckdr {
	background-attachment: fixed;
}
.wave-footer {
	width: max(100vw , 700px) !important;
	position: absolute !important;
	top: clamp(-45px , -2vw , -190px);
	right: 0;
	max-width: unset !important;
}
#footer-main {
	overflow: hidden;
}

.skylightf:hover :is(a, p, h2, h3, h4, h5, h6) {
	animation: textbggr 2s ease-in-out;
	transition-duration: 0.5s !important;
	transform: scale(1.1);
}
.skylightf :is(a, p, h2, h3, h4, h5, h6) {
	transition-duration: 0.5s !important;
}
@keyframes textbggr{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.5);
    }
    100%{
        transform: scale(1.1);
    }
}
#main-header .e-n-menu-item > .e-n-menu-content .mgmnuitm {
	right: 0 !important;
	background: rgba(255,255,255,0.8) !important;
}


.singlelazyvideo .elementor-widget-container {
	height: 100% !important;
	display: flex;
	border-radius: 16px;
	overflow: hidden !important;
}
.singlelazyvideo .video-el {
	height: 100%;
	object-fit: cover;
}
.singlelazyvideo .video-lazy {
	width: 100%;
}
.video-lazy .video-fs-btn{
  position:absolute; right:10px; bottom:10px; pointer-events:auto;
  background:rgba(0,0,0,.55); color:#fff; border:0; border-radius:10px;
  padding:8px; line-height:0; cursor:pointer; display:flex; align-items:center; justify-content:center;
}
.video-lazy .video-fs-btn svg{ width:20px; height:20px; display:block; }
.video-lazy[data-fs="1"] .enter-icon{ display:none; }
.video-lazy:not([data-fs="1"]) .exit-icon{ display:none; }
.video-lazy .video-fs-btn svg path{ fill: #fff !important; }
.video-lazy .video-fs-btn:hover {
	background: #273E74 !important;
}

.glrystnnn img {
	height: 100% !important;
}
@media screen and (max-width: 1400px){
    
}
@media screen and (min-width: 768px){
    .innrbckdr:hover {
    	width: 200%;
    }
    .innrbckdr {
    	background-size: 60% 100% !important;
    }
    .skylightf {
    	background-size: cover !important;
    }
    .innrbckdr1 , .skylightf2 {
    	background-position: right center !important;
    }
    .innrbckdr2 {
    	background-position: center center !important;
    }
    .innrbckdr3 , .skylightf1 {
    	background-position: left center !important;
    }

.glrystnnn .elementor-image-carousel-wrapper.swiper {
	height: 100%;
}
.glrystnnn a {
	height: 100%;
	display: inline-flex;
	width: 100% !important;
}
.glrystnnn .swiper-slide-inner {
	display: flex;
	width: 100%;
}
.glrystnnn img {
	object-fit: cover !important;
}

}
@media screen and (max-width: 767px){
    .innrbckdr {
    	height: calc(100vh / 3) !important;
    	background-size: cover !important;
    	background-position: center !important;
    }
    .skylightf {
    	height: calc(100vh / 2) !important;
    }
    .nxt-sec {
    	right: unset !important;
    	left: 10px;
    	transform: translate(0);
    	bottom: 10px !important;
    }
    .background-video.desktop-video {
    	display: none !important;
    }

#main-header .mgmnuitm {
	margin-top: 17px !important;
}
}

.vdoflcntr{
position: absolute !important;
width: 100vw !important;
height: 100vh !important;
}
.video-background-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 0;
    }

.background-video {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100vw !important;
	min-height: 100%;
	width: 100vw !important;
	height: auto;
	transform: none;
	object-fit: cover;
	max-width: 100vw !important;
}

    .desktop-video {
        display: block;
    }

    .mobile-video {
        display: none;
    }

    @media (max-width: 768px) {
        .desktop-video {
            display: none;
        }

        .mobile-video {
            display: block;
        }
    }

@supports (-webkit-touch-callout: none) {
    .video-background-container {
        position: relative;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
    }
    
    .background-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
    
    /* Fix for iOS background-attachment: fixed issue */
    .innrbckdr {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
    /* Ensure proper background behavior on iOS */
    .innrbckdr1 {
        background-position: right center !important;
    }
    .innrbckdr2 {
        background-position: center center !important;
    }
    .innrbckdr3 {
        background-position: left center !important;
    }
}

/* Additional iOS-specific fixes for background attachment */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @supports (-webkit-touch-callout: none) {
        .innrbckdr {
            background-attachment: scroll !important;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }
}

/* iOS Safari specific media query */
@supports (-webkit-touch-callout: none) and (not (color: -webkit-link)) {
    .innrbckdr {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative;
    }
    
    .innrbckdr::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: inherit;
        background-size: inherit;
        background-position: inherit;
        background-repeat: inherit;
        background-attachment: scroll;
        z-index: -1;
    }
}

/* More aggressive iOS fixes with higher specificity */
@media screen and (max-width: 1024px) {
    @supports (-webkit-touch-callout: none) {
        .innrbckdr,
        .innrbckdr1,
        .innrbckdr2,
        .innrbckdr3 {
            background-attachment: scroll !important;
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        
        .innrbckdr1 {
            background-position: right center !important;
        }
        .innrbckdr2 {
            background-position: center center !important;
        }
        .innrbckdr3 {
            background-position: left center !important;
        }
    }
}

/* Force override for all iOS devices */
@supports (-webkit-touch-callout: none) {
    .elementor-element.innrbckdr,
    .elementor-element.innrbckdr1,
    .elementor-element.innrbckdr2,
    .elementor-element.innrbckdr3 {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
    .elementor-element.innrbckdr1 {
        background-position: right center !important;
    }
    .elementor-element.innrbckdr2 {
        background-position: center center !important;
    }
    .elementor-element.innrbckdr3 {
        background-position: left center !important;
    }
}

/* Additional fix for the specific Elementor structure */
@supports (-webkit-touch-callout: none) {
    .elementor-element[class*="innrbckdr"] {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .elementor-element.innrbckdr1,
    .elementor-element[class*="innrbckdr1"] {
        background-position: right center !important;
    }
    .elementor-element.innrbckdr2,
    .elementor-element[class*="innrbckdr2"] {
        background-position: center center !important;
    }
    .elementor-element.innrbckdr3,
    .elementor-element[class*="innrbckdr3"] {
        background-position: left center !important;
    }
}


/***** start about us******/
.abtgal img {
	aspect-ratio: 27/39;
	object-fit: cover;
	width: 100%;
}
.abtgal .elementor-image-box-content {
	width: 85% !important;
	display: flex;
	margin: -25px auto 0;
	flex-direction: column;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	padding: 10px 0px;
	border-radius: 16px;
	z-index: 52;
	position: relative;
	background: #fff;
	transition: all 0.7s;
}
.abtgal:hover .elementor-image-box-content {
	transform: translateY(-15px);
	transition: all 0.7s;
}
.abtgal .elementor-image-box-content .elementor-image-box-title {
	margin: 0 !important;
}

.ttlemvmnt h1 {
	transform: translateY(-60%);
}