/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


html, body{
    overflow-x:hidden;
}	

.header-wrapper .default-btn .elementor-button-text{
    white-space:nowrap;
}
	
.txt-clr b{
    color:#282829; 
    font-weight:600;
}

.abt-img .elementor-widget-image,
.abt-img .elementor-widget-image *{
    height:100% !important; 
}

.abt-img > .elementor-widget-heading > .elementor-widget-container{
    display: flex;
    align-items: center;
}

.abt-img > .elementor-widget-heading {
    position: absolute;
    top: 50%;
    height: 50px !important;
    right: 30px;
    transform: translate(50%, -50%) rotate(-90deg);
    transform-origin: center center;
    font-size: 18px;
    font-weight: bold;
    color: #48B8E7;
    white-space: nowrap;
    padding: 0px;
    z-index: 9;
    line-height: 1.2;
    box-sizing: border-box;
    width: auto;
    max-width: inherit !important;
}

.abt-img{
    overflow:hidden;
    min-height:450px !important;
}

.abt-img > .elementor-widget-heading > .elementor-widget-container::before {
    content: "";
    position: absolute;
    top: -130px;
    right: 0px;
    width: 235px;
    height: 310px;
    background: url('/wp-content/uploads/2025/02/side-long-bar-curve.svg') no-repeat center;
    background-size: contain;
    transform: rotate(90deg); /* Adjust angle as needed */
    z-index: -1; /* Place behind content */
}
	
/*
.hero-banner-mask > .elementor-widget-container > .swiper{
   -webkit-mask-image: url('/wp-content/uploads/2025/01/banner-img-mask.png');
    mask-image: url('/wp-content/uploads/2025/01/banner-img-mask.png');
    -webkit-mask-size: 100% 100%;  
    mask-size: 100% 100%;  
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
} 
*/

/*
.hero-banner-mask .swiper::before {
    content: "";
    position: absolute; 
    top: -1px;
    left: -1px;
    width: 270px;
    height: 150px;
    z-index: 10;  
    background: url(/wp-content/uploads/2025/02/top-left-curve.svg) no-repeat; 
    background-size: contain;
}
*/

 
.hero-banner-mask .swiper::after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 215px;
    height: 116px;
    z-index: 10;
    background: url("/wp-content/uploads/2025/02/bottom-right-curve-1.svg") no-repeat;
    background-size: contain;
}
	
	
.mask-cover img{ 
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;  
}

/*
.inclusion-pack > div > div[data-element_type="container"] {
    -webkit-mask-image: url('/wp-content/uploads/2025/02/full-bg-mask.png');
    mask-image: url('/wp-content/uploads/2025/02/full-bg-mask.png');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top left;
    mask-position: top left;
}
*/

.inclusion-pack > div > div[data-element_type="container"]::after{  
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 115px;
    height: 115px;
    z-index: 10;
    background: url(/wp-content/uploads/2025/02/includes_shape.svg) no-repeat;
    background-size: contain;
}

.inclusion-pack .txt-clr b{
    color:#FFF;
}

/* 
.project-list{
    -webkit-mask-image: url('/wp-content/uploads/2025/02/projects-mask-img.png');
    mask-image: url('/wp-content/uploads/2025/02/projects-mask-img.png');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: bottom right;
    mask-position: bottom right;
}
*/

.project-list{ 
  overflow:hidden;	
}
	
.project-list::after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 130px;
    height: 109px;
    z-index: 1;
    background: url("/wp-content/uploads/2025/02/square-small-corner.svg") no-repeat !important;
    background-size: contain !important;
}

/*
.footer-wrapper{
    -webkit-mask-image: url('/wp-content/uploads/2025/02/footer-mask.png');
    mask-image: url('/wp-content/uploads/2025/02/footer-mask.png');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: bottom center;
    mask-position: bottom center;    
}	
*/
	


.ft-btm{
    z-index:999 !important; 
}

html body .projects-acc .eael-img-accordion .eael-image-accordion-hover.overlay-active .overlay-inner .elementor-button,
html body .projects-acc .eael-img-accordion .eael-image-accordion-hover.overlay-active .overlay-inner .elementor-button *,
html body .projects-acc .eael-img-accordion .overlay-inner-show .elementor-button,
html body .projects-acc .eael-img-accordion .overlay-inner-show .elementor-button *{
    transition: unset;
    transform: unset !important;
	  position: relative;
}

.default-btn:hover .elementor-button-icon,
.elementor-form .elementor-button:hover .elementor-button-icon{
    animation: variantHoverUp 150ms cubic-bezier(0.68, -0.6, 0.32, 1.6);  
}

.default-btn:not(:hover) .elementor-button-icon,
.elementor-form .elementor-button:not(:hover) .elementor-button-icon{
    animation: variantHoverDown 150ms cubic-bezier(0.68, -0.6, 0.32, 1.6);  
}

.default-btn:hover .elementor-button-text,
.elementor-form .elementor-button:hover .elementor-button-text{
    animation: textHover 300ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.default-btn:not(:hover) .elementor-button-text,
.elementor-form .elementor-button:not(:hover) .elementor-button-text{
    animation: textHoverDown 300ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.projects-acc .default-btn:hover .elementor-button-icon{
    animation: variantHoverUp-Alt 150ms cubic-bezier(0.68, -0.6, 0.32, 1.6);  
}

.projects-acc .default-btn:not(:hover) .elementor-button-icon{
    animation: variantHoverDown-Alt 150ms cubic-bezier(0.68, -0.6, 0.32, 1.6);  
}

.projects-acc .default-btn:hover .elementor-button-text{
    animation: textHover-Alt 300ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.projects-acc .default-btn:not(:hover) .elementor-button-text{
    animation: textHoverDown-Alt 300ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
	
.default-btn .elementor-button span.elementor-button-icon svg,
.elementor-form .elementor-button span.elementor-button-icon svg{ 
    margin-bottom:-2px;
}

.btn-txt-icon .elementor-button-icon{
    filter: invert(49%) sepia(88%) saturate(200%) hue-rotate(158deg) brightness(1.2);
}

.btn-txt-icon:hover .elementor-button-icon{
    filter: none;
}

.project-list-img{
    width:100%;
    height:100%;
}

.pty-loc-btn .elementor-button-icon svg{ 
    margin-bottom:-2px;
}

.project-list-wrap .project-list-img {
  transition: transform 0.3s ease;
}

.project-list-wrap:hover .project-list-img {
  transform: scale(1.05); 
}

.project-list-wrap .arrow-btn .elementor-button{
    font-size: 24px !important;
}
	
.project-list-wrap .arrow-btn .elementor-button-icon { 
    width: 24px !important;
    height: 24px !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
} 

.project-list-wrap .arrow-btn .elementor-button-icon svg {  
	position: absolute;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.project-list-wrap .arrow-btn .elementor-button .elementor-button-icon svg:first-child {
	transform: translate(0, 0);  
	opacity: 1;
}

.project-list-wrap .arrow-btn .elementor-button .elementor-button-icon svg:last-child {
	transform: translate(-100%, 100%);  
 	opacity: 0;  
}

.project-list-wrap:hover .arrow-btn .elementor-button .elementor-button-icon svg:first-child {
	transform: translate(100%, -100%); 
	opacity: 0; 
}

.project-list-wrap:hover .arrow-btn .elementor-button .elementor-button-icon svg:last-child {
	transform: translate(0, 0); 
	opacity: 1; 
}

.project-list-wrap:hover .arrow-btn .elementor-button{
    background:rgba(20, 77, 130, 1) !important;
}
	
.general-form .elementor-field-group input,
.general-form .elementor-field-group textarea,
.general-form .elementor-field-group select{
    box-shadow: none !important;
}

.general-form .elementor-field-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('/wp-content/uploads/2025/02/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 15px;  
}

.general-form .elementor-field-group .select-caret-down-wrapper{
    display:none;
}

.general-form .elementor-field-group textarea{
    border-radius:20px !important;
}

.general-form .elementor-field-textual.elementor-size-md{ 
    min-height: 55px !important;
}

.general-form .elementor-field-type-submit{
    padding-top:5px;
}

.social-media-wrap svg {
    fill: transparent !important;
}

.newsletter-form .elementor-form-fields-wrapper{ 
    position:relative;
}

.newsletter-form .elementor-field-textual.elementor-size-md,
.newsletter-form .elementor-button{
    min-height:56px !important;
}

.newsletter-form input[type="email"]{
    padding-right: 50% !important;
}	
	
.newsletter-form .elementor-field-type-submit{
    position:absolute;
    top:0;
    right:0; 
    width: fit-content !important; 
}

.projects-acc .img-accordion-title{
    margin:0px;
}
 
.projects-acc .eael-img-accordion{
    gap:15px !important;
}

.projects-acc .eael-img-accordion .overlay{
    padding:25px;
}

.projects-acc .overlay-inner{
    display: inline-flex;
    padding: 25px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    border-radius: 15px;
    background: #FFF !important;
    background-color: #FFF !important;
}  
 	
.projects-acc .eael-img-accordion .eael-image-accordion-hover:before,
.projects-acc .eael-img-accordion .eael-image-accordion-hover.overlay-active .overlay-inner *:not(.elementor-button):not(.elementor-button *), .projects-acc .eael-img-accordion .overlay-inner-show *:not(.elementor-button):not(.elementor-button *) {
    transition: all 0s 0s !important;
}

.projects-acc .eael-img-accordion .overlay{
    align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; 
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: end; 
}  

.projects-acc .eael-img-accordion .eael-image-accordion-hover{
    -webkit-transition: -webkit-box-flex .5s;
    transition: -webkit-box-flex .5s;
    transition: flex .5s;
    transition: flex .5s, -webkit-box-flex .5s, -ms-flex .5s;
} 

.projects-acc .eael-img-accordion .overlay-active .overlay .overlay-inner {
    transform: translateX(0);  
    opacity: 1;
    visibility: visible; 
} 

.projects-acc .eael-img-accordion .overlay .overlay-inner {
    transform: translateX(-100%); 
    visibility: hidden;  
    background-color: #FFF !important;  
    -webkit-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out; 
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s 0.5s;
    width: 100%;
    min-width: 500px !important; 
    position: relative;  
}
 
.projects-acc .eael-img-accordion .overlay .overlay-inner.overlay-inner-show {
    transform: translateX(0);  
    visibility: visible;   
    -webkit-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out
}

.projects-acc .overlay-inner .default-btn{
    background: none;
    color: #144D82;
    padding: 0px;
    font-weight: 500;
    font-size:16px;
    line-height:28px;
    display:flex;
}

.projects-acc .overlay-inner .default-btn .elementor-button-content-wrapper{
    gap:10px;   
}

.projects-acc .overlay-inner .default-btn .elementor-button-content-wrapper .elementor-button-icon{
    margin-top:1px    
}

.projects-acc .overlay-inner .default-btn .elementor-button-content-wrapper .elementor-button-icon img{
    width:10px;
    height:10px;
}
	
.hero-banner-mask .swiper { 
    height: calc(100vh - 50px);
    background-color: #333;
}

.hero-banner-mask .swiper * {
    visibility: hidden;
}

.hero-banner-mask .swiper.swiper-initialized * {
    visibility: visible;
}

.ft-tcp-block{ 
    width:100%;
    height: 100px !important;
    background:#FFF; 
}

.ft-tcp-block::after {
    content: "" !important;
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    width: 95px!important;
    height: 83px !important;
    z-index: 10 !important; 
    background: url(/wp-content/uploads/2025/02/ft-btm-shp1.png) no-repeat;
    background-size: contain !important;
    background-position: top center;
}

.ft-tcp-block::before {
    content: "" !important;
    position: absolute !important;
    top: 0px !important;
    right: 0 !important;  
    width: 95px !important;
    height: 83px !important;
    z-index: 9 !important;  
    background: url(/wp-content/uploads/2025/02/ft-btm-shp2.png) no-repeat;
    background-size: contain !important;
    background-position: top center;
}

.ft-tcp-block > .elementor-widget .elementor-heading-title:nth-child(1) a:not(:first-of-type){ 
    display: none;
}
 
/** Header Fixes **/
.header-wrapper .elementor-widget-theme-site-logo::before{
    content: "";
    position: absolute;
    top: -32px;
    left: -10px;
    width: 270px;
    height: 150px;
    z-index: 10;
    background: url(/wp-content/uploads/2025/02/top-left-curve.svg) no-repeat;
    background-size: contain;
}

.header-wrapper .elementor-widget-theme-site-logo img{
  z-index: 99;
  position: relative;
}

.header-wrapper.elementor-sticky--effects .elementor-widget-theme-site-logo img{
	margin-top:-2px;
}

.header-wrapper.elementor-sticky--effects {
  padding-top: 10px;
  padding-bottom:10px;
  background: rgb(255 255 255 / 75%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.header-wrapper.elementor-sticky--effects .elementor-nav-menu a{
  color:#282829 !important;
}

.header-wrapper.elementor-sticky--effects .elementor-widget-container:has(.elementor-nav-menu){
  margin-top: 0px;
}

.header-wrapper.elementor-sticky--effects .elementor-widget-theme-site-logo::before{
	display:none;
}


@keyframes variantHoverUp {
    0% {
        transform: translate(0px, 0px);
    }
    100% {
        transform: translate(3px, -3px); 
    } 
}

@keyframes variantHoverDown {
    0% {
        transform: translate(3px, -3px);
    } 
    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes textHover {
    0% {
        transform: translate(0px, 0px);
    } 
    100% {
        transform: translate(-0.5px, -0.5px);  
    }
}

@keyframes textHoverDown {
    0% {
        transform: translate(-0.5px, -0.5px);  
    } 
    100% {
        transform: translate(0px, 0px);
    }
}
	
@keyframes variantHoverUp-Alt {
    0% {
        top: 0px;
        left: 0px;
    }
    100% {
        top: -3px;
        left: 3px;
    }
}

@keyframes variantHoverDown-Alt {
    0% {
        top: -3px;
        left: 3px;
    }
    100% {
        top: 0px;
        left: 0px;
    }
}

@keyframes textHover-Alt {
    0% {
        top: 0px;
        left: 0px;
    }
    100% {
        top: -0.5px;
        left: -0.5px;
    }
}

@keyframes textHoverDown-Alt {
    0% {
        top: -0.5px;
        left: -0.5px;
    }
    100% {
        top: 0px;
        left: 0px;
    }
}


@media (min-width: 993px) and (max-width: 1239px) {

  .header-wrapper.elementor-sticky--effects .elementor-widget-theme-site-logo::before {
    left: -10px;
    width: 265px;
    height: 140px;
    top: -35px;
  }

}


@media (max-width: 1200px) and (min-width: 1116px) {
    .header-wrapper .header-nav-menu ul.elementor-nav-menu {
        margin-right: 40px; 
    }
    
    .header-wrapper .header-nav-menu ul.elementor-nav-menu a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 1115px) and (min-width: 1024px) {
    .header-wrapper .header-nav-menu ul.elementor-nav-menu{
        margin-right:20px;  
    }
    
    .header-wrapper .header-nav-menu ul.elementor-nav-menu a{
        padding-left:7px;
        padding-right:7px;
        font-size:15px !important;
    }
}	


@media screen and (min-width: 1200px) and (max-width: 1320px) {
	.header-nav-menu ul.elementor-nav-menu li > a{ 
		padding-left:10px !important;
		padding-right:10px !important;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {

	.header-wrapper .elementor-widget-theme-site-logo .elementor-widget-container{
		text-align:left;	
		padding-left:10px !important;
	}
	
	.header-wrapper .elementor-widget-theme-site-logo .elementor-widget-container img{
		width:140px;
	}
	
	.header-wrapper .elementor-widget-theme-site-logo::before {
	    content: "";
	    position: absolute;
	    top: -40px;
	    left: -8px;
	    width: 220px;
	    height: 125px;
	}
}


@media(max-width:1024px){
	.innov-ttl{
        min-height: 50px;
        max-width: 230px !important;
        align-items: center;
        display: inline-flex;
	}
	
	.inclusion-img{
		position:relative !important;
	}
	
	.projects-acc .eael-img-accordion .overlay .overlay-inner { 
		min-width: 300px !important; 
	}
	
	body .elementor .elementor-element.projects-acc .eael-img-accordion .eael-image-accordion-item{
		border-radius: 15px !important; 
	}

	.hero-banner-mask .swiper {
		height: 700px; 
	}

	div[data-elementor-type="header"] .elementor-nav-menu--dropdown{
		width:200px !important;
		right: -20px !important;
		left:inherit !important; 
	}	

	.ft-btm > .elementor-element > .elementor-widget:nth-child(1){ 
		order:2;
	}

	.ft-tcp-block > .elementor-widget .elementor-heading-title:nth-child(1){
		display:flex;
		gap:15px; 
        align-items: center;
        justify-content: center;
	}

	.ft-tcp-block > .elementor-widget .elementor-heading-title:nth-child(1) a:not(:first-of-type) { 
		display: block;
	}

	.ft-tcp-block .elementor-widget-heading{
		width: calc(100% - 200px) !important;
		padding-top:10px;
	}

	.header-wrapper.elementor-sticky--effects .elementor-nav-menu a{
    	color:#FFF !important;
    }
	
	.header-wrapper.elementor-sticky--effects .elementor-menu-toggle svg{
		fill:#282829 !important;
	} 

	.header-wrapper .elementor-widget-theme-site-logo::before{
	    top: -38px;
	    left: -12px; 
	} 
	
}
 	
@media(max-width:800px){
	.projects-acc .eael-img-accordion { 
		height: 800px !important;
	}		
}

@media(max-width:768px){	
	
  .abt-img > .elementor-widget-heading > .elementor-widget-container::before {
  		content: "";
        position: absolute;
        top: -128px;
        right: 0px;
        width: 232px;
        height: 305px; 
	}
	
	.newsletter-form .elementor-field-textual.elementor-size-md, .newsletter-form .elementor-button{
		height:47px !important;
		width:100%;
	}

	.newsletter-form .elementor-field-type-submit {
		position: relative !important;
		width: 100% !important;
		display: block;
		margin-top:15px;
	}

	.newsletter-form input[type="email"]{
		padding-right: inherit !important; 
		padding: 9px 16px !important; 
		text-align: center;
	}
	
	.inclusion-pack > div > div[data-element_type="container"]::after { 
    	width: 80px;
    	height: 80px; 
	}
	
	.project-list::after{ 
    	width: 110px;
    	height: 92px;
	}
	
	.project-list-wrap .arrow-btn .elementor-button {
		font-size: 20px !important;		
      	padding: 15px !important;
	}	

	.projects-acc .eael-img-accordion .overlay .overlay-inner { 
      	gap: 8px;
  }	
	
	.projects-acc .img-accordion-title { 
		font-size: 20px !important;
		line-height: 26px !important;
	}
	
	.projects-acc .eael-img-accordion .overlay .overlay-inner { 
        background-color: #ffffffbf !important;
   }
	
	/*
	.projects-acc .eael-img-accordion .overlay { 
		left: 50%;
		-webkit-transform: translate(-50%, -10%);
		-ms-transform: translate(-50%, -10%);
		transform: translate(-50%, -10%);
	}	
	*/
	
  .hero-banner-mask .swiper::before { 
    	width: 205px;
    	height: 120px; 
	}
	
	.hero-banner-mask .swiper::after { 
    	width: 160px;
    	height: 87px;
	}
	
	.general-form .elementor-field-type-submit{ 
    	justify-content: center;
	}
	
	.ft-tcp-block::after,	.ft-tcp-block::before {  
    	width: 60px !important;
    	height: 55px !important; 
	}
	
	.ft-tcp-block > .elementor-widget .elementor-heading-title:nth-child(1) *{ 
		white-space:nowrap;
	}
 
	.ft-tcp-block .elementor-widget-heading{
		width: calc(100% - 120px) !important;
		padding-top:10px;
	}

	.hm-banner-text br{
		display:none; 
	}	
	
}
	
@media(max-width:650px){

		.header-wrapper .elementor-widget-theme-site-logo::before { 
			top: -25px;
			left: -10px;
			width: 225px;
			height: 150px;
		}

		.ft-tcp-block .elementor-widget-heading{
			width: 100% !important;
			padding-top:10px;
		}

		.ft-tcp-block > .elementor-widget .elementor-heading-title:nth-child(1) { 
        	flex-direction: column;
    	}
	
		.hero-banner-mask .banner-btns .default-btn .elementor-button-text{
			white-space:nowrap;
		}	 
	
		.sm-brk b, .projects-acc .img-accordion-title b{
			display:block;	
		}	
	
}


@media(max-width:370px){
	
	.hero-banner-mask .banner-btns{
		flex-direction: column;
	}
	
	.hero-banner-mask .banner-btns .default-btn,
	.hero-banner-mask .banner-btns .default-btn .elementor-button{
		width:100% !important;
	}
	
}