/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/

.header-above{
	background: #209cc7;
	padding:24px 0 10px;
}
.custom-container{
	max-width: 1460px;
	padding: 0 15px;
	margin:0 auto;
}
.contact-link li{
font-family: "Inter", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25em;
  color: white;
  margin-right: 60px;
}

.contact-link li:last-child{
	margin-right: 0;
}
.contact-link li a{
	display: flex;
  align-items: center;
}
.social-icons li a,
.contact-link li a{
	 color: white;
}
.contact-link li a span{
	position: relative;
}
.contact-link li a span::after{
	content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: white;
}
.contact-link li a i{
	font-size: 26px;
	margin-right: 12px;
}
.header-above-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header-above-col{
	max-width: 50%;
	width: 100%;
}
.social-icons,
.contact-link{
	display: flex;
	align-items: center;
}
.social-icons{
	justify-content: flex-end;
	gap: 11px;
}
.header-above-row ul{
	list-style: none;
	padding: 0;
}
.social-icons li a{
	font-size: 17px;
	transition: 0.3s;
}
.social-icons li a:hover{
	opacity: 0.5;
}
.header-logo{
	max-width: 161px;
	width: 100%;	
}
.header-above,
.menu-btn,
.header-logo{
	position: relative;
	z-index: 999999;
}
.header-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0;
}
.header-menu{
	max-width: 700px;
	width: 100%;
}
.header-menu > ul{
	display: flex;
	justify-content: flex-end;
	gap: 22px;
}
.header-menu ul{
	list-style-type: none;
	padding: 0;
}
.header-menu ul li{
	font-family: "Poppins", Sans-serif;
  	font-size: 16px;
  	font-weight: 400;
  	text-transform: uppercase;
  	letter-spacing: -0.48px;
}
.header-menu ul li a{
	color: #000000;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
}
.header-menu >ul > li > a::after{
	content: '';
	display: block;
	position: absolute;
	bottom: -4px;
	width: 100%;
	height: 1px;
	left: 0;
	background: transparent;
}
.header-menu >ul > li.current-menu-parent > a::after,
.header-menu >ul > li.current-menu-item > a::after{
	background: #000000;
}
.header-menu > ul > li:last-child a{
	margin-left: 15px !important;
	padding:15px 34px !important;
	background: var( --e-global-color-accent ) !important;
	color: #ffffff !important;
	border-radius: 100px !important;
	text-transform: capitalize !important;
	font-weight: 500;
}
.header-menu > ul > li:last-child a::after{
	display: none;
}
.header-menu > ul > li:last-child a:hover{
	background:rgba(245, 141, 24, 0.8) !important;
}
.contact-info{
	padding-left: 15px;
}
/*menu-btn style*/
.menu-btn{
    width:42px;
    height:42px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;
    cursor:pointer;
    display: none;
}
.menu-btn span{
    display:block;
    height:2px;
    background:#1f1f1f;
    border-radius:50px;
    transition:.35s ease;
}
.menu-btn span:nth-child(1){
    width:26px;
}
.menu-btn span:nth-child(2){
    width:16px;
    margin:8px 0;
}
.menu-btn span:nth-child(3){
    width:26px;
}
.menu-btn.active span:nth-child(1){
    transform:translateY(10px) rotate(45deg);
    width:26px;
}
.menu-btn.active span:nth-child(2){
    opacity:0;
}
.menu-btn.active span:nth-child(3){
    transform:translateY(-10px) rotate(-45deg);
    width:26px;
}
/*sub menu style*/
.sub-menu{
	position: absolute;
	z-index: 99;
	position: absolute;
	border: 1px solid #f58d18;
	background: white;
	min-width: 274px;
	right: 0;
	text-align: right;
	top: 100%;
	opacity: 0;
	visibility: hidden;
}
.sub-menu li:first-child{
	display: none;
}
.sub-menu li{
	padding: 10px;
	border-bottom: 1px solid #f58d18;
}
.sub-menu li:hover{
	background: #f58d18;
}
.sub-menu li:last-child{
	border-bottom: 0;
}
.menu-item-has-children{
	position: relative;
}
.menu-item-has-children:hover .sub-menu{
	opacity: 1;
	visibility: visible;
}
.image-reveal{
    overflow:hidden;
    position:relative;
}
.image-reveal img{
    width:100%;
    display:block;
    transform:scale(1.15);
    clip-path: inset(0 100% 0 0);
}
.text-reveal{
  overflow:hidden;
}
.text-reveal h4,
.text-reveal i,
.text-reveal span{
  margin:0;
  display:inline-block;
  clip-path: inset(0 100% 0 0);
}
@media(max-width: 1024px){
	
	.header-menu >ul > li > a::after{
		display: none;
	}
	.menu-btn{
		display: flex;
	}
	.header-menu{
	    opacity:0;
	    visibility:hidden;
	    transform:translateY(60px);
	    transition:
        opacity .45s ease,
        transform .45s ease,
        visibility .45s;
        max-width: 100%;
        
	}

	.header-menu.active{
	    opacity:1;
	    visibility:visible;
	    transform:translateY(0);
	}
	.header-menu > ul > li{
	    opacity:0;
	    transform:translateY(30px);
	    transition:all .45s ease;
	   	line-height: 1.2;
	    text-align: center;
	}
	.header-menu ul li a{
	    font-size: 6vmin;
	}
	.header-menu.active li{
	    opacity:1;
	    transform:translateY(0);
	}
	.header-menu.active li{
		transition-delay:.15s;
	}
	.header-menu.active li:nth-child(6){ transition-delay:.25s; }
	body.menu-open{
	    overflow:hidden;
	}
	.header-menu > ul{
		display: block;
		padding-top: 50px;
		
	}
	.header-menu{
		position: absolute;
		top:100px;
		left: 0;
		background: white;
		height: 100vh;
		z-index: 99;
	}
	.custom-header{
		position: relative;
	}
	.header-menu > ul{
	    height:calc(100vh - 172px);
	    position: relative;
	}
	.header-menu > ul > li:last-child a{
		font-size: 19px;
		margin-left: 0;
	}
	.header-menu >ul >li:last-child{
	    position: absolute;
	    bottom: 30px;
	    left: 50%;
	    transform: translate(-50%, 30px);
	    opacity: 0;
	    transition: opacity .5s ease .25s, transform .5s ease .25s;
	}

	.header-menu.active >ul >li:last-child{
	    opacity: 1;
	    transform: translate(-50%, 0);
	}
	
	.menu-item-has-children{
		position: static !important;
	}
	.header-menu > ul{
		overflow-x: hidden;
	}
	.sub-menu{
		position: absolute;
		z-index: 99;
		border: 0;
		background: white;
		min-width:1px;
		left: 0;
		right: auto;
		text-align: right;
		top: 0;
		visibility: hidden;
		opacity: 1;
		height: 100vh;
		background: white;
		transform: translate(100%,-50%);
		display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    transition: 0.3s;
	    opacity: 0 !important;
	    width: 100%;
	    padding-top: 80px !important;
	}
	.sub-menu.active{
		transform: translate(100%,-50%);
		opacity: 1 !important;
	}
	
	.header-menu.active.second-menu-opened > ul{
		transform: translate(-100%,0);
		overflow-x: visible;
	}
	.header-menu > ul{
		transition: 0.3s;
	}
	.sub-menu li:first-child{
		display: block;
	}
	.sub-menu li{
		margin: 0;
		border-bottom: 0;
		text-align: center;
	}
	.sub-menu li:hover{
		background: white;
	}
	.header-menu.active .sub-menu{
		visibility: visible;
	}
	.menu-item-has-children > a{
		position: relative;
		padding-right: 2rem;
	}
	.menu-item-has-children > a::before{
		content: '\203A';
	    display: block !important;
	    position: absolute;
	    right: 0;
	    top:46%;
	    font-size: 9vmin;
	    font-weight: 4;
	    transform: translate(0,-50%);
	}
	.sub-menu >li:first-child a{
		position: relative;
		padding-left: 2rem;
		color: #7e7e7e;
	}	
	.sub-menu >li:first-child a::before{
		content: '\203A';
	    display: block !important;
	    position: absolute;
	    left: 0;
	    top:58%;
	    font-size: 9vmin;
	    font-weight: 4;
	    transform: translate(0, -50%) rotate(180deg);
	    color: #7e7e7e;
	}
	.header-menu > ul > li,
	.sub-menu li{
		margin: 0 0 35px;
		padding: 0;
	}

}
@media(max-width: 767px){
	.contact-link li a span{
		display: none;
	}
	.contact-link li{
		margin-right: 10px
	}
	
	.header-menu > ul{
		display: block;
		display: flex;
	    flex-direction: column;
	    gap: 0;
	    justify-content: center;
	    padding-top: 0;
	    padding-bottom: 100px;
	}
	
	.header-menu.active li,
	.sub-menu li{
		margin: 0 0 6vw;
		padding: 0;
	}

	/*.sub-menu >li:first-child a{
		padding-left: 30px;
	}
	.menu-item-has-children > a{
		padding-right: 30px;
	}*/
	.sub-menu >li:first-child a::before,
	.menu-item-has-children > a::before{
	    font-size: 10vmin;
	}
	.menu-item-has-children > a::before{
		top: 42%;
	}
	.sub-menu >li:first-child a::before{
		top: 58%;
	}
	/*.sub-menu >li:first-child a{
		padding-left: 27px;
	}
	.menu-item-has-children > a{
		padding-right: 27px;
	}*/
}
@media(max-width: 575px){
	.social-icons{
		gap: 8px;
	}
	.sub-menu >li:first-child a::before,
	.menu-item-has-children > a::before,
	.header-menu ul li a{
	    font-size: 8.5vmin;
	}
	.sub-menu >li:first-child a::before,
	.menu-item-has-children > a::before{
	    font-size: 13vmin;
	}
	.menu-item-has-children > a::before{
		top: 45%;
	}
	.sub-menu >li:first-child a::before{
		top: 58%;
	}
	/*.sub-menu >li:first-child a{
		padding-left: 27px;
	}
	.menu-item-has-children > a{
		padding-right: 27px;
	}*/
}