:root {
	/* Negative values (ascending from most negative to zero) */
	--_px400: clamp(-400px, -25.32vw, 0px);
	--_px190: clamp(-190px, -12.03vw, 0px);
	--_px180: clamp(-180px, -11.39vw, 0px);
	--_px180: clamp(-180px, -11.39vw, 0px);
	--_px175: clamp(-175px, -11.08vw, 0px);
	--_px165: clamp(-165px, -10.44vw, 0px);
	--_px150: clamp(-150px, -9.49vw, 0px);
	--_px120: clamp(-120px, -7.59vw, 0px);
	--_px90: clamp(-90px, -5.7vw, 0px);
	--_px80: clamp(-80px, -5.06vw, 0px);
	--_px75: clamp(-75px, -4.75vw, 0px);
	--_px70: clamp(-70px, -4.43vw, 0px);
	--_px63: clamp(-63px, -3.99vw, 0px);
	--_px60: clamp(-60px, -3.80vw, 0px);
	--_px60: clamp(-60px, -3.8vw, 0px);
	--_px50: clamp(-50px, -3.16vw, 0px);
	--_px45: clamp(-45px, -2.85vw, 0px);
	--_px43: clamp(-43px, -2.72vw, 0px);
	--_px40: clamp(-40px, -2.53vw, 0px);
	--_px35: clamp(-35px, -2.22vw, 0px);
	--_px34: clamp(-34px, -2.15vw, 0px);
	--_px30: clamp(-30px, -1.90vw, 0px);
	--_px25: clamp(-25px, -1.58vw, 0px);
	--_px20: clamp(-20px, -1.27vw, 0px);
	--_px17: clamp(-17px, -1.08vw, 0px);
	;
	--_px15: clamp(-15px, -0.95vw, 0px);
	--_px12: clamp(-12px, -0.76vw, 0px);
	--_px11: clamp(-11px, -0.7vw, 0px);
	--_px10: clamp(-10px, -0.63vw, 0px);
	--_px9: clamp(-9px, -0.57vw, 0px);
	--_px7: clamp(-7px, -0.44vw, 0px);
	--_px5: clamp(-5px, -0.32vw, 0px);
	--_px2: clamp(-2px, -0.13vw, 0px);
	--px200: clamp(-200px, -12.66vw, 0px);

	/* Zero and positive values (ascending) */
	--px0: clamp(0px, 0vw, 0px);
	--px1: clamp(0px, 0.06vw, 1px);
	--px1_9: clamp(0px, 0.12vw, 1.9px);
	--px2: clamp(0px, 0.13vw, 2px);
	--px3: clamp(0px, 0.19vw, 3px);
	--px4: clamp(0px, 0.25vw, 4px);
	--px5: clamp(0px, 0.32vw, 5px);
	--px6: clamp(0px, 0.38vw, 6px);
	--px7: clamp(0px, 0.44vw, 7px);
	--px8: clamp(0px, 0.51vw, 8px);
	--px9: clamp(0px, 0.57vw, 9px);
	--px10: clamp(0px, 0.63vw, 10px);
	--px11: clamp(0px, 0.70vw, 11px);
	--px12: clamp(0px, 0.76vw, 12px);
	--px13: clamp(0px, 0.82vw, 13px);
	--px14: clamp(0px, 0.89vw, 14px);
	--px15: clamp(0px, 0.95vw, 15px);
	--px16: clamp(0px, 1.01vw, 16px);
	--px17: clamp(0px, 1.08vw, 17px);
	--px18: clamp(0px, 1.14vw, 18px);
	--px19: clamp(0px, 1.20vw, 19px);
	--px20: clamp(0px, 1.27vw, 20px);
	--px21: clamp(0px, 1.33vw, 21px);
	--px22: clamp(0px, 1.39vw, 22px);
	--px23: clamp(0px, 1.46vw, 23px);
	--px24: clamp(0px, 1.52vw, 24px);
	--px25: clamp(0px, 1.58vw, 25px);
	--px26: clamp(0px, 1.65vw, 26px);
	--px28: clamp(0px, 1.77vw, 28px);
	--px29: clamp(0px, 1.84vw, 29px);
	--px30: clamp(0px, 1.90vw, 30px);
	--px31: clamp(0px, 1.96vw, 31px);
	--px32: clamp(0px, 2.03vw, 32px);
	--px35: clamp(0px, 2.22vw, 35px);
	--px36: clamp(0px, 2.28vw, 36px);
	--px40: clamp(0px, 2.53vw, 40px);
	--px42: clamp(0px, 2.66vw, 42px);
	--px44: clamp(0px, 2.78vw, 44px);
	--px45: clamp(0px, 2.85vw, 45px);
	--px46: clamp(0px, 2.91vw, 46px);
	--px47: clamp(0px, 2.97vw, 47px);
	--px48: clamp(0px, 3.04vw, 48px);
	--px49: clamp(0px, 3.1vw, 49px);
	--px50: clamp(0px, 3.16vw, 50px);
	--px52: clamp(0px, 3.29vw, 52px);
	--px55: clamp(0px, 3.48vw, 55px);
	--px56: clamp(0px, 3.54vw, 56px);
	--px57: clamp(0px, 3.61vw, 57px);
	--px60: clamp(0px, 3.80vw, 60px);
	--px63: clamp(0px, 3.99vw, 63px);
	--px64: clamp(0px, 4.05vw, 64px);
	--px66: clamp(0px, 4.18vw, 66px);
	--px68: clamp(0px, 4.3vw, 68px);
	--px70: clamp(0px, 4.43vw, 70px);
	--px74: clamp(0px, 4.68vw, 74px);
	--px77: clamp(0px, 4.87vw, 77px);
	--px78: clamp(0px, 4.94vw, 78px);
	--px80: clamp(0px, 5.06vw, 80px);
	--px83: clamp(0px, 5.25vw, 83px);
	--px85: clamp(0px, 5.38vw, 85px);
	--px90: clamp(0px, 5.70vw, 90px);
	--px95: clamp(0px, 6.01vw, 95px);
	--px96: clamp(0px, 6.08vw, 96px);
	--px100: clamp(0px, 6.33vw, 100px);
	--px110: clamp(0px, 6.96vw, 110px);
	--px115: clamp(0px, 7.28vw, 115px);
	--px120: clamp(0px, 7.59vw, 120px);
	--px125: clamp(0px, 7.91vw, 125px);
	--px128: clamp(0px, 8.10vw, 128px);
	--px130: clamp(0px, 8.23vw, 130px);
	--px135: clamp(0px, 8.54vw, 135px);
	--px140: clamp(0px, 8.86vw, 140px);
	--px150: clamp(0px, 9.49vw, 150px);
	--px160: clamp(0px, 10.13vw, 160px);
	--px170: clamp(0px, 10.76vw, 170px);
	--px175: clamp(0px, 11.08vw, 175px);
	--px178: clamp(0px, 11.27vw, 178px);
	--px180: clamp(0px, 11.39vw, 180px);
	--px184: clamp(0px, 11.65vw, 184px);
	--px190: clamp(0px, 12.03vw, 190px);
	--px194: clamp(0px, 12.28vw, 194px);
	--px200: clamp(0px, 12.66vw, 200px);
	--px210: clamp(0px, 13.29vw, 210px);
	--px210: clamp(0px, 13.29vw, 210px);
	--px220: clamp(0px, 13.92vw, 220px);
	--px230: clamp(0px, 14.56vw, 230px);
	--px241: clamp(0px, 15.25vw, 241px);
	--px245: clamp(0px, 15.51vw, 245px);
	--px250: clamp(0px, 15.82vw, 250px);
	--px260: clamp(0px, 16.46vw, 260px);
	--px270: clamp(0px, 17.09vw, 270px);
	--px280: clamp(0px, 17.72vw, 280px);
	--px300: clamp(0px, 18.99vw, 300px);
	--px310: clamp(0px, 19.62vw, 310px);
	--px320: clamp(0px, 20.25vw, 320px);
	--px325: clamp(0px, 20.50vw, 325px);
	--px330: clamp(0px, 20.89vw, 330px);
	--px340: clamp(0px, 21.52vw, 340px);
	--px345: clamp(0px, 21.84vw, 345px);
	--px350: clamp(0px, 22.15vw, 350px);
	--px360: clamp(0px, 22.78vw, 360px);
	--px370: clamp(0px, 23.42vw, 370px);
	--px380: clamp(0px, 24.06vw, 380px);
	--px400: clamp(0px, 25.32vw, 400px);
	--px430: clamp(0px, 27.22vw, 430px);
	--px450: clamp(0px, 28.48vw, 450px);
	--px475: clamp(0px, 30.06vw, 475px);
	--px500: clamp(0px, 31.65vw, 500px);
	--px550: clamp(0px, 34.81vw, 550px);
	--px600: clamp(0px, 37.97vw, 600px);
	--px634: clamp(0px, 40.13vw, 634px);
	--px646: clamp(0px, 40.89vw, 646px);
	--px650: clamp(0px, 41.14vw, 650px);
	--px690: clamp(0px, 43.67vw, 690px);
	--px700: clamp(0px, 44.30vw, 700px);
	--px720: clamp(0px, 45.57vw, 720px);
	--px730: clamp(0px, 46.2vw, 730px);
	--px750: clamp(0px, 47.47vw, 750px);
	--px800: clamp(0px, 50.63vw, 800px);
	--px820: clamp(0px, 51.9vw, 820px);
	--px850: clamp(0px, 53.8vw, 850px);
	--px900: clamp(0px, 56.96vw, 900px);
	--px950: clamp(0px, 60.13vw, 950px);
	--px1000: clamp(0px, 63.29vw, 1000px);
	--px1100: clamp(0px, 69.62vw, 1100px);
	--px1130: clamp(0px, 71.52vw, 1130px);
	--px1150: clamp(0px, 72.78vw, 1150px);
	--px1315: clamp(0px, 83.23vw, 1315px);
	--px1380: clamp(0px, 87.34vw, 1380px);
	--px1340: clamp(0px, 84.81vw, 1340px);
	--px1450: clamp(0px, 91.77vw, 1450px);
	--px688: clamp(0px, 43.54vw, 688px);

	--text: oklch(96.43% .007 88.64);
	--dull-text: oklch(76.67% .0044 91.46);
}


.main_head {
	font-size: var(--px110);
	font-weight: 800;
	word-spacing: 2px;
	max-width: var(--px1200);
	line-height: 1;
	text-transform: uppercase;
	color: var(--text);
	letter-spacing: -7px;
}

.mid_head {
	font-size: var(--px60);
	font-weight: 800;
	word-spacing: -5px;
	max-width: var(--px1200);
	line-height: 1;
	text-transform: uppercase;
	color: var(--text);
	letter-spacing: -4px;
}

.hero_home_section .main_head {
	margin-top: var(--px250);
}

.main_pera {
	font-size: var(--px24);


	line-height: 1.3;

	color: var(--text)
}

.hero_home_section .main_pera {
	margin: var(--px10) 0 var(--px30);
	max-width: var(--px800);
}

main {
	color: var(--text)
}

.hero-video {
	position: relative;
	overflow: hidden;
}

.hero-video video,
.hero-video img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.hero-video::after {
	display: block;
	padding-top: 55%;
	content: "";
}

.pera {
	color: #fff;
	margin: 0;
}

.grid_4_line {
	margin: 0 var(--_px15);
}

.grid_4_line {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding-top: var(--px60);
}

.brand_section_home .grid_4_line {
	padding-top: var(--px40);
}


.grid_4_line>div {
	padding: 0 var(--px15);
	width: 100%;
	height: var(--px350);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.grid_4_line>div:not(:last-child) {
	border-right: rgba(255, 255, 255, 0.4) 1px solid;
}

.xmin_head {
	font-size: var(--px20);
	color: var(--text)
}

.grid_4_line .xmin_head {
	padding-right: 20%;
}

.min_pera {
	font-size: var(--px15);
	line-height: 1.5;
}

.min_head {
	font-size: var(--px40);
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.service_section_home {
	padding-top: var(--px250);
}

.a-tg-bt:hover {
	opacity: 0.5;
}

.service_section_home .pera {
	color: var(--dull-text);
	margin: var(--px20) 0 var(--px20);
}

.servicehm-img {
	position: relative;
	overflow: hidden;
}

.servicehm-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
}

.servicehm-img::after {
	content: "";
	padding-top: 100%;
	display: block;
}

.a-tg-bt {
	background: var(--text);
	padding: var(--px10) var(--px20);
	display: inline-block;
	color: #000;
	border-radius: var(--px5);
	font-size: var(--px18);
}

.service_section_home .a-tg-bt {
	margin-bottom: var(--px60);
}

.service_listing.row>div {
	padding: 0 var(--px17);
}

.service_listing.row {
	margin: 0 var(--_px17);
	row-gap: var(--px60);
}

.servicehm-card .pera {
	margin: 0;
}

.servicehm-card h6 {
	margin: var(--px30) 0 var(--px20);
}


@media only screen and (min-width : 768px) {
	.container {
		max-width: 1440px !important;
	}
}

.brand_section_home {
	padding-top: var(--px241);
	padding-bottom: var(--px250);
}

.brand_section_home img {
	height: 100%;
	max-height: var(--px60);
	object-position: left;
	object-fit: contain;
	filter: brightness(0) saturate(100%) invert(95%) sepia(22%) saturate(259%) hue-rotate(337deg) brightness(112%) contrast(92%);
	max-width: var(--px200) !important;

}

.lp-brand__logo {
	aspect-ratio: 1/1;
	height: auto;
	width: 100%;
}

.lp-brand__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: invert(100%) sepia(1%) saturate(5447%) hue-rotate(162deg) brightness(123%) contrast(100%);
}


.lp-testimonial-item {
	background: var(--tp-common-black);
}

.lp-testi-active {
	position: relative;
}

.lp-testimonial-dsc {
	font-size: var(--px35);
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
}

.swiper-pagination {
	text-align: start;
	bottom: var(--_px60) !important;
}

.swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	transition: 0.6s ease-in-out;
	border-radius: 2px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: var(--px100);
}

.testi-sec-hm {
	padding-top: var(--px241);
	padding-bottom: var(--px330);
}

.lp-testimonial-author {
	border-radius: 50%;
	overflow: hidden;
	aspect-ratio: 1/1;
	height: var(--px50);
}

.lp-testimonial-author img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}



.lp-testimonial-author-title,
.lp-testimonial-author-disgnation {
	font-size: var(--px14);
	line-height: 1;
}

.lp-testimonial-author-disgnation {
	opacity: .7;
}

.lp-testimonial-author-content {
	align-items: start;
	display: flex;
	flex-direction: column;
	row-gap: 0.3em;
	padding-left: var(--px10)
}

.lp-brand__logo {
	height: auto;
	aspect-ratio: 1/1;
	width: auto;
	padding: 0 var(--px12);


}

.lp-brand__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}



.brand-sec-hm .row {
	row-gap: var(--px15);
	margin: 0 var(--_px25);
}



.brand-sec-hm {
	padding: var(--px250) 0 0;
}

.brand-sec-hm .main_pera {
	margin: var(--px20) 0 var(--px60);
}

.contact-card-big {
	background: var(--text);
	padding: var(--px10);

}

.contact-card-big * {
	color: #000 !important;
}

.contact-se-hm-img {
	position: relative;
	overflow: hidden;
}

.contact-se-hm-img img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.contact-se-hm-img::after {
	padding-top: 100%;
	display: block;
	content: "";
}


.contact-card-big .d-flex {
	padding: var(--px25);
	aspect-ratio: 1/1;
	height: auto;
	width: 100%;
	padding-right: var(--px90);
}

.contact-se-hm-btn a {
	border-bottom: 1px solid #000;
}

.contact-se-hm-btn p {
	margin-bottom: var(--px20);
}

.contact-se-hm-text p {
	margin: var(--px20) 0 0;
}

.contact-se-hm-text p:first-child {
	margin-top: 0;
	margin-bottom: var(--px30);
}

/* Qurova Font Utility */
.font-qurova {
	font-family: 'Qurova', sans-serif !important;
}

.footer-sec-hm {

	li {
		display: block;
		padding-top: var(--px15);
	}

	li:first-child {
		padding-top: 0;
	}


}


.link-up li {
	display: block;
	margin-bottom: var(--px15);
}

.link-up .main_pera {
	opacity: 0.8;
}

.link-up li a {
	position: relative;
	padding-bottom: var(--px5);
}

.link-up li a::after {
	content: "\f061 ";
	font-family: 'FontAwesome';
	transform: rotate(-45deg);
	font-size: var(--px18);
	margin-left: var(--px10);
	display: inline-block;
}



.foot-brands {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(254deg) brightness(106%) contrast(101%);
	gap: var(--px40);
}

.foot-brands img {
	aspect-ratio: 1/1;
	width: 100%;
	object-fit: contain;

}

.long-logo h1 {
	font-size: var(--px325);
	text-transform: uppercase;
}

.long-logo {
	margin: var(--px160) 0 var(--px35);
}

.footer-sec-hm .site-footer {
	border-top: none;
}

nav {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--tp-common-black);
	z-index: -10;
	overflow-x: auto;
	opacity: 0;
	transition: all 0.3s ease-in-out;

}

.global-navbar.active nav {
	opacity: 999;
	z-index: 100;
}

.page-navigation li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	display: block;
	font-size: var(--px70);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	position: relative;
}

.page-navigation a {
	position: relative;
	display: block;
}


.page-navigation a::after {
	content: "\f061";
	font-family: 'FontAwesome';
	margin-left: var(--px10);
	display: block;
	width: var(--px66);
	height: auto;
	aspect-ratio: 1/1;
	background-color: var(--text);
	border-radius: 50%;
	position: absolute;
	right: 0;
	bottom: var(--px10);
	font-size: 0.5em;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(-45deg);
}

.map-set iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.map-set {
	position: relative;
	overflow: hidden;
	border-radius: var(--px15);
	opacity: 0.7;
}

.map-set::after {
	padding-top: 100%;
	display: block;
	content: "";
}


.flexToDivide {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	min-height: 100%;
}

.escape-btn {
	position: absolute;
	top: var(--px2);
	right: var(--px15);

}

.global-navbar.active .escape-btn {
	display: block;
}

.global-navbar.active .active-btn {
	display: none;
}



.escape-btn::after {
	content: "\f00d";
	font-family: 'FontAwesome';
	font-size: var(--px35);
	color: var(--text);
	position: relative;

}

.active-btn {
	position: absolute;
	top: var(--_px7);
	right: var(--px5);
	padding: var(--px10);
	background: #000;


}



.active-btn::before {
	content: "\f0c9 ";
	font-family: 'FontAwesome';
	font-size: var(--px35);
	color: var(--text);
	position: relative;

}

.inner-head {
	font-size: 50px;
	font-weight: 800;
	line-height: 1;
	word-spacing: 1px;
	letter-spacing: -4px;
	text-transform: uppercase;
}

.about-main .testi-sec-hm {
	padding-bottom: var(--px120);
}

.pera-blk p:not(:last-child) {
	margin-bottom: var(--px30);
}

.about_section_About .pera-blk {
	max-width: 650px;
	margin-left: auto;
}

.about_section_About {
	padding-top: var(--px220);
}

.about_section_About .xmin_head {
	margin-bottom: var(--px30);
}

.servicehm-card .pera {
	opacity: 0.6;
}

.service_section .head-content {
	margin: var(--px250) 0 var(--px90);
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom: var(--px10);
}

.service_section .head-content .main_pera {
	max-width: 100%;
}

.contact-section-contact {
	padding-top: var(--px200);
	padding-bottom: var(--px245);
}

.contact-section-contact .pera {
	max-width: 600px;
	opacity: 0.6;
}

.contact-section-contact h2 {
	margin: 0 0 var(--px30);
}

.co-brands {
	display: flex;
	gap: var(--px40);
	padding-top: var(--px80);
}

.co-brands img {
	filter: brightness(0) saturate(100%) invert(95%) sepia(22%) saturate(259%) hue-rotate(337deg) brightness(112%) contrast(92%);
	width: var(--px110);
	height: var(--px50);
	object-fit: contain;
}

.lp_contact-form {
	max-width: var(--px550);
	margin-left: auto;
}

.tp-contact__input textarea {
	height: var(--px150);
}

.tp-contact__btn {
	padding: var(--px20) var(--px15) var(--px16);
}

.contact-main .testi-sec-hm {
	padding-bottom: var(--px120);
	padding-top: var(--px220);
}

.gallery-main .main_head {
	margin: 0 0 var(--px20);
}

.gallery-main .head-content {
	padding: var(--px200) 0 var(--px40);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom: var(--px80);
}

.gallery-row {
	row-gap: var(--px30);
}


.process_home_section .main_pera {
	margin: var(--px10) 0 var(--px30);
}

@media (min-width: 768px) {
	.brand-logo {
		height: var(--px30);
	}
}

@media only screen and (max-width: 768px) {
	.brand-logo {
		margin-top: 10px;
		height: 30px;
	}
}

.site-header {
	padding: var(--px20) 0;
}

.pera {
	font-size: var(--px18);
}

@media only screen and (max-width: 768px) {
	.hero_home_section .main_pera {
		max-width: 100%;
		margin: 20px 0 40px;
	}

	.grid_4_line {
		grid-template-columns: repeat(1, 1fr);
		margin: 0;
	}


	.grid_4_line>div:not(:last-child) {
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	}

	.grid_4_line>div {
		height: auto;
		padding: 0;
		padding-block: 30px;
	}

	.min_pera {
		font-size: 14px;
	}

	.xmin_head {
		font-size: 20px;
	}

	.brand_section_home img {
		margin-bottom: 20px;
		max-height: 50px;
		max-width: 130px !important;
	}

	.min_head {
		font-size: 22px;
	}

	.servicehm-card .pera {
		font-size: 15 px;
	}

	.details_hero .min_head {
		margin-bottom: 10px;
	}

	.a-tg-bt {
		font-size: 16px;
		padding: 10px 20px;
		border-radius: 5px;
	}

	.service_listing.row {
		row-gap: 60px;
	}

	.servicehm-card h6 {
		margin: 30px 0 10px;
	}

	.service_section_home .pera {
		margin: 20px 0 20px;
	}

	.service_section_home .a-tg-bt {
		margin-bottom: 60px;
	}

	.servicehm-card .pera {
		margin: 0;
	}

	.brand-sec-hm .row>div {
		max-width: calc(100% / 5);
	}

	.brand-sec-hm .row {
		row-gap: 15px;
	}

	.lp-testimonial-dsc {
		font-size: 28px;
		margin-top: 40px;
		margin-bottom: 27px;
	}

	.lp-testimonial-author {
		height: 45px;
	}

	.lp-testimonial-author-content {
		padding-left: 10px;
	}

	.lp-testimonial-author-title,
	.lp-testimonial-author-disgnation {
		font-size: 16px;
	}

	.container {
		max-width: 80%;
	}

	.swiper-pagination {
		bottom: -70px !important;
	}

	.swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 100px;
	}

	.mid_head {
		letter-spacing: -1px;
		word-spacing: -1px;
		font-size: 45px;
		line-height: 1.1;
	}

	.contact-card-big .d-flex {
		padding: 0;
	}

	.contact-card-big {
		padding: 20px;
	}

	.contact-card-big .d-flex {
		aspect-ratio: auto;
	}

	.contact-card-big>.row {
		row-gap: 45px;
	}

	.foot-media img {
		width: 20px
	}

	.link-up li a::after,
	.footer-sec-hm li a::after {
		font-size: 17px;
		margin-left: 10px;
	}

	.footer-sec-hm li {
		padding-top: 12px;
	}

	.link-up li a,
	.footer-sec-hm li a {
		padding-bottom: 5px;
	}

	.service_section_home {
		padding-top: 90px;
	}

	.brand_section_home {
		padding: 113px 0 90px
	}

	.process_home_section .main_pera {
		margin: 20px 0 30px;
	}


	.brand-sec-hm {
		padding-top: 95px;
	}

	.about-main .testi-sec-hm {
		padding-bottom: 69px;
		padding-top: 90px;
	}

	.testi-sec-hm {
		padding: 100px 0 190px;
	}

	.main_head {
		font-size: 70px;
		letter-spacing: -4px;
	}

	.main_pera {
		font-size: 20px;
	}


	.contact-se-hm-text p:first-child {
		margin: 0 0 30px;
	}


	.contact-card-big .mid_head {
		max-width: 400px;
	}

	.active-btn,
	.escape-btn {
		padding: 8px;

	}


	.active-btn {
		padding-right: 12px;
		top: 2px
	}

	.escape-btn {
		padding-left: 12px;
		top: 2px
	}

	.active-btn::before {
		font-size: 28px;

	}

	.escape-btn::after {
		font-size: 28px;
	}

	.page-navigation li {
		font-size: 60px;
	}

	.flexToDivide {
		row-gap: 55px;
	}

	.pera {
		font-size: 18px;
		line-height: 1.5;
	}

	.about_section_About .mid_head {
		margin-bottom: 30px;
		max-width: 550px;
	}


	.about_section_About .xmin_head {
		margin-bottom: 10px;
	}

	.page-navigation li {
		padding: 30px 0 20px;
	}

	.page-navigation li:first-of-type {
		padding-top: 0;
	}

	.page-navigation a::after {
		bottom: 6px;
		width: 52px;
	}
}

@media only screen and (max-width: 600px) {
	.container {
		padding: 0 20px;
		max-width: 100%;
		margin: auto;
	}

	.main_head {
		font-size: 40px;
		word-spacing: -2px;
		letter-spacing: 0px;
		line-height: 1.2;
		word-break: break-word;
	}

	.mid_head {
		font-size: 38px;
	}

	.hero_home_section .main_head {
		margin-top: 150px;
	}

	.hero_home_section .main_pera {
		margin: 10px 0 30px;
	}

	.grid_4_line>div {
		padding: 20px 0;
	}

	.service_section_home {
		padding-top: 70px;
	}

	.service_section_home .pera {
		margin: 10px 0 25px;
	}

	.service_section_home .a-tg-bt {
		margin-bottom: 55px;
	}

	.service_listing.row {
		row-gap: 35px;
	}

	.brand_section_home {
		padding: 63px 0 70px;
	}

	.brand-sec-hm {
		padding-top: 85px;
	}

	.brand-sec-hm .row>div {
		max-width: calc(25%);
	}

	.testi-sec-hm {
		padding: 84px 0 135px;
	}

	.lp-testimonial-dsc {
		font-size: 24px;
	}

	.lp-testimonial-authorbox {
		padding: 0px 0px 10px;
	}


	.swiper-pagination {
		bottom: -40px !important;
	}

	.contact-se-hm-btn p {
		margin-bottom: 10px;
		margin-top: 25px;
	}

	.contact-se-hm-text p:first-child {
		margin: 0 0 35px;
	}

	.contact-se-hm-text p {
		margin: 12px 0 0;
	}

	.contact-card-big .mid_head {
		max-width: 300px;
	}

	.page-navigation li {
		font-size: 37px;
	}

	.pera {
		font-size: 16px;
		line-height: 1.5;
	}


}


.c-data-c {
	width: calc(100% - var(--px120));
}

.c-data-img {
	width: var(--px120);
}

.arrow-up {}

.arrow-up::after {
	content: "\f061";
	font-family: "FontAwesome";
	font-size: var(--px20);
	font-weight: 900;
	transform: rotate(-45deg);
	display: inline-block;
	margin-left: var(--px10);
}



@media only screen and (max-width: 768px) {
	.about_section_About .inner-head {
		margin-bottom: 30px;
	}

	.contact-main .hero_home_section .main_head {
		margin-top: 130px;
	}

	.contact-main .brand-sec-hm {
		padding-top: 95px;
	}

	.contact-main .testi-sec-hm {
		padding-top: 109px;
		padding-bottom: 85px;
	}

	.about_section_About {
		padding-top: 70px;
	}

	.service_section .head-content {
		margin-top: 130px;
		margin-bottom: 80px;
	}

	.gallery-main .head-content {
		padding-top: 130px;
		padding-bottom: 20px;
		margin-bottom: 60px;
	}

	.gallery-main .main_head {
		margin-bottom: 20PX;
	}

	.gallery-row {
		row-gap: 30px;
	}

	.contact-section-contact {
		padding-top: 130px;
		padding-bottom: 110px;
	}

	.lp_contact-form {
		max-width: 100%;
	}

	.co-brands img {
		width: 100px;
		height: 50px;
	}

	.co-brands {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.contact-section-contact h2 {
		margin-bottom: 30px;
	}

	.tp-contact__input textarea {
		height: 150px;
	}

	.tp-contact__btn {
		padding: 20px 15px 16px;
	}

	.c-data-c {
		width: calc(100% - 130px);
	}

	.c-data-img {
		width: 130px;
	}

	.arrow-up::after {

		font-size: 18px;


		margin-left: 5px;
	}




}

@media only screen and (max-width: 600px) {
	main_pera {
		font-size: 18px;
	}

	.about-main .testi-sec-hm {
		padding-bottom: 40px;
		padding-top: 80px;
	}

	.brand-logo {
		height: 25px;
	}

	.page-navigation a::after {
		bottom: 4px;
		width: 33px;
	}

	.page-navigation li {
		padding: 23px 0 12px;
	}

	.c-data-c {
		width: calc(100% - 80px);
	}

	.c-data-img {
		width: 80px;
	}


}

.page-navigation a {
	opacity: 40%;
	position: relative;
}

.page-navigation a:hover {
	opacity: 1;
}

.page-navigation a.active {
	opacity: 1;
}

/* --- Tailwind Replacements --- */

/* Globals */
.w-full {
	width: 100%;
}

.h-full {
	height: 100%;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.block {
	display: block;
}

.flex {
	display: flex;
}

.flex-col {
	flex-direction: column;
}

.justify-center {
	justify-content: center;
}

.items-center {
	align-items: center;
}

.object-cover {
	object-fit: cover;
}

.opacity-75 {
	opacity: 0.75;
}

.rounded-xl {
	border-radius: 0.75rem;
}

.rounded-full {
	border-radius: 9999px;
}

.overflow-hidden {
	overflow: hidden;
}

/* Navbar Replacements */
.nav-main-row {
	padding-top: var(--px180);
	margin-bottom: 120px;
}

.nav-right-col {
	padding-top: var(--px15);
	flex-direction: column-reverse;
	display: flex;
}

.nav-links-wrapper {
	gap: 3rem;
}

.nav-section-title {
	margin-bottom: 0.75rem;
	opacity: 0.75;
}

.nav-sub-link {
	display: block;
	margin-bottom: 0.5rem;
}

.nav-media-list {
	padding-top: 1.75rem;
}

.contact-card-in {
	background-color: var(--text);
	padding: 0.75rem;
	border-radius: 0.75rem;
	display: flex;
}

.contact-card-img-wrapper {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1/1;
	border-radius: 0.75rem;
	height: auto;
}

.contact-card-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 80px);
	/* Extracted from existing css for c-data-c if needed, or flex logic */
}

.contact-card-text {
	color: #000;
	margin-bottom: 0.25rem;
	font-weight: 500;
	margin-left: 1.25rem;
	opacity: 0.75;
}

.contact-card-link-text {
	color: #000;
	border-bottom: 1px solid #000;
	margin-left: 1.25rem;
	max-width: fit-content;
	font-weight: 600;
}

/* Specific overrides for escape/active btns text */
.escape-btn p,
.active-btn p {
	color: #000 !important;
}

.escape-btn p {
	margin-top: 0.25rem;
}

.active-btn p {
	margin-top: 0.15em;
}

@media (min-width: 640px) {
	.nav-right-col {
		flex-direction: column;
	}
}

@media (min-width: 1024px) {


	.nav-links-wrapper {
		display: flex;
	}

	.nav-section-title {
		margin-bottom: 2rem;

	}

	.nav-media-list {
		padding-top: 0;
	}

	.nav-custom-width {
		max-width: 90%;
	}

	/* Nav Item Margins */
	.nav-item-repl {
		padding-bottom: var(--px20);
		margin-bottom: 0;
	}

	.nav-item-repl.first {
		margin-top: var(--px15);
	}

	.nav-item-repl.rest {
		margin-top: var(--px45);
	}
}

/* Gallery Replacements */
.gallery-image-wrapper {
	width: 100%;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	position: relative;
	display: block;
}

.gallery-image-wrapper::after {
	content: '';
	padding-top: 100%;
	display: block;
}

.gallery-img {
	width: 100%;
	height: 100%;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

/* Footer Replacements */
.footer-top-row {
	margin-bottom: 60px;
	margin-top: 100px;
}

.foot-logo-wrapper {
	width: 200px;
	margin-bottom: 1.5rem;
}


.foot-logo-wrapper img {
	width: 100%;
	height: 100;
	object-fit: contain;
}

.foot-media-links {
	gap: 1.2rem;
	display: flex;
	margin-top: 1.75rem;
}

.footer-col-links {
	margin-top: 60px;
}

.footer-col-address {
	margin-top: 3rem;
	/* mt-8 */
}

.footer-copy-text {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 1024px) {
	.footer-top-row {
		margin-bottom: var(--px150);
		margin-top: var(--px250);
	}

	.footer-col-main {
		width: 59%;
	}

	.foot-logo-wrapper {
		width: var(--px250);
	}

	.footer-desc {
		max-width: var(--px550);
	}

	.foot-media-links {
		margin-top: 2rem;
	}

	.footer-col-links {
		width: 20%;
		margin-top: 0;
	}

	.footer-col-address {
		width: 21%;
		margin-top: 0;
	}
}

/* Contact Section Replacements */
.booking-badge {
	background-color: white;
	color: #4a4a4a;
	display: flex;
	width: fit-content;
	align-items: center;
	column-gap: 0.75rem;
	border-radius: 0.125rem;
	padding: 0.5rem 1rem;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.ping-wrapper {
	position: relative;
	display: flex;
	width: 0.75rem;
	height: 0.75rem;
}

.ping-circle-animate {
	position: absolute;
	display: inline-flex;
	height: 100%;
	width: 100%;
	border-radius: 9999px;
	background-color: #38bdf8;
	opacity: 0.75;
}

.ping-circle-static {
	position: relative;
	display: inline-flex;
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 9999px;
	background-color: #0ea5e9;
}

.contact-btn-wrapper p {
	/* margin-bottom handled by bootstrap mb-1 */
}

.contact-link-custom {
	opacity: 0.75;
	position: relative;
	padding-bottom: 0.25rem;
	font-size: 1rem;
	/* text-base */
}

@media (min-width: 768px) {
	.contact-btn-wrapper-mb-fix {
		margin-bottom: 0;
	}
}

@media (min-width: 1024px) {
	.justify-between-lg {
		justify-content: space-between;
	}

	.contact-link-custom {
		font-size: var(--px18);
	}
}

/* Animations */
@keyframes ping {

	75%,
	100% {
		transform: scale(2);
		opacity: 0;
	}
}

.animate-ping {
	animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.contact-card-img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media only screen and (max-width : 600px) {

	.active-btn,
	.escape-btn {
		right: 20px;
		padding: 0px;
		top: 10px
	}

	.site-header {
		padding: 15px 0;
	}
}

.site-header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	transition: all 0.3s ease-in-out;
	background: #000;
}

.navbar-hide {
	transform: translateY(-100%);
}

.navbar-shadow {
	box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width : 768px) {
	.nav-main-row {
		padding-top: 150px;
		margin-bottom: 120px;
	}

	.nav-right-col {
		padding-top: 120px;
	}

	.nav-right-col {
		padding-top: 75px;
	}
}

@media only screen and (max-width : 600px) {
    .footer-col-address {
		opacity: 0.7;	
	}
}