/*======================
        1.BASIC
========================*/

@import url("https://p.typekit.net/p.css?s=1&k=htd2dst&ht=tk&f=53892&a=209166826&app=typekit&e=css");

@font-face {
	font-family: "the-seasons";
	src: url("https://use.typekit.net/af/b8a9de/00000000000000007750b301/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/b8a9de/00000000000000007750b301/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/b8a9de/00000000000000007750b301/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
	font-display: auto;
	font-style: italic;
	font-weight: 400;
	font-stretch: normal;
}

.custom-italic {
	font-family: "the-seasons";
	font-style: italic;
}

/* PP Neue Montreal Bold */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}

/* PP Neue Montreal Bold Italic */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-BoldItalic.otf') format('opentype');
	font-weight: 700;
	font-style: italic;
}

/* PP Neue Montreal Book */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-Book.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}

/* PP Neue Montreal Book Italic */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-BookItalic.otf') format('opentype');
	font-weight: 400;
	font-style: italic;
}

/* PP Neue Montreal Italic */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-Italic.otf') format('opentype');
	font-weight: 400;
	font-style: italic;
}

/* PP Neue Montreal Light */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
}

/* PP Neue Montreal Light Italic */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-LightItalic.otf') format('opentype');
	font-weight: 300;
	font-style: italic;
}

/* PP Neue Montreal Medium */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}

/* PP Neue Montreal Medium Italic */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-MediumItalic.otf') format('opentype');
	font-weight: 500;
	font-style: italic;
}

/* PP Neue Montreal Regular */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}

/* PP Neue Montreal SemiBold */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-SemiBold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
}

/* PP Neue Montreal SemiBold Italic */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-SemiBoldItalic.otf') format('opentype');
	font-weight: 600;
	font-style: italic;
}

/* PP Neue Montreal Thin */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-Thin.otf') format('opentype');
	font-weight: 100;
	font-style: normal;
}

/* PP Neue Montreal Thin Italic */
@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/PPNeueMontreal-ThinItalic.otf') format('opentype');
	font-weight: 100;
	font-style: italic;
}

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

.page,
.post {
	margin: 0 !important
}

html {
	box-sizing: border-box;
	font-size: 100%;
	overflow-x: hidden;
	scroll-behavior: smooth;
	-ms-overflow-style: scrollbar;
}

a {
	color: #1B1C1A;
	display: inline-block;
	outline: none;
	text-decoration: none;
}

ul,
ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

body {
	color: #1B1C1A;
	font-family: 'PP Neue Montreal';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	overflow-x: hidden;
	padding: 0 !important;
	-webkit-font-smoothing: antialiased;
	background-color: #F3EFE9;
}

.bg-brown {
	background-color: #1B1C1A;
}

.bg-light {
	background: #F9F7F3
}

.bg-gold {
	background: var(--Gold-mustard, #A58547);
}

.bg-beige {
	background: var(--Beige-bg, #F3EFE9);
}

a.btn.transprant-btn:hover {
	border-radius: 0px 15px;
	background: #FFF;
	color: #000;
}

.bg-gold a.btn.transprant-btn,
.bg-light a.btn.transprant-btn,
.all-project-btn a.btn.transprant-btn,
.error-404.not-found a.btn {
	border: 1px solid var(--Black, #000);
	color: var(--Black, #000);
}

.bg-gold a.btn.transprant-btn:hover,
.bg-light a.btn.transprant-btn:hover,
.all-project-btn a.btn.transprant-btn:hover,
.error-404.not-found a.btn:hover {
	border-radius: 0px 15px;
	background: var(--Black, #000);
	color: #fff;
}

a.defualt_btn,
.defualt_btn a,
.defualt_btn input[type="submit"],
.btn_border input[type="submit"] {
	background: #A58547;
	border-radius: 30px;
	border: 1px solid transparent;
	color: #1B1C1A;
	font-family: 'PP Neue Montreal';
	font-size: 16px;
	font-style: normal;
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
	padding: 16px 32px;
	text-align: center;
	text-transform: capitalize;
	transition: all 0.4s;
}

a.btn.transprant-btn {
	padding: 10px 24px;
	transition: all 0.5s;
}

a.btn_border,
.btn_border input[type="submit"] {
	background-color: transparent;
	border: 2px solid #A58547;
}

a.btn_border:hover,
.btn_border input[type="submit"]:hover {
	color: #fff;
}

a.defualt_btn:hover,
.defualt_btn a:hover {
	background: #373634;
	border-color: #373634;
	color: #A58547;
}

.sub-title {
	color: var(--Gold-mustard, #A58547);
	/* text-align: center; */
	font-family: "PP Neue Montreal";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 1.28px;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.into-text {
	color: #000;
	text-align: center;
	font-family: "PP Neue Montreal";
	font-size: 23px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}


p {
	color: var(--Black, #000);
	font-family: "PP Neue Montreal";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
	/* 26.1px */
	margin-bottom: 0;
}

img:not(.custom-logo, .normal),
video {
	border-radius: 80px 0px;
}

.text-cap {
	text-transform: uppercase;
}

.p_16 {
	color: var(--Black, #000);
	font-family: "PP Neue Montreal";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

h1 {
	color: #000;
	font-family: "PP Neue Montreal";
	font-size: 75px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase;
}


h2 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "PP Neue Montreal";
	font-size: 55px;
	font-style: normal;
	font-weight: 500;
	line-height: 115%;
}

h3 {
	color: var(--Black, #000);

	/* H3 */
	font-family: "PP Neue Montreal";
	font-size: 50px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	/* 60px */
}

h4 {
	color: var(--Black, #000);

	/* H4 - normal */
	font-family: "PP Neue Montreal";
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	/* 42px */
}

h5 {
	color: var(--Black, #000);

	/* H5 - 26 */
	font-family: "PP Neue Montreal";
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 115%;
	/* 29.9px */
}

h6 {
	color: #1B1C1A;
	font-family: 'PP Neue Montreal';
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.2px;
	line-height: 24px;
	text-transform: uppercase;
}

@media(max-width:1199px) {
	h1 {
		font-size: 55px;
	}

	h2 {
		font-size: 45px;
	}

	h3 {
		font-size: 36px;
	}

	h4 {
		font-size: 30px;
	}
}

@media(max-width:1199px) {
	h1 {
		font-size: 55px;
	}

	h2 {
		font-size: 45px;
	}

	h3 {
		font-size: 36px;
	}

	h4 {
		font-size: 30px;
	}
}

@media(max-width:992px) {
	h1 {
		font-size: 45px;
	}

	h2 {
		font-size: 38px;
	}

	h3 {
		font-size: 32px;
	}

	h4 {
		font-size: 28px;
	}
}


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0;
}

.footer-menu ul li a:hover,
.footer-details ul li span.text a:hover,
.copyright-text a:hover,
.menu-link li a:hover {
	color: #FFCE00;
}

.gray-txt {
	color: #1B1C1A
}

span.edit-link {
	margin-left: 4px;
}

section {
	padding: 120px 0 130px 0;
}

section.hero-section {
	padding: 20px 0 120px 0;
}

section.hero-section img {
	min-height: 456px;
	max-height: 100%; /* HOME PAGE SLIDER */ 
	object-fit: cover;
	width: 100%;
}
section.hero-section.inner-banner img {
	max-height: 461px;
}

section.our-service-section {
	padding: 140px 0 170px 0;
}

img {
	max-width: 100%;
	width: auto;
}

section.bg-black {
	background-color: var(--Black, #000);
	color: #ffffff;
}

.single-post-content {
	margin: 0 auto;
	max-width: 840px;
	width: 100%;
}

video {
	max-width: 100%;
}

header.entry-header {
	text-align: center;
	margin-bottom: 40px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea {
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #1B1C1A;
	color: #1B1C1A !important;
	font-family: 'PP Neue Montreal';
	font-weight: 400;
	margin: 0 0 5px 0;
	padding: 0 0 24px 0;
	width: 100%;
}

input:focus,
textarea:focus {
	outline: 0;
	border-color: #A58547;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder {
	color: #1B1C1A !important;
}

textarea {
	height: 48px;
	overflow: hidden;
}

.wpcf7-not-valid-tip {
	font-size: 14px;
}

.wpcf7 form .wpcf7-response-output {
	border-color: #A58547;
	font-size: 14px;
	text-align: center;
}

.wpcf7-spinner {
	top: 10px;
}

/* HOME HERO */
.group-text {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.group-text p {
    display: contents;
	font-size: 90px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	text-transform: uppercase;
}

p.change-text.custom-italic {
	color: var(--Gold-mustard, #A58547);
	font-family: "the-seasons";
	font-size: 110px;
	font-style: italic;
	font-weight: 400;
	line-height: 80%;
	text-transform: lowercase;
	overflow-wrap: anywhere;
}


/* HOVER ANIMATION CSS - START */
.related-services .related-img img{
	transition: all 0.3s ease-in-out;
}
.related-services .related-img img:hover {
	border-radius: 0 50px;
}

.projects-slider-section .slick-current .project-thumbnail a::after {
	content: "See Project";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	z-index: 2;
	text-align: center;
	color: #FFF;
	text-align: center;
	font-size: 28px;
}

.projects-slider-section .slick-current .project-thumbnail:hover a img {
	filter: brightness(0.6) opacity(1);
	transform: scale(1.098);
}

.projects-slider-section .slick-current .project-thumbnail:hover a::after {
	opacity: 1;
}

/* HOVER ANIMATION CSS - END */


/* HOME SERVICE */
.our-service-section h2 {
	text-align: left;
	color: #ffffff;
}

.our-service-section .service-details {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 40px;
}

.our-service-section .service-details>div {
	flex: 0 0 50%;
}

.our-service-section .service-details .description p {
	font-size: 23px;
	line-height: 32.2px;
	padding-right: 12px;
	color: #ffffff;
}

.our-service-section .all-service-accordion-wrap {
	margin-top: 80px;
}

.our-service-section .all-service-accordion-wrap {
	display: flex;
	justify-content: space-between;
}

.our-service-section .all-service-accordion-wrap>div {
	flex: 0 0 50%;
}

.our-service-section .all-service-accordion-wrap .list-accordion-image img {
	width: 100%;
	height: 620px;
	object-fit: cover;
	max-width: 100%;
}

.our-service-section ul.list-accordion {
	max-width: 100%;
	width: -webkit-fill-available;
	width: 100%;
	margin-right: 130px;
}

.our-service-section ul.list-accordion li {
	cursor: pointer;
}

.our-service-section ul.list-accordion li a {
	padding: 32px 0;
	border-bottom: 1px solid #A58547;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	text-transform: uppercase;
	color: #ffffff;
}

.our-service-section ul.list-accordion li img {
	opacity: 0;
}

.our-service-section ul.list-accordion li.active a,
.our-service-section ul.list-accordion li:hover a {
	color: var(--Gold-mustard, #A58547);
}

.our-service-section ul.list-accordion li.active img,
.our-service-section ul.list-accordion li:hover img {
	opacity: 1;
}

.our-service-section ul.list-accordion li img {
	width: 33px;
	height: 32px;
}

.our-service-section ul.list-accordion li:first-child a {
	padding-top: 0;
}

.our-service-section ul.list-accordion li:last-child a {
	border-bottom: 0px solid #A58547;
}

/* HOME Project Slider */
.projects-slider-section .projects-info-box a.btn.transprant-btn {
	margin-top: 32px;
}

.projects-slider-section .projects-info-box {
	max-width: 880px;
}

.projects-slider-section .slick-slider {
	width: 100%;
	margin: 0 auto;
	padding-top: 60px;
}

.projects-slider-section .project-thumbnail img {
	width: 100%;
	height: 534px;
	border-radius: 0px 60px;
	object-fit: cover;
	padding: 16px 0;
}

.projects-slider-section .project-meta {
	text-align: left;
}

.projects-slider-section .project-thumbnail a {
	display: block;
}

.projects-slider-section .project-meta span.line {
	margin: 0 14px;
}

.projects-slider-section .project-meta span {
	color: var(--Gold-mustard, #A58547);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 18.2px;
	letter-spacing: 0.84px;
	text-transform: uppercase;
}

.projects-slider-section .project-title {
	color: #000;
	text-align: right;
	font-size: 35px;
	font-style: normal;
	line-height: 38.5px;
}

/* HOME Who we are */
section.who-we-are-section {
	padding: 120px 0;
}

.who-we-are-section .who-we-are-info-box {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.who-we-are-section .who-we-are-info-box .sub-title {
	color: var(--Black, #000);
}

.who-we-are-section .who-we-are-info-box h2 {
	max-width: 853px;
	text-align: left;
}

.who-we-are-section .storybook-box {
	margin-bottom: 50px;
}

.who-we-are-section .who-we-are-story-col {
	margin-top: 80px;
}

.who-we-are-section .who-we-are-story-col .title-wrap {
	gap: 24px;
	display: flex;
	font-size: 32px;
	font-weight: 500;
	line-height: 35.2px;
	text-transform: uppercase;
}

.who-we-are-section .who-we-are-story-col .box-wrap {
	gap: 24px;
	display: flex;
	flex-direction: column;
}

.who-we-are-section .who-we-are-story-col a {
	display: inline-block;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0.36px;
}

.who-we-are-section .who-we-are-story-col p {
	padding-right: 80px;
}

/* Testimonials */
section.testimonials-section {
	padding: 120px 0;
	display: flex;
	flex-direction: column;
	gap: 64px;
}

.testimonials-section .slick-dots {
	display: flex !important;
	justify-content: center;
	margin-top: 40px;
	padding: 0;
	list-style: none;
}

.testimonials-section .slick-dots li {
	margin: 0 5px;
	width: 12px;
	height: 12px;
}

.testimonials-section .slick-dots li .button {
	display: block;
	width: 12px;
	height: 12px;
	border: 2px solid #ccc;
	border-radius: 50%;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
}

.testimonials-section .slick-dots li.slick-active .button {
	background-color: #A58547;
	border-color: #A58547;
	width: 12px !important;
	height: 12px !important;
	transition: all 0.3s ease;
}

.testimonials-section .slick-dots li .button:hover {
	background-color: transparent;
	border-color: #A58547;
}

.testimonials-section .testimonials-info-box .sub-title {
	margin-bottom: 24px;
}

.testimonials-section .testimonial-slider:not(.slick-initialized)>div.slide-wrap {
	width: 50%;
}

.testimonials-section .testimonial-slider:not(.slick-initialized) {
	display: flex;
	flex-wrap: wrap;
}

.testimonials-section .testimonials-wrap-slider .slick-slide {
	border: 1px solid #EAE4D6;
	border-radius: 50px 0px;
	background: #FFF;
	display: flex;
	padding: 40px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.testimonials-section .testimonials-wrap-slider .slick-slide {
	margin: 0 40px 0 0;
}

.testimonials-section .testimonials-wrap-slider .slick-list {
	margin: 0 -40px 0 0;
}

.testimonials-section .review-text {
	font-size: 18px;
	line-height: 26.1px;
	opacity: 0.5;
}

.testimonials-section .testimonial-name {
	font-size: 16px;
	font-weight: 500;
	line-height: 19.2px;
	letter-spacing: 1.28px;
	text-transform: uppercase;
}

.testimonials-section .slick-track {
	display: flex !important;
}

.testimonials-section .slick-slide {
	height: inherit !important;
}

/* .slick-prev,
.slick-next {
	background: none;
	border: none;
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}

.slick-prev {
	left: -50px; 
}

.slick-next {
	right: -50px; 
}

*/

#menu-main-menu-primary {
	display: none;
}

/* mobile */
.mobile-only {
	display: none;
}

.desktop-only {
	display: block;
}

.who-we-are-section .who-we-are-story-col a { max-width: max-content; }
.who-we-are-section .who-we-are-story-col a:after { bottom: -3px !important; }

@media only screen and (min-width: 992px) {
	/* desktop */


	body:not(.menu-open) ul#menu-main-menu-primary {
		display: flex;
		justify-content: space-around;
		width: 100%;
	}


	.main-header .menu-item>a,
	.who-we-are-section .who-we-are-story-col a,
	.single-content a,
	footer li a,
	.footer-bottom-link a,
	.main-header .menu-item {
		/*padding-bottom: 10px;*/
		position: relative;
	}

	.main-header .menu-item>a,
	.who-we-are-section .who-we-are-story-col a,
	.single-content a,
	footer li a:not(.btn),
	.footer-bottom-link a,
	.main-header .menu-item a {
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}

	.main-header .menu-item>a:after,
	.who-we-are-section .who-we-are-story-col a:after,
	.single-content a:after,
	footer li a:not(.btn):after{
		bottom: -3px;
		height: 2px;
		left: 50%;
		position: absolute;
		transition: width 0.3s ease 0s, left 0.3s ease 0s;
		width: 0;
		content: '';
		background-color: var(--Gold-mustard, #A58547);
		/* display: none; */
	}

	footer li a:not(.btn):hover,
	footer li.current-menu-item a:not(.btn):hover,
	.footer-bottom-link a:hover,
	/* .main-header .menu-item>a:hover, */
	.main-header .menu-item.current-menu-item a {
		color: #A58547;
	}

	.who-we-are-section .who-we-are-story-col a:hover:after,
	.single-content a:hover::after,
	/* footer li a:not(.btn):hover::after, */
	footer li.current-menu-item a:not(.btn):hover::after,
	.footer-bottom-link a:hover::after,
	.main-header .menu-item>a:hover::after,
	.main-header .menu-item.current-menu-item a::after {
		width: 100%;
		left: 0;
	}

	.single-content a {
		color: #A58547;
	}
	.single-content a:hover{
		color: #000000;
	}

	.main-header .menu-item>a:after,
	.who-we-are-section .who-we-are-story-col a:after,
	.single-content a:after {
		background-color: var(--Gold-mustard, #000000);
		bottom: -1px;
	}


	

}

/*======================
        2.HEADER
========================*/

header#masthead {
	position: relative;
	width: 100%;
}

.site-header {
	background: #fff;
	left: 0;
	padding: 17px 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: all 0.5s ease-in-out;
	width: 100%;
	z-index: 1;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.site-header.sticky-header {
	padding: 10px 0;
}

.main-header {
	position: relative;
	width: 100%;
	padding: 17px 0 25px 0;
	    z-index: 8888;
}

.nav-wrap,
.main-navigation {
	width: 100%;
}

.main-navigation ul.menu {
	align-items: center;
	display: flex;
	justify-content: space-around;
}


li.menu-item-has-children {
	padding-right: 26px;
}

.menu-item-has-children .arrow {
	background-image: url(../images/arrow-down.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	height: 6px;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.4s;
	width: 12px;
}

@media(max-width:1024px){ .navbar-toggle.mega-menu-icon { right:40px; } }
@media(max-width:768px){ .navbar-toggle.mega-menu-icon { right:17px; }}


/*======================
        3.HOME
========================*/
.media-container {
	width: 100%;
}

.media-container * {
	width: 100%;
	/* height: 621px; */
	height: 73vh;
	object-fit: cover;
}

/*======================
        4.SINGLE
========================*/
.single-post header.entry-header {
	justify-self: center;
	margin-bottom: 32px;
}

.single-post .intro-text {
	color: #000;
	text-align: center;
	font-family: "PP Neue Montreal";
	font-size: 23px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	margin-top: 16px;
}

.entry-content p {
	margin-bottom: 40px;
}

/* div.site .single-post-contnet-section {
	padding-top: 0;
} */

.single-post article.post img {
	margin-top: 56px;
	max-height: 461px;
	object-fit: cover;
}

.single-post p.sub-title {
	text-align: center;
}

.single-post h3,
.single-post h4,
.single-post h5 {
	margin-bottom: 16px;
}

.error-404.not-found { text-align: center; padding: 100px 0;}
.error-404.not-found a.btn { text-transform: capitalize; padding: 9px 20px 7px 20px;}
.error-404.not-found h1.page-title { font-size: 130px; line-height: 130px; margin-bottom: 20px}
.error-404.not-found p { margin-bottom: 30px}



.single-page-content-section { padding-bottom: 112px; padding-top: 80px; position: relative;}
.single-page-content-section figure { margin: 45px 0 75px 0;}
.single-page-content-section { margin: 0 auto; max-width: 860px; width: 100%;}
.single-page-content-section figure img { margin-bottom: 16px; width: 100%;}
.single-page-content-section figure figcaption { border-left: 2px solid #1B1C1A; color: #1B1C1A; font-size: 14px; line-height: 20px; padding: 0 0 0 8px;}
.single-page-content-section p strong { font-weight: 500; font-size: 20px; line-height: 28px;}
.single-page-content-section h2, .single-page-content-section h3, .single-page-content-section h4, .single-page-content-section h5,.single-page-content-section h6 { text-align:left;	 margin-bottom: 10px;}

/*======================
        5.FOOTER
========================*/
.site-footer {
	background: #000000;
	padding: 80px 0;
}

.footer-details,
.contact-details {
	max-width: 400px;
	padding: 33px 0 56px 0;
}

.footer-details ul li,
.contact-details ul li {
	display: flex;
	margin-bottom: 24px;
}

.footer-details ul li span.text,
.contact-details ul li span.text {
	color: aliceblue;
	width: calc(100% - 30px);
}

.footer-details ul li span.text a,
.contact-details ul li span.text a {
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	text-decoration: underline;
}

.footer-details ul li span.text label,
.contact-details ul li span.text label {
	display: block;
}

.footer-details ul li span.icon,
.contact-details ul li span.icon {
	width: 30px;
}

.footer-details ul li:last-child,
.contact-details ul li:last-child {
	margin-bottom: 0;
}


.footer-details ul li:first-child a,
.contact-details ul li:first-child a {
	margin-bottom: 8px;
}

.footer-details ul li:first-child a:last-child,
.footer-details ul li:first-child a:last-child {
	margin-bottom: 0;
}

.footer-menu ul li a {
	color: #fff;
}

.footer-menu {
	display: flex;
	justify-content: space-between;
}

.footer-menu ul li {
	margin-bottom: 32px;
}

.footer-bottom {
	align-items: center;
	border-top: 1px solid #A58547;
	display: flex;
	justify-content: space-between;
	padding: 32px 0 0 0px;
}

.copyright-text p,
.copyright-text a {
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	margin: 0;
}

.footer-link ul {
	align-items: center;
	display: flex;
	gap: 18px;
}

.footer-link {
	align-items: center;
	display: flex;
	gap: 70px;
	justify-content: space-between;
}

.footer-details ul li p {
	margin: 0 0 8px 0;
}


@media (min-width: 768px) {
	/* Animation */
	body.stick-right-side .job-section-title {position: -webkit-sticky;position: sticky;top: 100px;}
	body.stick-right-side {overflow: visible;}
}

@media only screen and (min-width: 992px) {

	/* HOME Project Slider */
	.projects-slider-section .project-thumbnail img {
		height: 370px;
	}
}

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

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

	.nav-wrap {
		-ms-flex-direction: column;
		-ms-flex-pack: justify;
		-ms-transform: translateX(100%);
		-o-transition: all 0.5s linear;
		-webkit-box-direction: normal;
		-webkit-box-orient: vertical;
		-webkit-box-pack: justify;
		-webkit-box-shadow: 2px -5px 5px 3px #ccc;
		-webkit-transform: translateX(100%);
		-webkit-transition: all 0.5s linear;
		background-color: #fff;
		box-shadow: 2px -5px 5px 3px #ccc;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: space-between;
		max-width: 100%;
		opacity: 0;
		padding: 0 20px 40px 20px !important;
		position: fixed;
		right: -100%;
		top: 0;
		transform: translateX(100%);
		transition: all 0.5s linear;
		visibility: hidden;
		width: 100%;
		z-index: 0;
	}

	.site-branding,
	.mobile_logo {
		-ms-flex-align: center;
		-ms-flex-pack: justify;
		-webkit-box-align: center;
		-webkit-box-pack: justify;
		align-items: center;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.menu-open .nav-wrap {
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		opacity: 1;
		right: 0;
		transform: translateX(0);
		visibility: visible;
		z-index: 99;
	}

	.main-navigation ul.menu {
		-ms-flex-align: start;
		-ms-flex-direction: column;
		-webkit-box-align: start;
		-webkit-box-direction: normal;
		-webkit-box-orient: vertical;
		align-items: flex-start;
		flex-direction: column;
	}

	.site-footer {
		background: #000000;
		/* background: #1E1E1C; */
		padding: 60px 0;
	}

	.footer-menu ul li a,
	.menu-link li a {
		font-size: 14px;
	}

	.footer-link {
		gap: 35px;
	}

	.menu-link li {
		margin-right: 20px;
	}

	ul.sub-menu {
		display: none;
	}

	.menu-item-has-children .arrow {
		top: 9px;
		transform: unset;
	}

	/* .resources-post-resources .row {
		flex-direction: column-reverse;
	}

	.post-filter-select {
		justify-content: flex-start;
		margin: 0 0 20px 0;
	}

	.resources-feature-img:before {
		height: 320px;
		left: -50px;
		width: 370px;
	}

	.resources-feature-post hr {
		margin-top: 40px;
	} */

	.our-service-section ul.list-accordion {
		margin-right: 50px;
	}

	.our-service-section ul.list-accordion li a {
		font-size: 33px;
	}

	.projects-slider-section .project-thumbnail img {
		width: 100%;
		height: 300px;
	}

}


@media only screen and (max-width: 767px) {
	section.hero-section.inner-banner img {
		max-height: 272px;
		min-height: 272px;
	}

	.mobile-only {
		display: block;
	}

	.desktop-only {
		display: none;
	}

	section {
		padding: 24px 0 68px 0;
	}

	section.hero-section {
		padding: 24px 10px 60px 10px;
	}


	.single-post header.entry-header {
		margin-bottom: 16px;
	}

	.single-post p.sub-title {
		margin-top: 24px;
	}

	h2 {
		font-size: 45px;
		margin-bottom: 24px;
	}

	h3 {
		font-size: 34px;
	}

	p {
		font-size: 20px;
	}

	h4 {
		font-size: 31px;
	}

	h5 {
		font-size: 24px;
	}

	.single-post article.post img {
		margin-top: 40px;
		max-height: 195px;
	}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	input[type="number"],
	input[type="tel"],
	textarea {
		font-size: 12px;
		padding: 0 0 17px 0;
	}

	.btn_border input[type="submit"] {
		font-size: 14px;
		padding: 11px 24px;
	}

	.container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.row>div {
		padding-left: 24px;
		padding-right: 25px;
	}

	.row {
		margin-left: -20px;
		margin-right: -20px;
	}

	img:not(.custom-logo,.normal),
	video {
		border-radius: 40px 0px;
	}

	.footer-menu {
		flex-direction: column;
	}

	.footer-menu ul li {
		margin-bottom: 24px;
	}

	.footer-top .row {
		flex-direction: column-reverse;
	}

	.footer-menu .footer-logo {
		margin: 0 0 30px 0;
	}

	.footer-menu ul li a {
		font-size: 12px;
		line-height: 18px;
	}

	.site-footer {
		padding: 56px 0;
	}

	.footer-details {
		max-width: 100%;
		padding: 0;
	}

	.footer-details ul li span.text label {
		font-size: 14px;
		line-height: 21px;
	}

	.footer-bottom {
		align-items: flex-start;
		flex-flow: column;
		justify-content: flex-start;
		padding: 24px 0 0 0;
	}

	.copyright-text {
		margin-bottom: 40px;
		width: 100%;
	}

	.social-link {
		align-items: center;
		gap: 18px;
		justify-content: flex-start;
		margin: 60px 0 27px 0;
	}

	.social-link li {
		margin: 0 !important;
	}

	.hero-section .media-container * {
		max-height: 288px;
		min-height: 288px;
	}

	.hero-section .group-text p {
		font-size: 55px;
	}

	.hero-section .group-text p:first-child {
    max-width: 300px;
	}

	.hero-section .group-text {
		margin-left: 0;
		max-width: 100%;
		margin-top: 16px;
	}

	.hero-section p.change-text.custom-italic {
		font-size: 75px;
	}

	.hero-section .arrow-move-down {
		margin-top: 18px;
	}

	.hero-section .arrow-move-down svg {
		width: 40px;
	}


	/* HOME SERVICE */
	section.our-service-section {
		padding: 64px 0;
	}

	.our-service-section .service-slider img {
		width: 100%;
		height: 240px;
		object-fit: cover;
	}

	.our-service-section .service-slider h4 {
		color: var(--Gold-mustard, #A58547);
		font-size: 24px;
		margin-bottom: 0;
		margin-top: 24px;
	}

	/* .our-service-section .service-item {
		width: 240px !important;
		min-width: 240px;
	} */

	.our-service-section .service-slider.d-flex {
		/* gap: 16px; */
		margin-top: 40px;
		/* overflow: auto; */
		/* margin-right: -135px; */
		/* padding-right: 135px; */
	}
	.our-service-section .service-item {
		margin:  0 10px;
	}
	.service-slider {
		margin: 0 -20px;
	}

	.our-service-section .service-item a {
		width: 100%;
	}

	.our-service-section .service-details {
		flex-direction: column-reverse;
		align-items: baseline;
		gap: 24px;
		margin-top: 24px;
	}

	/* .our-service-section .service-slider .slick-slide { margin: 0 8px;} 
	.our-service-section .service-slider .slick-list { margin-right: -135px !important; padding-right: 135px !important; overflow: hidden; }  */

	/* HOME Project Slider */
	.projects-slider-section .project-thumbnail img {
		height: 200px;
	}

}


.projects-slider-section .project-slide img {
	width: 100%;
	/* max-width: 812px; */
	margin: auto;
	border-radius: 0 50px;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	height: 534px;
	object-fit: cover;
	padding: 0 !important;
	transition: all 0.3s ease-in-out;
}
.projects-slider-section .project-thumbnail{
	margin: 16px 0;
	overflow: hidden;
	border-radius: 0 50px;
}

.projects-slider-section .project-slide {
	padding: 0 20px;
	text-align: center;
	outline: none;
}

.projects-slider-section .slick-slide {
	transition: transform 0.5s ease, opacity 0.5s ease;
	transform: scale(0.77);
	opacity: 0.6;
}

.projects-slider-section .slick-center {
	transform: scale(1);
	opacity: 1;
	z-index: 10;
}

.projects-slider-section .project-meta,
.projects-slider-section .project-info {
	/* max-width: 812px; */
	margin: auto;
}

.projects-slider-section .project-slide {
	opacity: 0.4;

}

.projects-slider-section .project-slide.slick-current {
	opacity: 1;
}

.projects-slider-section .slick-track {
	align-items: unset;
}

.projects-slider-section .slick-arrow.slick-prev {
	left: 22% !important;
	right: auto !important;
}

.projects-slider-section .slick-arrow.slick-next {
	right: 21% !important;
	left: auto !important;
}

.slick-arrow {
	transition: all 0.3 ease-in-out;
}

.slick-arrow:hover path {
	fill: #A58547;
}

.projects-slider-section .slick-arrow {
	position: absolute;
	top: 50% !important;
	z-index: 1;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0px);
	cursor: pointer;
}

.testimonials-section .slick-dots li .button {
	border-color: #A58547 !important;
}

.slick-dots button {
	display: none;
}

.testimonials-section .slick-dots li {
	border-radius: 50px;
	border: 1px solid #A58547;
}

.testimonials-section .slick-dots li.slick-active {
	background-color: #A58547;
}

.footer-logo {
	display: block !important;
}

@media(max-width:1550px) {

	/* .projects-slider-section .project-slide img,
	.projects-slider-section .project-meta,
	.projects-slider-section .project-info {
		max-width: 630px;
	} */
}

@media(max-width:1439px) {
	.projects-slider-section .slick-arrow.slick-prev {
		left: 17% !important;
	}

	.projects-slider-section .slick-arrow.slick-next {
		right: 14% !important;
	}
}

@media(max-width:1024px) {
	.projects-slider-section .slick-arrow.slick-prev {
		left: 10% !important;
	}

	.projects-slider-section .slick-arrow.slick-next {
		right: 7% !important;
	}
}

@media(max-width:767px) {
	.custom-logo {
		max-width: 178px;
	}

	.our-service-section h2,
	.who-we-are-section .who-we-are-info-box h2,
	section.projects-slider-section.bg-light h2,
	section.testimonials-section h2,
	h2 {
		font-size: 38px;
	}

	.our-service-section .service-details .description p {
		font-size: 18px;
		line-height: 140%;
	}

	.sub-title {
		font-size: 14px;
		line-height: 110%;
	}

	section.projects-slider-section.bg-light {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.projects-slider-section .projects-info-box a.btn.transprant-btn {
		margin-top: 0;
	}

	a.btn.transprant-btn {
		font-size: 15px;
		padding: 13px 24px;
	}

	.projects-slider-section .slick-slider {
		padding-top: 40px;
	}

	.projects-slider-section .project-meta {
		font-size: 13px;
		line-height: 130%;
	}

	

	.projects-slider-section .project-title {
		font-size: 25px;
		line-height: 130%;
	}

	section.who-we-are-section,
	section.testimonials-section {
		padding: 60px 0;
	}

	section.testimonials-section {
		gap: 16px;
	}

	.who-we-are-section .storybook-box {
		margin-bottom: 40px;
	}

	.who-we-are-section .who-we-are-info-box,
	.who-we-are-section .who-we-are-story-col .col-md-9 {
		flex-wrap: wrap;
	}

	.who-we-are-section .who-we-are-story-col p {
		padding-right: 0;
	}

	.who-we-are-section .who-we-are-story-col {
		margin-top: 40px;
	}

	.who-we-are-section .who-we-are-story-col .title-wrap {
		gap: 16px;
		font-size: 24px;
		line-height: 110%;
		align-items: center;
	}

	.who-we-are-section .who-we-are-story-col .title-wrap svg {
		width: 24px;
	}

	.who-we-are-section .who-we-are-story-col .box-wrap {
		gap: 16px;
	}

	.who-we-are-section .who-we-are-story-col a {
		margin-top: 8px;
	}

	.who-we-are-section .who-we-are-story-col .col-md-9 {
		gap: 40px;
	}

	.who-we-are-section .who-we-are-story-col p,
	.testimonials-section .review-text {
		font-size: 16px;
		line-height: 140%;
	}

	.testimonials-section .testimonials-wrap-slider .slick-slide {
		padding: 24px;
	}

	.testimonials-section .testimonials-wrap-slider .slick-slide img {
		border-radius: 0;
	}

	.footer-top {
		gap: 0;
	}

	.footer-middle {
		padding: 40px 0;
	}

	.footer-bottom-link {
		max-width: 224px;
		margin: auto;
		justify-content: space-between;
		gap: 16px;
	}

	.footer-bottom-link {
		padding-top: 8px !important;
	}

	.footer-bottom-link p {
		font-size: 16px;
		width: 100%;
	}

	.footer-middle-third p {
		font-size: 18px;
	}

	.footer-logo svg {
		max-width: 284px !important;
		margin-bottom: 40px;
	}

	.footer-logo {
		margin: auto;
	}

	.projects-slider-section .project-slide {
		padding: 0;
	}

}



/* service page start here */
/*
section.hero-section.inner-banner .hero-img.parallax-window { height: 456px; position: relative; top: 0; overflow: hidden;}
section.hero-section.inner-banner .hero-img.parallax-window  img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: auto; transition: transform 0.1s ease-out; will-change: transform;}
*/

.hero-img {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat; 
	border-radius: 80px 0px; 
	transition: background-position 0.3s ease-out; 
}

.service-title .service-row {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 120px;
}

.service-title.project-title .service-row {
	padding-bottom: 64px;
}

.service-title .service-row .s-sub-title {
	width: calc(60% - 20px);
}

.service-title .service-row .s-sub-title h2 {
	text-align: left;
	font-size: 50px;
	line-height: 110%;
	max-width: 728px;
}

.hero-section {
	padding-bottom: 64px !important;
}

.service-title {
	padding-top: 0 !important;
}

.service-block.bg-light {
	background-color: transparent !important;
}

.service-title .service-item {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.service-title .service-item .service-title h3 {
	padding-bottom: 16px;
	text-transform: uppercase;
}

.service-title .service-item .service-description {
	padding-bottom: 40px;
}

.service-title .service-item .service-content {
	width: 65%;
}

.service-title .service-item .service-content p {
	max-width: 731px;
}

.service-title .service-item .service-img {
	width: calc(35% - 24px);
}

.service-title .service-item .service-img img {
	object-fit: cover;
	width: 399px;
	height: 284px;
}

.service-title .service-block .service-item:not(:first-child) {
	padding-top: 64px;
}

.service-title .service-block .service-item:not(:last-child) {
	padding-bottom: 64px;
	border-bottom: 1px solid #000000;
}

@media(max-width:991px) {
	.service-title .service-row .s-title h1 {
		font-size: 50px;
		overflow-wrap: anywhere;
	}

	.service-title .service-row .s-sub-title h2,
	.service-title .service-item .service-title h3 {
		font-size: 39px;
	}

	.service-title .service-item img {
		border-radius: 50px 0;
	}

	.service-title .service-item .service-content {
		width: 50%;
	}

	.service-title .service-item .service-img {
		width: calc(50% - 24px);
	}
}

@media(max-width:767px) {
	.service-title .service-row {
		flex-direction: column;
		padding-bottom: 40px;
	}

	.service-title .service-item img {
		width: 100% !important;
	}

	.service-title .service-item {
		flex-direction: column-reverse;
	}

	.service-title .service-item>*,
	.service-title .service-row>* {
		width: 100% !important;
	}

	section.hero-section .hero-img img {
		width: 100%;
		max-height: 100%;
		height: 100%;
		object-fit: cover;
		display: block; 
		position: absolute;
		top: 0;
		left: 0;
	}

	/* section.hero-section.inner-banner .hero-img,.about-hero-banner {
		height: 272px;
		width: 272px;
		margin: auto;
	} */

	section.hero-section.inner-banner .hero-img, .about-hero-banner {
		width: 100%;
		max-width: 768px;
		height: auto;
		aspect-ratio: 1 / 1;
		position: relative;
		overflow: hidden;
		height: fit-content;
	}

	section.hero-section {
		padding-bottom: 40px !important;
	}

	.hero-section.inner-banner {
		padding-left: 0;
		padding-right: 0;
	}

	.service-title .service-row .s-title h1 {
		font-size: 45px;
	}

	.service-title .service-row .s-sub-title h2,
	.service-title .service-item .service-title h3 {
		font-size: 30px;
	}

	.service-title .service-item .service-content p {
		font-size: 18px;
	}

	.service-title .service-item .service-description {
		padding-bottom: 24px;
	}

	.service-title .service-block .service-item:not(:last-child) {
		padding-bottom: 40px;
	}

	.service-title .service-block .service-item:not(:first-child) {
		padding-top: 40px;
	}

	section.hero-section img {
		min-height: 272px;
		max-height: 272px;
	}
}

/* service page end here */

/* single service */

.single-service-hero {
	padding-top: 40px !important;
}

.single-service-hero .single-service-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 32px;
}

.single-service-hero .single-service-row>* {
	width: calc(50% - 16px);
}

.single-service-hero .single-freature-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 624px;
	min-height: 624px;
}

.single-service-hero .single-title h1 {
	margin-bottom: 24px;
	text-transform: uppercase;
}

.single-service-hero .single-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.single-service-hero .single-content .single-description p:not(:last-child) {
	margin-bottom: 16px;
}

.single-description {
	padding-top: 16px;
}

.process-section {
	background-color: #000000;
}

.process-section .p-title h2 {
	text-align: left;
	color: #fff;
	padding-bottom: 64px;
}

.process-section .step-item img {
	border-radius: 0;
	width: 40px;
}

.process-section .process-content {
	width: calc(100% - 56px);
}

.process-section .process-content h4 {
	color: #A58547;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 110%;
	/* 35.2px */
	padding-bottom: 16px;
}

.process-section .process-content p {
	color: #fff;
	font-size: 16px;
	line-height: 140%;
	/* 22.4px */
}

.process-section .process-step-block {
	display: flex;
	gap: 56px 40px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.process-section .process-step-block>* {
	width: calc(33.33% - 26.66px);
	display: flex;
	gap: 16px;
}

.process-section .process-img img {
	margin-top: 64px;
	max-height: 600px;
	min-height: 628px;
	object-fit: cover;
	width: 100%;
}

.related-services {
	background: #FFF;
}

.related-services .related-img img {
	width: 100%;
	border-radius: 50px 0;
	min-height: 284px;
	max-height: 284px;
	object-fit: cover;
	margin-bottom: 24px;
}

.related-services .related-service-title h4 {
	color: #161C39;
	font-size: 32px;
	line-height: 110%;
	/* 35.2px */
	text-transform: uppercase;
}

.related-services .related-title h2 {
	text-align: left;
}

.related-services .slick-slide {
	margin: 0 20px;
}

.related-services .slick-list {
	margin: 0 -20px;
}

.related-services .related-serviec-block {
	padding-top: 64px;
}

.related-services .slick-arrow {
	position: absolute;
	top: -110px;
	right: 0;
	cursor: pointer;
}

.related-services .slick-prev.slick-arrow {
	right: 73px;
}

.single-freature-img.for-mobile {
	display: none;
}

@media(max-width:991px) {
	.single-service-hero .single-service-row {
		flex-direction: column;
	}

	.single-service-hero .single-service-row>* {
		width: 100%;
	}

	.single-freature-img {
		display: none;
	}

	.single-freature-img.for-mobile {
		display: block !important;
		padding-top: 40px;
		padding-bottom: 24px;
	}

	.single-project .single-freature-img.for-mobile {
		padding: 8px 0;
	}

	.single-service-hero {
		padding-bottom: 80px;
	}

	.process-section,
	.projects-slider-section,
	.related-services {
		padding: 80px 0;
	}
}

@media(max-width:767px) {
	.single-service-hero {
		padding-bottom: 64px;
	}

	.process-section,
	.projects-slider-section,
	.related-services {
		padding: 64px 0;
	}

	.single-service-hero .single-freature-img img {
		max-height: 272px;
		min-height: 272px;
		object-fit: cover;
	}

	.single-service-hero {
		padding-top: 24px !important;
	}

	.single-service-hero .single-title h1 {
		font-size: 35px;
		margin-bottom: 16px;
	}

	.process-section .p-title h2 {
		padding-bottom: 40px;
		font-size: 40px;
	}

	.process-section .process-content h4 {
		font-size: 25px;
	}

	.process-section .step-item img {
		width: 24px;
	}

	.process-section .process-content {
		width: calc(100% - 48px);
	}

	.process-section .process-step-block>* {
		width: 100%;
	}

	.process-section .process-step-block {
		gap: 24px;
	}

	.process-section .process-img img {
		margin-top: 40px;
		min-height: 141px;
		max-height: 141px;
	}

	.related-services .related-serviec-block {
		padding-top: 16px;
	}

	/* p {
		font-size: 18px !important;
	} */
}

/* single service */


/* project page */

.project-cat-block ul {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	padding-bottom: 24px;
	border-bottom: 1px solid #000;
}

.project-cat-block ul li a {
	color: #000;
	transition: all 0.3s ease-in-out;
}

.project-cat-block ul li a:hover,
.project-cat-block ul li.active a {
	color: #A58547;
}

.project-block.projects-slider-section img {
	border-radius: 0;
}

.project-block.projects-slider-section .project-slide {
	opacity: 1;
	padding: 0;
}

.project-cat-block select {
	display: none;
}

.projects-slider-section.project-block .project-slide img,
.projects-slider-section.project-block .project-meta,
.projects-slider-section.project-block .project-info {
	max-width: none;
}

.project-block.projects-slider-section {
	display: flex;
	flex-wrap: wrap;
	gap: 64px 180px;
	padding-top: 80px;
	padding-bottom: 0;
}

.project-block.projects-slider-section>* {
	width: calc(50% - 90px);
}

/* .project-block.projects-slider-section>*:nth-child(2),
.project-block.projects-slider-section>*:nth-child(6),
.project-block.projects-slider-section>*:nth-child(10),
.project-block.projects-slider-section>*:nth-child(14),
.project-block.projects-slider-section>*:nth-child(18),
.project-block.projects-slider-section>*:nth-child(22) {
	width: calc(50% - 150px);
} */

.project-block.projects-slider-section > *:nth-child(4n+2),.project-block.projects-slider-section > *:nth-child(4n+3){
	width: calc(50% - 150px);
}

/* .project-block.projects-slider-section>*:nth-child(2) img,
.project-block.projects-slider-section>*:nth-child(6) img,
.project-block.projects-slider-section>*:nth-child(3) img,
.project-block.projects-slider-section>*:nth-child(7) img,
.project-block.projects-slider-section>*:nth-child(10) img,
.project-block.projects-slider-section>*:nth-child(11) img,
.project-block.projects-slider-section>*:nth-child(15) img,
.project-block.projects-slider-section>*:nth-child(19) img,
.project-block.projects-slider-section>*:nth-child(23) img,
.project-block.projects-slider-section>*:nth-child(14) img,
.project-block.projects-slider-section>*:nth-child(18) img,
.project-block.projects-slider-section>*:nth-child(22) img {
	min-height: 480px;
	max-height: 480px;
} */

/* .project-block.projects-slider-section>*:nth-child(3),
.project-block.projects-slider-section>*:nth-child(7),
.project-block.projects-slider-section>*:nth-child(11),
.project-block.projects-slider-section>*:nth-child(15),
.project-block.projects-slider-section>*:nth-child(19),
.project-block.projects-slider-section>*:nth-child(23) {
	width: calc(50% - 150px);
	margin-left: auto;
}

.project-block.projects-slider-section>*:nth-child(3),
.project-block.projects-slider-section>*:nth-child(7),
.project-block.projects-slider-section>*:nth-child(11),
.project-block.projects-slider-section>*:nth-child(15),
.project-block.projects-slider-section>*:nth-child(19),
.project-block.projects-slider-section>*:nth-child(23) {
	margin-top: -86px;
} */


.project-block.projects-slider-section > *:nth-child(4n+2) img,
.project-block.projects-slider-section > *:nth-child(4n+3) img{
	min-height: 480px;
	max-height: 480px;
}

.project-block.projects-slider-section > *:nth-child(4n+3) {
	/* margin-left: auto; */
	margin-top: -86px;
}
.project-block.projects-slider-section > *:nth-child(4n+2),
.project-block.projects-slider-section > *:nth-child(4n+3) {
	width: calc(50% - 150px);
}

/* .project-block.projects-slider-section > *:nth-child(4n+3) {
	margin-left: auto;
	margin-top: -86px;
} */

.project-block.projects-slider-section>* img {
	max-height: 396px;
	min-height: 396px;
	object-fit: cover;
	width: 100%;
}

.project-block.projects-slider-section>*:nth-child(2n) .project-title {
	text-align: left;
}

.all-project-btn {
	text-align: center;
	padding-top: 80px;
}

.project-block.projects-slider-section .project-thumbnail {
	border-radius: 0;
	transition: all 0.3s ease-in-out;
}

.project-block.projects-slider-section .project-slide:hover .project-thumbnail img{
	transform: scale(1.098);
}
.project-block.projects-slider-section .project-slide:nth-child(odd):hover .project-thumbnail{
	border-radius: 0 50px;
}
.project-block.projects-slider-section .project-slide:nth-child(even):hover .project-thumbnail{
	border-radius: 50px 0;
}

@media(max-width:1199px) {
	.project-block.projects-slider-section {
		gap: 64px 80px;
	}

	.project-block.projects-slider-section>* {
		width: calc(50% - 40px);
	}

	.project-block.projects-slider-section>*:nth-child(2),
	.project-block.projects-slider-section>*:nth-child(6),
	.project-block.projects-slider-section>*:nth-child(10),
	.project-block.projects-slider-section>*:nth-child(14),
	.project-block.projects-slider-section>*:nth-child(18),
	.project-block.projects-slider-section>*:nth-child(22) {
		width: calc(50% - 100px);
	}

	.project-block.projects-slider-section>*:nth-child(3),
	.project-block.projects-slider-section>*:nth-child(7),
	.project-block.projects-slider-section>*:nth-child(11),
	.project-block.projects-slider-section>*:nth-child(15),
	.project-block.projects-slider-section>*:nth-child(19),
	.project-block.projects-slider-section>*:nth-child(23) {
		width: calc(50% - 100px);
		margin-left: auto;
	}

	.project-cat-block ul {
		gap: 16px;
	}
}

@media(max-width:991px) {
	.project-cat-block select {
		display: block;
		/* padding: 18px 16px; */
		padding: 18px 26px 18px 16px;
		color: #000;
		font-size: 16px;
		font-weight: 500;
		line-height: 150%;
		/* 24px */
		background: transparent;
		border: 1px solid #000;
		font-family: 'PP Neue Montreal' !important;
	}

	.project-cat-block select option {
		font-family: 'PP Neue Montreal' !important;
		color: #000;
		font-size: 16px;
		font-weight: 500;
		line-height: 150%;
		/* 24px */
	}

	.project-cat-block ul {
		display: none;
	}

	.project-block.projects-slider-section {
		gap: 40px;
	}

	.project-block.projects-slider-section>* {
		width: calc(50% - 20px);
	}

	.project-block.projects-slider-section>*:nth-child(2),
	.project-block.projects-slider-section>*:nth-child(6),
	.project-block.projects-slider-section>*:nth-child(10),
	.project-block.projects-slider-section>*:nth-child(14),
	.project-block.projects-slider-section>*:nth-child(18),
	.project-block.projects-slider-section>*:nth-child(22) {
		width: calc(50% - 40px);
	}

	.project-block.projects-slider-section>*:nth-child(3),
	.project-block.projects-slider-section>*:nth-child(7),
	.project-block.projects-slider-section>*:nth-child(11),
	.project-block.projects-slider-section>*:nth-child(15),
	.project-block.projects-slider-section>*:nth-child(19),
	.project-block.projects-slider-section>*:nth-child(23) {
		width: calc(50% - 40px);
		margin-left: auto;
	}

	.project-block.projects-slider-section>* img {
		max-height: 336px;
		min-height: 336px;
	}

	.project-block.projects-slider-section> :nth-child(2) img,
	.project-block.projects-slider-section> :nth-child(6) img,
	.project-block.projects-slider-section> :nth-child(3) img,
	.project-block.projects-slider-section> :nth-child(7) img,
	.project-block.projects-slider-section> :nth-child(10) img,
	.project-block.projects-slider-section> :nth-child(11) img,
	.project-block.projects-slider-section> :nth-child(15) img,
	.project-block.projects-slider-section> :nth-child(19) img,
	.project-block.projects-slider-section> :nth-child(23) img,
	.project-block.projects-slider-section> :nth-child(14) img,
	.project-block.projects-slider-section> :nth-child(18) img,
	.project-block.projects-slider-section> :nth-child(22) img {
		min-height: 420px;
		max-height: 420px;
	}
}

@media(max-width:767px) {

	.project-block.projects-slider-section>*,
	.project-block.projects-slider-section>*:nth-child(2),
	.project-block.projects-slider-section>*:nth-child(6),
	.project-block.projects-slider-section>*:nth-child(10),
	.project-block.projects-slider-section>*:nth-child(14),
	.project-block.projects-slider-section>*:nth-child(18),
	.project-block.projects-slider-section>*:nth-child(22),
	.project-block.projects-slider-section>*:nth-child(3),
	.project-block.projects-slider-section>*:nth-child(7),
	.project-block.projects-slider-section>*:nth-child(11),
	.project-block.projects-slider-section>*:nth-child(15),
	.project-block.projects-slider-section>*:nth-child(19),
	.project-block.projects-slider-section>*:nth-child(23) {
		width: 100%;
	}

	.project-block.projects-slider-section>* img,.project-block.projects-slider-section>*:nth-child(4n + 4) img,.project-block.projects-slider-section>*:nth-child(4n + 1) img
	/* .project-block.projects-slider-section> :nth-child(2) img,
	.project-block.projects-slider-section> :nth-child(6) img,
	.project-block.projects-slider-section> :nth-child(3) img,
	.project-block.projects-slider-section> :nth-child(7) img,
	.project-block.projects-slider-section> :nth-child(10) img,
	.project-block.projects-slider-section> :nth-child(11) img,
	.project-block.projects-slider-section> :nth-child(15) img,
	.project-block.projects-slider-section> :nth-child(19) img,
	.project-block.projects-slider-section> :nth-child(23) img,
	.project-block.projects-slider-section> :nth-child(14) img,
	.project-block.projects-slider-section> :nth-child(18) img,
	.project-block.projects-slider-section> :nth-child(22) img */
	 {
		min-height: 181px;
		max-height: 181px;
		border-radius: 0 40px;
	}
	.project-block.projects-slider-section>*:nth-child(4n + 2) img,.project-block.projects-slider-section>*:nth-child(4n + 3) img{
		min-height: 272px;
		max-height: 272px;
	}

	.project-block.projects-slider-section> :nth-child(2n) img {
		border-radius: 40px 0;
	}

	.project-block.projects-slider-section> :nth-child(3),
	.project-block.projects-slider-section> :nth-child(7),
	.project-block.projects-slider-section> :nth-child(11),
	.project-block.projects-slider-section> :nth-child(15),
	.project-block.projects-slider-section> :nth-child(19),
	.project-block.projects-slider-section> :nth-child(23) {
		margin-top: 0;
	}

	.project-block.projects-slider-section {
		padding-top: 64px;
	}

	.project-title.service-title .service-row {
		padding-bottom: 24px;
	}

	.all-project-btn {
		padding-top: 40px;
	}

	.project-block.projects-slider-section>* .project-title {
		text-align: left;
	}
	.project-cat-block select{
		width: 100%;
		appearance: none;
		position: relative;
		background-image: url(../images/dropdown.svg);
		background-repeat: no-repeat;
		/* background-position: center right; */
		background-position: 97% 8px;
	}

}

/* project page */


/* single project */

.single-project.single-service-hero .single-title h1 {
	text-transform: none;
}

.single-project .project-date p {
	color: #A58547;
	font-size: 16px;
	font-weight: 500;
	line-height: 120%;
	/* 19.2px */
	letter-spacing: 1.28px;
	text-transform: uppercase;
	margin-bottom: 16px;
}


.single-project .single-description p {
	font-size: 23px;
}

.poject-dark-bg-section {
	background-color: #A58547;
}

.poject-dark-bg-section.process-section .step-item img {
	filter: brightness(0) saturate(100%)
}

.poject-dark-bg-section.process-section .process-content h4 {
	color: #000;
	margin-bottom: 24px;
	padding-bottom: 0;
}

.poject-dark-bg-section.process-section .process-step-block {
	gap: 40px;
}

.poject-dark-bg-section.process-section .process-step-block>* {
	width: calc(50% - 20px);
}

.poject-dark-bg-section.process-section .process-step-block ul li:not(:last-child) {
	margin-bottom: 8px;
}

.poject-dark-bg-section.process-section .process-step-block ul li {
	font-size: 18px;
	line-height: 145%;
	/* 26.1px */
}

.poject-dark-bg-section.process-section .process-content p {
	font-size: 18px;
	color: #000;
}

.single-project-slider .slick-slider {
	padding-top: 56px;
}

.single-project-slider .slick-slider .project-item{
	margin: 0 10px;
}

.single-project-slider .slick-arrow {
	position: absolute;
	top: 0px;
	right: 0;
	cursor: pointer;
}

.single-project-slider .slick-prev.slick-arrow {
	right: 135px;
}

.single-project-slider .slider__counter {
	position: absolute;
	top: 0px;
	right: 50px;
	font-family: "PP Neue Montreal";
	font-size: 23px;
	font-weight: 400;
	line-height: 140%;
	/* 32.2px */
}

.single-project-slider .slider__counter span {
	color: #A58547;
}

.single-project-slider .project-item img {
	max-height: 625px;
	min-height: 325px;
	object-fit: cover;
	width: 100%;
}

.project-full-content {
	padding-top: 0 !important;
}

.project-full-content .full-content-block {
	max-width: 840px;
	margin: auto;
}

.project-full-content .full-content-block p:not(:nth-last-child(2)) {
	padding-bottom: 16px;
}

.project-full-content .full-content-block blockquote {
	padding-top: 40px;
	color: #000;
	font-size: 35px;
	font-weight: 500;
	line-height: 120%;
	/* 42px */
	margin-bottom: 0;
}

.project-full-content .content-img {
	padding-top: 80px;
	display: flex;
	flex-wrap: wrap;
	gap: 150px;
}

.project-full-content .content-img>* {
	width: calc(50% - 75px);
}

.project-full-content .content-img>* img {
	object-fit: cover;
	width: 100%;
}

.project-full-content .content-img>*:first-child img {
	min-height: 408px;
	max-height: 408px;
}

.project-full-content .content-img>*:last-child img {
	min-height: 768px;
	max-height: 768px;
	z-index: 2;
	position: relative;
}

.project-full-content {
	padding-bottom: 28px;
}

.project-full-content .animation-block {
	width: 100%;
	/* height: 92px;  */
	height: 87px; 
	background-image: url(../images/Movement_graphics_RGB__stripe_gold.svg);
	transform: translate(0, -100px);
	z-index: 1;
	position: relative;
}

.animation-block.for-mobile {
	display: none;
}

@media(max-width:767px) {
	.poject-dark-bg-section.process-section .process-step-block>* {
		width: 100%;
	}

	.poject-dark-bg-section.process-section .process-step-block>* ul,
	.poject-dark-bg-section.process-section .process-step-block>* p {
		margin-left: -40px;
	}

	.poject-dark-bg-section.process-section .process-step-block>* ul,
	.poject-dark-bg-section.process-section .process-step-block>* p:not(:last-child) {
		padding-bottom: 8px;
	}

	.single-project .single-description p {
		font-size: 18px;
	}

	.poject-dark-bg-section.process-section .process-step-block ul li,
	.poject-dark-bg-section.process-section .process-step-block p,
	.project-full-content .full-content-block p {
		font-size: 16px;
		line-height: 145%;
	}

	.poject-dark-bg-section.process-section .process-content h4 {
		margin-bottom: 16px;
	}

	.single-project-slider {
		padding-top: 68px;
		padding-bottom: 24px;
	}

	.single-project-slider .slider__counter {
		top: 5px;
		right: 35px;
		font-size: 18px;
	}

	.single-project-slider .slick-arrow {
		width: 24px;
	}

	.single-project-slider .slick-prev.slick-arrow {
		right: 100px;
	}

	.project-full-content .full-content-block blockquote {
		font-size: 25px;
	}

	.project-full-content .content-img>* {
		width: 100%;
	}

	.animation-block {
		display: none;
	}

	.project-full-content .animation-block.animation-block.for-mobile {
		display: block;
		height: 50px;
		background-image: url(../images/m-mobile.png);
		transform: translate(0, -38px);
		margin-right: -7vw;
		margin-left: -7vw;
		width: calc(100% + 100vw);
	}

	.project-full-content .content-img> :last-child img {
		min-height: 408px;
		max-height: 408px;
	}

	.project-full-content .content-img> :first-child img {
		max-height: 204px;
		min-height: 204px;
	}

	.project-full-content .content-img {
		gap: 14px;
		padding-top: 32px;
	}

	.project-full-content {
		padding-bottom: 68px;
	}

	.single-project-slider .slick-slider .project-item {
    margin: 0 0px;
	}
	.single-project-slider .project-item img {
		max-height: 166px;
    min-height: 166px;
	}

}

@media(max-width:575px){
	.projects-slider-section .project-thumbnail img {
		padding: 8px 0;
		height: 200px;
		border-radius: 0 40px;
	}
}

/* single project */



/* contact page */

.contact-info-row {
	display: flex;
	gap:40px 150px;
	flex-wrap: wrap;
  }
  .contact-header h1{
	margin-bottom: 32px;
  }
  .contact-desc ,.contact-desc p{
    color: #000;
	font-size: 23px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
  }
  .contact-info-row .left-col {
	width: calc(60% - 75px);
  }
  .contact-info-row .right-col {
	width: calc(40% - 75px);
  }
  .contact-info{
	display: flex;
	flex-direction: column;
	gap: 18px;
  }
  .contact-info img{
	border-radius: 0;
  }
  .contact-info .icon-box {
	display: flex;
	gap: 16px;
	align-items: center;
  }
  .contact-info .icon {
	width: 24px;
  }
  .contact-info .box-content {
	width: calc(100% - 40px);
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%; 
  }
  .contact-info .box-content a {
	transition: all 0.3s ease-in-out;
  }
  .contact-info .box-content a:hover{
	color: #A58547;
  }
  
  .contact-form input,.contact-form textarea,.contact-form select{
	width: 100%;
	border-bottom: 0;
	padding: 18px 16px !important;
	color: #000 !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
  }

	.contact-form input,.contact-form textarea { border: 1px solid #ffffff !important; }
  .contact-form input.wpcf7-not-valid,.contact-form textarea.wpcf7-not-valid,.contact-form select.wpcf7-not-valid { border: 1px solid #ff2121 !important; }
	.contact-form span.wpcf7-form-control-wrap  span.wpcf7-not-valid-tip {position: absolute;bottom: -19px;width: 100%;}
	.contact-form form.wpcf7-form .col-6, .contact-form form.wpcf7-form .col-12 {position:relative;	}
	.contact-form select.wpcf7-form-control.wpcf7-select.wpcf7-not-valid + span { bottom: -23px;}

	.wpcf7-form-control-wrap {
			position: unset;
	}
  .contact-form select{
	background-color: transparent;
	border: 1px solid #000;
	appearance: none;
	position: relative;
	background-image: url(../images/dropdown.svg);
    background-repeat: no-repeat;
    background-position: center right;
  }
  .contact-form select:focus-visible{
    outline: none !important;
  }
  .contact-form input::placeholder,.contact-form textarea::placeholder{
	color: rgba(0, 0, 0, 0.5) !important;
	font-style: italic;
	font-weight: 400;
  }
  .contact-form textarea{
	min-height: 205px;
  }
  .contact-form .row{
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
  }
  .contact-form .row .col-12,.contact-form .row  p{
	padding: 0;
	width: 100%;
  }
  .contact-form .row .col-6{
	padding:0 ;
	width: calc(50% - 12px);
  }
  .contact-form .wpcf7-list-item{
	margin: 0;
  }
  .contact-form .wpcf7-list-item label{
	display: flex;
    gap: 12px;
  }
  .contact-form .wpcf7-list-item label input{
	width: 18px;
    border: 0;
    outline: none;
  }
 .contact-form input[type="submit"]{
	border-radius: 15px 0px;
    font-family: "PP Neue Montreal";
    font-size: 18px;
	border: 1px solid var(--Black, #000) !important;
    color: var(--Black, #000) !important;
	width: fit-content;
	transition: all 0.3s ease-in-out;
	padding: 12px 22px !important;
	background: transparent;
 }
 .contact-form input[type="submit"]:hover{
	border-radius: 0px 15px;
    background: var(--Black, #000);
    color: #fff !important;
 }
 @media(max-width:991px){
	.contact-info-row {
		gap: 40px 40px;
 }
 .contact-info-row .left-col,.contact-info-row .right-col {
    width: calc(50% - 20px);
}
section.contact-section{
	padding: 80px 0;
}
}
@media(max-width:767px){
	.contact-info-row .left-col, .contact-info-row .right-col{
		width: 100%;
	}
	section.contact-section {
		padding:24px 0 64px 0;
	}
	.contact-header h1 {
		margin-bottom: 16px;
	}
	.contact-desc, .contact-desc p{
		font-size: 18px;
	}
	.contact-info .box-content,.contact-info .box-content p{
		font-size: 16px;
	}
	.contact-form .row{
		margin-left: 0;
		margin-right: 0;
	}
	.contact-form input::placeholder,.contact-form textarea::placeholder{
		font-style: normal;
	}
	.contact-form .wpcf7-list-item-label{
		font-size: 14px;
		color: #000;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; 
	}
	.contact-form input[type="submit"]{
		font-size: 15px;
	}
	.contact-img img{
		min-height: 272px;
		max-height: 272px;
		object-fit: cover;
		width: 100%;
	}
	.projects-slider-section .slick-current .project-thumbnail a::after {
    font-size: 17px;
    top: 47%;
	}
}
@media(max-width:575px){
	.contact-form .row .col-6{
		width: 100%;
	}
	.contact-info-row {
		gap:24px;
	}
	.contact-info,.contact-form{
		padding-bottom: 16px;
	}
}

.navbar-toggle {
    position: sticky;
    top: 0;
    z-index: 1000; /* Ensure it stays above other elements */
    display: flex;
    align-items: center;
    justify-content: center;
}


.sticky-header-icon {
  position: fixed;
  top: 0;
  width: 100%;
  right: 72px;
  margin: 15px 0px;
}
.sticky-mega-menu {
    position: fixed;
    top: 0px !important;
    z-index: 999;
}

.mega-menu-overlay {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
    z-index: 999; /* Below the menu but above other content */
}
body.menu-open, html.menu-open{
    overflow: hidden; 
}
/* Show overlay when the menu is open */
body.menu-open .mega-menu-overlay {
    display: block;
     overflow: hidden; 
}

.about-banner-title h1 {
    word-break: break-word;
}


.page-template-service .hero-section {
    padding-bottom: 0px !important;
}

.single-content.full-width-banner-image {
    width: 100%;
}