@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?fz89v1');
    src:  url('../fonts/icomoon.eot?fz89v1#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?fz89v1') format('truetype'),
      url('../fonts/icomoon.woff?fz89v1') format('woff'),
      url('../fonts/icomoon.svg?fz89v1#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-arrow:before {content: "\e900";}
  .icon-youtube_icon .path1:before {content: "\e907"; color: rgb(224, 47, 47);}
  .icon-youtube_icon .path2:before {content: "\e908"; margin-left: -1em; color: rgb(255, 255, 255);}
  .icon-pdf:before {content: "\e906";}
  .icon-check:before {content: "\e905";}
  .icon-call:before {content: "\e901";}
  .icon-location:before {content: "\e902";}
  .icon-message:before {content: "\e903";}
  .icon-search:before {content: "\e904";}


html { width:100%; height:100%; margin: 0rem; padding: 0rem; font-size: 62.5%; }
body { overflow-x: hidden; margin: 0rem; padding: 0rem; font-optical-sizing: auto; background: var(--white); }
figure, address, blockquote {
    margin: 0;
    padding: 0;
}
::-moz-selection { color: rgb(0, 0, 0); background: rgb(239, 183, 9); }
::selection { color: rgb(0, 0, 0); background: rgb(239, 183, 9); }
img { max-width: 100%; }

.scroller { 

}

::-webkit-scrollbar {
    scrollbar-color: red;
}

a { text-decoration: none; }
h1, h2, h3, h4, p { padding: 0; margin: 0; }

:root {
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-black-B: #001E2B;
    --color-black-C: #374151;
    --color-black-D: #737373;
    --color-black-E: #736B4F;
    --color-yellow: #EFB709;
    --color-yellow-fade: #FEFCF5;

    --primary-font: "Spline Sans", serif;
    --secondary-font: "Space Grotesk", serif;

    --transition: all 0.3s ease;
}
.allpage_wrapper{ background:var(--color-white); overflow-x: hidden; overflow-y: hidden;}
.parallax_ani_sec_wrap {background-color: var(--color-white); position: relative; z-index: 1;}


/* :::::::::::::::::: Common Style Start :::::::::::::::::: */
.short-heading {
    display: flex;
    align-items: center;
    padding-bottom: 1.4rem;
}
.short-heading figure {
    width: 5rem;
    height: 5rem;
    background-color: var(--color-yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.short-heading span {
    color: var(--color-black-C);
    font-family: var(--primary-font);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.8rem;
    letter-spacing: 3.75px;
    text-transform: uppercase;
    border: 0.1rem solid var(--color-black-C);
    padding: 1rem 2.2rem 1rem 4rem;
    border-radius: 5rem;
    margin-left: -30px;
}
.common-heading {
    padding-bottom: 2.4rem;
}
.common-heading .section-heading {
    color: var(--color-black-B);
    font-family: var(--secondary-font);
    font-size: 4.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 5.6rem;
    text-transform: capitalize;
}
.common-heading .section-heading span {
    color: var(--color-yellow);
}
.common-text p {
    color: var(--color-black-D);
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.6rem;
    text-transform: capitalize;
    padding-bottom: 3.2rem;
    word-wrap: break-word;
}
.entry-content.common-text ol li, .entry-content.common-text ul li {
    color: var(--color-black-D);
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.6rem;
    text-transform: capitalize;
    margin-bottom: 3.2rem;
}
.entry-content.common-text ol li a, .entry-content.common-text ul li a  {
    text-decoration: underline;
}
.entry-content.common-text ol li a:hover, .entry-content.common-text ul li a:hover  {
    text-decoration: none;
}

.mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout {transform: none;}
/* :::::::::::::::::: Header Style Start :::::::::::::::::: */
body.logged-in .site-header {
    top: 3.2rem;
}
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12;
    transition: all 0.8s ease-out;
}
.site-header.stick { 
    background-color: var(--color-white);
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
    animation: stickynav 1s;
}
.site-header.no-banner .site-header-nav ul li a {
    color: var(--color-black-C);
}
.site-header.stick .site-header-nav ul li a {
    color: var(--color-black-C);
}
.site-header.no-banner {
    background-color: var(--color-white);
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
}
.site-header.stick .header-search button span {
    color: var(--color-black);
}
.site-header.no-banner .header-search button span {
    color: var(--color-black);
}
@keyframes stickynav { from {transform: translateY(-2.5rem);} to {transform: translateY(0rem);} }
.site-header-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7.5rem;
    padding: 1.1rem 0;
}
.site-header-nav ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 7rem;
    padding: 0;
    margin: 0;
}
.site-header-nav ul li { 
    position: relative;
    transition: var(--transition);
}
.site-header-nav ul li::after {
    content: "";
    position: absolute;
    bottom: -0.3rem;
    left: 0;
    width: 0;
    height: 0.3rem;
    background-color: var(--color-yellow);
    border-radius: 50px;
    transition: var(--transition);
}
.site-header-nav ul li:hover::after {
    content: "";
    position: absolute;
    bottom: -0.3rem;
    left: 0;
    width: 80%;
    height: 0.3rem;
    background-color: var(--color-yellow);
    border-radius: 50px;
}
.site-header-nav ul li.current_page_item::after {
    content: "";
    position: absolute;
    bottom: -0.3rem;
    left: 0;
    width: 80%;
    height: 0.3rem;
    background-color: var(--color-yellow);
    border-radius: 50px;
}
.site-header-nav ul li a {
    color: var(--color-white);
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    transition: var(--transition);
}
.site-header-nav ul li a:hover {
    color: var(--color-yellow);
}
.header-search button {
    border: none;
    background-color: transparent;
}
.header-search button span {
    font-size: 1.6rem;
    color: var(--color-yellow);
    transition: var(--transition);
}
body.logged-in .offcanvas {
    top: 3.2rem;
}
.offcanvas-body {
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-wrapper {
    position: relative;
}
.search-wrapper input[type="search"] {
    width: 70rem;
    height: 5rem;
    color: var(--color-black-B);
    border: 0.1rem solid var(--color-black-D);
    border-radius: 0.4rem;
    padding: 0 6rem 0 1.5rem;
    font-family: var(--secondary-font);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
    letter-spacing: 0.2px;
    transition: var(--transition);
}
.search-wrapper input:first-child:focus-visible {
    outline: none;
    border: 0.1rem solid var(--color-yellow);
}
.search-wrapper input[type="submit"] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFUSURBVHgBnVLLTcNAEH2zRErMyenAHeAOyDU3qCDuAKjATgWkA+gAR0gxN9wCFeACiGxfEOaww+wGC9txTJQnjfY38/bt2yE0kD9PZhhRKFNfwpXIAEoBvZzOvzL0gGzhk+vCqR7AuAI4VcSxZiq1hqcULSTFk9RoOv9c9pFgu5k85onznieioAeyH8k5bzfO7d7hRzIJzOGh4r9LnJXk5VZtA+oMtGBgLW9MhwhUNY7MqMdV0NqX8JkxWGwwvS4K8ShTRBddApeZCxwDwl7eSFzPyLp8BBiuZi5bCuS71r9fNQgx2RMFvlIctwjkz1cyenlyHh4sts7Tq0yzrtnKdhjjTvRF+Ytzb29qFpvuHH+bYqMg7pJTQ2IgyxA7P1K7yeSC2DfdKfM3yb7pdiSh+05gJnFp1lpTad5cyzYdubtkoK3/Q93WtWd0AkdLyUkEDZLFDzApks3of0LuAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    width: 5rem;
    height: 5rem;
    border: none;
    background-color: transparent;
    font-size: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-position: center;
    filter: brightness(0.2);
}
.offcanvas-header {
    padding: 2rem;
}   
.offcanvas-header button {
    font-size: 1.4rem;
    opacity: 1;
    background-color: var(--color-white);
    box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px;
    border-radius: 50%;
    padding: 1.6rem !important;
    transition: var(--transition);
} 
.offcanvas-header button:hover {
    box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px;
}
.mobilemenu_icon{ display: none;}

/* :::::::::::::::::: Banner Style Start :::::::::::::::::: */
.banner-section {
	position: relative;
	width: 100%;
	height: 100vh;
}
.banner-slider-figure {
	width: 100%;
	height: 100vh;
}
.banner-slider-figure img {
	height: 100%;
	width: 100%;
}
.banner-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.banner-heading {
	position: relative;
}
.banner-heading-line {
	position: absolute;
	right: 10rem;
	bottom: 1rem;
	transform: translateY(-50%);
	height: 2rem;
	width: 28.1rem;
}
.banner-heading-line svg path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
}
.banner-heading {
	color: var(--color-white);
	font-family: var(--secondary-font);
	font-size: 10rem;
	font-style: normal;
	font-weight: 700;
	line-height: 9rem;
	text-transform: capitalize;
}
.banner-content span {
	color: var(--color-yellow);
}
.banner-text {
	color: var(--color-white);
	font-family: var(--primary-font);
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.4rem;
	text-transform: capitalize;
	width: 100%;
	max-width: 59.6rem;
	margin-top: 3.7rem;
	position: relative;
}
.banner-contact-button {
	margin-top: 4rem;
}
.banner-contact-button a {
	color: var(--color-black-B);
	text-align: center;
	font-family: var(--primary-font);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8rem;
	letter-spacing: 0.75px;
	text-transform: uppercase;
	background-color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16rem;
	height: 4.1rem;
	border-radius: 0.4rem;
	transition: var(--transition);
}
.banner-contact-button a:hover {
	color: var(--color-white);
	background-color: var(--color-yellow);
}
.swiper-banner-slider .swiper-pagination {
	bottom: 50%;
	left: 48%;
	transform: rotate(90deg);
}
.swiper-banner-slider .swiper-pagination .swiper-pagination-bullet {
	width: 1rem;
	height: 1rem;
	background-color: var(--color-white);
	opacity: 1;
}
.swiper-banner-slider .swiper-pagination .swiper-pagination-bullet-active {
	width: 1rem;
	height: 1rem;
	background-color: var(--color-yellow);
	opacity: 1;
}
.banner-heading, .banner-text, .banner-contact-button {
	opacity: 0;
	transition: opacity .2s;
}
.banner-slider-item.swiper-slide-active .banner-heading {
	animation-name: testHeading;
	opacity: 1;
	animation-duration: 2s;
}
.banner-slider-item.swiper-slide-active .banner-text {
	animation-name: testHeading;
	opacity: 1;
	animation-duration: 2.6s;
}
.banner-slider-item.swiper-slide-active .banner-contact-button {
	animation-name: testButton;
	opacity: 1;
	animation-duration: 2.6s;
}
.svgani {
	fill: none;
	stroke: #efb709;
	stroke-width: 15;
	stroke-miterlimit: 10;
	stroke-dasharray: 825;
	stroke-dashoffset: 825;
	stroke-linecap: round;
	opacity: 0;
	transition: stroke-dashoffset 8s, opacity .2s;
}
.banner-slider-item.swiper-slide-active .svgani {
	stroke-dashoffset: 0;
	opacity: 1;
}
@keyframes dash {
	from {
		stroke-dashoffset: 0;
	}

	to {
		stroke-dashoffset: 100%;
	}
}
@keyframes testHeading {
	from {
		opacity: 0;
		transform: translateY(-100px);
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes testButton {
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

/* :::::::::::::::::: About Style Start :::::::::::::::::: */
.home-about-section {
	padding: 10.1rem 0;
	position: relative;
	max-height: 72.1rem;
}
.about-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 72.1rem;
	overflow: hidden;
}
.about-overlay-figure {
	height: 72.1rem;
}
.about-overlay-figure img {
	width: 100%;
	height: 100%;
}
.about-overlay::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(255 255 255 / 96%);
}
.home-about-figure-side {
	position: relative;
	z-index: 1;
	min-height: 57.0rem;
	max-height: 57.0rem;
}
.home-about-fig-back {
	width: 47.5rem;
	height: 53.5rem;
	border-radius: 1.5rem;
	overflow: hidden;
	position: relative;
}
.home-about-fig-back img.image-parallax-common {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 190%;
	object-fit: cover;
	object-position: center;
	padding: 0;
}
.home-about-fig-front {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 4.3rem;
	width: 28.9rem;
	height: 33.6rem;
	background-color: var( --color-white);
	padding: 0.5rem;
	border-radius: 1.5rem;
	overflow: hidden;
}
.home-about-fig-front img {
	width: 100%;
	height: 100%;
	border-radius: 1rem;
}
.about-exprience {
	width: 19.5rem;
	height: 13.2rem;
	background-color: var(--color-white);
	border-radius: 1rem;
	padding: 2.2rem 3.3rem;
	position: absolute;
	top: 75%;
	right: 16rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-shadow: 0px 9px 25px 0px rgba(143,110,6,0.30);
}
.about-exprience-shape {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: auto;
}
.about-exprience span:nth-child(1) {
	color: var(--color-black-B);
	text-align: center;
	font-family: var(--primary-font);
	font-size: 4.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.5rem;
	letter-spacing: 1.35px;
	text-transform: capitalize;
}
.about-exprience span:nth-child(2) {
	display: block;
	color: var(--color-black-C);
	text-align: center;
	font-family: var(--primary-font);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem;
	text-transform: uppercase;
}
.home-about-content-side {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.home-about-content-side a {
	color: var(--color-black-E);
	text-align: center;
	font-family: var(--primary-font);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8rem;
	letter-spacing: 0.75px;
	text-transform: uppercase;
	background-color: var(--color-white);
	border: 0.1rem solid var(--color-black-E);
	width: 16rem;
	height: 4.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.4rem;
	transition: var(--transition);
}
.home-about-content-side a:hover {
	color: var(--color-white);
	background-color: var(--color-yellow);
	border: 0.1rem solid var(--color-yellow);
}
.cta-repeater {
	display: flex;
	align-items: center;
	gap: 1rem;
}

/* :::::::::::::::::: Products Style Start :::::::::::::::::: */
.home-products-section {
	padding: 9.3rem 0 8.6rem 0;
	background-color: var(--color-yellow-fade);
}
.product {
	position: relative;
	background-color: var(--color-white);
	transition: var(--transition);
	margin: 1rem 0.5rem;
}
.home-product-slider {
	position: relative;
}
.home-products-shape {
	position: absolute;
	top: -26rem;
	left: -2rem;
}
.product-wrapper .swiper-wrapper.row {
	margin-left: 0;
}
.product-wrapper.swiper-initialized .swiper-wrapper.row {
	flex-wrap: nowrap;
}
.product:hover {
	box-shadow: 0px 4px 31px 0px rgba(143,110,6,0.21);
}
.product-figure {
	width: 100%;
	height: 30.4rem;
	background-color: var(--color-black);
	margin-bottom: 5.3rem;
}
.product-figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.product:hover .product-figure img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.product-content {
	padding-right: 4rem;
	padding-bottom: 5.1rem;
	padding-left: 4rem;
	text-align: center;
}
.product-heading {
	min-height: 6rem;
	color: var(--color-black-C);
	text-align: center;
	font-family: var(--secondary-font);
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3rem;
	text-transform: capitalize;
	transition: var(--transition);
	padding: 0 4rem;
	margin-bottom: 1rem;
}
.product-content .common-text p {
	padding-bottom: 0;
    min-height: 10.6rem;
}
.product:hover .product-heading {
	color: var(--color-yellow);
}
.product-arrow {
	position: absolute;
	bottom: -7rem;
	left: 45%;
	width: 9rem;
	height: 9rem;
	background-color: var(--color-white);
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	transform: rotate(45deg) translateX(-50%);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.07);
}
.icon-arrow {
	font-size: 3.5rem;
	color: var(--color-black);
	display: inline-block;
	position: absolute;
	transform: translateY(5rem);
	top: -2.2rem;
	left: 50%;
	margin-left: -1rem;
}
.product:hover .icon-arrow {
	animation: arrowSlide 0.5s ease-in 1;
}
.common-button {
	margin-top: 4.3rem;
}
.common-button a {
	color: var(--color-black-E);
	text-align: center;
	font-family: var(--primary-font);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8rem;
	letter-spacing: 0.75px;
	text-transform: uppercase;
	background-color: var(--color-white);
	border: 0.1rem solid var(--color-black-E);
	width: 16rem;
	height: 4.5rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.4rem;
	transition: var(--transition);
}
.common-button a:hover {
	color: var(--color-white);
	background-color: var(--color-yellow);
	border: 0.1rem solid var(--color-white);
}
@keyframes arrowSlide {
	0% {
		transform: translateY(50px);
	}

	25% {
		transform: translateY(-100px);
	}

	50% {
		transform: translate(150px,150px);
	}

	75% {
		transform: translateY(100px);
	}

	100% {
		transform: translateY(50px);
	}
}
.product-slider-wrap:hover .swiper-button-prev {
    opacity: 1;
}
.product-slider-wrap .swiper-button-prev {
    width: 7rem;
    height: 7rem;
    background-color: var(--color-white);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: -2.5rem;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.07);
    transition: var(--transition);
    opacity: 0;
}
.product-slider-wrap .swiper-button-prev::after {
    font-size: 3rem;
    font-weight: bold;
    color: var(--color-black);
    transition: var(--transition);
}
.product-slider-wrap .swiper-button-prev:hover::after {
    color: var(--color-white);
}
.product-slider-wrap .swiper-button-prev:hover {
    background-color: var(--color-yellow);
}
.product-slider-wrap:hover .swiper-button-next {
    opacity: 1;
}
.product-slider-wrap .swiper-button-next {
    width: 7rem;
    height: 7rem;
    background-color: var(--color-white);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    right: -2.5rem;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.07);
    transition: var(--transition);
    opacity: 0;
}
.product-slider-wrap .swiper-button-next::after {
    font-size: 3rem;
    font-weight: bold;
    color: var(--color-black);
    transition: var(--transition);
}
.product-slider-wrap .swiper-button-next:hover {
    background-color: var(--color-yellow);
}
.product-slider-wrap .swiper-button-next:hover::after {
    color: var(--color-white);
}

/* :::::::::::::::::: Projects Style Start :::::::::::::::::: */
.home-projects-section {
	padding-top: 10rem;
	position: relative;
	padding-bottom: 28.8%;
}
.home-projects-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5rem;
}
.home-projects-top .common-heading {
	padding-bottom: 0;
}
.home-projects-top .common-button a {
	color: var(--color-black-B);
	background-color: var(--color-yellow);
	border: 0.1rem solid var(--color-yellow);
}
.home-projects-top .common-button a:hover {
	color: var(--color-black-E);
	background-color: var(--color-white);
	border: 0.1rem solid var(--color-black-E);
}
.home-projects-slider {
	position: absolute;
	width: 100%;
}
.home-projects-section .z-shape-figure {
	position: absolute;
	top: 87.5%;
	margin-left: -12rem;
}
.home-projects-wrapper.swiper-initialized .swiper-wrapper.row {
	flex-wrap: nowrap;
}
.home-projects {
	position: relative;
	transition: all 0.8s ease;
	box-shadow: rgb(239 183 9 / 0%) 10px 10px;
	margin: 1rem 0.5rem;
}
.home-projects a {
	position: relative;
	z-index: 1;
	width: 100%;
	display: block;
	overflow: hidden;
}
.home-projects a::after {
	content: '';
	padding-bottom: 119.7%;
	display: block;
}
.home-projects:hover {
	box-shadow: rgb(239 183 9 / 100%) 10px 10px;
}
.home-projects-figure {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.home-projects-figure::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #011118 20.34%, rgba(0,30,43,0.00) 67.19%);
}
.home-projects-figure img {
	transition: transform 0.8s;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	top: 0;
}
.home-projects a:hover .home-projects-figure img {
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.home-projects-content {
	position: absolute;
	padding: 0 2.5rem 2.6rem;
	bottom: 0;
	z-index: 1;
}
.home-projects-content-heading {
	color: var(--color-white);
	font-family: var(--secondary-font);
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.4rem;
	text-transform: capitalize;
	transition: var(--transition);
	margin-bottom: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.home-projects a:hover .home-projects-content-heading {
	color: var(--color-yellow);
}
.home-projects-content .common-text p {
	padding-bottom: 0;
	color: var(--color-white);
}
.home-projects-slider .swiper-button-next {
	opacity: 0;
	left: 80%;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.07);
	background-color: var(--color-white);
	width: 6.5rem;
	height: 6.5rem;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}
.home-projects-slider:hover .swiper-button-next {
	opacity: 1;
}
.home-projects-slider:hover .swiper-button-next:hover {
	background-color: var(--color-yellow);
}
.home-projects-slider .swiper-button-next:hover::after {
	color: var(--color-white);
}
.home-projects-slider .swiper-button-prev {
	opacity: 0;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.07);
	background-color: var(--color-white);
	width: 6.5rem;
	height: 6.5rem;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}
.home-projects-slider:hover .swiper-button-prev {
	opacity: 1;
}
.home-projects-slider:hover .swiper-button-prev:hover {
	background-color: var(--color-yellow);
}
.home-projects-slider .swiper-button-prev:hover::after {
	color: var(--color-white);
}
.home-projects-slider .swiper-button-prev:after {
	font-size: 2.6rem;
	font-weight: 600;
	color: var(--color-black);
	transition: all 0.3s ease-in-out;
}
.home-projects-slider .swiper-button-next:after {
	font-size: 2.6rem;
	font-weight: 600;
	color: var(--color-black);
	transition: all 0.3s ease-in-out;
}

/* :::::::::::::::::: Documents Style Start :::::::::::::::::: */
section.home-documents-section {
	padding: 10.1rem 0;
	position: relative;
}
.home-documents {
	position: relative;
	width: 100%;
	height: 36.4rem;
}
.documents-shape {
	position: absolute;
	top: -95px;
	left: 15px;
	z-index: 1;
}
.home-documents-figure {
	position: absolute;
	top: 0;
	right: 0;
	width: 78.4rem;
	height: 100%;
}
.home-documents-figure img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.home-documents::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(130deg, rgba(239,183,9,1) 0%, rgb(0 0 0) 25%, rgb(10 10 10) 46%, rgb(255 255 255 / 0%) 100%);
}
.home-documents-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 7rem;
	z-index: 1;
}
.home-documents-content .common-heading .section-heading {
	color: var(--color-white);
}
.home-documents-content .common-text p {
	color: var(--color-white);
	width: 100%;
	max-width: 61.5rem;
	padding-bottom: 2.5rem;
}
.home-documents-content .common-button {
	margin-top: 0;
}
.home-documents-content .common-button a {
	margin: 0;
}

/* :::::::::::::::::: Contact Style Start :::::::::::::::::: */
.home-contact-section {
	padding-top: 9.6rem;
	padding-bottom: 9.6rem;
	background-color: var(--color-yellow-fade);
}
.contact-form-side .common-heading {
	padding-bottom: 1.1rem;
}
.contact-form-side .common-heading .section-heading {
    margin-bottom: 20px;
}
.contact-form-content.common-text p {
	padding-bottom: 4.6rem;
}
.label-input-group p br {
	display: none;
}
.common-text .label-input-group p {
	padding-bottom: 3.2rem;
}
.label-input-group label {
	display: none;
}
.label-input-group input {
	width: 100%;
	border-radius: 0.5rem;
	border: 0.1rem solid rgb(182,176,154);
	background: #fefcf5;
	padding: 1.5rem 2.1rem;
	color: var(--color-black-B);
	font-family: var(--secondary-font);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.8rem;
	letter-spacing: 0.75px;
	transition: var(--transition);
}
.label-input-group input::placeholder {
	color: var(--color-black-B);
}
.label-input-group input:focus-visible {
	outline: none;
	border: 0.1rem solid var(--color-yellow);
}
.label-input-group input::-webkit-outer-spin-button, .label-input-group input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.label-input-group input[type=number] {
	-moz-appearance: textfield;
}
.label-input-group textarea {
	width: 100%;
	height: 9rem;
	border-radius: 0.5rem;
	border: 0.1rem solid rgb(182,176,154);
	background: var(--color-yellow-fade);
	padding: 1.5rem 2.1rem;
	color: var(--color-black-B);
	font-family: var(--secondary-font);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.8rem;
	letter-spacing: 0.75px;
	transition: var(--transition);
	resize: none;
}
.label-input-group textarea::placeholder {
	color: var(--color-black-B);
}
.label-input-group textarea:focus-visible {
	outline: none;
	border: 0.1rem solid var(--color-yellow);
}
.contact-form-submit input {
	width: 16.2rem;
	height: 4.5rem;
	border-radius: 0.4rem;
	background: var(--color-yellow);
	border: none;
	color: var(--color-black-B);
	font-family: var(--primary-font);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8rem;
	letter-spacing: 0.75px;
	text-transform: uppercase;
	transition: var(--transition);
}
.contact-form-submit input:hover {
	color: var(--color-white);
	background-color: rgb(18 14 3);
}
.contact-figure-side {
	position: relative;
}
.contact-shape-top {
	position: absolute;
	top: -9.6rem;
	left: 10%;
	width: 9.2rem;
	height: 100%;
	z-index: 1;
}
.contact-figure {
	width: 64.4rem;
	height: 56.4rem;
	margin-left: auto;
	position: relative;
	overflow: hidden;
}
.contact-figure img.image-parallax-common {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 150%;
	object-fit: cover;
	object-position: center;
	padding: 0;
}
.label-input-group input.wpcf7-not-valid {
	border: 0.1rem solid rgb(255 0 0);
}
.label-input-group input.wpcf7-not-valid::placeholder {
	color: rgb(255 0 0);
}
.label-input-group .wpcf7-not-valid-tip {
	display: none;
}
.contact-form-side .wpcf7-response-output {
	border: 0.1rem solid var(--color-yellow) !important;
	font-family: var(--primary-font);
	font-size: 1.3rem;
	font-weight: 400 !important;
	color: var(--color-black-B);
	width: fit-content;
	margin: 1rem 0 0 0 !important;
	padding: 0.5rem 1rem !important;
}
.contact-form-submit p {
	padding-bottom: 0 !important;
}
/* :::::::::::::::::: Footer Style Start :::::::::::::::::: */
.footer-wrapper {
	display: flex;
	justify-content: space-between;
	padding-top: 8.3rem;
	padding-bottom: 5.5rem;
	position: relative;
	overflow-y: clip;
}

.footer-bubble {
	position: relative;
}

.footer-bubble-shape {
	position: absolute;
	top: -11.5rem;
	right: -10.5rem;
	width: 9.1rem;
	height: 24.7rem;
}

.footer-wrapper .z-shape-figure {
	position: absolute;
	left: 133rem;
	top: 10.5rem;
}

.footer-menus ul {
	color: var(--color-yellow);
	font-size: 1.6rem;
}

.footer-menus ul li {
	padding-bottom: 2rem;
}

.footer-menus ul li:last-child {
	padding-bottom: 0;
}

.footer-menus ul li a {
	color: var(--color-black-B);
	font-family: var(--primary-font);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
	text-transform: capitalize;
	transition: var(--transition);
}

.footer-menus ul li a:hover {
	color: var(--color-yellow);
}

.footer-menus ul li.current-menu-item a {
	color: var(--color-yellow);
}

.footer-address {
	display: flex;
	flex-direction: column;
	gap: 2.1rem;
}

.footer-address a {
	color: var(--color-black-B);
	font-family: var(--primary-font);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
	display: flex;
	align-items: flex-start;
	gap: 1.4rem;
	transition: var(--transition);
}

.footer-address a span {
	color: rgb(193,147,4);
	font-size: 2.4rem;
}

.footer-address a:hover {
	color: var(--color-yellow);
}

.footer-copyright-section {
	background-color: var(--color-yellow);
	padding: 1.4rem 0 1.3rem 0;
}

.footer-copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-copyright p {
	color: var(--color-black-B);
	font-family: var(--primary-font);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4rem;
}
.footer-copyright p span {
	font-weight: 700;
}
.footer-copyright p a {
	color: var(--color-black-B);
	font-weight: 700;
	transition: var(--transition);
}
.footer-copyright p a:hover {
	color: var(--color-white);
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* :::::::::::::::::: Inner Banner Style Start :::::::::::::::::: */
.inner-banner-section {
	position: relative;
	background-color: var(--color-black);
	height: 45rem;
}
.inner-banner-figure {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: var(--color-black);
}
.inner-banner-figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.inner-banner-figure::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgb(0 0 0 / 70%) 0%, rgb(255 255 255 / 0%) 50%, rgb(0 0 0 / 70%) 100%);
}
.inner-banner-content {
	position: absolute;
	bottom: 10%;
	overflow: hidden;
}
.inner-banner-content .common-text p {
	padding-bottom: 0;
}
.inner-banner-heading {
	color: var(--color-white);
	font-family: var(--secondary-font);
	font-size: 7rem;
	font-style: normal;
	font-weight: 700;
	line-height: 9rem;
	text-transform: capitalize;
}
.inner-banner-heading span {
	color: var(--color-yellow);
}
.inner-banner-content .common-text p {
	color: var(--color-white);
}

/* :::::::::::::::::: Inner Product Listing Style Start :::::::::::::::::: */
.product-listing-section {
    background-color: var(--color-yellow-fade);
    padding-top: 9.3rem;
    padding-bottom: 9.4rem;
}
.product-listing-section .common-heading {
    text-align: center;
}
.product-listing-section .common-heading .short-heading {
    justify-content: center;
}
.product-listing-page-link {
    margin-top: 0.6rem;
    margin-bottom: 4.1rem;
}
.product-listing-page-link ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin: 0;
    padding: 0;
}
.product-listing-page-link ul li {
    display: flex;
    border: 0.1rem solid var(--color-black-B);
    border-radius: 0.4rem;
    transition: var(--transition);
}
.product-listing-page-link ul li.active {
    border: 0.1rem solid var(--color-yellow);
    background-color: var(--color-yellow);
}
.product-listing-page-link ul li a {
    color: var(--color-black-D);
    text-align: center;
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem; 
    padding: 1.2rem 1.8rem;
    transition: var(--transition);
}
.product-listing-page-link ul li:hover {
    border: 0.1rem solid var(--color-yellow);
    background-color: var(--color-yellow);
}
.product-listing-page-link ul li:hover a {
    color: var(--color-white);
}
.product-listing-page-link ul li.active a {
    color: var(--color-white);
}

/* :::::::::::::::::: Inner Product Details Style Start :::::::::::::::::: */
.product-details-section {
    padding-top: 17rem;
    padding-bottom: 8.1rem;
}
.product-thumble-slider {
    margin-top: 2rem;
}
.product-thumble-slider .swiper-wrapper {
    justify-content: center;
}
.product-thumble-slider .swiper-slide {
    margin-right: 1.3rem !important;
}
.product-thumble-slider .swiper-slide-thumb-active {
    border: 0.2rem solid var(--color-yellow);
}
.product-single-img-slider .swiper-slide {
    height: 46.4rem;
}
.product-single-img-slider .swiper-slide .product-details-figure {
    height: 100%;
    width: 100%;
}
.product-single-img-slider .swiper-slide .product-details-figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.product-details-thumbs .swiper-button-prev {
    left: -1rem;
    background-color: var(--color-white);
    box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    top: 75%;
    transform: translateY(-50%);
    transition: var(--transition);
}
.product-details-thumbs .swiper-button-prev:hover {
    background-color: var(--color-yellow);
}
.product-details-thumbs .swiper-button-prev::after {
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--color-black);
    transition: var(--transition);
}
.product-details-thumbs .swiper-button-prev:hover::after {
    color: var(--color-white);
}
.product-details-thumbs .swiper-button-next {
    right: -1rem;
    background-color: var(--color-white);
    box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    top: 75%;
    transform: translateY(-50%);
    transition: var(--transition);
}
.product-details-thumbs .swiper-button-next:hover {
    background-color: var(--color-yellow);
}
.product-details-thumbs .swiper-button-next::after {
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--color-black);
    transition: var(--transition);
}
.product-details-thumbs .swiper-button-next:hover::after {
    color: var(--color-white);
}
.product-thumble-slider .swiper-slide {
    height: 8.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.product-thumble-slider .swiper-slide:hover {
    cursor: pointer;
}
.product-thumble-slider .product-details-figure {
    height: 8.5rem;
    width: 100%;
}
.product-thumble-slider .product-details-figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.product-details-content-side {
    padding-left: 5.9rem;
}
.product-details-content-side .common-heading {
    padding-bottom: 2.6rem;
}
.product-details-content-side h2 {
    color: var(--color-black-C);
    font-family: var(--primary-font);
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.5rem;
    text-transform: capitalize;
    margin-bottom: 2.1rem;
}
.product-details-content-side ul {
    margin: 0 0 1.3rem 0;
}
.product-details-content-side ul li {
    color: var(--color-black-D);
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.4rem; 
    text-transform: capitalize;
}
.product-details-figure .product-slider-fancybox {
    display: block;
    border: none;
    outline: none;
}
.product-single-img-slider .swiper-slide  .product-details-figure .product-slider-fancybox {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.product-single-img-slider .swiper-slide  .product-details-figure .product-slider-fancybox::after {
    content: "\e904";
    font-family: icomoon;
    line-height: 2rem;
    font-size: 2rem;
    color: var(--color-white);
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: rgb(239 183 9);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.logged-in .fancybox-toolbar {
    top: 3.2rem;
}

/* :::::::::::::::::: Specification Style Start :::::::::::::::::: */
.specification-common-bg.active {
    background-color: var(--color-yellow-fade);
    border-top: 0.1rem solid var(--color-yellow);
    padding-top: 3.4rem;
    padding-bottom: 8.3rem;
}
.specification-list{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.specification-list li {
    display: flex;
}
.specification-list li .nav-link {
    color: var(--color-black-E);
    text-align: center;
    font-family: var(--primary-font);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.8rem; 
    letter-spacing: 0.75px;
    text-transform: uppercase;
    padding: 1.7rem 1.8rem;
    border: 0.1rem solid var(--color-black-E);
    border-bottom: none;
    border-radius: 0.4rem 0.4rem 0 0;
    transition: var(--transition);
}
.specification-list li .nav-link.active {
    color: var(--color-black-B);
    background-color: var(--color-yellow);
    border: 0.1rem solid var(--color-yellow);
    border-bottom: none;
}
.specification-list li .nav-link:hover {
    color: var(--color-black-B);
    background-color: var(--color-yellow);
    border: 0.1rem solid var(--color-yellow);
    border-bottom: none;
}

.specification-common-bg h2 {
    color: var(--color-black-B);
    font-family: var(--secondary-font);
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 5rem;
    text-transform: capitalize;
    margin-bottom: 1.1rem;
}
.specification-common-bg .common-text ul {
    margin-top: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.specification-common-bg .common-text ul li {
    color: var(--color-black-D);
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.6rem;
    text-transform: capitalize;
    position: relative;
    padding-left: 4.1rem;
    padding-bottom: 2.5rem;
}
.specification-common-bg .common-text ul li:last-child {
    padding-bottom: 0;
}
.specification-common-bg .common-text ul li::before {
    content: "\e905";
    font-family: 'icomoon';
    font-size: 1.2rem;
    color: var(--color-white);
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: var(--color-yellow);
    display: flex;
    align-items: center;
    justify-content: center;
}
.specification-common-bg .common-text p {
    padding-bottom: 3.2rem;
}
.specification-common-bg .common-text p a {
    color: var(--color-yellow);
    font-family: var(--primary-font);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.6rem;
    text-transform: capitalize;
}
.specification-common-bg .common-text h3 {
    color: var(--color-black-B);
    font-family: var(--secondary-font);
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3rem;
    text-transform: capitalize;
    margin-bottom: 0.9rem;
}
.pdf-link {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
}
.pdf-link a {
    display: flex;
    align-items: baseline;
    gap: 1.4rem;
    color: var(--color-black-B);
    font-family: var(--secondary-font);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.8rem;
    text-transform: capitalize;
    transition: var(--transition);
}
.pdf-link a span {
    font-size: 1.5rem;
    color: rgb(222, 40, 0);
    transition: var(--transition);
}
.pdf-link a:hover {
    color: var(--color-yellow);
}
.pdf-link a:hover span {
    color: var(--color-yellow);
}

/* :::::::::::::::::: Projects List Style Start :::::::::::::::::: */
.project-listing-section {
    background-color: var(--color-yellow-fade);
    padding: 10.1rem 0 7.1rem 0;
}
.project-listing-section .common-heading {
    text-align: center;
}
.project-listing-section .short-heading {
    justify-content: center;
}
.project-wrapper .home-projects {
    margin: 1.3rem 0.5rem;
}
.project-wrapper {
    margin-top: 1.9rem;
}

/* :::::::::::::::::: Projects Details Style Start :::::::::::::::::: */
.project-details-section {
    padding-top: 17.1rem;
}
.project-details-img-slider {
    position: relative;
    margin-top: 2.4rem;
    padding: 0 6.3rem;
}
.project-details-img-slider .swiper-slide {
    height: 64.9rem;
}
.project-details-figure {
    width: 100%;
    height: 100%;
}
.project-details-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-details-img-slider .swiper-button-prev {
    left: 3%;
    width: 7rem;
    height: 7rem;
    background-color: var(--color-white);
    border-radius: 50%;
    box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px;
    transition: var(--transition)
}
.project-details-img-slider .swiper-button-prev::after {
    font-size: 3rem;
    font-weight: bold;
    color: var(--color-black);
    transition: var(--transition)
}
.project-details-img-slider .swiper-button-prev:hover {
    background-color: var(--color-yellow);
}
.project-details-img-slider .swiper-button-prev:hover::after {
    color: var(--color-white);
}
.project-details-img-slider .swiper-button-next {
    right: 3%;
    width: 7rem;
    height: 7rem;
    background-color: var(--color-white);
    border-radius: 50%;
    box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px;
    transition: var(--transition)
}
.project-details-img-slider .swiper-button-next::after {
    font-size: 3rem;
    font-weight: bold;
    color: var(--color-black);
    transition: var(--transition)
}
.project-details-img-slider .swiper-button-next:hover {
    background-color: var(--color-yellow);
}
.project-details-img-slider .swiper-button-next:hover::after {
    color: var(--color-white);
}
.project-details-content {
    padding-top: 6.8rem;
    padding-bottom: 5.3rem;
}
.project-details-content.specification-common-bg {
    background-color: transparent;
    border-top: none;
}
.project-details-content.specification-common-bg .common-text ul {
    margin-bottom: 3.8rem;
}
.project-details-video-gallery {
    margin-top: 1.3rem;
}
.projects-video-gallery-loop {
    padding: 0 1.2rem 2.4rem;
}
.projects-video-gallery-loop:nth-child(even) {
    padding-right: 0;
}
.projects-video-gallery-loop:nth-child(odd) {
    padding-left: 0;
}
.project-details-video {
    width: 100%;
    height: 32.3rem;
    overflow: hidden;
}
.details-video {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.details-video-figure {
    width: 100%;
    height: 100%;
    position: relative;
}
.details-video-figure::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgba(0, 0, 0, 0.40) 100%), #00000070 50%;
    top: 0;
    left: 0;
}
.details-video-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.details-video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.related-projects-section {
    background-color: var(--color-yellow-fade);
    padding-top: 7.6rem;
    padding-bottom: 6.2rem;
}
.related-projects-wrapper .row {
    flex-wrap: nowrap;
    margin: 0;
}
.related-projects-wrapper {
    margin-top: 5.2rem;
}
.related-projects-wrapper .home-projects {
    margin: 0 0.5rem 1rem;
}

/* :::::::::::::::::: Technical Document Style Start :::::::::::::::::: */
.technical-document-section {
    background-color: var(--color-yellow-fade);
    padding-top: 5.8rem;
    padding-bottom: 2.3rem;
}
.technical-document-heading {
    color: var(--color-black-B);
    font-family: var(--secondary-font);
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.8rem; 
    text-transform: capitalize;
    margin-bottom: 1.7rem;
}
.technical-document .common-text p {
    padding-bottom: 3rem;
}
.technical-document a {
    color: var(--color-black-B);
    font-family: var(--primary-font);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.8rem;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 1.4rem;
    transition: var(--transition);
}
.technical-document a span {
    color: rgb(222, 40, 0);
    transition: var(--transition);
}
.technical-document a:hover {
    color: var(--color-yellow);
}
.technical-document a:hover span {
    color: var(--color-yellow);
}

.technical-document-list-loop {
    position: relative;
    padding: 1.3rem 2.8rem;
    margin-bottom: 5rem;
}
.technical-document-list-loop:nth-child(3n+3)::after {
    opacity: 0;
}
.technical-document-list-loop::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0.1rem;
    height: 100%;
    background-color: rgb(152, 151, 147);
}

/* :::::::::::::::::: Thank You Style Start :::::::::::::::::: */
.thank-you-section {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--color-black);
}
.thank-you-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
.thank-you-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.thank-you-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
}
.thank-you-heading-wrapper {
    position: relative;
    margin-top: 9.1rem;
    margin-bottom: 8.9rem;
}
.thank-you-heading {
    color: var(--color-white);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 16.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 6.4rem;
    text-transform: capitalize;
}
.thank-you-heading span {
    color: var(--color-yellow);
}
.thank-you-heading-shape {
    position: absolute;
    top: 10rem;
    right: 2%;
}
.thank-you-text p {
    color: var(--color-white);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 2.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.7rem;
    width: 100%;
    max-width: 63.1rem;
}
.back-to-home-button {
    margin-top: 5.6rem;
}
.back-to-home-button .back-to-home-link {
    color: rgb(6, 7, 77);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    background-color: var(--color-yellow);
    width: 24.8rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.4rem;
    transition: var(--transition);
}
.back-to-home-button .back-to-home-link:hover {
    color: var(--color-yellow);
    background-color: var(--color-white);
}

/* :::::::::::::::::: 404 Style Start :::::::::::::::::: */
.notfound-section {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--color-black);
}
.notfound-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
.notfound-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.notfound-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
}
.notfound-top-heading {
    color: var(--color-white);
    font-family: var(--secondary-font);
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 6.5rem;
}
.notfound-figure-wrapper {
    padding-top: 1.6rem;
    padding-bottom: 5.4rem;
}
.thank-you-text {
    text-align: center;
}
.thank-you-text span {
    color: var(--color-white);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 2.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.7rem;
}
.notfound-text p:first-child {
    color: var(--color-white);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 2.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.7rem;
    text-decoration: underline;
    text-underline-offset: 0.5rem;
}
.notfound-text p:last-child {
    color: var(--color-white);
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.7rem;
    padding-top: 1.3rem;
}

/* :::::::::::::::::: External Style Start :::::::::::::::::: */
.content-pagination {
    margin-top: 5rem;
}
.content-pagination ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.content-pagination ul li {
    border-top: 0.1rem solid rgb(171 171 171);
    border-right: 0.1rem solid rgb(171 171 171);
    border-bottom: 0.1rem solid rgb(171 171 171);
}
.content-pagination ul li:first-child {
    border-left: 0.1rem solid rgb(171 171 171);
}
.content-pagination ul li a {
    padding: 1rem 2rem;
    display: block;
    font-family: var(--secondary-font);
    color: var(--color-black-B);
    font-size: 1.5rem;
    font-weight: 400;
}
.content-pagination ul li span {
    padding: 1rem 2rem;
    display: block;
    font-family: var(--secondary-font);
    color: var(--color-white);
    font-size: 1.5rem;
    font-weight: 400;
    background-color: rgb(18 14 3);
}
.content-pagination ul li a.prev-btn.disabled {
    color: rgb(171 171 171);
    cursor: not-allowed;
}
.content-pagination ul li a.next-btn.disabled {
    color: rgb(171 171 171);
    cursor: not-allowed;
    pointer-events: none;
}

/* Listing Notfound */
.listing-notfound {
    padding: 5rem 5rem;
    font-family: var(--secondary-font);
    font-size: 3rem;
    font-weight: 500;
    line-height: 3.4rem;
    color: var(--color-black-B);
    text-align: center;
    width: fit-content;
    margin: 5rem auto;
}

body.search .inner-banner-heading {
    font-family: var(--primary-font);
}

.entry-content.common-text h2 {
    color: var(--color-black-B);
    font-family: var(--secondary-font);
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.4rem;
    text-transform: capitalize;
    margin-bottom: 1.1rem;
}
.entry-content.common-text p a {
    text-decoration: underline;
}
.entry-content.common-text p a:hover {
    text-decoration: none;
}

.search_sec_loop {
    padding-bottom: 5rem;
}

.grecaptcha-badge{display:none !important;}
 

/* :::::::::::: Animation Start :::::::::::: */
/* Bubble Animation Start */
.bubble-shape-common svg path{ animation-name:bubbleupdown; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function:ease; fill: #efb709; }
.bubble-shape-common svg path:nth-child(2){animation-delay:1s;}
.bubble-shape-common svg path:nth-child(3){animation-delay:1.2s;}
.bubble-shape-common svg path:nth-child(4){animation-delay:1.3s;}
.bubble-shape-common svg path:nth-child(5){animation-delay:1.4s;}
.bubble-shape-common svg path:nth-child(6){animation-delay:1.5s;}
.bubble-shape-common svg path:nth-child(7){animation-delay:1.6s;}
.bubble-shape-common svg path:nth-child(8){animation-delay:1.7s;}
.bubble-shape-common svg path:nth-child(9){animation-delay:1.8s;}
.bubble-shape-common svg path:nth-child(10){animation-delay:1.9s;}
.bubble-shape-common svg path:nth-child(11){animation-delay:2s;}
.bubble-shape-common svg path:nth-child(12){animation-delay:2.1s;}
.bubble-shape-common svg path:nth-child(13){animation-delay:2.2s;}
.bubble-shape-common svg path:nth-child(14){animation-delay:2.3s;}
.bubble-shape-common svg path:nth-child(15){animation-delay:2.4s;}
.bubble-shape-common svg path:nth-child(16){animation-delay:2.5s;}
.bubble-shape-common svg path:nth-child(17){animation-delay:2.6s;}
.bubble-shape-common svg path:nth-child(18){animation-delay:2.7s;}
.bubble-shape-common svg path:nth-child(19){animation-delay:2.8s;}
.bubble-shape-common svg path:nth-child(20){animation-delay:2.9s;}
.bubble-shape-common svg path:nth-child(21){animation-delay:3s;}
.bubble-shape-common svg path:nth-child(22){animation-delay:1.1s;}
.bubble-shape-common svg path:nth-child(23){animation-delay:1.2s;}
.bubble-shape-common svg path:nth-child(24){animation-delay:1.3s;}
.bubble-shape-common svg path:nth-child(25){animation-delay:1.4s;}
.bubble-shape-common svg path:nth-child(26){animation-delay:1.5s;}
.bubble-shape-common svg path:nth-child(27){animation-delay:1.6s;}
.bubble-shape-common svg path:nth-child(28){animation-delay:1.7s;}
.bubble-shape-common svg path:nth-child(29){animation-delay:1.8s;}
.bubble-shape-common svg path:nth-child(30){animation-delay:1.9s;}
.bubble-shape-common svg path:nth-child(31){animation-delay:2.1s;}
.bubble-shape-common svg path:nth-child(32){animation-delay:2.2s;}
.bubble-shape-common svg path:nth-child(33){animation-delay:2.3s;}
.bubble-shape-common svg path:nth-child(34){animation-delay:2.4s;}
.bubble-shape-common svg path:nth-child(35){animation-delay:2.5s;}
.bubble-shape-common svg path:nth-child(36){animation-delay:2.6s;}
.bubble-shape-common svg path:nth-child(37){animation-delay:2.7s;}
.bubble-shape-common svg path:nth-child(38){animation-delay:2.8s;}
.bubble-shape-common svg path:nth-child(39){animation-delay:2.9s;}
.bubble-shape-common svg path:nth-child(40){animation-delay:3s;}
.bubble-shape-common svg path:nth-child(41){animation-delay:1.1s;}
.bubble-shape-common svg path:nth-child(42){animation-delay:1.2s;}
.bubble-shape-common svg path:nth-child(43){animation-delay:1.3s;}
.bubble-shape-common svg path:nth-child(44){animation-delay:1.4s;}
.bubble-shape-common svg path:nth-child(45){animation-delay:1.5s;}
.bubble-shape-common svg path:nth-child(46){animation-delay:1.6s;}
.bubble-shape-common svg path:nth-child(47){animation-delay:1.7s;}
.bubble-shape-common svg path:nth-child(48){animation-delay:1.8s;}
.bubble-shape-common svg path:nth-child(49){animation-delay:1.9s;}
.bubble-shape-common svg path:nth-child(50){animation-delay:2s;}

@keyframes bubbleupdown {
    0% {
        opacity: 0.5;
        -webkit-transform: translateY(-25px);
        -moz-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        -o-transform: translateY(-25px);
        transform: translateY(-25px);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateY(25px);
        -moz-transform: translateY(25px);
        -ms-transform: translateY(25px);
        -o-transform: translateY(25px);
        transform: translateY(25px);
    }
}