* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

}



*::before,
*::after {

  box-sizing: border-box;

}

  @import url("https://use.typekit.net/bkd5tzh.css");


.common::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: #000;

}



body {

  font-size: 18px;

  color: var(--black-color);

  font-family: "Montserrat-Regular";

  background-color: var(--white-color);

}



body.show {

  position: fixed;

  top: 0;

  width: 100%;

}



/* fonts family start */



/* Montserrat */

@font-face {

  font-family: "Montserrat-Regular";

  src: url("../fonts/Montserrat/Montserrat-Regular.ttf");

  font-display: swap;

}



@font-face {

  font-family: "Montserrat-Light";

  src: url("../fonts/Montserrat/Montserrat-Light.ttf");

  font-display: swap;

}

@font-face {

  font-family: "Montserrat-bold";

  src: url("../fonts/Montserrat/Montserrat-bold.ttf");

  font-display: swap;

}



/* Helvetica */

@font-face {

  font-family: "helvetica-light";

  src: url("../fonts/Helvetica/helvetica-light.ttf") format("truetype");

  font-display: swap;

}



/* fonts family end */



/* common css */

:root {

  --white-color: #FFFFFF;

  --black-color: #3F3F3F;

  --golden-color-1: #C69651;

  --golden-color: #6EB744;

  --green-color: #3A564F;

  --gray: #707070;

}



.white {

  color: var(--white-color);

}



.black {

  color: var(--black-color);

}



.green-bg {

  background-color: var(--green-color);

}

.black-bg {

  background-color: var(--black-color);

}

.golden-color-1 {
  color: var(--golden-color-1) !important;
}

.text-uppercase {

  text-transform: uppercase;

}



.justify-center {

  justify-content: center;

}



.col-gap-60 {

  column-gap: 60px !important;

}



.btn-cmn-space {

  margin: 50px 0 80px 0;

}



.form-control:focus,
.btn-check:focus+.btn,
.btn:focus {

  box-shadow: none;

}



:focus-visible {

  outline: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  padding: 0;

  margin-bottom: 15px;

  line-height: 1.3;

  color: var(--black-color);

  font-family: "Montserrat-Light";

}



h1 span,

h2 span,

h3 span,

h4 span,

h5 span,

h6 span {

  color: var(--black-color);

  font-family: "Montserrat-Light";

}



h1 {

  font-size: 80px;

  color: var(--white-color);

}



h2 {

  font-size: 70px;

}



h3 {

  font-size: 60px;

}



h4 {

  font-size: 45px;

}



h5 {

  font-size: 30px;

}



h6 {

  font-size: 26px;

}



p {

  margin: 0;

  padding: 0;

  font-size: 24px;

  line-height: 1.5;

  margin-bottom: 20px;

  color: var(--black-color);

}



p:last-child {

  margin-bottom: 0;

}



p span {

  color: var(--black-color);

}



p a {

  color: var(--black-color);

  font-size: inherit;

  font-family: inherit;

}



p a:hover {

  color: var(--black-color);

}



ul,
ol {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



a {

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  line-height: 1.2;

  color: var(--white-color);

}



a:hover {

  color: var(--white-color);

}



.btn:hover {

  color: var(--white-color);

}



span {

  display: inline-block;

}



.section-heading {

  text-align: center;

  margin-bottom: 60px;

}



.section-heading span {

  font-size: 22px;

  color: var(--black-color);

  margin-bottom: 15px;

}



.section-heading p {

  font-size: 20px;

  margin: 0 auto;

}



.green-btn {

  font-size: 16px;

  padding: 15px 40px;

  color: var(--white-color);

  background-color: var(--green-color);

  border-radius: 50px;

  border: none;

  display: flex;

  align-items: center;

  justify-content: center;

}



.transparent-btn {

  font-size: 22px;

  color: var(--golden-color-1);

  text-transform: uppercase;

  position: relative;

}

.btn.transparent-btn::before {
  position: absolute;
  content: "";
  left: auto;
  bottom: 0;
  height: 3px;
  width: 0;
  transition: 0.5s all;
  border-radius: 10px;
  background-color: #E1B678;
}
.btn.transparent-btn:hover::before {
  width: 40%;
}



/* #home-portfolio .transparent-btn,
#home-portfolio .transparent-btn:hover {

  color: var(--white-color);

} */

.transparent-btn:hover {

  color: #DDAC65 !important;

}


.gold-border {
  background-color: var(--golden-color-1);
  width: 80px;
  height: 3px;
  background-position: center;
  border-radius: 15px;
  margin: 0 auto;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 10px;
}

/* .gold-border {

  background-color: var(--black-color);

  width: 80px;

  height: 3px;

  background-position: center;

  border-radius: 15px;

  margin: 0 auto;

  text-align: center;

  margin-top: 70px;

  margin-bottom: 80px;

} */

section {

  padding: 80px 0;

  overflow: hidden;

}



.mobile {

  display: none !important;

}



.desktop {

  display: block !important;

}



img,
video {

  max-width: 100%;

}



.button-box ul {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  column-gap: 15px;

  row-gap: 10px;

}



.owl-theme .owl-dots .owl-dot span {

  /* background: var(--golden-color); */

  background: #A5A7A9;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  /* background: var(--golden-color); */

  background: #dcdedf;

  outline: 2px solidvar(--golden-color);

  outline-offset: 3px;

}



.owl-nav {

  margin-top: 0;

}



#gallery .owl-theme .owl-dots {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 36px;

}



#gallery .owl-theme .owl-dots .owl-dot span {

  width: 18px;

  height: 18px;

  margin: 5px 5px !important;

}



/*.owl-nav button.owl-prev {

    left: 0;

}



.owl-nav button.owl-next {

    right: 0;

} */



/* header css start */

@keyframes smoothScroll {

  0% {

    transform: translateY(-30px);

    opacity: 0;

  }



  100% {

    transform: translateY(0px);

    opacity: 1;

  }

}



/* header start */

#header.sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  animation: smoothScroll 1s forwards;

  z-index: 10;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 0 27px -5px, rgba(0, 0, 0, 0.3) 0px 0 16px -8px;

  background-color: var(--white-color);

}



#header.sticky ul li a {

  color: var(--green-color);

}



#header.sticky ul li a:hover:before {

  background-color: var(--black-color);

}



#header.sticky .logo-box img {

  max-width: 200px;

  display: none;

}



#header.sticky .logo-box img.green-logo {

  display: block;

}



#header {

  padding: 26px 0;

  transition: 0.5s all;

  position: relative;

  z-index: 11;

}



#header .header-box {

  display: flex;

  align-items: center;

  justify-content: center;
  /* justify-content: space-around; */

}



#header .logo-box img {

  max-width: 230px;

  width: 100%;

}



#header .logo-box img.green-logo {

  display: none;

}



#header .main-nav .click-menu {

  display: none;

  cursor: pointer;

  position: relative;

  right: 10px;

  top: 0;

  font-size: 30px;

  color: var(--golden-color);

}



#header .main-nav .cancel-menu {

  display: none;

}



#header .main-nav {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}



#header ul li {

  display: inline-block;

  position: relative;

}



#header ul li a {

  font-size: 16px;

  color: var(--white-color);

  padding: 6px 10px;

  margin: 0 30px;

  text-transform: uppercase;

  transition: 0.5s all;

  position: relative;

}

#header .top-header ul li:nth-child(2) {
  margin-right: 220px;
}

#header .top-header ul li:nth-child(3) {
  margin-left: 220px;
}

/* 17-12-24 */
#header .top-header ul li .sub-menu li {
  margin: 0;
}



#header .btm-header {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

#header ul li a:hover:before {

  width: 40%;

}



#header ul li.active a:before,

#header ul li.active a::before {

  color: var(--white-color);

  width: 40%;

}



#header ul li a::before {

  position: absolute;

  content: "";

  left: auto;

  bottom: 0;

  height: 3px;

  width: 0;

  transition: 0.5s all;

  border-radius: 10px;

  background-color: var(--white-color);

}



/* header menu */

#header .m-block {

  display: none;

}


/* Submenu css  */

#header .submenu-icon {
  display: none;
  color: var(--white-color);
}

#header ul li .sub-menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 45px;
  transition: 0.5s ease-in;
  min-width: 250px;
}

#header.sticky ul li .sub-menu {
  top: 58px;
  background: var(--white-color);
}

#header ul li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
}

#header ul li .sub-menu li a::before {
  display: none;
}

/* header end */



/* home banner start */



#home-banner {

  position: relative;

}


.inner-banner-part::after,
#home-banner::after {

  background: hsla(0, 0%, 25%, 0.149);

  position: absolute;

  content: "";

  width: 100%;

  left: 0;

  top: 0;

  height: 100%;

}



#home-banner,
.inner-banner {

  padding: 0 0;

  position: relative;

  margin-top: -105px;

  /* z-index: -1; */

}



#home-banner .home-banner-part .item {

  background-repeat: no-repeat;

  background-size: cover;

  padding: 356px 0 110px;

}



.inner-banner .inner-banner-part .item {

  background-repeat: no-repeat;

  background-size: cover;

  padding: 524px 0 290px;

}



/* home banner video */

.video-box {

  position: relative;

  overflow: hidden;

  padding-top: 56.25%;

}



iframe {

  position: absolute;

  border: 0;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



#home-banner .banner-caption {

  position: absolute;

  top: 55%;

  left: 50%;

  transform: translate(-50%, -55%);

  width: 100%;

  text-align: center;

  padding: 0 15px;

  z-index: 1;

}



#home-banner .button-box ul,

.inner-banner .button-box ul {

  column-gap: 30px;

  justify-content: center;

  margin-top: 100px;

}



/* home banner end */



/* company info start */

.cmn-info .text-box h5 {

  margin-bottom: 0;

  line-height: 1.5;

}



.cmn-info .text-box .button-box {

  margin-top: 40px;

}



/* company info end */



/* about us start */

#about-us,
#portfolioMain,
#internal-gallery {

  padding: 0 0;

}


#portfolioMain .container-fluid,
#about-us .container-fluid {

  padding-left: 0;

  padding-right: 0;

}



#about-us .navigations-box {

  padding: 100px 0;

}



#about-us .navigations-box .button-box ul {

  column-gap: 100px;

  justify-content: center;

}



#about-us .navigations-box nav ul li a {

  font-size: 22px;

  color: var(--golden-color-1);

  padding: 10px 10px;

  margin: 0 50px;

  /* text-decoration: underline; */

}

#about-us .navigations-box nav ul li a::before{
  position: absolute;
  content: "";
  left: auto;
  bottom: 0;
  height: 3px;
  width: 0;
  transition: 0.5s all;
  border-radius: 10px;
  background-color: #E1B678;
}
#about-us .navigations-box nav ul li a:hover::before{
  width: 40%;
}

#portfolioMain .property-box-main .box .image-box img,
#about-us .property-box-main .box .image-box img {

  width: 100%;

}



#portfolioMain .property-box-main .box .content-box,
#about-us .property-box-main .box .content-box {

  padding: 60px 60px;

  text-align: center;

}

#portfolioMain .property-box-main .box .content-box p {
  font-family: "Montserrat-Light";
  font-size: 34px;
}

#portfolioMain .property-box-main .box .content-box .button-box,
#about-us .property-box-main .box .content-box .button-box {

  margin-top: 50px;

}



#portfolioMain .property-box-main .box .content-box .button-box ul,
#about-us .property-box-main .box .content-box .button-box ul {

  justify-content: center;

}



/* about us end */



/* portfolio start */

#home-portfolio {

  padding: 0 0;

}



.portfolio-cmn .container-fluid {

  padding-left: 0;

  padding-right: 0;

}



.portfolio-cmn .portfolio-box {

  padding: 120px 0;

}



/* portfolio end */





/* client experience start */

#client-experience .client-experience-box .content-box {

  padding: 80px 20px 40px 20px;

  text-align: center;

}



#client-experience .button-box-main {

  margin-top: 50px;

}



#client-experience .gold-border {

  margin-top: 90px !important;

  /* margin-bottom: 90px; */

  background-color: var(--golden-color-1);

}



/* client experience end */



/* instagram start */

#instagram {

  padding: 0 0 80px 0;

}



#instagram .row {

  row-gap: 20px;

}



#instagram .instagram-box img {

  width: 100%;

}



/* instagram end */



/* gallery start */

#gallery {

  position: relative;

  padding: 0 0;

}



/* gallery end */



/* footer start */

footer {

  padding: 120px 0;

}



footer .top-box .box {

  text-align: center;

  padding: 40px 0;

}



footer .top-box .box.box2 {

  border-left: 2px solid var(--golden-color-1);

  border-right: 2px solid var(--golden-color-1);

}



footer .top-box .box.box1 ul li:not(:last-child) {

  margin-bottom: 34px;

}



footer .top-box .box.box1 ul li a {

  font-size: 20px;

  text-transform: uppercase;

  font-family: "Montserrat-Light";

}



footer .logo-box img {

  max-width: 220px;

  width: 100%;

  margin-bottom: 16px;

}



footer .top-box p {

  font-size: 20px;

  color: var(--white-color);

  text-transform: uppercase;

  font-family: "Montserrat-Light";

  margin-bottom: 13px;

}



footer p {

  font-size: 20px;

  color: var(--white-color);

  font-family: "Montserrat-Light";

}



footer p a {

  display: inline-block;

  color: var(--white-color);

  font-family: "Montserrat-Regular";

}



footer p a:hover {

  color: var(--white-color);

}



footer .top-box .box.box3 span {

  font-size: 20px;

  color: var(--white-color);

  font-family: "Montserrat-Light";

  margin-bottom: 20px;

}



footer .top-box .box.box3 p {

  text-transform: capitalize;

  margin-bottom: 30px;

}



footer .newsletter-box {

  max-width: 270px;

  margin: 0 auto;

}



footer .newsletter-box .form-control {

  font-size: 18px;

  border-radius: 0;

  padding: 12px 10px;

  color: #4C4747;

}



footer .newsletter-box .input-group {

  margin-bottom: 50px;

}



footer .newsletter-box button.btn.green-btn {
	text-align: center;
	margin: 0 auto;
	padding: 11px 56px;
	transition: .5s all;
}

footer .newsletter-box button.btn.green-btn:hover {
	background-color: #DDAC65;
}
.btn.green-btn {
  transition: .5s all;
}
.btn.green-btn:hover {
  background-color: #DDAC65;
}


footer .btm-box {

  margin-top: 100px;

}



footer .btm-box p {

  margin-bottom: 0;

}



footer .btm-box .copyright-text {

  margin-top: 30px;

}



/* footer end */



/* ---------------------------------- internal portfolio page start ---------------------------------- */



/* internal gallery start */

#internal-gallery .container-fluid {

  padding-left: 0;

  padding-right: 0;

}



#internal-gallery .row {

  row-gap: 30px;

}



#internal-gallery .image-box img {

  width: 100%;

}



/* internal gallery end */



/* client video start */



#client-video {

  padding: 80px 0 0 0;

}



#client-video .client-video-box .content-box-main {

  padding: 80px 20px;

  text-align: center;

}



#client-video .client-video-box .content-box-main .content-box {

  text-align: left;

  margin: 0 auto;

  display: inline-block;

}



#client-video .client-video-box .content-box-main .content-box p {

  margin-bottom: 10px;

}



#client-video .client-video-box .content-box-main .content-box .button-box {

  margin-bottom: 40px;

}



/* client video end */


/* ---------------------------------- internal portfolio page end ---------------------------------- */

/* Portfolio Page different header css start */

header.portfolio {
  /* background-color: var(--green-color); */
}

.single-portfolio header.entry-header {
  padding: 20px 8px 10px 8px;
}

.single-portfolio h1.entry-title {
  color: var(--black-color);
  font-size: 32px;
}

.single-portfolio .entry-content {
  margin-top: 20px;
}

.single-portfolio .wp-block-heading {
  font-size: 26px;
}

.single-portfolio .entry-content p {
  font-size: 18px;
}


/* Pradip  */
#header {
  padding: 26px 0;
  transition: 0.5s all;
  position: absolute;
  z-index: 11;
  width: 100%;
  top: 0;
}

.inner-banner .banner-caption {
  position: relative;
  z-index: 1;
}

.inner-banner .inner-banner-part .item {
  padding: 584px 0 360px;
}

#portfolioMain .protfolio-filter-box {
  padding: 50px 0 30px;
  background: var(--green-color);
}

#portfolioMain .protfolio-filter-box .form-box.common-form .row {
  justify-content: center;
}

#portfolioMain .protfolio-filter-box .form-box.common-form {
  padding-top: 40px;
}

#portfolioMain .protfolio-filter-box .form-box.common-form .input-group {
  display: block;
}

#portfolioMain .protfolio-filter-box .form-box.common-form label {
  color: var(--white-color);
  display: block;
  margin-bottom: 8px;
  text-align: center;
}

#portfolioMain .protfolio-filter-box .form-box.common-form .input-group select.form-control-common {
  padding: 13px 40px 13px 23px;
  background-image: url('/wp-content/uploads/2024/11/Polygon-3.png');
  background-repeat: no-repeat;
  background-position: 94% 50%;
  appearance: none;
  width: 100%;
  background-size: 20px;
}

#Portfolio .button-group {
  display: flex;
  justify-content: center;
  padding: 5% 0;
}

#portfolioMain .transparent-btn {
  color: var(--golden-color-1);
}


/* Sustainability */
.cmn-info .title {
  margin-bottom: 50px;
}
.text p {
  font-family: 'Montserrat-Light';
}
.text h6 {
  font-family: "montserrat", sans-serif;
font-weight: 700;
font-style: normal;
}
.text p ,
.text h6 {
  line-height: 36px;
  margin-bottom: 35px;
}

.common-button-box {
  margin: 70px 0 55px 0;
}

.common-button-box ul {
  justify-content: center;
}

.line {
  width: 100px;
  border: 1px solid;
  margin: 0 auto;
}

.page-template-Sustainability #instagram {
  padding-top: 80px !important;
}

.page-template-ABOUT-US .text p:last-child {
  margin-top: 10px;
}



.page-template-ABOUT-US .internal-gallery-box-main .box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.page-template-ABOUT-US #internal-gallery .image-box img {
  width: 100%;
  filter: brightness(0.5);
}

.page-template-ABOUT-US #internal-gallery {
  padding-bottom: 80px;
}

.page-template-ABOUT-US .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.page-template-ABOUT-US .title h6 {
	color: white;
	font-family: 'Montserrat';
	font-weight: bold;
	/* text-decoration: underline; */
	font-weight: 900;
  position: relative;
}
.page-template-ABOUT-US .title h6::before{
    position: absolute;
    content: "";
    left: auto;
    bottom: 0;
    height: 3px;
    width: 0;
    transition: 0.5s all;
    border-radius: 10px;
    background-color: #DDAC65;
}
.page-template-ABOUT-US .title h6:hover::before {
	width: 40%;
}

.page-template-ABOUT-US #customer-review .yellow {
  background-color: #C69651;
  padding: 50px 50px;
  height: 100%;
  display: flex;
  align-items: center;
}

.page-template-ABOUT-US #customer-review .yellow h4,
.page-template-ABOUT-US #customer-review .yellow p {
  color: white;
}

.page-template-ABOUT-US #customer-review .box {
  margin-right: 10px;
}

.page-template-ABOUT-US #customer-review .row {
  margin-bottom: 23px;
}

/* Construction page css  */

.page-template-Construction .text {
  width: 80%;
  margin: 0 auto;
  margin-top: 30px;
}

.page-template-Construction #pre-Construction-info .pre-Construction-info-part {
  background-color: var(--golden-color-1);
  padding: 70px 0;
}

.page-template-Construction #pre-Construction-info .pre-Construction-info-part p {
  margin-bottom: 0;
  color: var(--white-color);
}

.page-template-Construction #pre-Construction-info .pre-Construction-info-part h3 {
  color: var(--white-color);
}

.page-template-Construction #instagram {
  padding-top: 80px;
}

.page-template-Construction #Construction-info .title h3 {
  color: var(--gray);
}

.socialIcon a img {
	max-width: 30px;
}
.socialIcon a img:hover {
	opacity: .7;
}
.golden-color-1 {
	color: var(--golden-color-1) !important;
	font-weight: 900;
}
footer .top-box .box.box1 ul li a:hover,footer p a:hover {
	color: #DDAC65;
}
footer .btm-box .copyright-text a::before {
	position: absolute;
	content: "";
	left: auto;
	bottom: -5px;
	height: 3px;
	width: 0;
	transition: 0.5s all;
	border-radius: 10px;
	background-color: #DDAC65;
}
footer .btm-box .copyright-text a:hover::before {
	width: 40%;
}
footer .btm-box .copyright-text a{
  position: relative;
}
.page-template-ABOUT-US .title a:hover h6{
  color: #DDAC65;
}
#about-us .navigations-box nav ul li a:hover {
	color: #DDAC65;
}

.text-golden {
    margin-bottom: 30px;
}

.text-golden h6 {
    margin-bottom: 0px;
    line-height: 40px
}


/* #category-select option:hover{
  background: red !important;
  color: #000;
} */
/* #category-select select option:hover{
  background: red !important;
  color: #000;
} */

/* #category-select option:active, #category-select option:hover, #category-select option:focus {
 background-color: green;
} */



#portfolioMain  .form-box .btn-secondary {
  color: #000;
  background-color: #fff;
  border-color: #6c757d;
  width: 100%;
  padding: 13px 18px;
  border-radius: 0;
  font-size: 20px;
  text-transform: capitalize;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#portfolioMain  .form-box .dropdown-menu.show {
  border-radius: 0;
  width: 100%;
}
#portfolioMain  .form-box .dropdown-item {
  font-size: 20px;
  text-transform: capitalize;
}

#portfolioMain  .form-box .dropdown-item:hover {
  color: white;
  background-color: var(--golden-color-1);
}

#portfolioMain  .form-box .dropdown-toggle::after {
  font-size: 35px;
  color: #707070;
}

#meetteam{padding-top: 0;}
#meetteam .meetteamBox-img img {width: 100%;}
#meetteam .meetteamBox-info {  background: #C69651;  padding: 15px;  text-align: center;  margin: 10px 0;}
#meetteam .section-title h3 {text-align: center;  color: var(--golden-color-1);  font-weight: 900;  font-family: "montserrat", sans-serif;}
#meetteam .meetteamBox-info h5 {    margin: 0;   color: #fff;    font-weight: 900;}
#meetteam .meetteamBox-info p {    color: #fff;font-size: 16px;}
#meetteam a.btn.green-btn {    width: auto;    display: inline-block;}
#meetteam .button-box {    text-align: center;}
#meetteam .meetteam-box .row {row-gap: 45px;}
#meetteam .meetteam-box .col-md-4 {padding: 0 45px;}


.learn-more-btn.btn.green-btn{
	font-size: 14px !important;
	padding: 12px 30px !important;
}