@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

html body p{
	font-size: 17px !important;
	line-height: 110% !important;
}
.h_btn_col:hover svg{
	transform: rotate(45deg);
}
.h_btn_col svg{
	transition: all 0.5s;
}

@keyframes slide {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-100%);
	}
}
.scrolling_sec{
	display: flex;
	flex-wrap: nowrap;
	column-gap: 100px;
}

.sticky .header_wrap{
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.33);
	backdrop-filter: blur(36.099998474121094px);
} 
.lenis.lenis-smooth {
	scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}
.lenis.lenis-stopped {
	overflow: hidden;
}
.lenis.lenis-scrolling iframe {
	pointer-events: none;
}

.flex_div {
	display: flex;
	justify-content: space-between;
}
.container {
	max-width: 1840px;
	margin: auto;
}
.pading_lr{
	padding-right:15px;
	padding-left:15px;
}
.h_menu_col ul li {
	list-style: none;
}

.h_menu_col ul {
	display: flex;
	column-gap: 26px;
	align-items: center;
}

.header_wrap {
	padding: 10px 13px 10px 56px;
	background: #000;
	border-radius: 100px;
}

.header {
	padding-block: 34px;
}

.h_menu_col ul li a {
	font-weight: 500;
	font-size: 16px;
	line-height: 150% !important;
	letter-spacing: -0.31px;
	text-decoration: none;
	color: #fff;
}

/* .h_btn_col a {
background: #E85B03;
padding: 5px 22px 5px 13px;
font-size: 16px;
line-height: 150%;
display: block;
letter-spacing: -0.31px;
border-radius: 30px;
text-decoration: none;
color: #fff;
} */

body {
	font-family: 'Inter', sans-serif;
	overflow-x: hidden;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* h1 {
font-family: "Instrument Serif";
font-weight: 400;
font-size: 64px;
line-height: 110%;
letter-spacing: -1.06px;
} */

.white_text {
	color: #fff;
}
.black_text{
	color: #000;
}

/* .p_20 {
font-size: 20px;
} */

/* h2 {
font-family: Instrument Serif;
font-weight: 400;
font-size: 48px;
line-height: 100px;
letter-spacing: -0.45px;
text-align: center;
} */

/* Typographiy END */

/* Home Hero Banner */
.h_hero_wrap {
	height: 914px;
}

.h_hero_wrap {
	display: flex;
	align-items: flex-end;
}

.h_hero_wrap .flex_div {
	width: 100%;
}

.h_hero_banner .container {
	background: #000;
	border-radius: 35px;
}

.h_info_col {
	background: #FF7A1A1A;
	backdrop-filter: blur(25px);
	margin-bottom: 27px;
	border-radius: 0 35px 35px 0;
	padding: 25px 38px 47px 53px;
	width: 610px;
}

.h_info_col p {
	max-width: 500px;
	padding-block: 33px;
	line-height: 160%;
	letter-spacing: 0.07px;
}

/* .h_img_col {
display: grid;
grid-template-columns: repeat(3, 90px);
align-items: end;
padding-bottom: 49px;
padding-right: 55px;
gap: 15px;
} */

.bg_img_col {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	height: 100% !important;
	width: 100% !important;
}

.h_hero_banner {
	position: relative;
	padding-top: 123px;
}


/* Footer Style */
.footer {
	background-color: #000;
	color: #fff;
	border-radius: 35px;
	padding: 28px 52px 50px;
	max-width: 100%;
	margin: 100px 40px 34px;
	width: auto;
	position: relative;
	overflow: hidden;
}

.footer-content {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding-bottom: 53px;
	position: relative;
	overflow: hidden;
}
.large-text{
	margin-bottom: -53px;
}

/* Left Section */
.footer-left {
	flex: 1;
	max-width: 500px;
	padding-top: 22px;
}

.footer-nav {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 40px;
}

.footer-nav a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	transition: opacity 0.3s;
	font-weight: 300 !important;
	line-height: 150%;
}

.footer-nav a:hover {
	opacity: 0.7;
}

.linkedin-icon {
	margin-bottom: 50px;
}

.linkedin-icon i {
	color: #ff6b35;
	font-size: 28px;
}

.newsletter h3 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
	line-height: 1.5;
}

.newsletter-form {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.newsletter-form input[type="email"] {
	background-color: #fff;
	border: none;
	border-radius: 25px;
	padding: 15px 25px;
	font-size: 14px;
	outline: none;
	width: 100%;
}

.newsletter-form input[type="email"]::placeholder {
	color: #999;
}

.checkbox-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
}

.checkbox-wrapper input[type="checkbox"] {
	width: 18px;
	height: 18px;
	cursor: pointer;
	accent-color: #ff6b35;
}

.checkbox-wrapper label {
	font-size: 13px;
	color: #fff;
	cursor: pointer;
}

.subscribe-btn {
	background-color: #ff6b35;
	color: #000;
	border: none;
	border-radius: 25px;
	padding: 12px 30px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	transition: background-color 0.3s;
}

.subscribe-btn:hover {
	background-color: #ff8555;
}

.subscribe-btn .arrow {
	font-size: 18px;
}

/* Right Section */
.footer-right {
	display: flex;
	align-items: end;
	justify-content: space-between;
	flex-direction: column;
	height: auto;
}
.footer-right .h_btn_col a span{
	min-width: 225px;
}
#form_sub span{
	min-width: 175px;
}
/* Bottom Bar */
.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 63px;
	border-top: 1px solid #fff;
	/* 	position: relative; */
}

.footer-links {
	display: flex;
	gap: 30px;
}

.footer-links a {
	color: #fff;
	/*     text-decoration: none; */
	font-size: 13px;
	transition: opacity 0.3s;
	text-decoration: underline;
}

.footer-links a:hover {
	opacity: 0.7;
}

.footer-credit {
	font-size: 13px;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 36px;
}

.logo-icon {
	font-size: 16px;
}

.footer_menu_col{
	display: flex;
	align-items: flex-start;
	column-gap: 114px;
}

.wpcf7-spinner{
	display: none;
}
.wpcf7-spinner{
	display: none;
}
.news_btn p{
	display: flex;
	align-items: center;
	column-gap: 3px;
}
.news_btn input.wpcf7-submit {
	border-radius: 35px;
	background: linear-gradient(0deg, #E85B03 0%, #E85B03 100%), #000;
	padding: 5px 85px 5px 16px !important;
	border: 0px !important;
	font-size: 16px;
	color: #fff;
	line-height: 150%;
	cursor: pointer;
}
.news_btn input[type="submit"]:hover + span + svg .svg_bg {
	fill: #E85B03 !important;
	fill-opacity: 1 !important;
}
.news_btn svg path {
	transition: all 0.4s !important;
}

.newsletter input{
	padding: 14px 90px 14px 22px;
	border-radius: 50px;
	border: none;
	max-width: 475px;
}
.newsletter input::placeholder{
	color: rgba(0, 0, 0, 0.50);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
}

[autocomplete="email"]{
	margin-top: 20px !important;
}

[aria-current="page"]{
	border-bottom: 2px solid #FF7A1A;
	padding-bottom: 6px;
	padding-inline: 5px;
}
.newsletter .wpcf7-radio{
	padding-block: 15px 12px !important;
	display: block;
}
.newsletter .wpcf7-radio .wpcf7-list-item{
	margin-left: 0 !important;
}
.made_span{
	display: flex;
	column-gap: 6px;
}
.large-text img{
	display: block;
}
/* Footer Style END */
/* .h_btn_col{
display: inline-flex;
} */

/* Header Style */
#masthead{
	position: fixed;
	top: 34px;
	width: 100%;
	z-index: 999999;
}
.menu-toggle {
	display: none;
}
.site-header {
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
}
/* Header Style END */

.padding_top_100{
	padding-top: 100px;
}
.desk_padding {
	padding-left: 58px;
	padding-right: 58px;
}
.desk_pd_left{
	padding-left: 58px;
}
.phone_only{
	display: none;
}

/* Mobile Responsive */
@media (max-width: 1750px) and (min-width: 1600px) and (max-height: 1120px) {
	.h_tabing_sec .container ,
	.relative_post.post_video .container,
	.relative_post.post_video .our_work_container {
		max-width: 1600px;
	}
	.relative_post.post_video .our_work_container{
		margin: auto;
	}

	.parallax-container {
		height: 78dvh !important;
	}

	.pading_lr {
    		padding-right: 35px;
    		padding-left: 35px;
	}
	.footer {
		margin: 100px 35px 34px;
	}


	}

@media (max-width: 1599px) {
	#masthead {
		top: 20px !important;
	}
	.h_hero_banner {
		padding-top: 93px !important;
	}

	.footer {
		margin: 60px 15px 15px;
	}
	.desk_padding ,
	.desk_pd_left{
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 1366px) {
	.parallax-container{
		height: 84vh;
	}
	h1 {  
		font-size: 50px !important;  
	}
	.h_info_col p{
		padding: 22px 0 !important;
	}
	.p_24{
		font-size: 22px;  	
	}
	.h2_64{
		font-size: 50px !important;
	}

	.footer-right .h_btn_col a span{
		min-width: unset;
	}

	.our_work_subtitle ,
	.production-label{
		letter-spacing: 1.65px;
	}

	h3 {
		font-size: 34px;
		line-height: 150%;
	}

}
@media (max-width: 1024px) {
	h1 {  
		font-size: 45px !important; 
	}
	h2 {  
		font-size: 36px; 
		letter-spacing: -0.45px ; 
	}
	.p_20{
		font-size: 18px;  	
	}
	.h2_64{
		font-size: 45px !important;
	}
	.padding_100 {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	/* Header Menu */
	.h_menu_col ul li a{
		color: #000;    
	}
	.menu-toggle {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 48px;
		height: 30px;
		padding: 0;
		overflow: hidden;
		background: none;
		padding-block: 10px;
		border: none;
		position: absolute;
		right: 27px;
		z-index: 1001;
	}
	.menu-toggle span {
		height: 2px;
		width: 47px;
		transform: translate(0% , 0%);
		background: #F2F2F2;
		transition: 0.3s ease;
		display: block;
	}
	.h_menu_col {
		position: absolute;
		top: -20px;
		left: 0%;
		width: 100vw;
		height: calc(100vh + 20px);
		background: #fff;
		transition: 0.4s ease;
		padding: 100px 20px;
		z-index: -999;
		transform: scaley(0);
	}
	.h_menu_col ul {
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
	}
	.h_menu_col.active {
		transform: scaley(1);
	}
	.menu-toggle.active span:nth-child(1) {
		transform: rotate(45deg) translate(2px, 2px);
	}
	.menu-toggle.active span:nth-child(2) {
		transform: rotate(-45deg) translate(2px, -2px);
	}
	.header_wrap .h_btn_col{
		display: none;
	}

	.header_wrap {
		padding: 10px 20px;
		/* 		position: relative; */
		justify-content: center;
	}
	/* Header Menu END */
	.img_hover {
		width: 100%;
	}
	.p_24{
		font-size: 20px;  	
	}
	.news_btn input.wpcf7-submit {
		font-size: 14px;
	}

	html .menu-open ,
	body .menu-open{
		overflow: hidden !important;
		position: fixed !important;
	}
	.padding_top_100{
		padding-top: 70px;
	}

	.our_work_subtitle ,
	.production-label{
		letter-spacing: 0.65px;
	}

	.phone_only{
		display: block;
	}

	h3 {
		font-size: 32px;
		line-height: 120%;
	}
}
@media (max-width: 768px) {
	.accordion-header {
		padding: 10px 0;
	}
	.finish-item {
		padding: 15px 0;
	}
	h2 {  
		font-size: 24px ; 
		letter-spacing: -0.25px ; 
	}
	.h2_64{
		font-size: 30px !important;
	}
	.parallax-container {
		height: 500px;
	}
	.padding_100 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.p_20{
		font-size: 15px;
		letter-spacing: 0.07px;
		line-height: normal;
	}
	h1 { font-size: 36px !important; }
	.h_info_col p{padding: 18px 0  !important;}
	.h_info_col{
		border-radius: 0 35px 35px 0;
		padding: 25px;
		max-width: 278px;
	}

	.bg_img_col {
		width: 170% !important;
	}
	.h_hero_banner{
		overflow: hidden;
	}
	.launch_support .parallax-text {
		width: 100%;
	}
	.p_24{
		font-size: 18px;  	
	}
	.launch_support .h_info_col {
		width: 100% !important;
		max-width: 100%;
	}
	.h_btn_col a ,
	.news_btn input.wpcf7-submit {
		font-size: 14px;
	}
	.h_btn_col a span {
		padding: 5px 29px 5px 16px;
	}
	.wpcf7-list-item-label::before {
		width: 15px;
		top: 8px;
		height: 15px;
	}
	.wpcf7-list-item-label {
		padding-left: 25px;
	}
	.padding_top_100{
		padding-top: 50px;
	}

	h3 {
		font-size: 30px;
		line-height: 100%;
	}

	h2{
    		font-size: 30px !important;
	}

	.footer {
		border-radius: 20px;
	}

	.wpcf7-list-item-label::after {
		left: 3px;
		top: 11px;
		width: 9px;
		height: 9px;
	}
}

@media (max-width: 480px){
	.footer-credit{
		flex-direction: column;	
		gap: 5px;
		text-align: center;
	}
	.newsletter input[type="email"] {
		max-width: 100% !important;
		width: 100%;
	}

	.h_btn_col a span {
		padding: 5px 25px 5px 16px;
	}


	p ,
	.section-description p ,
	.compromis_P p{
		font-size: 16px !important;
		line-height: 115% !important;
	}
	.service_anim .subtitle {
    		letter-spacing: 1px;
 	}
}