/* 
Theme Name:      Fitout Solutions
Theme URI:       https://kiwiwebsitedesign.nz/
Description:     This is Custom WordPress Theme. This Theme is developed by Kiwi Website Design
Author:          Kiwi Website Design
Author URI:      https://kiwiwebsitedesign.nz/
Version:         1.0.0
Text Domain:     fitoutsolutions
*/
@import url('https://cdn.jsdelivr.net/npm/pretendard@latest/dist/web/static/pretendard.css');
html {
	margin-top: 0 !important;
	scroll-behavior: smooth;
}

html, body {
margin: 0;
padding: 0;
width: 100%;
clear: both;
overflow-x: hidden;
color: #424242;

}
body{
font-family: opensans-light;
letter-spacing: normal;
font-size: 18px;
	background:  #FFFFF8;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Cormorant Garamond', serif;
letter-spacing: normal !important;
font-weight: 600;
color: #424242;
}
p{
font-family: opensans-light;
letter-spacing: normal;
font-size: 16px;
color: #424242;
}
span{
font-family: opensans-light;
letter-spacing: normal;
color: #424242;
}
ul li{
font-family: opensans-light;
letter-spacing: normal;
color: #424242;
}
h1, h2, h3{
font-size: 35px;
}
h4{
font-size: 35px;
}
h5{
font-size: 30px;
}
h6{
font-size: 25px;
}
p{
font-size: 18px;
}
span{
font-size: 18px;
}
ul li{
font-size: 22px;
}
img{
max-width: 100%;
}
a{
text-decoration: none;
font-size: 16px;
font-family: opensans-regular;
transition: .3s all;
color: #24A9E1;
}
a:hover{
text-decoration: none !important;
transition: .3s all;
}
a:focus-visible {
outline: unset;
}
.v-middle {
  vertical-align: middle;
}
.primary_bg{
  background-color: #E3BB69;
}
.default_btn a{
  background-color: #E8B868;
  color: #000;
  line-height: 49px;
  padding: 0px 43px;
  transition: .3s ease-in-out !important;
  display: inline-block;
  border-radius: 25px;
  font-family: opensans-regular;
  font-size: 16px;
  text-align: center;
}
.default_btn a:hover{
  background-color: #000;
  color: #fff;
  transition: .3s ease-in-out !important;
  outline: 1px solid #000;
  outline-offset: 3px;
}
.social-links {
	flex-direction:row !important;
	margin-top:40px;
}
.social-links li a {
	margin-right: 10px;
    height: 20px;
    display: inline-flex;
}
.social-links li a:last-child{
	height: auto !important;
}
/*Header*/
#header {
padding: 0px 0px 0px 0px;
transition: all 0.5s;
z-index: 998;
position: relative !important;
width: 100%;
top: 0;
/* height: 123px; */
margin-top: 10px;
margin-top: 0;
/* padding-bottom: 15px;
	padding-top: 15px; */
}


#header.hide_header {
  top: 0px;
}
#header.darkHeader {
  background: #FFFFF8;
	position: fixed !important;
	border-bottom: 1px solid #efefef;
/* 	padding-bottom: 5px;
    padding-top: 5px; */
}


.site-logo{
  transition: .3s ease-in-out;
}
.darkHeader .site-logo {
  width: 165px;
  transition: .3s ease-in-out;
}
.home #header .header-mt{
/* margin-top: 38px; */
}

#nav-menu-container {
float: right;
margin: 0;
width: 100%;
}
.nav-menu li {
margin: 5px 24px;
text-align: center;
}
.site-logo img{
	margin: 15px 0;
}
.nav-menu {
margin: 15px 0;
float: right;
}
#nav-menu-container ul li:last-child {
padding-right: 0;
}
.nav-menu > li {
float: left;
}
.nav-menu li {
position: relative;
	color: #ffffff;
white-space: nowrap;
list-style: none;
}

.nav-menu li:last-child{
border-right: none;
}
.nav-menu li a {
padding: 0;
text-decoration: none;
display: inline-block;
color: #424242;
font-family: opensans-regular;
font-weight: normal;
font-size: 16px;
text-transform: capitalize;
outline: none;
}

.page-template-template-connect .nav-menu li a,
.page-template-template-about .nav-menu li a,
.home .nav-menu li a {
color: #ffffff;
}
.page-template-template-connect .site_footer{
	margin-top:0px;
}

#menu-main-menu > .current-menu-item::after,
#menu-main-menu > .current-menu-parent::after{
    position: absolute;
    border: 3px solid #000;
    content: '';
    left: 0;
    right: 0;
    margin: auto;
    top: -20px;
    background: black;
	z-index: -1;
}

span.line {
    width: 28px;
/*     background: #424242; */
	background: #fff;
    height: 2px;
    display: block;
    margin: 6px 0px;
}
.mobile-nav-active span.line,
.remove_mob_toggle_icon span.line{
	background: #424242 !important;
}

span.line:nth-child(3) {
    width: 20px;
    float: right;
    margin-top: 0px;
	transition: 0.3s;
}

i.fa.fa-bars {
    opacity: 0;
}

.all-lines {
/*     margin-top: -20px; */
}


/* .menu-item-has-children::after {
    content: '';
    position: absolute;
    right: -17px;
    top: 18px;
    background-image: url(/wp-content/uploads/2023/01/Path-792.svg);
    width: 8px;
    height: 5px;
    background-repeat: no-repeat;
} */


.darkHeader .nav-menu li a {
	color: #424242;
}



.darkHeader .header-mt {
/*     margin-top: 28px; */
}

.nav-menu li a:hover{
color: #000;
}
.sub-menu {
padding: 0px !important;
margin: 0 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
box-shadow: 0px 5px 8px rgba(127, 137, 161, 0.25) !important;
}
.nav-menu .sub-menu li {
border-right: none;
text-align: left !important;
padding: 5px 20px;
border-bottom: 1px solid #E5E5E6;
}
.nav-menu .sub-menu li a{
font-size: 16px;
color: #000;
}
.nav-menu .sub-menu li{
padding-left:15px;
}

.nav-menu .sub-menu li:last-child{
border: none !important;
}
#mobile-nav-toggle {
display: inline;
}
#mobile-nav-toggle {
position: fixed;
right: 0;
z-index: 999;
margin: 20px 20px 0 0;
border: 0;
background: none;
font-size: 24px;
display: none;
transition: all 0.4s;
outline: none;
cursor: pointer;
}




.home  #mobile-nav-toggle {
/*     top: 30px; */
}

.home #header {
    border-bottom: 0px solid #eee;
}

.darkHeader .home #header {
    border-bottom: 1px solid #eee;
}


#mobile-body-overly {
width: 100%;
height: 100%;
z-index: 997;
top: 0;
left: 0;
position: fixed;
background: #FFFFF8;
display: none;
}
body.mobile-nav-active #mobile-nav {
left: 0;
	width: 100%;
}
#mobile-nav {
position: fixed;
top: 140px;
padding-top: 18px;
bottom: 0;
z-index: 998;
background: #fffff8;
left: -260px;
width: 260px;
overflow-y: auto;
transition: 0.4s;
}
#mobile-nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#mobile-nav ul li {
position: relative;
}
#mobile-nav ul li a {
color: #424242;
font-size: 17px;
text-transform: capitalize;
overflow: hidden;
padding: 10px 22px 10px 15px;
position: relative;
text-decoration: none;
width: 100%;
display: block;
outline: none;
font-weight: normal;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
color: #18d26e;
}
#mobile-nav ul .menu-has-children i {
position: absolute;
right: 0;
z-index: 99;
padding: 15px;
cursor: pointer;
color: #fff;
}
#mobile-nav ul .menu-item-active {
color: #18d26e;
}
#mobile-nav ul li li {
padding-left: 30px;
}

.menu-has-children ul
{display: none;}

.sf-arrows .sf-with-ul {
padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
content: "\f107";
position: absolute;
right: 15px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color:black;
}

.sf-arrows ul .sf-with-ul:after {
content: "\f105";
}


.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
display: block;
}
.nav-menu ul {
margin: 4px 0 0 0;
padding: 10px;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
background: #fff;
}
.nav-menu ul {
position: absolute;
display: none;
top: 100%;
left: 20px;
z-index: 99;
width: 230px;
}
.menu-item-has-children .icon::after {
content: "";
background: url(images/angle-down.svg);
    background-repeat: repeat;
position: absolute;
top: 22px;
width: 9px;
height: 10px;
background-repeat: no-repeat;
margin-left: 7px;
}

.sf-arrows .sf-with-ul {
padding-right: 30px;
}
.nav-menu li {
position: relative;
white-space: nowrap;
}

.menu-item.current-menu-item > a,
.menu-item.current-menu-parent > a,
.menu-item a:hover {
color: #23a8e0 !important;
transition: .3s ease-in-out !important;
}
.sub-menu .menu-item a:hover {
    color: #4bb8e4 !important;
}
.sub-menu .menu-item.current-menu-item a {
    color: #24A9E1 !important;
}
.container-fluid {
  padding-left: 44px !important;
  padding-right: 44px !important;
}

/*Header ENd*/

.home_hero_banner {
  height: 100vh;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  position: relative;
}
.vh_100_col{
/*   height: 100dvh; */
}
.v-bottom{
  vertical-align: bottom;
}

.home_banner_content .hm_strong{
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 66px;
  line-height: 107%;
  text-transform: capitalize;
  color:#FFFFFF;
  margin:0px;
}
.home_banner_content h1{
  font-size: 80px;
  line-height: 97px;
  color: #fff;
  text-transform: uppercase;
}
.home_banner_content span {
  font-family: opensans-italic;
  text-transform: none;
  font-weight: normal;
  font-size: 25px;
  border-bottom: 1px solid;
  padding-bottom: 2px;
  color: #ffffff;
}

/* .home_hero_banner::before {
    content: "";
    left: 0;
    height: 100%;
    background: #fff;
    position: absolute;
    width: 636px;
    opacity: 0.22;
    -webkit-backdrop-filter: blur(2em);
    backdrop-filter: blur(2em);
} */
.home_banner_content_btns{
	display:flex;
	align-items:center;
	gap:30px;
	margin-top:40px;
}
.home_banner_content_btns a{
	border-radius: 100px;
	padding:22px 42px;
	border: 1px solid #FFFFFF;
	font-family: 'Cormorant Garamond',sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 17.12px;
	color:#fff;
}
.home_banner_content_btns a:hover{
	background:#fff;
	color:#202020;
	border: 1px solid #fff;
}
.home_hero_banner .row{
	justify-content:space-between;
	height:100vh;
}

/* ---- about home banner css start ---- */
#menu-item-22{
	margin-right:0px;
}
.book-download-right{
flex-direction: column;
    display: flex;
    justify-content: flex-end;
	padding-bottom:45px;
	align-items: flex-end;
}
.book-download-part{
	display:flex;
	align-items:center;
	justify-content:space-between;
	background: #202020;
	max-width:525px;
	max-height: 261px;
	padding:20px;
}
.book-download-content{
	width:50%;
}
.book-download-content h2{
	font-family: 'Pretendard', sans-serif;
	font-weight: 500;
	font-size: 25px;
	line-height: 107%;
	color:#fff;
	margin-bottom:17px;
}
.book-download-content p{
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 107%;
	margin-bottom:17px;
	color:#fff;
}
.book-download-content a{
	font-family: 'Cormorant Garamond', serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 107%;
	color:#fff;
	background: #009FD8;
	padding:10px 45px;
	border-radius:100px;
	display: inline-block;
	border:1px solid #009FD8;
}
.book-download-content a:hover{
	border:1px solid #fff;
	background:transparent;
} 

.about-banner {
    height: 86vh;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
}
.about-banner .row{
	justify-content: space-between;
    height: 86vh;
}
.about_banner_content{
	display: inline-block;
    padding-top: 160px;
}
.about_banner_content h2{
	font-family: 'Pretendard', sans-serif;
	font-weight: 500;
	font-size: 70px;
	line-height: 107%;
	text-transform: capitalize;
	color:#fff;
}
/* ---- about home banner css end ---- */

.work_map_content h2 {
  font-size: 65px;
  font-weight: 500 !important;
  line-height: 79px;
}
.work_map_content p {
  font-size: 25px;
  line-height: 34px;
	font-weight: 300;
}
.work_map {
  margin-top: 100px;
}
.hm_h1{
	text-align: center;
	font-size: 65px;
    font-weight: 500!important;
    line-height: 79px;
	text-transform: uppercase;
}
.work_map_content::before {
  content: "";
  left: 0;
  height: 47%;
  width: 1px;
  background: #424242;
  position: absolute;
}
.work_map_content {
  position: relative;
  padding-left: 50px;
}
.simple_link a {
  font-size: 16px;
}
.simple_link a::after {
  content: url(images/arrow-right.svg);
  margin-left: 15px;
  position: relative;
top: 2px;
}

.simple_link p a::after {
    content: unset;
}

.proven_solution {
  margin-top: 100px;
}
.proven_content :is(h1, h2, h3, h4, h5, h6) {
  font-size: 65px;
  font-weight: 500 !important;
}
.proven_content :is(h1, h2, h3, h4, h5, h6) {
  font-size: 65px;
  font-weight: 500 !important;
  line-height: 79px;
  margin-bottom: 43px;
}
.proven_solution img {
  margin-top: 150px;
}
.proven_content p {
  font-size: 25px;
	font-weight: 300;
}
.proven_content strong {
  font-weight: normal;
  color: #9D9D9D;
  font-family: opensans-light;
}
.proven_content :not(:is(p a,h1, h2, h3, h4, h5, h6, strong:first-child)) {
  padding-left: 45px;
}
.single_interior_img {
  margin-top: 144px;
}

.single_interior_img img {
/*   height: 0px; */
}


.single_project_item span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Cormorant Garamond', serif;
  margin-top: 12px;
}
.single_project_item a.title {
  width: 102px;
  line-height: 24px;
  font-size: 12px;
  background: #424242;
  font-family: 'Cormorant Garamond', serif;
  display: inline-block;
  color: #fff;
  text-align: center;
  border-radius: 60px;
  margin-top: 12px;
}
.gallery_product.col-lg-4 .single_project_item img {
  height: 308px;
  object-fit: cover;
  width: 100%;
}
.gallery_product.col-lg-6 .single_project_item img {
  height: 318px;
  object-fit: cover;
  width: 100%;
}
.projects_wrapper .col-md-4.slick-slide img {
  width: 100%;
}
.projects h3 {
  font-size: 25px;
}
.projects_wrapper, .projects_wrapper1, .projects_wrapper2  {
  margin-top: 38px;
}
.projects {
  margin-top: 135px;
}
.projects .slick-list.draggable{
  margin-left: -15px;
}
.projects .adjusted_container{
  max-width: 100% !important;
}


.projects .single_project_item img {
    height: 350px;
    object-fit: cover;
}


.custom-slick-next.slick-arrow {
  position: absolute;
  right: 15px;
  display: inline-block;
  width: 69px;
  height: 69px;
  background-color: #24A9E1;
  border-radius: 50%;
  margin-top: -25px;
  background-image: url(images/slick-rightarr.svg);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  z-index: 1;
}
.custom-slick-next.slick-arrow:hover {
  background-color: #707070;
}

.custom-slick-prev.slick-arrow {
  position: absolute;
  left: 15px;
  display: inline-block;
  width: 69px;
  height: 69px;
  background-color: #24A9E1;
  border-radius: 50%;
  margin-top: -25px;
  background-image: url(images/slick-rightarr.svg);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  z-index: 1;
	transform: rotate(180deg);
}
.custom-slick-prev.slick-arrow:hover {
  background-color: #707070;
}


.comp .custom-slick-prev.slick-arrow {
  position: absolute;
  left: -25px;
  display: inline-block;
  width: 69px;
  height: 69px;
  background-color: #24A9E1;
  border-radius: 50%;
  margin-top: -25px;
  background-image: url(images/slick-rightarr.svg);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  z-index: 1;
	transform: rotate(180deg);
}

.comp .custom-slick-prev.slick-arrow:hover {
  background-color: #707070;
}


.comp .custom-slick-next.slick-arrow {
  position: absolute;
  right: -25px;
  display: inline-block;
  width: 69px;
  height: 69px;
  background-color: #24A9E1;
  border-radius: 50%;
  margin-top: -25px;
  background-image: url(images/slick-rightarr.svg);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  z-index: 1;
}
.comp .custom-slick-next.slick-arrow:hover {
  background-color: #707070;
}


.arrow-set {
    position: absolute;
    z-index: 1;
    top: 250px;
}

.compatible-page {
	margin-top: 200px;
}

.compatible-page h2 {
    margin-bottom: 70px;
}


.custom-slick-next1.slick-arrow {
  position: absolute;
  right: 15px;
  display: inline-block;
  width: 69px;
  height: 69px;
  background-color: #24A9E1;
  border-radius: 50%;
  margin-top: -25px;
  background-image: url(images/slick-rightarr.svg);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  z-index: 1;
}
.custom-slick-next1.slick-arrow:hover {
  background-color: #707070;
}

.custom-slick-next2.slick-arrow {
  position: absolute;
  right: 15px;
  display: inline-block;
  width: 69px;
  height: 69px;
  background-color: #24A9E1;
  border-radius: 50%;
  margin-top: -25px;
  background-image: url(images/slick-rightarr.svg);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  z-index: 1;
}
.custom-slick-next2.slick-arrow:hover {
  background-color: #707070;
}
.marquee_text * {
/*   display: table-cell;
  vertical-align: middle;
  font-size: 60px;
overflow: hidden;
white-space: nowrap;
color: #fff;
font-weight: 300 !important; */
}

.marquee_text {
  background: #CBB8A6;
  height: 135px;
  display: table;
  width: 100%;
  margin-top: 157px;
margin-bottom: 157px;
	overflow: hidden;
	position: relative;
}


.animate-text {
    white-space: nowrap;
    color: #ffffff;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: scroll-left 2s linear infinite;
    -webkit-animation: scroll-left 2s linear infinite;
    animation: scroll-left 20s linear infinite;
}

.animate-text h3{ 
	padding-top: 45px;
	color: #ffffff;
	white-space: nowrap;
}

.animate-tex h3 {
    position: absolute;
    top: 45px;
    color: #fff;
	white-space: nowrap;
}


@-moz-keyframes scroll-left {
	0% {
		-moz-transform: translateX(100%);
	}
	100% {
		-moz-transform: translateX(-100%);
	}
}

@-webkit-keyframes scroll-left {
	0% {
		-webkit-transform: translateX(100%);
	}
	100% {
		-webkit-transform: translateX(-100%);
	}
}

@keyframes scroll-left {
	0% {
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100% {
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}


.virutal_tour_bg {
  height: 399px;
  margin-bottom: 50px;
  width: 100%;
  background-size: cover !important;
}
.tour_description .view_vt {
  display: block;
  text-align: right;
  margin-bottom: 40px;
  padding-right: 80px;
}
.tour_description .view_comp {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    color: #424242;
    width: 323px;
    border-bottom: 1px solid #424242;
    display: inline-block;
    padding-bottom: 12px;
    position: relative;
}
.tour_description .view_comp::after {
  content: url(images/righttoparr.svg);
  right: 0;
  position: absolute;
}
.tour_project_inner {
  width: 397px;
  height: 184px;
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  left: 60px;
}
.tour_project_inner h3 {
  font-size: 65px;
  font-weight: 500 !important;
}
.tour_project_inner span {
  text-align: left;
  display: block;
  padding-left: 38px;
  font-size: 16px;
  color: #9D9D9D;
}

.tour_description .view_vt::after {
  content: "";
    position: absolute;
  right: 15px;
  display: inline-block;
  width: 69px;
  height: 69px;
  border: 1px solid #24A9E1;
  border-radius: 50%;
  margin-top: -25px;
  background-image: url(images/bluearr.svg);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  z-index: 1;
	transition: 0.3s;
}


.tour_description .view_vt:hover::after {
  background-color: #707070;
  border: 1px solid #707070;
	transition: 0.3s;
	background-image: url('images/slick-rightarr.svg');
}

.fitout_services {
  margin-top: 167px;
  margin-bottom: 122px;
}
.fitout_services ul {
  list-style: none;
  font-family: 'Cormorant Garamond', serif;
  padding-left: 0px;
}
.fitout_services ul li {
  margin-bottom: 23px;
  position: relative;
}
.fitout_services ul li a {
    font-family: 'Cormorant Garamond', serif;
    font-size: 30px;
    color: #424242;
    font-weight: 500;
	text-transform: capitalize;
}
.fitout_services ul li a:hover {
  color: #24A9E1;
	padding-left: 30px;
}
.fitout_services ul li a::before {
  content: "";
    width: 20px;
    height: 1px;
    background: #24A9E1;
    position: absolute;
    left: 0px;
    top: unset;
    bottom: 20px;
  opacity: 0;
  transition: .3s ease;
}
.fitout_services ul li a:hover::before {
  opacity: 1;
  transition: .3s ease;
}
.our_range {
  margin-bottom: 121px;
}
.our_range strong {
  font-family: opensans-light;
  font-weight: normal;
  color: #9D9D9D;
  font-size: 16px;
}
.our_range p {
  font-size: 18px;
  color: #424242;
	font-family: 'opensans-regular';
}
.site_footer {
  margin-top: 177px;
  background:#202020;
}
.footer_border .row:first-child{
	border-bottom: 1px solid #FFFFFF33;
}
.footer_border .row{
  width: 100%;
  padding:45px 44px;
  margin:0px !important;
}
.footer_border .row:nth-child(3){
  padding:15px 44px;
  border-top: 1px solid #FFFFFF33;
}
.site_footer .row .footer_info{
	flex:1;
}
.site_footer .row .footer_menu{
	flex:1;
}
.site_footer .footer_info p{
	font-family: 'Pretendard', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
	text-transform: capitalize;
	color:#fff;
	margin:0px;
}
.site_footer .footer_info h5{
	font-family: 'Pretendard', sans-serif;
	font-weight: 500;
	font-size: 17px;
	line-height: 17.12px;
	color:#fff;
}
.site_footer .footer_info a{
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 17.12px;
	color:#fff;
	display: inline-block;
}
.site_footer .row .footer_menu h4{
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 17.12px;
	text-transform: uppercase;
	letter-spacing:0.8px !important;
	color:#fff;
	margin-bottom:30px;
}
.site_footer ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
}
.site_footer ul li a{
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 17.12px;
	color:#fff;
}
.footer_info ul li, .footer_info ul li a {
  font-size: 18px;
  font-family: opensans-regular;
  margin-bottom: 28px;
  color: #424242;
}

.footer_menu ul li {
  display: inline-block;
  font-size:inherit;
}
.footer_social li a{
  display: inline-block;
}

/* .footer-copyright {
	margin-top: 192px;
} */
.footer-copyright .col-9{
	display:flex;
	align-items:center;
	padding:0px;
}
.copyright {
	margin:0px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 17.12px;
	color:#fff;
}


/***	About Page	***/

.page-title:after {
    position: absolute;
    content: '';
    bottom: -83px;
    left: 0;
    width: 100px;
    height: 2px;
    background: #424242;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}


.page-title h1 {
	font-size: 120px;
	color: #ffffff;
}

.black-overlay-img {
	position: relative;
	overflow: hidden;
}

.black-overlay-img img {
    object-fit: cover;
    width: 100%;
}

.black-overlay-img:before {
	content: '';
	background: black;
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
}

.page-title h1 {
	text-align: center;
	color: #ffffff;
}

.page-title {
	position: relative;
}

.about-start {
	font-size: 30px;
	font-family: 'Cormorant Garamond', serif;
    line-height: 37px;
	margin-top: 150px;
	margin-bottom: 90px;
}

.page-title h1 {
	text-align: center;
	color: white;
	z-index: 2;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
}

.feature-setting {
	margin-top: 28px;
	padding: 42px 0px 40px 25px;
	border-top: 1px solid #424242;
}

.feature-setting h4 {
	font-size: 30px;
	font-weight: 500;	
}

.feature-setting h3 {
	line-height: 30px
}

.office-address h3 {
    font-size: 20px;
    text-align: right;
}


.feature-setting p {
	font-size: 16px;
	font-weight: 300;
}

.about-center p {
	font-size: 18px;
	font-weight: 400;
	margin-top: 21px;
    font-family: 'opensans-regular';
}

.feature-setting > div img {
    width: 140px;
}

.features {
	margin-top: 160px;
}

.proven_solution .proven_about img {
    margin-top: 0px;
}

.proven_solution .proven_about .proven_content {
    margin-top: 150px;
}

.about-serv-image {
	background-size: cover;
    height: 425px;
	transition: 0.3s;
}



.about-service .col-md-12 {
	overflow: hidden;
}

/* .projects_wrapper2 .slick-track {
	width: 100% !important;
}

.projects_wrapper2 .slick-slide {
	width: 100% !important;
} */


.fit-images img {
	display: none;
	width: 478px;
	height: 358px;
	object-fit: cover;
}

.fit-images img.child-active {
	display: block;
}



.page-template-template-about .projects.collapse  {
    height: unset;
    opacity: unset;
	margin-top: 135px;
}

.about-serv-image h3,
.about-serv-image svg {
    z-index: 1;
    position: absolute;
    transition: 0.3s;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.about-serv-image h3 {
	font-weight: 500;
	padding-top: 120px;
}

.about-serv-image:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: white;
    left: 0;
    top: 0;
	transition: 0.5s;
	opacity: 1;
}

.about-serv-image:hover::before {
    background: black;
	opacity: 0.7;
	transition: 0.5s;
}

.about-serv-image.svg-cross::before {
    background: black;
	opacity: 0.7;
	transition: 0.5s;
}

.about-serv-image g, .about-serv-image line {
	transition: 0.5s;
}


.about-serv-image:hover h3, 
.about-serv-image:hover g, 
.about-serv-image:hover line {
    color: #fff;
	transition: 0.5s;
	stroke: #fff;
}

.about-serv-image.svg-cross h3, 
.about-serv-image.svg-cross g, 
.about-serv-image.svg-cross line {
    color: #fff;
	transition: 0.5s;
	stroke: #fff;
}

.about-serv-image:hover img {
	opacity: 1;
	transition: 0.5s;
}


/*****	Service Page	****/
.service-templ {
    margin-top: 300px;
}

.service-templ h2 {
    font-size: 50px;
    position: relative;
    font-family: 'Cormorant Garamond';
	text-transform: capitalize;
}



.service-templ p {
    font-family: 'opensans-light';
    font-size: 16px;
    padding-top: 27px;
}

.service-templ h2:before {
    content: '';
    position: absolute;
    width: 64px;
    height: 6px;
    background: #424242;
	bottom: -5px;
}


.service-templ .tour_description {
    margin-top: auto;
    position: absolute;
    bottom: 0;
    right: 0;
}

.service-templ .tour_description .view_vt {
    padding-right: 100px;
	margin-bottom: 20px;
}

.setting-serv-border {
    border-bottom: 1px solid #424242;
    padding-bottom: 40px;
	margin-bottom: 40px;
}

.btn-get-touch {
	line-height: 24px;
    font-size: 16px;
    background: #424242;
    font-family: 'Cormorant Garamond', serif;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 60px;
    margin-top: 12px;
    padding: 13px 42px;
}

.in-touch-all {
    font-size: 16px;
    margin-top: 220px;
    font-family: 'Cormorant Garamond';
    margin-bottom: 111px;
}


span.counter-value {
    font-family: 'Cormorant Garamond';
    font-size: 50px;
    text-align: left;
    font-weight: 500;
}
.counter-value::after {
  content: "+";
}


.single-serivce-banner-content {
    margin: 200px 0 400px 66px;
}

.single-serivce-banner-content h1 {
	font-size: 100px;
}

.single-service-top {
	height: 100%;
	background-size: cover;
}

#count-sec-start {
    margin-top: 118px;
}

#count-sec-start h1 {
	position: relative;
}

#count-sec-start h1::before {
	position: absolute;
	content: '';
	bottom: 0;
	left:0;
	width: 255px;
	height: 1px;
	background-color: #424242;
}

#count-sec-start p {
    font-size: 16px;
}


.center-service-image {
	margin: 127px 0;
}

.center-service-image img {
	width: 100%;
	object-fit: cover;
}


.text-below-center-image h4 {
    font-family: 'opensans-regular';
    font-weight: 400 !important;
    font-size: 25px;
}


.text-below-center-image p {
	margin-top: 32px;
	font-size: 16px;
}


.proven_solution.single-sevice-section img {
    margin-top: 0;
}

.proven_solution.single-sevice-section p {
    font-size: 18px;
	padding-left: 0;
}


.proven_solution.single-sevice-section {
    margin-top: 98px;
}


.industry_proven_solution {
    margin-top: 173px;
}


.industry_proven_solution strong {
	font-weight: 300;
	font-size: 16px;
}

.industry_proven_solution h2 {
	text-transform: capitalize;
}


.sub-service-section h3 {
    font-size: 50px;
    font-weight: 500 !important;
}

.sub-service-section p {
    font-size: 16px;
	font-weight: 300;
}

.sub-service-repeat {
    padding-bottom: 67px;
	border-bottom: 1px solid #424242;
	margin-top: 57px;
}

.sub-service-section {
    margin-top: 138px;
    border-top: 15px solid #424242;
}

.desc-after-subservice {
	margin-top: 183px;
	margin-bottom: 160px;
}

.desc-after-subservice p {
    font-size: 25px;
    font-family: 'opensans-regular';
}

.why-service {
	margin: 173px 0 158px;
}

.why-service h3 {
	font-size: 50px;
    font-weight: 500 !important;
}

.why-service p {
	font-size: 18px;
	font-weight: 300;
}

.btn.focus, .btn:focus {
    box-shadow: unset;
}


.btn-get-touch:hover {
    background: #fff;
    border: 1px solid #424242;
}


.single-service .in-touch-all {
    font-size: 16px;
    margin-top: 0px;
}

.ser-foot {
    width: 100%;
}

.in-touch-all h3 {
	font-size: 65px;
}

.in-touch-all p {
	max-width: 496px;
	width: 100%;
}

/*********	SINGLE LOCATION	***********/

.office-address h4 {
    font-size: 20px;
    font-family: 'Cormorant Garamond';
    font-weight: 600;
    text-align: right;
    border-bottom: 1px solid #424242;
	padding: 10px 0px;
}


.office-address-details h4 {
	font-size: 30px;
    font-family: 'Cormorant Garamond';
    font-weight: 600;
	
	    padding: 45px 0 23px 0;
}


.office-address-details p {
	font-size: 16px;
}


/**********		OUR TEAM	**********/

.team-heading {
	margin-top: 172px;
}

.team-heading h1 {
	font-size: 100px;
}

.team-tangata {
	width: 153px;
}

.team-tangata {
    border-top: 2px solid #424242;
    text-align: right;
    font-size: 16px;
    font-family: 'opensans-semibold';
    font-weight: 600;
}

.team {
	margin-top: 193px;
	margin-bottom: 100px;
}

.single-team-member h2 {
    font-size: 25px;
    font-family: 'opensans-semibold';
	margin-top: 15px;
	position: relative;
	margin-bottom: 20px;
}

.single-team-bottom-image p {
    font-family: 'opensans-regular';
}



.single-team-member h2::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    bottom: -10px;
    background: #424242;
}

.single-team-member img {
    max-width: 309px;
    max-height: 309px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-team-member p {
    font-size: 12px;
}

.single-team-member {
    margin-bottom: 74px;
}

.single-member-start {
	margin-top: 200px;
}


ul.social-links li:nth-child(3) img {
    margin-top: -5px;
}

ul.social-links li:nth-child(3) a {
    border-right: 0;
}

.single-team-member-contacting {
    margin-bottom: 74px;
    height: 68%;
}

.single-team-member-contact {
    position: relative;
    height: 100%;
}

.single-team-member-contact h3 {
    font-size: 45px;
    font-family: 'Cormorant Garamond';
    font-weight: 600;
    max-width: 204px;
    color: #ffffff;
    z-index: 1;
    padding: 24px 0 0 29px;
}


.single-team-member-contact::before {
    width: 100%;
    max-width: 309px;
    background: #24a9e1;
    max-height: 309px;
    height: 100%;
    padding: 24px 0 0 29px;
    content: '';
    position: absolute;
    z-index: -1;
}

.contact-link-setting {
	text-align: right;
    position: absolute;
    bottom: 15px;
    right: 25px;
}

.single-team-contact {
    color: #ffffff;
    font-size: 16px;
    font-family: 'opensans-regular';
}

.single-team-contact:hover {
    color: #ffffff;
}

.single-team-contact img {
	margin-left: 10px;
}



.member-details {
    padding-top: 15px;
    margin-top: 63px;
    border-top: 1px solid #424242;
}

.team_member_detail h1 {
	font-size: 50px;
	position: relative;
}

.team_member_detail h1::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 5px;
    background: #424242;
    bottom: 0;
}

.team_member_detail p {
	font-size: 16px;
}

.more_member-details {
	margin-top: 40px;
	margin-bottom: 40px;
}

.single-team-about {
	margin-top: 140px;
}

.btn-return {
	font-size: 16px;
    font-family: 'opensans-regular';
    height: 43px;
    width: 163px;
    border: 1px solid #24A9E1;
    border-radius: 0;
    color: #24A9E1;
	line-height: 26px;
}

.btn-return:hover {
    background-color: #24A9E1;
	color: #fff;
}

.btn-return svg {
    margin-right: 14px;
}

.btn-return:hover svg path,
.btn-return:hover svg line {
	stroke: #ffffff;
}

.single-team-bottom-image {
	margin-top: 150px;
}

.tag-hover-details {
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	z-index: 1;
}

.single_project_item:hover .tag-hover-details {
	opacity: 1;
	visibility: visible;
	transition: 0.3s;
}

.tag-hover-details:hover {
	z-index: 9;
	position: relative;
}

/******		CONTACT US	********/

.contact-heading h1 {
	font-size: 100px;
	line-height: 0.8;
}

.contact-top-m {
	margin-top: 179px;
}

.contact-details ul li a {
    font-size: 16px;
    color: #424242;
	font-family: 'opensans-regular';
}

.contact-details ul li {
    list-style: none;
    line-height: 0.8;
    padding-bottom: 11px;
}

.social-links {
    display: flex;
}

.social-links li a {
	margin-right: 10px;
    height: 20px;
    display: inline-flex
;
}

.contact-detailing {
    padding-left: 40px;
}

.contact-detailing a {
	color: #424242;
}

.contact-details {
    border-left: 1px solid #424242;
}

.contact-detailing p {
    border-bottom: 1px solid #424242;
    padding-bottom: 25px;
    margin-top: 20px;
	font-family: 'opensans-regular';
	font-size: 16px;
}

.contact-form {
    margin-top: 60px;
    max-width: 390px;
}


.contact-detailing p:nth-last-child(1) {
	border-bottom: 0;
	padding-bottom: 0;
}

input.form-control {
    border: 0;
    border-bottom: 1px solid #424242;
    border-radius: 0;
    font-size: 18px;
    font-family: 'opensans-light';
	margin-top: 10px;
    padding-left: 0;
	background: transparent;
}

input.form-control:focus {
	box-shadow: unset;
}

select.form-control {
    border: 0;
    border-bottom: 1px solid #424242;
    border-radius: 0;
    font-size: 18px;
    font-family: 'opensans-light';
	margin-top: 10px;
    padding-left: 0;
	background: transparent;
}

select.form-control:focus {
	box-shadow: unset;
}

input[type="submit"] {
    width: 80px;
    border: 0;
    margin-left: auto;
    color: #24A9E1;
    text-align: left;
	font-size: 16px;
    font-family: 'opensans-regular';
	margin-top: 0;
}


.contact-map {
    margin-top: 83px;
    margin-bottom: 164px;}

.contact-map  iframe {
        box-shadow: 0px 30px 49px -30px #c5c5c5;
}


/******		PROJECT	*******/
.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button {
    text-align: center;
    color: #424242;
    margin-bottom: 70px;
    font-size: 20px;
    border: 0;
    font-family: 'Cormorant Garamond';
	position: relative;
}

.filter-button::after {
    content: '';
    position: absolute;
    right: 0;
    height: 10px;
    background: #9d9d9d;
    width: 1px;
    top: 15px;
}

.filter-button:nth-last-child(1)::after {
    content: unset;
}


.filter-button:hover
{
    font-size: 20px;
    text-align: center;
    color: #24A9E1;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 60px;
}
	
.page-template-template-project .gallery_product.col-lg-12 img,
.tax-project-category .gallery_product.col-lg-12 img {
	width: 100%;
}
	

.project-filter-top {
	margin-top: 187px;
}

/* .footer_menu {
    margin-left: 15px;
} */

.footer_menu .social-links li {
    margin-left: 5px;
}

/* .footer_menu .social-links li:nth-child(1) {
    margin-left: 22px;
} */


section.single-project-start {
    margin-top: 169px;
}

.s_project_detail h1 {
    font-size: 50px;
    line-height: 1;
}

.project-details {
    margin-top: 19px;
}

p.head-semi {
    font-family: 'Cormorant Garamond';
    font-size: 20px;
}

.project-float-dtails p {
    margin-bottom: 0;
}

.project-float-dtails {
    border-bottom: 1px solid #424242;
    padding: 4px 0;
}

.more-projects {
	margin-top: 130px;
}


.tagging-hover {
    background: #424242;
    max-width: 472px;
    max-height: 322px;
	width: 100%;
	height: 100%;
	display: none;
}

.tag-hover-details:hover .tagging-hover {
	display: block;
	z-index: 2;
	position: relative;
}

.tagging-hover img {
/*     max-width: 453px;
    max-height: 224px; */
	width: 453px;
    height: 224px;
/* 	width: 100%;
	height: 100%; */
    float: right;
	padding-left: 20px;
	object-fit: cover;
}

.tagging-arrow img {
    width: 65px;
    height: 65px;
    border: 1px solid #eee;
    padding: 21px;
    border-radius: 85px;
	object-fit: contain;
	margin-right: 8px;
}

.tagging-arrow {
    margin-left: 20px;
    margin-top: 20px !important;
}

.tagging-hover h6 {
    color: #fff;
	font-family: 'opensans-light';
}

.tagging-hover p {
    color: #fff;
	font-size: 16px;
	font-family: 'opensans-light';
	padding-right: 10px;
}

.tagging-product {
    padding-left: 20px;
    padding-top: 10px;
}

.single_project_item a.tagging-arrow {
    margin-left: 60px;
    margin-top: 20px !important;
    width: unset;
}

.wpcf7-spinner {
    position: absolute;
}








.container-image {
  position: relative;
}

.image {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 200px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-color: #424242;
}

/* .container-image:hover .overlay {
  opacity: 1;
}
 */

.prefooter_banner img {
	width: 100%;
	object-fit: cover;
}


.svg-cross svg {
	transform: rotate(45deg);
	transition: 0.3s;
}


.full-image {
	width: 100%;
	object-fit:cover;
	max-width: 100%;
}


.single-project-start img {
    width: 100%;
    max-height: 390px;
    object-fit: cover;
    height: 100%;
	object-position: center;
}

#menu-main-menu .menu-item-has-children > a:before {
    content: "\f107";
    position: absolute;
    font: normal normal normal 14px/1 'FontAwesome' !important;
    right: -19px;
    top: 12px;
}

.capability-nav .slick-slide {
    opacity: 0.2;
}

.capability-nav .slick-slide.slick-current {
    opacity: 1;
}

.single-project .projects {
    margin-top: 85px;
}

#count-sec-start .row {
	justify-content: space-around;
}

#count-sec-start h2:before {
    content: '';
    position: absolute;
    width: 170px;
    height: 1px;
    background: black;
    top: 65px;
    left: 0;
}

#count-sec-start h2 {
	position: relative;
}

.count-col {
	list-style: none;
}

#menu-footer-menu .current_page_parent::before,
#menu-footer-menu .current_page_item::before {
    content: '';
}

#menu-footer-menu .current-menu-item,
#menu-footer-menu .current_page_parent {
    padding-left: 0px;
}

.sub-menu .menu-item a::before {
    position: absolute;
    content: '';
    left: 0;
    top: 24px;
    width: 0px;
    height: 1px;
    background: black;
	transition: 0.3s;
}

.sub-menu .menu-item a:hover::before {
    width: 10px;
	transition: 0.3s;
}

.sub-menu .menu-item a:hover {
    padding-left: 5px;
	transition: 0.3s;
}

.sub-menu .menu-item.current-menu-item a::before {
	 position: absolute;
    content: '';
    left: 0;
    top: 24px;
    width: 10px;
    height: 1px;
    background: #24A9E1 !important;
	transition: 0.3s;
}

.page-template-template-contact footer {
	display: none;
}

.page-template-template-contact .center-service-image {
    margin-bottom: 0;
}

/*******************************
* Media Quries
********************************/

/****** Min Width Quries******/


@media(min-width: 1200px){
.container {
max-width: 1016px !important;
}
.vh_100_col{
  max-width: 618px !important;
}

}


input.phone-valid::-webkit-outer-spin-button, input.phone-valid::-webkit-inner-spin-button {
    appearance: none;
}


@media(min-width: 1600px){
	
}

/****** Min Width Quries End******/

/****** Max Width Queries******/
@media(max-width: 1500px){
	.single-serivce-banner-content h1 {
		font-size: 60px;
	}
}


@media(max-width: 1280px){
	

}

@media(max-width: 1200px){
.home_hero_banner{
    background-size: cover !important;
	background-position:center !important;
  }
	
	.home_banner_content h1,
	.home_banner_content .hm_strong{
		font-size: 70px;
		line-height: 77px;
	}
	.home_hero_banner .row .col-xl-6:first-child{
		padding-top:20%;
	}
	
/* 	--- about home page css start ---- */
	.about-banner .row,
	.about-banner{
		height:100vh;
	}
	.book-download-right{
		justify-content:end;
		padding-bottom:30px;
	}
	.book-download-part {
		max-width: 525px;
	}
	
/* 	--- about home page css end ---- */
	.footer_border .row{
		display: grid !important;
        grid-template-columns:repeat(4,1fr);
		column-gap: 20px;
	}
	.footer_border .row:nth-child(3){
		display:flex !important;
	}
	.site_footer .row .footer_menu:first-child,
	.site_footer .row .footer_info:first-child{
		grid-column: span 4;
		margin-bottom:46px !important;
	}
	.site_footer .footer_info h5{
		margin-bottom:12px;
	}
}

@media(max-width: 991px){
#mobile-nav-toggle {
    position: fixed;
}
#nav-menu-container {
    display: none;
}
	
#menu-main-menu .current-menu-item::after {
    border: unset;
}

	
.menu-item.current-menu-item > a, .menu-item  a:hover {
    color: #24A9E1 !important;
}
	

#mobile-nav-toggle {
    display: inline;
}
#mobile-nav-toggle i {
    color: #424242;
}
.enquire-ca{
    margin-right: 10%;
}
#mobile-nav ul li li{
    padding-left: 0px;
}
.icon{
    display: none;
}
#mobile-nav ul li ul{
    display: none;
}
.menu-item-has-children i {
/*     color: #fff; */
    right: 1px;
    display: inline;
    position: absolute;
    right: 50px;
    font-size: 15px;
    top: 10px;
    z-index: 1;
}
#mobile-nav-toggle{
    padding: 0;
}

#header.darkHeader{
padding-bottom: 5px;
	border-bottom: 1px solid #f7f7f7;
}
	
	.feature-setting > div img {
		width: 210px;
	}
	
	.single-serivce-banner-content h1 {
		font-size: 40px;
	}
	
	.service-templ .tour_description {
    margin-top: 40px;
    position: relative;
	}
	
	.current-menu-item, .current_page_parent {
		padding-left: 30px;
	}
	
	#mobile-nav ul li ul.sub-menu {
		box-shadow: unset !important;
	}
	
	.current_page_parent::before, .current_page_item::before {
		position: absolute;
		content: url(/wp-content/uploads/2023/01/right-arrow.svg);
		left: 10px;
    	top: 4px;
	}
	
	.menu-item-has-children::after {
     	right: 20px;
	}
	
	.service-templ {
		margin-top: 200px;
	}
	
	
	
}

@media (min-width: 768px) {
	.page-template-template-about #header,
	.home #header {
		position: fixed !important;
	}
}

@media (max-width: 767px) {

 #header{
		position:fixed !important;
		 border-bottom:none !important;
}
/* 	---- about home page css start --- */
	.home_hero_banner .row .col-xl-6:first-child{
		 height: 50vh;
	}

	.about_banner_content h2,
	.home_banner_content .hm_strong{
		font-size:36px;
		line-height:107%;
	}
	.home_banner_content_btns {
		gap: 20px;
	}
	.home_banner_content_btns a{
		font-size:14px;
		padding:15px 30px;
	}
	.book-download-content h2{
		font-size:20px;
	}
	.book-download-content p {
		font-size: 13px;
	}
	.book-download-content a {
		font-size: 14px;
		padding: 10px 30px;
	}
	.book-download-img{
		width:50%;
	}
	.about-banner{
		padding:0px 20px;
	}
	.book-download-right{
		padding-bottom:20px;
	}
	
/* 	---- about home page css end --- */
	
	.footer_border .row:nth-child(3) {
		padding: 15px 20px;
	}
	.footer_border .row {
		grid-template-columns: repeat(2,1fr);
		column-gap:20px;
		row-gap:20px;
	}
	.site_footer .row .footer_menu:first-child, .site_footer .row .footer_info:first-child {
		grid-column: span 2;
		margin-bottom: 35px !important;
	}
	.footer_border .row:first-child{
		padding:20px 20px 45px;
	}
	.footer_border .row:nth-child(2){
		padding:45px 20px 90px 20px;
	}
	.site_footer ul li a{
		font-size:12px;
	}
	.site_footer .row .footer_menu h4{
		margin-bottom:20px;
	}
	.site_footer .footer_info a br{
		display:none;
	}
	.site_footer .footer_info p{
		font-size:30px;
		line-height:1.2;
	}
	.single_project_item .tag-hover-details {
		opacity: 1;
		visibility: visible;
		transition: 0.3s;
	}
	
	
	.work_map_content::before {
		content: unset;
	}
	.hm_h1{
		font-size: 32px;
	}
	
	.work_map_content {
		border-left: 1px solid #000;
		margin-top: 50px;
	}
	
/* 	.home_hero_banner::before {
    	content: "";
		left: 0;
		height: 70%;
		background: #fff;
		position: absolute;
		width: 100%;
		opacity: 0.22;
		-webkit-backdrop-filter: blur(2em);
		backdrop-filter: blur(2em);
		bottom: 0;
	} */
	
	.proven_solution {
		margin-top: 0px;
	}
	
	.proven_content.simple_link {
		margin-top: 30px;
	}
	
	.work_map_content h2 {
    	font-size: 40px;
    	line-height: 48px;
	}
	
	.work_map_content {
    	padding-left: 20px;
	}
	
	.work_map .d-table {
		margin-top: 50px;
	}
	
	.fitout_services ul {
		padding-left: 20px;
	}
	
	.fitout_services ul li {
    	margin-bottom: 10px;
	}
	
	.fitout_services .col-3 {
		padding: 0;
	}
	
	.fitout_services ul li a {
    	font-size: 25px;
	}
	
	.fitout_services .col-3 img {
		min-height: 370px;
		object-fit: cover;
	}
	
/* 	.social-links {
		justify-content: center;
	} */
	
	.black-overlay-img img {
		height: 426px;
	}
	
	.page-title h1 {
    	font-size: 65px;
	}
	
	.in-touch-all .text-right {
		text-align: left !important;
	}
	
	.in-touch-all h3 {
		font-size: 40px;
	}
	
	.ser-foot {
		height: 239px;
    	object-fit: cover;
	}
	
	.single-service-top {
    	height: 539px;
	}
	
	.single-serivce-banner-content {
		margin: 20px 0 50px 15px;
	}
	
	.industry_proven_solution .text-right {
		text-align: left !important;
	}
	
	h1, h2, h3 {
		font-size: 40px;
	}
	
	.industry_proven_solution :is(p,a){
		padding-left: 40px;
	}
	
	#count-sec-start .col-md-4 {
		max-width: 255px;
		float: right;
		margin-right: 0 !important;
	}
	
	#count-sec-start .row {
		flex-direction: column;
		margin-left: 90px;
	}
	
	.center-service-image img {
		height: 559px;
	}
	
	.sub-service-repeat :is(p){
		padding-left: 30px;
	}
	
	.desc-after-subservice {
		margin-top: 83px;
		margin-bottom: 50px;
	}
	
	.why-service {
		margin: 0;
	}
	
	.marquee_text {
		margin-top: 77px;
		margin-bottom: 77px;
	}
	
	.desc-after-subservice .text-right {
		text-align: left !important;
	}
	
	.proven_solution .proven_about .proven_content {
		margin-top: 40px;
	}
	
	.proven_about {
		margin-top: 80px;
	}
	
	.feature-setting > div img {
		width: 50px;
	}
	
	.feature-setting > div:nth-child(2) {
		padding-left:0 !important;
		padding-top:30px;
	}
	
	.footer_menu ul:nth-child(1) {
		display: none;
	}
	
	.about-serv-image:before {
		background: black;
    	opacity: 0.7;
	}
	
	.about-serv-image h3, .about-serv-image g, .about-serv-image line {
		color: #fff;
		stroke: #fff;
	}
	
	.team-heading h1 {
		font-size: 60px;
	}
	
	.single-team-member img {
		max-width: unset;
		max-height: unset;
	}
	
	.single-team-member-contact::before {
		max-width: 269px;
		background: #24a9e1;
		height: 259px;
	 }
	
	.contact-link-setting {
		position: absolute;
		bottom: -35px;
		right: 260px;
		z-index: 1;
	}
	
	.single-team-member-contacting {
		margin-bottom: 174px;
	}
	
	.contact-heading h1 {
		font-size: 60px;
	}
	
	.contact-detailing p {
		border-bottom: 0px solid #424242;
	}
	
	.contact-details {
		border-left: 0px;
		margin-top: 20px;
	}
	
	.contact-detailing {
		padding-left: 0px;
	}
	
	.contact-details ul {
		padding-left: 0px;
	}
	
	.contact-details .social-links {
		justify-content: start;
	}
	
	.contact-form {
		max-width: 100%;
	}
	
	.industry_proven_solution {
		margin-top: 73px;
	}
	
	.single-member-start {
		margin-top: 60px;
	}
	
	#header {
		border-bottom: 1px solid #eee;
	}
	
	.filter-button {
    	margin-bottom: 10px;
		flex-shrink: 0;
	}
	
	.project-flex .filter-button:nth-child(1) {
		padding-left: 0;
	}
	
	.s_project_detail {
		margin-top: 25px;
	}
	
	.projects {
		margin-top: 75px;
	}
	
	 #mobile-nav-toggle {
    	margin: 30px 20px 0 0;
	}
	
	.service-templ .tour_description .view_vt {
		margin-bottom: 0px;
	}
	
	.in-touch-all {
    	margin-top: 100px;
	}
	
	.setting-serv-border h2 {
		margin-top: 20px;
	}
	
	.service-templ p {
		padding-bottom: 50px;
	}
	
	.about-serv-image {
		background-position: center !important;
	}
	
	.page-template-template-about .projects.collapse {
		margin-top: 35px;
	}
	
/* 	.social-links img {
		width: 28px;
	} */
	
	.all-lines:hover span.line:nth-child(3) {
		width: 28px;
		transition: 0.3s;
	}
	
	

	.project-flex {
		display: flex;
		overflow: scroll;
		margin-bottom: 30px;
	}
	
	
	
		
}

@media (max-width: 575px) {
	
	.book-download-part {
		padding: 12px;
	}
	.about_banner_content h2, .home_banner_content .hm_strong {
		font-size: 28px;
	}
	.home_banner_content_btns a {
		padding: 15px 20px;
	}
	.book-download-content h2 {
		font-size: 16px;
	}
	.book-download-content p {
		font-size: 10px;
	}
	.home_banner_content h1{
		font-size: 56px;
		line-height: 67px;
		color: #fff;
		text-transform: inherit;
	}
	.home_banner_content span {
    	display: inline-block;
	}
	
	.home_hero_banner {
    	padding: 0 20px;
	}
	
	.home_hero_banner {
    	padding: 0 20px;
	}
	.new_marquee_text .animate-tex{
		font-size:20px;
	}
	.site-logo{
		max-width:180px;
	}
	.vh_100_col {
		height: 90dvh;
	}
	
	#count-sec-start .row {
		margin-left: 30px;
	}
	
	
	#header {
    	padding: 0 20px;
	}
	.home_banner_content h1{
		font-size: 56px;
		line-height: 67px;
		color: #fff;
		text-transform: inherit;
	}
	.home_banner_content span {
    	display: inline-block;
	}
	
	.container-fluid {
		padding-left: unset !important; 
		padding-right: unset !important;
	}
	
	.proven_content :is(h1, h2, h3, h4, h5, h6) {
		font-size: 40px;
		line-height: 48px;
		margin-bottom: 3px;
	}
	
	.proven_content p {
		font-size: 18px;
	}
	
	.single_interior_img {
		margin-top: 44px;
	}
	
	.single_interior_img .col-md-12 {
		padding: 0;
	}
	
	.tour_project_inner {
		width: 237px;
		left: 27px;
		font-size: 40px;
		text-align: left;
		padding-left: 20px;
	}
	
	.single-service-top {
    	height: 239px;
	}
	
	.center-service-image img {
		height: 259px;
	}
	
	.footer-copyright {
		margin-top: 42px;
	}
	
	.fitout_services ul {
		padding-left: 0px;
	}
	
	.fitout_services {
		margin-bottom: 52px;
	}
	
	.site_footer {
		margin-top: 77px;
	}
	
	h1, h2, h3 {
		font-size: 30px;
	}
	
	.feature-setting > div img {
		width: 40px;
	}
	
	.feature-setting {
    	padding: 42px 0px 40px 5px;
	}
	.s_project_detail h1 {
    	font-size: 30px;
	}
	
	.tagging-hover .tag-hove-img {
		width: 100%;
		height: 100%;
		min-height: 124px;
	}
	
	.single_project_item .tag-hover-details {
		opacity: 1 !important;
		visibility: visible !important;
	}
	
	.tagging-hover {
    	max-height: unset;
	}
	
	.single_project_item a.tagging-arrow {
    	margin-left: 20px;
	}
	
	.tagging-hover img {
    	float: left;
	}
	
	.tagging-hover .flex-sm-row div:nth-child(2) {
		margin-left: 20px;
	}
	
}
.slick-slide img {
  margin: 0 auto;
}