/*!
Theme Name: EIW Architects
Theme URI: https://alignedagency.com.au/
Author: Aligned Agency
Author URI: https://alignedagency.com.au/
Description: Custom Wordpress Theme.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: eiw-architects
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

EIW Architects is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root{
	--primary: #ED8B00;
	--white: #ffffff;
	--black: #000000;
	--green-dark: #C6C976;
	--green-light: #DDDFAD;
	--green-black: #204E42;
	--grey: #DFE2E0;
	--grey-dark: #636466;
	--grey-light: #EFEFEF;

	
	--primary-font: 'pill-gothic-600mg',sans-serif;
	--primary-bold-font: 'pill-gothic-900mg',sans-serif;
	--secondery-font: 'Eye Catching Pro';
}

body{
	-webkit-font-smoothing: antialiased; /* Chrome, Safari */
	-moz-osx-font-smoothing: grayscale; /* Firefox */
	margin: 0;
	padding: 0;
	font-family: var(--primary-font);
	line-height: 1.5;
	font-size: 20px;
	font-weight: normal;
	color: var(--black);
}

.btn {
	font-size: 16px;
	padding: 15px 40px;
	font-weight: normal;
	font-family: var(--primary-font);
	transition: 0.4s;
	line-height: 1;
	border: none;
	border-radius: 0;
}

.btn-primary {
	color: var(--black);
	background: var(--primary);
}
.btn-primary:hover {
	color: var(--primary);
	background: var(--black);
}
.btn-secondery{
	color: var(--black);
	background: transparent;
	border-top: 1px solid var(--black);
	padding: 10px 0;
}
.btn-secondery:hover{
	color: var(--primary);
	background: transparent;
	border-top: 1px solid var(--primary);
}
.btn-size{
	max-width: 350px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	font-family: var(--primary-font);
	line-height: 1.2;
}
h1 {
	font-size: 80px;
	line-height: 1;
}
h2{
	font-size: 36px;
}
h3{
	font-size: 30px;
}
h1, h2, h3, h4, h5, h6, p{
	margin: 0;
	padding: 0;
}
img{
	max-width: 100%;
	height: auto;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
a{
	text-decoration: none;
	transition: .4s;
}
a:focus{
	outline: none;
}
textarea, input {
	box-sizing: border-box;
	width: 100%;
	border: none;
	border-radius: 0;
	padding: 5px 20px !important;
	color: var(--black);
	border: 2px solid #e1e1e1;
}
textarea:focus{
	outline: none;
}
input {
	height: 50px;
}
input:focus{
	outline: none;
}
input::placeholder {
    color: var(--black);
	opacity: 1;
}
select::placeholder{
	color: var(--black) !important;
	opacity: 1;
}
select{
	color: var(--black);
}
textarea::placeholder {
    color: var(--black);
	opacity: 1;
}
.bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.sec-title h2{
	text-align: center;
	margin-bottom: 30px;
	color: var(--black);
}
.bg-green{
	background: var(--green-light);
}
.bg-dark-green{
	background: var(--green-dark);
}
.bg-grey-dark{
	background: var(--grey-dark);
}
.bg-white{
	background: var(--white);
}
.bg-grey{
	background: var(--grey);
}
.bg-grey-light{
	background: var(--grey-light);
}
.white-text{
	color: var(--white);
}
.white-text a{
	color: var(--white);
}
.p-150 {
	padding: 240px 0 145px 0;
}
.p-120{
	padding: 150px 0;
}
.p-80{
	padding: 80px 0;
}
.p-60{
	padding: 60px 0;
}
.container{
	transition: .5s;
	
}
@media all and (min-width: 1300px){
	.container{
		max-width: 1200px;
	}
}
.f-40 h2{
	font-size: 36px;
}
.f-24 p {
	font-size: 20px;
	line-height: 1.4;
	margin-top: 20px;
}

/* header */
.menu-trigger {
	display: none;
}
.header-sec {
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
	position: fixed;
	margin-top: 40px;
}
.header {
	background: var(--white);
	padding: 10px 15px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.header-logo {
	margin-right: 10px;
	transition: .4s all ease;
	max-width: 60px;
}
.header-btn .btn {
	font-size: 14px;
	font-weight: bold;
	padding: 20px 30px;
}
.admin-bar .header-sec {
	top: 32px;
}
.h-menu ul {
	display: flex;
	gap: 40px;
}
.h-btn {
	gap: 10px;
	display: flex;
	margin-left: 10px;
}
.header-btn {
	display: flex;
	gap: 10px;
	margin-left: 10px;
}
.h-menu ul li a {
	font-size: 14px;
	font-weight: 700;
	line-height: 19.36px;
	color: var(--black);
	text-transform: uppercase;
	padding-bottom: 32px;
}
.h-menu ul li a:hover{
	color: var(--green-black);
}
.h-menu .current_page_item a {
	opacity: .7;
}
.menu-trigger-wrap {
	display: none;
}
.header-sec.sticky-active .menu-wrapp::before {
	display: none;
}
.btn svg {
	height: 20px;
}
.menu-wrapp::before {
	content: "";
	position: absolute;
	border-bottom: 1px solid var(--white);
	width: 100%;
	bottom: -29px;
	left: 0;
	transition: .4s;
}
.menu-wrapp {
	gap: 100px;
}


/* banner */
.banner-img img {
	width: 100%;
}
.hero-sec {
	border-radius: 15px;
	overflow: hidden;
	padding: 320px 0;
	z-index: -2;
}
.banner-area {
	padding-top: 270px;
}
.banner-text p {
	font-size: 36px;
	max-width: 700px;
	margin: auto;
	line-height: 1.2;
	color: var(--green-light);
}
._banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.hero-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 3;
}
.hero-sec img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}
.sticky-banner img {
	position: fixed;
	top: 0;
	height: 832px;
}
.sticky-banner .hero-cover {
	position: fixed;
	height: 832px;
}
.banner-text {
	position: relative;
	z-index: 3;
}

.hero-sec-area {
	z-index: -1;
	position: relative;
}


.banner-title h1 {
	font-family: var(--secondery-font);
	font-size: 210px;
	font-weight: normal;
	line-height: 0.6;
	color: var(--green-black);
}
.banner-title h2 {
	font-size: 85px;
	color: var(--green-black);
	line-height: 0.7;
	position: relative;
	display: inline-block;
	margin-right: 40px;
/* 	font-family: 'HelveticaNowText'; */
}
.banner-title {
	padding-bottom: 180px;
}
.banner-title h2::before {
	content: "";
	position: absolute;
	width: 20px;
	border-radius: 50%;
	bottom: 10%;
	right: -35px;
	height: 20px;
	background: var(--primary);
}
.b-intro-img {
	padding-left: 100px;
}
.discover-img img {
	border-radius: 15px;
}
.immersion-area {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
.discover-content {
	max-width: 500px;
}
.discover-img img {
	width: 100%;
	aspect-ratio: 1/.4;
	object-fit: cover;
}
.discover-img strong {
	font-size: 24px;
	font-style: italic;
	margin: 20px 0 15px 0;
	display: block;
}
.discover-content h2 {
	margin-bottom: 10px;
}
.ideate-list span {
	display: block;
	font-size: 32px;
	color: var(--primary);
	font-weight: 700;
	line-height: 1;
}
.ideate-list p {
	margin-top: 10px;
}
.ideate-list p {
	font-size: 16px;
}
.project-title {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.tackling-img img {
	padding-left: 40px;
	width: 100%;
	margin-bottom: -60px;
	position: relative;
	z-index: 1;
}
.test-inner span {
	font-weight: 700;
	font-size: 16px;
}
.testimonial-cover {
	padding-top: 80px;
}
.test-list .slick-arrow{
	top: unset;
	bottom: 0;
	margin-top: 40px;
}
.h-project-cover img {
	aspect-ratio: 1/1.3;
	width: 100%;
	object-fit: cover;
}
.h-project-title {
	position: absolute;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 30px;
}
.h-project-cover a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgb(255, 255, 255, .0) 0%, rgba(0, 0, 0, .7) 70%);
}
.h-project-cover a:hover::before{
	background: linear-gradient(180deg, rgb(255, 255, 255, .0) 0%, rgba(237, 139, 0, .9) 70%);
}
.project-text {
	font-size: 22px;
	margin-top: 10px;
}
.h-project-cover {
	cursor: pointer;
}
.h-project-list .slick-arrow {
	top: 50%;
	width: 50px;
	height: 50px;
	color: var(--white);
	border-color: var(--white);
	transform: translateY(-50%);
	left: 10px;
	font-size: 20px;
}
.h-project-list .slick-arrow.slick-next {
	left: auto;
	right: 10px;
}
.framework-title {
	margin-top: 60px;
}
.spaces-title {
	padding-right: 130px;
}
.sc-title h3 {
	font-size: 24px;
}
.spaces-title h2 {
	margin-bottom: 20px;
}
.sc-content ul {
	margin-top: 20px;
}
.sc-content ul li {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}
.sc-inner {
	border-bottom: 2px solid var(--grey-light);
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.sc-inner:last-child {
	border-bottom: none;
	margin: 0;
	padding: 0;
}

/* blog */
.article-area .slick-arrow {
	display: none !important;
}
.blog-thumb img {
	aspect-ratio: 1;
	object-fit: cover;
	width: 100%;
}
.blog-wrapp:nth-child(2n) .blog-content .blog-thumb img {
	aspect-ratio: 1/1.4;
}
.blog-text h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 20px 0 15px 0;
	text-transform: uppercase;
}
.blog-text a {
	color: var(--black);
}
.blog-content {
	padding: 0 20px;
}
.article-btn .btn {
	margin-left: auto;
}
.bt-wrapp {
	padding: 0 30px;
	padding-bottom: 40px;
}

/* page-banner */
.page-banner {
	padding: 250px 0 100px 0;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.page-banner-text h1 {
	text-transform: uppercase;
	position: relative;
	display: inline;
	line-height: 1;
	word-break: break-word;
}
.page-banner-text h1::after {
	content: "●";
	color: var(--primary);
	font-size: 40px;
	margin-left: 10px;
}
.page-banner::before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

/* blog-page */
.bs-title {
	padding-left: 30px;
}
.latest-area .slick-arrow {
	top: -67px;
	left: unset;
	right: 80px;
}
.latest-area .slick-arrow.slick-next {
	right: 30px;
	left: auto;
}
.latest-area:last-child {
	border-bottom: none;
}

/* project-page */
.page-banner-text p {
	font-size: 24px;
	font-weight: bold;
	padding-left: 55%;
	margin-top: 30px;
}
.project-thumb img {
	aspect-ratio: 1/1.3;
	width: 100%;
	object-fit: cover;
}
.project-page {
	padding: 80px 0;
}
.project-page-text {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 80px;
}
/* .p-wrapp:nth-child(2n) {
	margin-top: 80px;
} */


.project-content a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgb(255, 255, 255, .0) 0%, rgba(0, 0, 0, .7) 70%);
}
.project-content a:hover::before{
	background: linear-gradient(180deg, rgb(255, 255, 255, .0) 0%, rgba(237, 139, 0, .9) 70%);
}
.ab-intro-text p {
	margin-bottom: 15px;
}


/* about-page */
.ab-img-wrapp {
	width: 250px;
	border-right: 1px solid var(--primary);
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.ab-intro-title {
	color: var(--primary);
}
.ab-framework{
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}
.duty-area{
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}
.d-name {
	color: var(--primary);
	font-size: 20px;
}
.duty-content p {
	margin-bottom: 15px;
}
.duty-title {
    color: var(--primary);
    transform: rotate(-180deg);
    writing-mode: tb;
}
.ab-testimonial-img img {
	padding-right: 80px;
	aspect-ratio: 1/1.1;
	width: 100%;
	margin-top: -80px;
}
.ab-team-title p {
	font-size: 24px;
}
.ab-team-title {
	display: flex;
}
.ab-team-cover ul {
	display: flex;
	flex-direction: column;
	padding-right: 120px;
}
.ab-team-content {
	display: flex;
	align-items: center;
}
.ab-team-cover ul li {
	width: 100%;
	border-bottom: 2px solid var(--green-light);
}
.service-team-area .ab-team-cover ul li {
	width: 100%;
	border-bottom: 1px solid var(--green-light);
}
.ab-team-inner img {
	width: 100%;
	border-radius: 20px;
	margin-bottom: 10px;
	aspect-ratio: 1/.7;
	object-fit: cover;
}
.ab-tab-text p {
	margin-top: 10px;
}
.ab-team-cover .nav-link.active {
	background: none !important;
	color: var(--primary) !important;
}
.ab-team-cover .nav-link {
	color: var(--black) !important;
	width: 100%;
	padding: 10px 0;
}
.ab-team-name {
	font-weight: bold;
	width: 50%;
	text-align: left;
}
.ab-team-area {
	padding-bottom: 150px;
}

/* contact */
.c-contact:last-child::before {
	border: none;
}
.c-contact {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 38px;
	line-height: 1;
	text-align: center;
}
.c-contact a {
	color: var(--black);
	display: block ruby;
}
.contact-wrapp {
	display: flex;
	justify-content: center;
	align-items: center;
}
.c-contact::before {
	content: "";
	position: absolute;
	border-right: 1px solid var(--primary);
	height: 40px;
	top: 0;
	right: 0;
}
.ginput_container.ginput_container_select select {
	background: transparent;
	border: 2px solid #e1e1e1;
	height: 50px;
}
.gform_footer input {
	width: 360px;
	margin-left: auto;
	background: var(--primary);
	border: none;
	color: var(--black);
	margin-bottom: 0 !important;
	font-weight: bold;
	text-transform: uppercase;
}
.gform_footer input:hover{
	background: var(--black);
	color: var(--primary);
}
.gform_footer.before {
	padding-bottom: 0 !important;
}
.enquire-title span {
	font-size: 36px;
	font-weight: 400;
	font-family: var(--primary-font);
	display: block;
	line-height: 1;
	margin-bottom: 5px;
}
.popup-number a {
	color: var(--black-color);
	display: inline-block;
}
.modal-content {
	padding: 0 10px;
	border-radius: 0;
}
.popup-logo img {
	height: 80px;
}
.modal-content input[type="submit"] {
	font-size: 16px;
}

.modal-header {
	padding-bottom: 0;
	border: none;
}
.modal-body {
	border-radius: 10px;
}
.modal-header button {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 9;
}
.contact-link {
	display: flex;
	gap: 15px;
	position: absolute;
	left: 12px;
	bottom: 10px;
}
.contact-link a {
	color: var(--black);
	font-size: 20px;
}
.map-responsive {
	overflow: hidden;
	padding-bottom: 30%;
	position: relative;
	height: 0;
}
.map-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}
.map-area {
	border-bottom: 1px solid var(--grey);
}

/* wwb-child */
.wb-intro-content {
	padding-right: 80px;
	padding-top: 120px;
	padding-bottom: 120px;
}
/*
.wb-intro-img img {
	padding-left: 80px;
	width: 100%;
	margin-bottom: -250px;
}
*/

@media (min-width: 991px) {
	.wb-intro-img {
		height: 100%;
	}
	.wb-intro-img img {
		padding-left: 80px;
		width: 100%;
		position: absolute;
		height: calc((100% - 120px) + 200px);
		object-fit: cover;
		top: 120px;
	}
}
	
.wb-framework-area {
	padding-top: 315px !important;
}
.wb-project-title {
	padding-right: 350px;
}
.h-project-title {
	padding: 0 20px;
	bottom: 80px;
}
/* service-page */
.service-area .ab-team-cover ul {
	padding-right: 0;
}
.service-cover {
	padding-right: 120px;
}
.service-tab {
	padding-left: 120px;
}
.service-inner img {
	border-radius: 15px;
	margin-bottom: 15px;
	aspect-ratio: 1/.6;
	width: 100%;
	object-fit: cover;
}
.sp-tab-title {
	font-size: 24px;
	font-weight: 700;
}
.service-tab-text ul {
	margin-top: 20px;
}
.service-tab-text li {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}
.service-list-btn .btn {
	max-width: 100%;
}
.service-area::before {
	content: "";
	position: absolute;
	background: var(--grey);
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
}
.service-area {
	padding: 80px 0;
}

.process-text {
	padding: 20px;
	padding-top: 50px;
}
.process-text span {
	font-size: 300px;
	line-height: .5;
	font-family: var(--secondery-font);
	color: var(--green-black);
	opacity: .2;
	position: absolute;
	top: 0;
	left: 20px;
}
.process-title {
	color: var(--primary);
}
.design-btn a {
	color: var(--white);
	font-size: 24px;
	font-weight: 700;
}
.design-area::before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.design-content {
	padding-left: 100px;
}
.design-btn {
	line-height: 1;
	padding: 12px 0;
	border-bottom: 1px solid var(--green-dark);
}
.design-btn:last-child{
	border-bottom: none;
}


/* single-project */
.meta-cat {
	padding: 200px 10px 100px 10px;
	position: relative;
}
.sc-cate span {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	display: block ruby;
}

.single-post-banner::before {
	content: "";
	position: absolute;
	background: linear-gradient(180deg, rgb(255, 255, 255, .0) 0%, rgba(0, 0, 0, .7) 70%);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.cs-content p {
	margin-bottom: 20px;
}
.cp-cover img {
	width: 100%;
	aspect-ratio: 1/.5;
	object-fit: cover;
	padding: 0 5px;
}
.cp-cover .slick-arrow {
	background: var(--primary-color);
	height: 40px;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	transform: translateY(-50%);
}

.cp-cover .slick-next.slick-arrow {
	right: 0;
}
.spacific-list {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	padding-left: 280px;
}
.spacific-text p {
	font-size: 24px;
	font-weight: 600;
}
.spacific-list span {
	border-bottom: 1px solid var(--primary-color);
	padding: 15px 0;
}
.spacific-list span:last-child {
	border-bottom: none;
}
.ps-intro-text strong {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	line-height: 1;
}
.ps-list span {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	width: 50%;
}
.ps-list {
	padding: 5px 0;
	border-bottom: 1px solid var(--green-dark);
}
.ps-list-item {
	width: 50%;
}
.area-border {
	border-bottom: 1px solid var(--green-dark);
}


/* single-page */
.single-page-banner {
	position: relative;
	padding: 250px 0 200px;
}
.single-page-banner img {
	position: absolute;
	height: 100% !important;
	width: 100% !important;
	left: 0;
	top: 0;
	z-index: -1;
	object-fit: cover;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.single-page-banner .banner-inner p {
	position: relative;
	font-size: 20px;
	font-weight: 500;
}
/* related-post */
.related-page img {
	height: 200px;
	object-fit: cover;
	width: 100%;
	border-radius: 800px;
}
/*  
.blog-dot {
	padding-right: 10px;
}
.blog-dot::before {
	content: "";
	position: absolute;
	background: var(--white);
	height: 4px;
	width: 4px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
*/
.single-page-banner::before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.blog-category {
	text-transform: uppercase;
}
.body-inner p {
	margin-bottom: 12px;
}
.wp-block-image {
	margin: 30px 0;
}
.body-inner {
	border-bottom: 1px solid var(--green-dark);
}
.related-btn .btn {
	margin-left: auto;
}

/* what-we-build */
.wb-service-area {
	padding-top: 400px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
.page-id-20 .process-text span, .page-id-1206 .process-text span {
	opacity: .5;
}
.page-id-20 .lwp-btn .btn, .page-id-1206 .lwp-btn .btn {
	color: var(--white);
	border-color: var(--white);
	&:hover{
		color: var(--primary);
		border-color: var(--primary);
	}
}

/* service-child */
.capabil-content.faq-area .faq-item {
	border-bottom: 1px solid var(--grey-light);
}
.capabilities-area {
	padding-top: 350px;	
}
.capabil-img img {
	width: 100%;
	aspect-ratio: 1/1.1;
	object-fit: cover;
	margin-bottom: -80px;
}
.capabil-img {
	padding-right: 100px;
}
.area-bg{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.expertise-area{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}


/* wwb-parent */
.h-lifestyle {
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0 40px;
}
.lifestyle-quiry-content {
	display: flex;
	
}
.lifestyle-quiry-content a {
	color: var(--grey-dark);
	font-size: 40px;
	font-family: var(--primary-font);
	font-weight: bold;
	text-transform: uppercase;
	z-index: 1;
	line-height: 1;
	width: 50%;
	text-align: start;
	border-bottom: 1px solid var(--green-light);
	padding: 15px 0 10px 0;
}
.lifestyle-quiry-content a:hover{
	color: var(--primary);
}
.lifestyle-quiry-content img {
	position: absolute;
/* 	top: 50%; */
	right: 0;
	visibility: hidden;
	opacity: 0;
	transition: .4s all ease;
	z-index: -1;
	width: 50%;
	object-fit: cover;
/* 	transform: translateY(-50%); */
	aspect-ratio: 1;
}
.lifestyle-quiry-content:first-child > img {
	top: 0;
}
/* .lifestyle-quiry-content:nth-child(n) > img {
	top: calc(0 + 100px);
} */
.h-lifestyle .lifestyle-quiry-content:first-child img {
	opacity: 1;
	visibility: visible;
}
.lifestyle-quiry-content:hover img {
  opacity: 1;
  visibility: visible;
}
/* .lifestyle-quiry-content.active img {
  opacity: 1;
  visibility: visible;
} */
/* .h-lifestyle::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(255, 255, 255, .5);
} */
.lifestyle-quiry-content:last-child {
	border-bottom: none;
}


/* where-serve-parent */
.serve-text {
	padding-right: 100px;
}
.serve-btn {
	padding-left: 100px;
}
.serve-btn .nav-link {
	font-size: 32px;
	font-weight: bold;
	color: var(--black) !important;
	background: unset !important;
	padding: 0;
}
.nav-link.active {
	color: var(--primary) !important;
}
.serve-btn ul {
	flex-direction: column;
}
.serve-btn ul li {
	border-bottom: 1px solid var(--green-dark);
}
.serve-btn ul li:last-child{
	border-bottom: none;
}
.serve-btn span {
	display: block;
	margin-bottom: 5px;
}


/* updates */
.b-intro-content p {
	padding-right: 150px;
}
.popup-form .gform_footer input {
	margin-right: auto;
}

/* arrows */
.slick-arrow {
	background: transparent;
	border: 1px solid var(--grey-dark);
	padding: 0;
	font-size: 18px;
	position: absolute;
	font-weight: 700;
	top: 100%;
	left: 0;
	cursor: pointer;
	color: var(--grey-dark);
	z-index: 9;
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
.slick-arrow.slick-next {
	left: 55px;
}
.slick-arrow:hover{
	background: var(--primary);
	border-color: var(--primary);
	color: var(--black);
}


/* faq */
.faq-area .question {
	color: var(--black);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
}
.faq-area .faq-item {
	border-bottom: 1px solid var(--green-dark);
}
.faq-area .accordion {
	font-size: 18px;
	color: var(--black);
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
}
.faq-area .answer p {
	color: var(--black);
	font-size: 16px;
}
.faq-area .answer {
	display: none;
	padding: 15px 0;
}
.faq-area .faq-item.active .question {
	color: var(--black);
}
.faq-area .faq-item.active .faq-trigger i::before {
	content: "\f062";
}
.faq-area .faq-trigger {
	color: var(--grey-dark);
	font-size: 16px;
}
.faq-item:last-child {
	border-bottom: none;
	padding: 0;
	margin: 0;
}


/* progress-bar */
.progress {
	display: block;
	width: 100%;
	height: 6px;
	border-radius: 10px;
	overflow: hidden;
	background-color: var(--green-dark);
	background-image: linear-gradient(to right, var(--primary), var(--primary));
	background-repeat: no-repeat;
	background-size: 0 100%;
	transition: background-size .4s ease-in-out;
	margin: auto;
}
.slider {
	margin-bottom: 50px;
	position: relative;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.slick-dots {
	display: none !important;
}


/* footer */
.footer-img img {
	aspect-ratio: 1/.3;
	width: 100%;
	object-fit: cover;
}
.footer-title h2 {
	font-size: 80px;
	color: var(--primary);
}
.footer-title-area {
	padding-top: 80px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.footer-title h3 {
	font-family: var(--secondery-font);
	font-size: 180px;
	font-weight: normal;
	line-height: 0.5;
	color: var(--green-black);
	display: block;
}
.footer-title strong {
	font-size: 80px;
	color: var(--green-black);
	line-height: 0.9;
	position: relative;
	display: inline-block;
	margin-left: -80px;
}
.footer-menu ul {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.copyright-text {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.footer-logo img {
	max-width: 60px;
}
.footer-menu ul li a {
	font-size: 14px;
	font-weight: 700;
	line-height: 19.36px;
	color: var(--black);
	text-transform: uppercase;
}
.footer-menu ul li a:hover{
	color: var(--primary);
}
.copyright {
	font-size: 14px;
	font-weight: normal;
	line-height: 19.36px;
	color: var(--grey-dark);
	text-transform: uppercase;
}
.copyright a {
	color: var(--grey-dark);
}
.copyright a:hover {
	color: var(--primary);
}
.doted-img img {
	width: 100%;
	min-height: 40px;
	object-fit: cover;
}
.doted-img {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}


/* 404 */
.error-404 {
	padding: 200px 0 100px 0;
}
.error-404 h1 {
	font-size: 200px;
	line-height: 1;
}
.error-404 .btn {
	font-weight: bold;
	text-transform: uppercase;
}


/* mega-menu */
/* .h-menu ul li {
	position: relative;
	padding: 10px 0;
} */
/* .h-menu > ul > li.menu-item-has-children {
	padding-right: 16px;
} */
.h-menu ul li ul {
	position: absolute;
	width: 300px;
	background: var(--white);
	text-align: left;
	left: 0;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .4s all ease;
	padding: 20px;
	z-index: -1;
	padding-top: 45px;
}
.h-menu ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
}
.sub-menu {
	flex-direction: column;
	gap: 15px !important;
}
.sub-menu li a {
	padding-bottom: 0 !important;
}
.mega-menu{
	position: unset !important;
}
.mega-menu .sub-menu {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px !important;
	padding: 60px;
}
.mega-menu ul{
	width: 100% !important;
}
.h-menu ul li {
	position: relative;
}


/* mmenu */
.mm-page {
	min-height: unset;
}

.mm-menu {
	display: none;
}
.modal-backdrop.show {
	opacity: .92;
}


/* 03-12-23 */
.page-id-393 .wb-service-area {
	padding-top: 300px;
}
.white-bg {
	background: var(--white);
}
.doted-img {
	padding: 15px;
}
.hero-sec.container {
	transition: none;
}


/* 05-01-24 */
.ab-testimonial-area::before {
	content: "";
	position: absolute;
	background: var(--green-light);
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
.ab-team-title h2 {
	width: 50%;
	padding-right: 20px;
}
.ab-team-title p {
	width: 72%;
}
.sc-thumbnail {
	position: absolute;
	width: 100%;
	z-index: -1;
	height: 100%;
}
.sc-thumbnail img {
	width: 100%;
	height: 100%;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	object-fit: cover;
}
.cs-content p {
	font-size: 20px;
}
.related-title h2 {
	font-size: 36px;
}
.ps-intro-text p {
	font-size: 20px;
}
.body-inner p {
	margin-bottom: 15px;
	font-size: 20px;
}
.discover-img p {
	font-size: 16px;
}
.blog-text p {
	font-size: 16px;
}
.ab-team-name {
	font-size: 14px;
}
.ab-tab-text p {
	font-size: 16px;
}
.service-tab-text p {
	font-size: 16px;
}
.framework-img img {
	max-width: 768px;
}
/* .page-id-151 .page-banner, .page-id-149 .page-banner {
	padding: 200px 0 150px 0;
} */


/* 12-01-24 */
.h-project-list .slick-list {
	padding-left: 0 !important;
	padding-right: 120px !important;
}
.process-list .slick-list {
	padding-left: 0 !important;
	padding-right: 120px !important;
}
.process-list .slick-track {
	margin-left: -260px;
}
.process-text h3 {
	color: var(--white);
	position: relative;
}
.page-id-505 .process-text h3 {
	color: var(--black);
	position: relative;
}


.wwb-process .process-text h3 {
	color: var(--black);
	position: relative;
}

@media (min-width: 991px) {
	.process-lists .slick-list {
		overflow: hidden;
	}
}


/* 18-01-24 */
.discover-content h2 {
	font-size: 30px;
}
.discover-title h2 {
	font-family: var(--secondery-font);
	font-weight: normal;
	font-size: 130px;
	line-height: .7;
}
.b-intro-img img {
	aspect-ratio: 8/10;
	width: 100%;
	object-fit: cover;
}
.tc-inner {
	display: flex;
}
.testimonial-img {
	width: 50%;
	padding-right: 80px;
}
.testimonial-img img {
	aspect-ratio: 8/10;
	width: 100%;
	object-fit: cover;
}
.test-wrapp {
	width: 50%;
}
.testimonial-slider .slick-arrow {
	left: 50%;
}
.testimonial-slider .slick-arrow.slick-next {
	left: auto;
	right: calc(50% - 100px);
}
.faq-text p {
	margin-top: 0;
}
.pp-content h3 {
	margin-bottom: 25px;
	margin-top: 60px;
	font-size: 24px;
}
.pp-content p {
	margin-bottom: 15px;
	font-size: 18px;
}
.pp-content ol li {
	margin-bottom: 10px;
}
.ps-intro-text {
	margin-right: 120px;
}
.process-text p {
	position: relative;
}
.footer-img {
	height: 770px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

/* blog */
.blog-cover {
	display: flex;
	flex-wrap: wrap;
}
.blog-wrapp {
	width: 20%;
	padding-bottom: 60px;
}


/* 19-01-24 */
.footer-menu ul {
	display: flex;
	justify-content: center;
	column-gap: 20px;
	max-width: 360px;
	flex-wrap: wrap;
	margin: auto;
	row-gap: 10px;
}
.footer-menu ul li:nth-child(1) > a {
	font-size: 18px;
}
.footer-menu ul li:nth-child(2) > a {
	font-size: 18px;
}
.footer-menu ul li:nth-child(3) > a {
	font-size: 18px;
}
.footer-menu ul li a:hover {
	text-decoration: underline;
}
.service-tab-text em, .tnc em {
	color: var(--green-black);
	font-weight: 700;
	font-size: 16px;
}
.serve-content {
	font-size: 32px;
	font-weight: bold;
	color: var(--black) !important;
}
.wbc a:hover{
	color: var(--primary) !important;
}
.wbc:last-child {
	border-bottom: none;
}
.wbc{
	border-bottom: 1px solid var(--green-dark);
}
.international-map {
	position: absolute;
	top: 0;
	left: 0;
}
.international-map img {
	opacity: 0;
	visibility: hidden;
}
.international-map.active img {
	opacity: 1;
	visibility: visible;
}
.page-id-14 .testimonial-bottom {
	position: absolute;
	background: var(--green-light);
	bottom: 0;
	left: 0;
	height: 100px;
	width: 100%;
}
.page-id-14 .tc-inner {
	display: flex;
	align-items: center;
}
.ap-arrow .slick-arrow {
	position: unset;
}
.page-id-14 .test-wrapp {
	padding-bottom: 80px;
}
.banner-title img {
	width: 385px;
	object-fit: contain;
}
.wbl-img {
	padding-left: 0;
	padding-right: 80px;
	margin-bottom: -100px;
}
.pd select {
	background: var(--white);
	border: 1px solid #8a8a8a;
	padding: 3px 8px;
}


/* 25-01-24 */
.f-contact-wrapp .f-contact {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}
.f-contact a {
	color: var(--black);
}
.project-banner-text h2 {
  font-size: 26px;
  font-weight: 400;
}
.tnc h3 {
	font-size: 24px;
}
.page-id-1206 .h-project-list .slick-list {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.f-contact-wrapp {
	display: flex;
	justify-content: center;
	gap: 20px;
}
/* project-update */
.page-id-393 .expertise-area {
	padding-top: 200px;
}
.page-id-16 .tc-inner {
	align-items: center;
}
.page-id-16 .testimonial-bottom {
	position: absolute;
	background: var(--white);
	top: 0;
	left: 0;
	height: 100px;
	width: 100%;
}
.tnc p {
	margin-bottom: 15px;
}



#noItemsFound {
	display: none;
	color: red;
	font-weight: bold;
	text-align: center;
}
.project-dropdown label {
	line-height: 1;
	display: block;
}

.project-dropdown select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-size: 13px;
	background-position: calc(100% - 12px) center;
	background-repeat: no-repeat;
	padding: 5px 30px 5px 10px;
}
.project-dropdown  select::-ms-expand {
    display: none;
}




@media (min-width: 991px) {
	.page-banner {
		padding-top: 180px;
		padding-bottom: 100px;
		display: flex;
		align-items: center;
		min-height: 600px;
	}	
}


/* 29-01-24 */
.f-contact-link a {
	color: var(--black);
}
.wwb-title {
	width: 50%;
	border-bottom: 1px solid var(--green-light);
	padding: 10px 0;
}
.wwb-thumb {
	width: 50%;
	position: absolute;
	right: 0;
	display: none;
	top: 0;
	padding-left: 100px;
}
.wwb-thumb img {
	aspect-ratio: 1;
	width: 100%;
	object-fit: cover;
}
.wwb-title a {
	font-size: 24px;
	font-weight: 700;
	color: var(--black);
	text-transform: uppercase;
}
.wwb-thumb.active {
	display: block;
}
.wwb-title.active a {
	color: var(--primary);
}

.wwb-items:nth-child(11) > .wwb-thumb, .wwb-items:nth-child(12) > .wwb-thumb, .wwb-items:nth-child(13) > .wwb-thumb, .wwb-items:nth-child(14) > .wwb-thumb, .wwb-items:nth-child(15) > .wwb-thumb, .wwb-items:last-child > .wwb-thumb {
	top: 60%;
	transform: translateY(-50%);
}
.projects-low .slick-list, .class-for-one-projects .slick-list {
	padding: 0 !important;
}

.class-for-one-projects .slick-track, .projects-low .slick-track{
	margin-left: 0;
}
.ab-intro-image img {
	width: 100%;
}
.team-size {
	position: sticky;
	top: 160px;
}


/* 22-02-24 */
.b-intro-content h1 {
	font-size: 20px;
	margin-bottom: 15px;
}
.ab-team-new-title h2 {
	margin-bottom: 15px;
}
.ab-team-new-title {
	max-width: 600px;
}
.page-id-499 .page-banner, .page-id-539 .page-banner {
	background-position: 50% 80%;
}

.expertise-area .ab-team-cover ul li {
	border-color: var(--grey-light);
}
.process-lists .slick-arrow {
	top: 50%;
	transform: translateY(-50%);
	left: -30px;
	color: var(--green-black);
	border-color: var(--green-black);
}
.process-lists .slick-arrow.slick-next {
	left: auto;
	right: -30px;
}
.page-banner-text p {
	font-size: 24px;
	font-weight: normal;
	padding-left: 0;
	margin-top: 30px;
	max-width: 600px;
}
.ab-img-cover {
	padding-right: 40px;
}
.design-btn a {
	text-transform: uppercase;
}
.ideate-list strong {
	font-weight: normal;
	font-size: 14px;
}


/* responsive */
@media all and (max-width: 1399px){
	.test-list {
		padding-right: 100px;
	}
	.area-rotate {
		margin-top: 0;
	}
	.framework-title {
		margin-top: 0;
	}
	.spaces-title {
		padding-right: 100px;
	}
	.c-contact {
		font-size: 20px;
	}
	.wb-framework-area {
		padding-top: 200px;
	}
	.ab-team-area {
		padding-bottom: 200px;
	}
	.service-cover {
		padding-right: 80px;
	}
	.service-tab {
		padding-left: 80px;
	}
	.wb-service-area {
		padding-top: 350px;
	}
	.page-id-20 .faq {
		padding-top: 150px;
	}
	.capabilities-area {
		padding-top: 300px !important;
	}
	.serve-text {
		padding-right: 50px;
	}
	.serve-btn {
		padding-left: 50px;
	}
	.process-list .slick-track {
	margin-left: -355px;
}
	.footer-img {
	height: 600px;
}
	.lifestyle-quiry-content a {
	font-size: 36px;
}
	
	
}

@media all and (max-width: 1199px){
	.h-menu ul {
		gap: 19px;
	}
	.banner-title {
		margin-bottom: 120px;
	}
	.test-list {
		padding-right: 0;
	}
	.h-project-title h3 {
		font-size: 28px;
	}
	.project-text {
		font-size: 20px;
	}
	.wb-intro-img img {
		aspect-ratio: 1/1.4;
	}
	.tackling-img img {
		padding-left: 60px;
	}
	.spaces-title {
		padding-right: 20px;
	}
	.testimonial-cover {
		padding-top: 20px;
	}
	.d-project {
		padding: 0 30px;
	}
	.page-id-16 .testimonial-bottom {
	display: none;
}

	.process-list .slick-track {
		margin-left: -250px;
	}
	.wb-framework-area {
		padding-top: 120px;
	}
	.wb-project-title {
		padding-right: 200px;
	}
	.ab-team-cover ul {
		padding-right: 100px;
	}
	.ab-team-area {
		padding-bottom: 80px;
	}
	.service-cover {
		padding-right: 40px;
	}
	.service-tab {
		padding-left: 40px;
	}
	.wb-intro-content {
		padding-right: 0;
	}
	.wb-service-area {
		padding-top: 300px !important;
	}
	.capabil-img {
	padding-right: 60px;
}
	.page-id-20 .faq {
		padding-top: 120px;
	}
	.b-intro-content p {
		padding-right: 100px;
	}
	.serve-text {
		padding-right: 20px;
	}
	.serve-btn {
		padding-left: 20px;
	}
	.page-id-393 .wb-service-area {
		padding-top: 120px;
	}
	.wb-intro-img img {
	padding-left: 40px;
}
	.discover-title h2 {
	font-size: 80px;
}
	.ps-intro-text {
	margin-right: 70px;
}
	.blog-wrapp {
	width: 25%;
}
	.footer-img {
	height: 500px;
}
	.page-id-14 .testimonial-bottom {
	display: none;
}
	.page-id-14 .testimonial-area {
	padding-bottom: 80px !important;
}
	.page-id-14 .test-wrapp {
	padding-bottom: 0px;
}
.page-id-14 .framework-area {
	padding-top: 80px !important;
}	
	.ab-testimonial-img img {
	padding-right: 40px;
}
	.ab-img-cover {
	padding-right: 20px;
}
	
}

@media all and (max-width: 991.98px){
	h1 {
		font-size: 60px;
	}
	h3 {
		font-size: 28px;
	}
	.p-120{
		padding: 120px 0;
	}
	.mt-9-40{
		margin-top: 40px;
	}
	.mb-9-40{
		margin-bottom: 40px;
	}
	.pt-60{
		padding-top: 60px;
	}
	.t-center{
		text-align: center !important;
	}
	.w-lg-100{
		width: 100%;
	}
	.page-id-16 .testimonial-area {
		padding-top: 80px !important;
	}
	.f-contact-wrapp .f-contact {
		font-size: 14px;
	}
	.page-id-393 .expertise-area {
		padding-top: 150px;
	}
	.h-project-list .slick-list.draggable {
		padding-right: 100px !important;
	}
	.project-content {
		margin: 0;
	}
	.ab-img-cover {
	padding-right: 0;
}
	.img-100 img{
		width: 100%;
	}
	.taking-new-content {
		margin-top: 40px;
	}
	.p-150 {
		padding: 250px 0;
	}
	.process-list .slick-track {
	margin-left: -295px;
}
	.ps-intro-text {
	margin-right: 30px;
}
	.page-id-14 .framework-area {
	padding-top: 20px !important;
}
	.f-contact-wrapp {
	gap: 10px;
}
.d-project {
	padding: 0;
}
.wwb-thumb {
	padding-left: 20px;
}
	/* header */
	.menu-trigger {
		flex-direction: column;
		display: flex;
		row-gap: 6px;
		color: var(--black);
		position: relative;
		z-index: 999;
		cursor: pointer;
		font-size: 23px;
	}
	.menu-trigger a{
		color: var(--black);
	}
	.menu-trigger a:hover{
		color: var(--primary);
	}
/* 	.header-btn {
		display: none;
	} */
	.h-menu {
		display: none !important;
	}

	/* home */
	.banner-title h1 {
		font-size: 200px;
	}
	.banner-title h2 {
		font-size: 80px;
		margin-right: 30px;
		margin-top: -10px;
	}
	.banner-title {
		margin-bottom: 80px;
	}
	.banner-area {
		padding-top: 200px;
	}
	.tackling-img img {
		padding-left: 0;
		margin-bottom: 0;
	}
	.testimonial-img img {
		position: unset;
		padding-right: 0;
		aspect-ratio: unset;
	}

	.area-rotate {
		display: flex;
		flex-direction: column-reverse;
	}
	.h-project-title h3 {
		font-size: 24px;
	}
	.spaces-title {
		padding-right: 0;
	}
	.spaces-title br {
		display: none;
	}
	.footer-img img {
		aspect-ratio: 1/.5;
	}
	.page-banner {
		padding: 200px 0 100px 0;
	}
	.page-banner-text p {
		padding-left: 0;
		margin-top: 20px;
	}

	.project-page {
		padding: 60px 0;
	}
	.project-page-text {
		bottom: 60px;
	}
	.duty-title {
		color: var(--primary);
		transform: rotate(0);
		writing-mode: unset;
	}
	.duty-content {
		margin-top: 20px;
	}
	.ab-testimonial-img img {
		padding-right: 0;
		aspect-ratio: unset;
		margin: 0;
	}
	.ab-testimonial-cover {
		margin-top: 0 !important;
	}
	.testimonial-slider .slick-arrow {
		left: 0;
	}
	.testimonial-slider .slick-arrow.slick-next {
		left: auto;
		right: calc(100% - 100px);
	}
	.c-contact {
		font-size: 16px;
		padding: 10px 20px;
	}
	.wb-intro-img img {
		position: unset;
		padding-left: 0;
		aspect-ratio: unset;
	}
	.ab-team-cover ul {
		padding-right: 40px;
	}
	.service-area::before {
		display: none;
	}
	.service-cover {
		padding-right: 0;
	}
	.service-tab {
		padding-left: 0;
	}
	.design-content {
		padding-left: 0;
	}
	.sc-thumbnail img {
		aspect-ratio: 1/.5;
	}
	.b-intro-img {
		padding-left: 0;
	}
	.page-id-20 .b-intro-img, .page-id-1206 .b-intro-img {
		padding-right: 0;
	}
	.page-id-20 .b-intro-img img, .page-id-1206 .b-intro-img img {
		position: unset;
		padding-right: 0;
	}
	.page-id-20 .faq, .page-id-1206 .faq {
		padding-top: 100px;
	}
	.capabil-img {
		padding-right: 0;
	}
	.lifestyle-quiry-content a {
		font-size: 30px;
	}
	.serve-text h2 {
		font-size: 32px;
	}
	.serve-text {
		padding-right: 0;
	}
	.serve-btn {
		padding-left: 0;
	}
	.p-wrapp:nth-child(2n) {
		margin-top: 0;
	}
	.page-id-393 .wb-service-area {
		padding-top: 100px;
	}
	.ab-testimonial-area::before {
		height: 40%;
	}
	.ab-team-title h2 {
		width: 100%;
		padding: 0;
	}
	.ab-team-title p {
		width: 100%;
	}
	.ab-team-title {
		flex-direction: column;
		gap: 20px;
	}
	.testimonial-img {
		width: 100%;
		padding-right: 0;
	}
	.tc-inner {
		flex-direction: column-reverse;
	}
	.test-wrapp {
		width: 100%;
	}
	.h-taking-new-content {
		margin-bottom: 0 !important;
	}
	/* m-menu */
	.menu-close-btn {
		position: absolute;
		top: 14px;
		right: 10px;
		z-index: 9;
		font-size: 18px;
		display: flex;
		align-items: center;
	}
	.menu-close-btn i:hover{
		color: var(--primary);
	}
	.mm-navbar__title span::before {
		content: "Back to ";
	}
	.mm-navbar__title span{
	  text-transform: uppercase;
	  font-size: 14px;
	  font-weight: bold;
	  color: var(--black) !important;
	}
	.mm-panel ul li a {
	  font-size: 16px;
	  font-weight: bold;
	  line-height: 19.36px;
	  color: var(--black) !important;
	  text-transform: uppercase;
	}
	.mm-navbar .btn {
		color: var(--black) !important;
		font-weight: bold;
	}
	.mm-navbar .btn:hover {
		color: var(--primary) !important;
	}
	.mm-navbars--bottom {
		border-top: none;
	}
	.mm-menu {
		z-index: 100;
		display: block;
	}
	.mm-wrapper__blocker.mm-blocker.mm-slideout{
		z-index: 99;
	}
	
	/*	MMenu */
	.mm-panels {
		background: var(--white-bg);
	}
	.menu--just-title a {
		border-top: 0 solid #EAEAEA;
		padding-top: 0 !important;
	}
	.mm-panels .menu > li > a {
		text-transform: uppercase;
		font-weight: 700;
		color: var(--black);
	}
	/* Mobile text */
	.mm-navbar__title {
		text-transform: uppercase;
		font-size: 16px;
		letter-spacing: 1.6px;
	}
	.mm-listitem__text {
		font-size: 15px;
	}
	.mm-menu {
		--mm-size: 100%;
		--mm-color-background: var(--white);
	}
	.menu-close-btn {
		position: absolute;
		right: 10px;
		z-index: 9;
		font-size: 18px !important;
		color: var(--primary-color) !important;
		top: 15px;
	}
	.menu-close-btn {
		font-size: 14px;
	}
	.mm-navbar__title span {
		display: none;
	}
	.mm-panel--opened .mm-navbar__title span {
		display: block;
		font-size: 0;
	}
	#menu .mm-navbar .mm-navbar__title span {
		display: none;
	}
	.mm-navbar .btn {
		color: var(--white) !important;
	}
	.mm-panel .mega-menu {
		position: relative !important;
	}
	.mm-panels .sub-menu li a {
		padding-bottom: 15px !important;
	}	
	.testimonial-area {
		padding-bottom: 120 !important;
	}

	.tackling-area {
		padding-bottom: 120px !important;
	}
	.page-banner-text h1::after {
		font-size: 30px;
	}
	.wb-intro {
		padding-top: 50px;
		padding-bottom: 0 !important;
	}
	.wb-intro-img img {
		margin-bottom: -220px;
	}
	.wb-intro-content {
		padding-top: 0;
		padding-bottom: 0;
	}
	.ab-testimonial-area {
		padding-top: 0;
	}
	.blog-wrapp {
		width: 33.33%;
	}
	.footer-img {
		height: 400px;
	}
	
	.discover-area {
		padding-top: 100px;
		padding-bottom: 100px;
	}	
	
	
}

@media all and (max-width: 782px){
	.admin-bar .header-sec {
		top: 46px;
	}
}

@media all and (max-width: 767.98px){
	body{
		font-size: 16px;
	}
	h1 {
		font-size: 40px;
	}
	h2{
		font-size: 30px;
	}
	h3{
		font-size: 20px;
	}
	.p-120{
		padding: 100px 0;
	}
	.f-40 h2{
		font-size: 30px;
	}
	.f-24 p{
		font-size: 18px;
	}
	.mt-40{
		margin-top: 40px;
	}
	.mb-40{
		margin-bottom: 40px;
	}
	.mb-20{
		margin-bottom: 20px;
	}
	.wwb-thumb.active {
		display: none;
	}
	.wwb-title {
		width: 100%;
		text-align: center;
	}
	.t-md-center{
		text-align: center;
	}
	.tackling-area {
		padding-bottom: 100px !important;
	}
	.testimonial-area {
		padding-bottom: 100 !important;
	}
	.h-project-list .slick-list.draggable {
		padding-right: 80px !important;
	}
	.w-md-100{
		width: 100%;
	}
	br{
		display: none;
	}
	.error-404 h1 {
		font-size: 120px;
		line-height: 1;
	}
	.rp {
		margin-left: unset !important;
	}
	.page-id-14 .tackling-area {
		padding-bottom: 60px !important;
	}
	.test-inner br {
		display: block;
	}
	.f-contact-wrapp {
		gap: 0;
		flex-direction: column;
	}
	.process-lists .slick-arrow {
	left: -10px;
}
	.process-lists .slick-arrow.slick-next {
	left: auto;
	right: -10px;
}
	/* home */
	.banner-text p {
		font-size: 32px;
		padding: 0 10px;
	}
	.banner-title h1 {
		font-size: 185px;
	}
	.banner-title h2 {
		font-size: 70px;
		line-height: 0.9;
	}
	.banner-area {
		padding-top: 180px;
	}
	.project-text {
		font-size: 16px;
		margin-top: 6px;
	}
	.h-project-title h3 {
		font-size: 18px;
	}
	.process-list .slick-track {
		margin-left: 0;
	}
	.process-list .slick-list.draggable {
		padding-left: 0 !important;
		padding-right: 60px !important;
	}
	.sc-title {
		margin-bottom: 10px;
	}
	.footer-img img {
		aspect-ratio: 1/.6;
	}
	.footer-menu ul {
		gap: 15px;
		flex-direction: column;
		text-align: center;
	}
	.footer-title h2 {
		font-size: 60px;
	}
	.footer-title h3 {
		font-size: 130px;
	}
	.footer-title strong {
		font-size: 52px;
	}
	.ps-intro-text {
		margin-right: 0;
	}
	.page-banner-text h1::before {
		width: 15px;
		height: 15px;
		right: -25px;
	}
	.page-banner {
		padding: 180px 0 120px 0;
	}
	.bs-title h2 {
		font-size: 32px;
	}
	.blog-cover {
		padding: 0 !important;
	}
	.bs-title {
		padding-left: 15px;
	}
	.latest-area .slick-arrow.slick-next {
		right: 15px;
		left: auto;
	}
	.latest-area .slick-arrow {
		top: -60px;
		left: unset;
		right: 65px;
	}
	.bt-wrapp {
		padding: 0 15px;
		padding-bottom: 40px;
	}
	.page-banner-text p {
		font-size: 16px;
	}
	.project-thumb {
		margin: 0;
	}
	.p-wrapp:nth-child(2n) .project-content .project-thumb {
		top: 0;
	}
	.pro-btn{
		padding-top: 0;
	}
	.ab-img-wrapp {
		width: 200px;
		border-right: unset;
		padding: 0;
		margin-top: 40px;
		border-top: 1px solid var(--primary);
		padding-top: 30px;
		width: 100%;
		flex-direction: row-reverse;
		justify-content: center;
	}
	.contact-wrapp {
		flex-direction: column;
	}
	.c-contact::before {
		border-bottom: 1px solid var(--primary);
		height: 40px;
		top: unset;
		right: unset;
		border-right: unset;
		bottom: 0;
		width: 50px;
		left: 50%;
		transform: translateX(-50%);
	}
	.c-contact {
		padding: 15px;
		text-align: center;
	}
	.map-responsive {
		padding-bottom: 40%;
	}
	.faq-text p {
		font-weight: 400;
		font-size: 16px;
	}
	.faq-title{
		margin-bottom: 20px;
	}
	.faq-area .accordion {
		font-size: 16px;
	}
	.ab-team-title p {
		font-size: 16px;
	}
	.ab-team-cover ul {
		padding-right: 0;
		margin-bottom: 40px;
	}
	.sp-tab-title {
		font-size: 16px;
	}
	.process-text {
		padding: 0;
		padding-top: 50px;
	}
	.design-btn a {
		font-size: 16px;
	}
	.sc-thumbnail img {
		aspect-ratio: 1/.6;
	}
	.project-banner-text h2 {
		font-size: 20px;
	}
	.cp-cover img {
		aspect-ratio: 1/.7;
	}
	.single-page-banner {
		padding: 200px 0 130px;
	}
	.related-btn .btn {
		margin-right: auto;
		margin-left: unset;
	}
	.page-id-20 .faq {
		padding-top: 80px;
	}
	.capabilities-rotate {
		display: flex;
		flex-direction: column-reverse;
	}
	.lifestyle-quiry-content a {
		width: 100%;
		text-align: center;
	}
	
	.b-intro-content p {
		padding-right: 0;
	}
	.btn-australia, .btn-inter {
		font-size: 20px;
	}
	.serve-text {
		padding-bottom: 20px !important;
	}
	.serve-btn-cover svg {
		display: block;
		height: 16px;
	}
	.project-page {
		padding: 40px 0;
	}
	.project-thumb {
		margin: 0;
	}
	.p-wrapp:nth-child(2n) .project-content .project-thumb {
		top: 0;
	}
	.page-id-393 .wb-service-area {
		padding-top: 80px;
	}
	.h-lifestyle {
		margin: 0 20px;
	}
	.lifestyle-quiry-content img {
		display: none;
	}
	
	.hero-sec {
		padding: 100px 15px;
	}	
	.banner-title {
		padding-bottom: 150px;
		padding-top: 40px;
	}	
	.discover-img img {
		aspect-ratio: 1/.6;
	}
	.page-banner-text h1::after {
		font-size: 25px;
	}
	.cs-content p {
		font-size: 16px;
	}
	.related-title h2 {
		font-size: 32px;
	}
	.ps-intro-text p {
		font-size: 16px;
	}
	.body-inner p {
		font-size: 16px;
	}
	.blog-wrapp {
		width: 50%;
	}
	.footer-img {
		height: 350px;
	}
	
	.modal-content {
		padding: 0;
	}	
	.enquire-title span {
		font-size: 30px;
	}	
	
	.h-project-list.class-for-one-projects .slick-list {
		padding: 0 !important;
	}
	
	
	/* 30-01-24 */
	.about-mb-content .faq-trigger {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		width: 50%;
	}
	.about-mb-content .accordion {
		width: 50%;
	}
	.about-mb-content .ab-team-name {
		width: 100%;
	}
	.about-mb-content .question {
		gap: 10px;
	}
	.discover-area {
		margin-top: -25px;
	}
	.process-lists {
	padding: 0 40px;
}
	
	
	
	
}

@media all and (max-width: 600px) {
	.admin-bar .header-sec.sticky-active {
		top: 0;
	}
}

@media all and (max-width: 576px){
	/* home */
	.banner-area {
		padding-top: 160px;
	}
	.banner-title {
		margin-bottom: 60px;
	}
	.copyright-text {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}
	.blog-content {
		padding: 0 2px;
	}
	.h-lifestyle {
		margin: 0 10px;
	}
	.blog-wrapp:nth-child(2n) .blog-content .blog-thumb img {
		aspect-ratio: 1;
	}
	.bt-wrapp {
		padding: 0;
	}
	.article-btn .btn {
		margin-left: unset;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.h-project-list .slick-list.draggable {
	padding-right: 60px !important;
}
	.banner-title h2::before {
		width: 15px;
		right: -25px;
		height: 15px;
	}
	.bs-title {
		padding-left: 0;
	}
	.lifestyle-quiry-content a {
	font-size: 28px;
}
	.latest-area .slick-arrow.slick-next {
		right: 5px;
		left: auto;
	}
	.latest-area .slick-arrow {
		top: -60px;
		left: unset;
		right: 55px;
	}
	.contact-link {
		left: 50%;
		transform: translateX(-50%);
		bottom: unset;
		top: -55px;
	}
	.sc-thumbnail img {
		aspect-ratio: 1/.8;
	}
	.project-banner-text h2 {
		font-size: 16px;
	}
	.gform_footer input {
		margin-right: auto;
	}
	.discover-sec {
		padding: 0;
	}
	.discover-title h2 {
	font-size: 70px;
}
	
	.blog-wrapp {
	width: 100%;
}
	.footer-img {
	height: 200px;
}
	
	.h-project-list.class-for-one-projects .slick-list {
		padding: 0 !important;
	}	
	
}

@media all and (max-width: 420px){
	.sc-thumbnail img {
		aspect-ratio: 1;
	}
}