/*   
Theme Name: habitationlacroix
Theme URI: habitationlacroix
Description: This is an exclusive, fully SEO optimized Wordpress theme developed for website.
Author: minimal
Author URI: minimal
*/

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

@font-face {
    font-family: 'Moderat';
    src: url('assets/fonts/Moderat-Regular.eot');
    src: url('assets/fonts/Moderat-Regular.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Moderat-Regular.woff2') format('woff2'),
         url('assets/fonts/Moderat-Regular.woff') format('woff'),
         url('assets/fonts/Moderat-Regular.ttf') format('truetype'),
         url('assets/fonts/Moderat-Regular.svg#Moderat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('assets/fonts/Graphik-Bold.eot');
    src: url('assets/fonts/Graphik-Bold.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Graphik-Bold.woff2') format('woff2'),
         url('assets/fonts/assets/fonts/Graphik-Bold.woff') format('woff'),
         url('assets/fonts/Graphik-Bold.ttf') format('truetype'),
         url('assets/fonts/Graphik-Bold.svg#Graphik-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('assets/fonts/Graphik-Semibold.eot');
    src: url('assets/fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Graphik-Semibold.woff2') format('woff2'),
         url('assets/fonts/Graphik-Semibold.woff') format('woff'),
         url('assets/fonts/Graphik-Semibold.ttf') format('truetype'),
         url('assets/fonts/Graphik-Semibold.svg#Graphik-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('assets/fonts/Graphik-Regular.eot');
    src: url('assets/fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Graphik-Regular.woff2') format('woff2'),
         url('assets/fonts/Graphik-Regular.woff') format('woff'),
         url('assets/fonts/Graphik-Regular.ttf') format('truetype'),
         url('assets/fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('assets/fonts/Graphik-Medium.eot');
    src: url('assets/fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Graphik-Medium.woff2') format('woff2'),
         url('assets/fonts/Graphik-Medium.woff') format('woff'),
         url('assets/fonts/Graphik-Medium.ttf') format('truetype'),
         url('assets/fonts/Graphik-Medium.svg#Graphik-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('assets/fonts/Graphik-Light.eot');
    src: url('assets/fonts/Graphik-Light.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Graphik-Light.woff2') format('woff2'),
         url('assets/fonts/Graphik-Light.woff') format('woff'),
         url('assets/fonts/Graphik-Light.ttf') format('truetype'),
         url('assets/fonts/Graphik-Light.svg#Graphik-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('assets/fonts/Graphik-Extralight.eot');
    src: url('assets/fonts/Graphik-Extralight.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Graphik-Extralight.woff2') format('woff2'),
         url('assets/fonts/Graphik-Extralight.woff') format('woff'),
         url('assets/fonts/Graphik-Extralight.ttf') format('truetype'),
         url('assets/fonts/Graphik-Extralight.svg#Graphik-Extralight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('assets/fonts/Graphik-Thin.eot');
    src: url('assets/fonts/Graphik-Thin.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Graphik-Thin.woff2') format('woff2'),
         url('assets/fonts/Graphik-Thin.woff') format('woff'),
         url('assets/fonts/Graphik-Thin.ttf') format('truetype'),
         url('assets/fonts/Graphik-Thin.svg#Graphik-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lettera Text Std';
    src: url('assets/fonts/LetteraTextStd.eot');
    src: url('assets/fonts/LetteraTextStd.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/LetteraTextStd.woff2') format('woff2'),
         url('assets/fonts/LetteraTextStd.woff') format('woff'),
         url('assets/fonts/LetteraTextStd.ttf') format('truetype'),
         url('assets/fonts/LetteraTextStd.svg#LetteraTextStd') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


*, ::after, ::before {
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 300;
	color: #0D1B22;
	line-height: 30px;
	font-style: normal;
    /*font-family: "Rubik", sans-serif;*/
    font-family: "DM Sans", sans-serif;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #0070ff;
}

h1, h2, h3, h4, h5, h6, p, a, ul, li, span {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
}
ul {
	list-style: none;
}

img {
	width: 100%;
}

/*-----  text and background colors  -----*/
.bg-blue-marine {
	background: #173341;
}
.color-blue-marine {
	color: #173341;
}

.bg-dark-blue {
	background: #173341;
}
.color-dark-blue {
	color: #173341;
}


.bg-white {
    background: rgba(255, 255, 255, 1);
}
.color-white {
    color: rgba(255, 255, 255, 1);
}
/*-----  text and background colors  -----*/


/*-----  Font sizes  -----*/
h1, .h1, body.contact-form .build-your-house-section .text-block .title {
	font-size: 85px;
	font-style: normal;
	font-weight: 400;
	line-height: 85px;
    font-family: "DM Sans", sans-serif;
}
h2, .h2 {
    font-family: "DM Sans", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
}
h3, .h3 {
    font-family: "DM Sans", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -0.032px;
}
.common-section.Lacroix-group .text-block .title {
    font-weight: 200;
}
h4, .h4 {
    font-family: "Rubik", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
}
/*-----  Font sizes  -----*/


/*-----  header style  -----*/
.site-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 24px 0;
	z-index: 999;
    transition: 0.5s all;
}
.error404 .site-header,
.single-page-class .site-header {
    background: #173341;
}
.error404 .site-header.headerUp,
.single-page-class .site-header.headerUp,
.site-header.headerUp {
    background: rgba(13, 27, 34, 0.7);
}
.site-header.header.headerUp {
    top: -100%;
}
.site-header.header.headerUp.headerDown {
    top: 0;
}
.site-header .container {
    width: calc(100% - 100px);
    max-width: calc(100% - 100px);
    margin: 0 auto;
    padding: 0;
}
.site-header .container .row {
    display: flex;
    align-items: center;
}
.site-logo-init {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.site-logo-init a {
    max-width: 133px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.menu-option-init {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.customToggle {
    cursor: pointer;
}
.menu-option-init a {
    max-width: 55px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-main-nav {
    width: 100%;
    height: 100vh;
    max-width: 693px;
    background: #101B21;
    position: fixed;
    top: 0;
    right: -100%;
    margin: 0;
    padding: 80px 80px 80px 118px;
    z-index: 9999;
	transition: 0.5s all;
}
.site-main-nav.open {
	right: 0;
}

.nav-options ul li a,
.nav-options .language-options li a,
.nav-options .language-options li::after {
  opacity: 0;
}

.nav-options .language-options ul .wpml-ls-slot-shortcode_actions a,
.site-main-nav.open .nav-options ul li a,
.site-main-nav.open .nav-options .language-options li a,
.site-main-nav.open .nav-options .language-options li::after {    
  animation: fadeIn 0.9s ease-in-out forwards;
  animation-delay: 0.4s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.close-btn-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 80px;
    right: 80px;
}
.close-btn-icon a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-options {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding: 90px 0 0 0;
    overflow: auto;
    height: 100%;
    justify-content: space-between;
}
.nav-options ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.nav-options ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	position: relative;
}
.nav-options ul li a {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -0.032px;
    font-family: "DM Sans", sans-serif;
	color: #fff;
	position: relative;
}
.nav-options ul li a.active::after,
.nav-options ul li a::after {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background: linear-gradient(#fff 0 0) calc(100% - var(--p,0%)) / var(--p,0%) no-repeat;
    transition: .4s,background-position 0s;
}
.nav-options ul li a.active::after,
.nav-options ul li a:hover::after {
    background: linear-gradient(#fff 0 0) calc(100% - var(--p,0%)) / var(--p,0%) no-repeat;
    --p: 100%;
}
.nav-options .language-options {
    flex-direction: row;
    align-items: center;
    gap: 0;
    justify-content: flex-end;
    margin-top: 19px;
}
.nav-options .language-options li a {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
	color: rgba(255,255,255,0.5);
}
.nav-options .language-options li {
    margin-right: 48px;
	position: relative;
}
.nav-options .language-options li::after {
    position: absolute;
    top: 0;
    right: -21px;
    width: 1px;
    height: 100%;
    background: #fff;
    content: "";
}
.nav-options .language-options li:last-child::after {
	content: none;
}
.nav-options .language-options li:last-child {
    margin-right: 0px;
}
.nav-options .language-options li a:hover,
.nav-options .language-options li a.active,
.nav-options .language-options ul .wpml-ls-slot-shortcode_actions.wpml-ls-current-language a,
.footer-nav .language-options ul .wpml-ls-current-language a {
    color: #fff;
}
.nav-options .language-options li a.active::after,
.nav-options .language-options li a::after {
	content: none;
}
.nav-options .language-options ul .wpml-ls-slot-shortcode_actions .wpml-ls-display {
    display: none;
}
/*-----  header style  -----*/


/*-----  footer style  -----*/
.site-footer {
    width: 100%;
    display: flex;
}
.footer-site-logo {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.footer-site-logo a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 170px;
}
.footer-site-logo img {
    width: 140px;
}
.footer-site-logo a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-nav {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #000;
    padding: 80px 80px 80px 100px;
    gap: 100px;
}
.footer-nav .footer-links {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.footer-nav .footer-links ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
.footer-nav .footer-links ul li,
.footer-nav .footer-links ul li a {
    width: auto;
    display: flex;
    align-items: center;
	position: relative;
}
.footer-nav .footer-links ul li a,
.footer-nav .footer-links.address-init .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 200;
    line-height: 30px;
    color: #fff;
}
.footer-nav .footer-links.address-init p,
.footer-nav .footer-links.address-init a {
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: 22px;
    color: #fff;
    position: relative;
}
.footer-nav .footer-links ul li a.active::after,
.footer-nav .footer-links ul li a::after,
.footer-nav .footer-links.address-init a::after {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background: linear-gradient(#fff 0 0) calc(100% - var(--p,0%)) / var(--p,0%) no-repeat;
    transition: .4s,background-position 0s;
}
.footer-nav .footer-links ul li a.active::after,
.footer-nav .footer-links ul li a:hover::after,
.footer-nav .footer-links.address-init a:hover::after {
    background: linear-gradient(#fff 0 0) calc(100% - var(--p,0%)) / var(--p,0%) no-repeat;
    --p: 100%;
}
.footer-nav .footer-links.address-init {
    gap: 24px;
    align-items: flex-start;
}
.footer-nav .language-options {
    display: flex;
    align-items: center;
    gap: 48px;
}
.other-links li a,
.footer-nav .language-options a,
.copy-rights p,
.site-web .title,
.site-web a {
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: 22px;
    color: rgba(255,255,255,0.5);
	position: relative;
}
.footer-nav .language-options a.active,
.footer-nav .language-options a:hover,
.site-web a:hover {
	color: #fff;
}
.footer-nav .language-options li {
    position: relative;
    display: flex;
    align-items: center;
}
.footer-nav .language-options li::after {
    position: absolute;
    top: 0;
    right: -24px;
    width: 1px;
    height: 100%;
    background: #fff;
    content: "";
}
.footer-nav .language-options li:last-child::after {
	content: none;
}
.other-links {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 32px 0 0 0;
}
.other-links li {
    width: auto;
    display: flex;
    align-items: flex-start;
}
.other-links li a {
	color: #fff;
	text-decoration: underline;
}
.site-web .title,
.copy-rights p {
	color: #fff;
}
.copy-rights {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
    gap: 11px;
}
.site-web {
    width: auto;
    display: flex;
    gap: 8px;
	align-items: center;
}
/*-----  footer style  -----*/



/*-----  common style  -----*/
.container {
    width: calc(100% - 160px);
    max-width: calc(100% - 160px);
    margin: 0 auto;
    padding: 0;
}

.common-section {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin: 0;
    padding: 200px 0;
	position: relative;
    overflow: hidden;
}

.common-section.slider-section {
    padding: 185px 0;
}

.text-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.image-block {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.padding-r-l-40 {
    padding: 0 40px;
}

.padding-r-l-30 {
    padding: 0 30px;
}

.btn-block {
    width: auto;
    display: flex;
    align-items: center;
    gap: 33px;
}
body .btn {
    width: auto;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 25px 55px 25px 21px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    border: none;
    outline: none;
    box-shadow: none;
    font-family: "Rubik", sans-serif;
    gap: 10px;
    border-radius: 0;
    position: relative;
}
body .btn span {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    font-family: "Rubik", sans-serif;
    line-height: normal;   
    text-align: left;
}
body .btn .animated-arrow {
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 21px;
    margin-top: -12px;
    overflow: hidden;
}
body .btn.dark-btn {
    background: #0D1B22;
    color: #fff;
}
body .btn.dark-btn span {
    color: #fff;
}
body .btn.btn-with-border {
    border: 1px solid #fff;
    color: #fff;
}
body .btn.white-btn {
    background: #fff;
    color: #173341;
}
.color-dark-blue .main-title, .color-dark-blue p {
    color: #0D1B22;
}
body .btn .animated-arrow img {
    position: relative;
    transition: 0.5s all;
}
body  .btn .animated-arrow img:first-child {
    left: -100%;
}
body .btn .animated-arrow img:last-child {
    left: -12px;
}
body .btn:hover .animated-arrow img:first-child {
    left: 12px;
}
body .btn:hover .animated-arrow img:last-child {
    left: 100%;
}

.out-projects-section .container {
    gap: 75px;
    display: flex;
    flex-direction: column;
}
.image-gallery-section .container {
    gap: 50px;
    display: flex;
    flex-direction: column;
}
/*-----  common style  -----*/


/*-----  Top banner style  -----*/
header + .top-banner-section {
    max-height: 987px;
}
.top-banner-section {
    width: 100%;
    height: 100vh;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    align-items: center;
    justify-content: center;
}
.project-banner::after,
.top-banner-section::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.55);
    z-index: 10;
}
.common-section.top-banner-section.banner-with-white-text::after {
    content: none;
}
.top-banner-section .row {
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-banner-section .text-block {
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 12;
    gap: 24px;
}
.top-banner-section .text-block p {
    font-size: 26px;
    font-style: normal;
    line-height: 40px;
	margin: 0;
    color: #fff;
}
/*-----  Top banner style  -----*/


/*-----  Only text block style  -----*/
.text-only-block .row {
    margin: 0 -40px;
}
.text-only-block .text-block {
    gap: 24px;
    align-items: flex-start;
    text-align: left;
}
/*-----  Only text block style  -----*/


/*-----  Image with text  -----*/
.image-with-text .row {
    margin: 0 -40px;
}
.image-with-text .text-block {
    align-items: flex-start;
    gap: 24px;
}
.image-with-text .text-block .btn-block {
    margin-top: 33px;
}
/*-----  Image with text  -----*/


/*-----  Image with text content center  -----*/
.image-with-text.align-content-center .text-block {
    height: 100%;
    align-items: flex-start;
    justify-content: center;
}
/*-----  Image with text content center  -----*/


/*-----  Lacroix group logod  -----*/
.Lacroix-group-logos {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    column-gap: 60px;
    margin: 50px 0;
    flex-wrap: wrap;
}
.Lacroix-group-logos span {
    /*font-family: "Rubik", sans-serif;*/
    font-family: "DM Sans", sans-serif;
    font-size: 90px;
    font-style: normal;
    /*font-weight: 300;*/
    font-weight: 100;
    line-height: 100px;
}
.page-id-195 .Lacroix-group-logos span {
    font-size: 110px;
    font-style: normal;
    line-height: 100px;
}
.page-id-195 .Lacroix-group-logos span.text-small {
    font-size: 64px;
    text-align: center;
}
.Lacroix-group-logos span.text-small {
    font-size: 64px;
    line-height: 100px;
    font-weight: 100;
}
.Lacroix-group .btn-block {
    justify-content: center;
}
/*-----  Lacroix group logod  -----*/


/*-----  Our partners style  -----*/
.partners-logos {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 66px;
    align-items: center;
    justify-content: center;
    margin-top: 90px;
}
.partners-logos .logo-init {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 170px;
}
/*-----  Our partners style  -----*/


/*-----  image gallery style  -----*/
.image-gallery-section .row {
    align-items: center;
    justify-content: center;
}
.image-gallery-section .text-block {
    gap: 33px;
    margin-bottom: 40px;
    text-align: center;
}
.image-gallery-section .gallery-init {
    margin: 0 -25px;
}
.image-gallery-section .gallery-init .col-lg-12,
.image-gallery-section .gallery-init .col-lg-6 {
    padding: 0 25px;
}
.image-gallery-section .gallery-init .image-block {
    overflow: hidden;
    align-items: center;
    justify-content: center;
}
.image-gallery-section .gallery-init .image-block.double-gallery-img-block {
    min-height: 750px;
}
.image-gallery-section .gallery-init .image-block.single-gallery-img-block {
    max-height: 840px;
}
.image-gallery-section .gallery-init.short-height .image-block.single-gallery-img-block {
    max-height: 552px;
}
.image-gallery-section .gallery-init .image-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/*-----  image gallery style  -----*/


/*-----  build your house style  -----*/
.build-your-house-section .text-block {
    align-items: flex-start;
    gap: 15px;
}
.common-section.build-your-house-section .text-block p {
    font-weight: 200;
}
.build-your-house-section .row {
    margin: 0 -40px;
}
.from-init {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.from-init .from-row {
    margin: 0 -12px;
    display: flex;
}
.from-init .from-row .col-lg-12,
.from-init .from-row .col-lg-6 {
    padding: 0 12px;
}
.from-init .from-row input {
    width: 100%;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    background: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ffff;
    padding: 10px 0;
    color: #fff;
    border-radius: 0;
    outline: none;
}
.from-init .from-row textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    resize: none;
    padding: 10px 0;
    min-height: 165px;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    outline: none;
}
.from-init .from-row input::placeholder,
.from-init .from-row textarea::placeholder {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
}
/*-----  build your house style  -----*/



/*-----  slider section style  -----*/
.slider-section .row {
    margin: 0;
}
.slider-section .slider-outter {
    padding: 0;
}
.slider-outter .slide {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.slider-outter .slide .text-block {
    width: 514px;
    background: #fff;
    padding: 80px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    position: absolute;
    right: 0;
}
.slider-outter .slide .image-block {
    width: calc(100% - 434px);
    /*min-height: 580px;
    max-height: 580px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-outter .slide .image-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.slider-section .slider-outter .owl-nav {
    display: flex;
    gap: 24px;
    width: auto;
    align-items: flex-start;
    position: absolute;
    bottom: -60px;
}
.slider-section .slider-outter .owl-nav .owl-prev,
.slider-section .slider-outter .owl-nav .owl-next {
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-section .slider-outter .owl-nav .owl-prev span {
    transform: rotate(180deg);
}
.slider-section .slider-outter .owl-nav .owl-prev span,
.slider-section .slider-outter .owl-nav .owl-next span {
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2023/12/right-arrow-white.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
}
.slider-section .slider-outter .owl-dots {
    width: auto;
    display: flex;
    gap: 14px;
    align-items: center;
    position: absolute;
    bottom: -49px;
    right: 434px;
}
.slider-section .slider-outter .owl-dots .owl-dot span {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider-section .slider-outter .owl-dots .owl-dot {
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-radius: 50%;
}
.slider-section .slider-outter .owl-dots .owl-dot.active {
    background: #fff;
}
/*-----  slider section style  -----*/


/*-----  banner with white text style  -----*/
.banner-with-white-text .row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.banner-with-white-text .text-block {
    padding: 80px;
    align-items: flex-start;
    text-align: left;
}
.banner-with-white-text .text-block p {
    font-family: "Rubik", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
}
/*-----  banner with white text style  -----*/


/*-----  out team section style  -----*/
.out-team-section .text-block {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 33px;
}
.out-team-section .team-listing {
    margin: 77px -40px 0 -40px;
    row-gap: 100px;
}
.team-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 33px;
}
.team-block .image-block.listing-image,
.team-block .image-block.square-size-image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.team-block .image-block.listing-image img,
.team-block .image-block.square-size-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/*-----  out team section style  -----*/


/*-----  out projects section style  -----*/
.out-projects-section .text-block {
    align-items: flex-start;
    text-align: left;
}
.out-projects-section .row,
.out-projects-section .projects-listing {
    margin: 0 -40px;
    row-gap: 135px;
}
.project-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.project-block .image-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.project-block .image-block a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.project-block .image-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.project-block .text-block {
    align-items: flex-start;
    text-align: left;
    gap: 24px;
}
.project-block .projet-heading {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid #173341;
    padding-bottom: 24px;
    gap: 14px;
}
.project-block .project-detail {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.project-block .project-detail span {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    color: #000;
}
.project-block .project-detail span.pricing {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
}
.project-block p,
.project-block span {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
}
.project-block .pricing {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    color: #000;
}
/*-----  out projects section style  -----*/



/*-----  Full width Image cross other section style-----*/
.common-section.extra-padding-top {
    padding-top: 350px;
}
.single-image-init.move-to-other-section {
    margin-bottom: -200px;
    z-index: 20;
}
/*-----  Full width Image cross other section style-----*/



/*-----  accordion section style-----*/
.accordion-section .text-block {
    align-items: flex-start;
    text-align: left;
}
.accordion-init {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 40px 0 0 0;
}
.accordion-init .accordion .accordion-item .accordion-button {
    padding: 40px 0 24px 0;
    background: transparent;
    border: none;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 48px;
    letter-spacing: -0.032px;
    color: #000;
    box-shadow: none;
    outline: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.accordion-init .accordion-button .cstm-btn {
    min-width: 70px;
    min-height: 70px;
    max-width: 70px;
    max-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0D1B22;
}
.accordion-init .accordion .accordion-item .accordion-button::after {
    content: none;
}
.accordion .accordion-button .cstm-btn span {
    width: 27px;
    height: 27px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.accordion .accordion-button .cstm-btn span::after {
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
    background: #fff;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(90deg);
    transition: 0.5s all;
}
.accordion .accordion-button .cstm-btn span::before {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #fff;
    content: "";
    left: 0;
    right: 0;
    margin: -1px auto 0;
    transition: 0.5s all;
}
.accordion-init .accordion .accordion-item .accordion-button.collapsed .cstm-btn span::after {
    transform: none;
    transition: 0.5s all;
}
.accordion-init .accordion-item {
    border: none;
    border-bottom: 1px solid #0D1B22;
}
.accordion-init .accordion-item:last-child {
    border: none;
    border-bottom: none;
}
.accordion-init .accordion-body {
    padding: 0 0 24px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.accordion-init .accordion-body p {    
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
}
.accordion-init .accordion .accordion-item .accordion-button .heading {
    width: calc(100% - 90px);
}
/*-----  accordion section style-----*/


/*-----  partners with detail section style -----*/
.row.partners-detail-row {
    margin: 80px -40px 0 -40px;
}
.partners-with-detail-section .text-block {
    align-items: flex-start;
    text-align: left;
}
.partners-with-detail .image-block {
    background: #D8D8D8;
    border: 1px solid #979797;
    width: 151px;
    height: 151px;
    border-radius: 50%;
    overflow: hidden;
}
.partners-with-detail .image-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.partners-with-detail, 
.partners-with-detail .detail-init {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 33px;
}
/*-----  partners with detail section style -----*/


/*-----  custom side by side accordion style  -----*/
.custom-side-by-side-accordion .row {
    margin: 0;
    width: 100%;
    display: flex;
}
.custom-side-by-side-accordion .videw-detail-init {
    padding: 0;
    display: flex;
    flex-direction: column;
}
.videw-detail-init .detailed-tab {
    width: 100%;
    flex-direction: column;
    padding: 100px;
    display: none;
    height: 100%;
}
.videw-detail-init .detailed-tab p, .videw-detail-init .detailed-tab .title {
    margin-bottom: 33px;
}
.videw-detail-init .detailed-tab.visible {    
    display: flex;
}
.listing-tab-options {
    padding: 0;
    border: #173341;
    display: flex;
    flex-direction: column;
}
.listing-tab-options ul {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.listing-tab-options ul li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #fff;
}
.listing-tab-options ul li:last-child {
    border-bottom: none;
}
.listing-tab-options ul li a {
    background: #173341;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 48px 24px;
    font-weight: 200;
}
/*-----  custom side by side accordion style  -----*/


/*-----  top banner with dark-bg style  -----*/
.top-banner-section.top-banner-with-dark-bg {
    height: auto;
    min-height: 700px;
}
.top-banner-section.top-banner-with-dark-bg::after {
    content: none;
}
/*-----  top banner with dark-bg style  -----*/


/*-----  project banner style  -----*/
.project-banner {
    height: 648px;
    align-items: center;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.project-banner .container {
    position: relative;
    z-index: 12;
}
.project-banner .text-block {
    gap: 40px;
}
.project-banner .text-block .btn-block {
    gap: 40px;
}
.project-banner.align-content-left .text-block {
    align-items: flex-start;
    text-align: left;
}
.project-banner.align-content-right .text-block {
    align-items: flex-end;
    text-align: right;
}
/*-----  project banner style  -----*/


/*-----  contact page style  -----*/
.site-header + .build-your-house-section {
    padding-top: 250px;
}
.from-init .gform_wrapper.gravity-theme .gform_fields {
    gap: 35px;
    display: flex;
    flex-direction: column;
}
.from-init .gform_heading {
    display: none;
}
.from-init .gform_wrapper .gform_fields input,
.from-init .gform_wrapper .gform_fields textarea {
    background: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid #fff;
    /*font-family: "Rubik", sans-serif;
    font-weight: 300;*/
    font-family: "DM Sans", sans-serif;
    font-weight: 100;
    font-size: 18px !important;
    font-style: normal;
    line-height: 30px;
    padding: 10px 0 !important;
    color: #fff;
}
.from-init .gform_wrapper .gform_fields textarea {
    height: 165px !important;
    resize: none;
}
.from-init .gform_wrapper .gform_fields input::placeholder,
.from-init .gform_wrapper .gform_fields textarea::placeholder {
    /*font-family: "Rubik", sans-serif;
    font-weight: 300;*/
    font-family: "DM Sans", sans-serif;
    font-weight: 100;
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    color: #fff;
}
.from-init .gform_wrapper.gravity-theme .gform_footer {
    padding: 0;
    margin: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}
/*-----  contact page style  -----*/



/*-----  single top section page style  -----*/
.common-section.single-top-section {
    padding-top: 219px;
}
.common-section.single-top-section .container {
    display: flex;
    flex-direction: column;
    gap: 27px;
}
.single-top-section .main-detail-init {
    margin: 0 -40px;
    row-gap: 24px;
}
.single-top-section .main-detail-init .text-block {
    align-items: flex-start;
    text-align: left;
}
.single-top-section .main-detail-init .text-block .main-title.h1 {
    margin: 0;
}
.text-block span {
    font-family: "Rubik", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    color: #000;
}
.single-top-section .main-detail-init .data-f_init .text-block {
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.single-top-section .main-detail-init .data-f_init .text-block span {
    padding: 0 20px 0  0;
    position: relative;
}
.single-top-section .main-detail-init .data-f_init .text-block span::after {
    position: absolute;
    top: 0;
    right: 5px;
    content: "/";
}
.single-top-section .main-detail-init .data-f_init .text-block span:last-child {
    padding: 0;
}
.single-top-section .main-detail-init .data-f_init .text-block span:last-child::after {
    content: none;
}
.single-top-section .main-detail-init .data-b_init .text-block {
    align-items: flex-end;
}
.single-descriprion-section .text-block {
    align-items: flex-start;
    text-align: left;
    row-gap: 56px;
}
.single-descriprion-section .text-block .title {
    margin: 0;
}
.single-descriprion {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.single-descriprion .text-col {
    width: 100%;
    display: flex;
    border-top: 1px solid #173341;
    padding: 16px 0;
    align-items: flex-start;
}
.single-descriprion .text-col:last-child {
    border-bottom: 1px solid #173341;
}
.single-descriprion .title-init {
    min-width: 305px;
    margin-right: 24px;
}
.Descriprion-init {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.Descriprion-init span {
    font-family: "Rubik", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    color: #173341;
}
.single-descriprion .title-init span {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    color: #173341;
    font-family: "Rubik", sans-serif;
}
.side-block {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.side-block-descriprion {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.top-heading {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #fff;
}
.top-heading span {
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
}
.link {
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    text-decoration-line: underline;
    color: #fff;
}
.link:hover {
    text-decoration: none;
    color: #fff;
}
.side-block-descriprion p {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
}
.row.main-detail-init {
    margin: 0 -40px;
}

.common-section.single_image_gallery {
    margin-top: 27px;
}
/*-----  single top section page style  -----*/


.common-section.mode-filter {
    margin: 0;
    padding: 0;
}
.common-section.mode-filter .container {
    background: #173341;
    padding-top: 80px;
    padding-bottom: 80px;
}
.js-filter {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 80px;
    gap: 23px;
}
.js-filter select {
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    font-family: "Rubik", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    margin: 0;
    padding: 10px 24px 10px 0;
    width: 100%;
    outline: none;
    box-shadow: none;
}
.js-filter select option {
    font-family: "Rubik", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    color: #000;
}
.common-section.error-section {
    padding-top: 300px;
}
.common-section.error-section .col-lg-8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 27px;
}
.text-only-block.center-section {
    background: transparent;
}
h2:empty, p:empty {
    display: none;
}
.image-with-text .img-with-content-sec {
    max-height: 780px;
    overflow: hidden;
}
.image-with-text.image-align-right .img-with-content-sec,
.image-with-text.image-align-left .img-with-content-sec {
    margin-top: 0;
}
.img-with-content-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.text-only-block.bg-inside-container {
    padding: 0;
}
.text-only-block.bg-inside-container .container {
    padding-top: 200px;
    padding-bottom: 200px;
}
.text-only-block.bg-inside-container .row {
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5);
}
.text-only-block.bg-inside-container .text-block {
    align-items: center;
    text-align: center;
    padding: 0 25px;
}
.common-section.single-image-gallery-section {
    padding-top: 27px;
}
.common-section.single-image-gallery-section .container {
    gap: 17px;
    display: flex;
    flex-direction: column;
}
.single-image-gallery-section .thumb-slide-init .carousel-item .row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 auto;
}
.splide.top-single-img-block {
    width: 100%;
    height: 774px;
}
.splide.top-single-img-block .splide__track,
.splide.top-single-img-block .splide__track .splide__list,
.splide.top-single-img-block .splide__track .splide__list li {
    width: 100%;
    height: 100%;
}
.splide.top-single-img-block .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.splide.bottom-images-listing-block .splide__slide {
    width: 174px !important;
    height: 124px !important;
    border: none !important;
}
.splide.bottom-images-listing-block .splide__list .splide__slide:last-child {
    margin-right: 0 !important;
}
.splide.bottom-images-listing-block .splide__arrows .splide__arrow {
    height: 100%;
    background: rgba(255,255,255,0.80);
    border-radius: 0;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.splide.bottom-images-listing-block .splide__arrows .splide__arrow.splide__arrow--prev {
    left: 0;
}
.splide.bottom-images-listing-block .splide__arrows .splide__arrow.splide__arrow--next {
    right: 0;
}
.carousel .carousel-item {
    height: 780px;
}
.carousel.thumb-slide-init .carousel-item {
    height: auto;
}
.carousel.thumb-slide-init {
    margin-top: 17px;
}
.carousel .carousel-item img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.single-image-gallery-section .carousel-control-prev,
.single-image-gallery-section .carousel-control-next {
    width: 135px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(0,0,0,0.7);
}
.single-image-gallery-section .thumb-slide-init .carousel-item .row .thumb {
    padding: 0;
    width: calc(16.666% - 8.5px);
    height: 127px;
}
.single-image-gallery-section .carousel-control-prev {
    left: calc(var(--bs-gutter-x) * .5);
}
.single-image-gallery-section .carousel-control-next {
    right: calc(var(--bs-gutter-x) * .5);
}
.single-image-gallery-section .carousel-control-prev img {
    transform: rotate(180deg);
}
.single-image-gallery-section .carousel-control-prev img, .single-image-gallery-section .carousel-control-next img {
    min-width: 27px;
    max-width: 27px;
    min-height: 27px;
    max-height: 27px;
}
.single-image-gallery-section .carousel-control-prev span, .single-image-gallery-section .carousel-control-next span {
    font-family: "Rubik", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
}
.common-section.top-banner-section.banner-with-white-text {
    height: auto;
}
.common-section.top-banner-section.banner-with-white-text .text-block.bg-white p {
    color: #0D1B22;
}

.for-small-screen-btn-block,
.imagle-block-for-small-screen {
    display: none;
}

.common-section.title-content-data {
    padding-top: 200px;
}
.common-section.title-content-data .text-block {
    align-items: flex-start;
    gap: 40px;
}


.splide__slide {
  opacity: 0.3;
}

.splide__slide.is-active {
  opacity: 1;
}

body .btn span:first-child {
    top: auto;
}

.modal.custom-modal .modal-dialog {
    width: calc(100% - 200px);
    max-width: calc(100% - 200px);
    margin: 0 auto;
    height: calc(100vh - 200px);
    top: 100px;
    max-height: 700px;
    max-width: 1800px;
}
.modal.custom-modal .modal-dialog .modal-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: none;
    background: transparent;
}
.modal.custom-modal .modal-dialog .modal-content .modal-body {
    width: 100%;
    height: 100%;
    padding: 0;
}
.modal.custom-modal .modal-dialog .owl-carousel {
    width: 100%;
    height: 100%;
}
.modal.custom-modal .modal-dialog .owl-carousel .owl-stage-outer,
.modal.custom-modal .modal-dialog .owl-carousel .owl-stage-outer .owl-stage,
.modal.custom-modal .modal-dialog .owl-carousel .owl-stage-outer .owl-stage .owl-item {
    height: 100%;
}
.modal.custom-modal .modal-dialog .owl-carousel .owl-stage-outer .owl-stage .owl-item .item,
.modal.custom-modal .modal-dialog .item-video {
    height: 100% !important;
}
.modal.custom-modal .modal-dialog .modal-footer {
    display: none;
}
.modal.custom-modal .modal-dialog .modal-header {
    padding: 0;
    margin: 0;
    border: none;
    align-items: center;
    justify-content: flex-end;
}
.modal.custom-modal .modal-dialog .modal-header .close {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    position: absolute;
    top: -60px;
    right: -60px;
}
.modal.custom-modal .modal-dialog .modal-header .close span {
    color: #fff;
    top: 0;
}
.modal.custom-modal .modal-dialog .modal-content .modal-body .owl-slider {
    width: 100%;
    height: 100%;
}


header + .common-section.top-banner-section .text-block p {
    font-family: "DM Sans", sans-serif;
    font-weight: 100;
    font-size: 26px;
}
.text-only-block.bg-inside-container .container.bg-dark-blue p {
    font-weight: 200;
    font-size: 18px;
    line-height: 30px;
}
header + .top-banner-section.short-top-banner {
    height: 669px;
}
header + .top-banner-section.short-top-banner::after {
    content: none;
}
.common-section.less-font-weight .text-block p {
    font-weight: 200;
}


/*--  --*/
.nav-options .language-options ul {
    flex-direction: row;
}
.nav-options .language-options ul .wpml-ls-slot-shortcode_actions {
    margin-right: 0;
}
.footer-nav .language-options ul {
    display: flex;
    align-items: flex-start;
    gap: 49px;
}
.nav-options .language-options .wpml-ls-statics-shortcode_actions a,
.footer-nav .language-options ul .wpml-ls-slot-shortcode_actions a {
    padding-right: 0;
    padding-left: 0;
}
.nav-options .language-options .wpml-ls-statics-shortcode_actions,
.footer-nav .language-options .wpml-ls-statics-shortcode_actions {
    padding: 0;
    border: none;
}
/*--  --*/


/*-----  Responsive style  -----*/
@media (min-width: 2400px) {
    .site-header .container,
    .container {
        width: 1440px;
        max-width: 1440px;
    }
    .site-footer {
        max-width: 1440px;
        margin: 0 auto;
    }
}

@media (max-width: 1440px) {    
    .side-block {
        padding: 30px;
    }
    body .btn {
        padding: 25px 54px 25px 20px;
    }
}

@media (max-width: 1400px) {
    h1, .h1, body.contact-form .build-your-house-section .text-block .title {
        font-size: 65px;
        line-height: 65px;
    }
    h2, .h2 {
        font-size: 38px;
        line-height: 40px;
    }
    .page-id-195 .Lacroix-group-logos span,
    .Lacroix-group-logos span {
        font-size: 60px;
        line-height: 70px;
        text-align: center;
    }
    .page-id-195 .Lacroix-group-logos span.text-small,
    .Lacroix-group-logos span.text-small {
        font-size: 40px;
        line-height: normal;
    }
    .top-banner-section .text-block p {
        font-size: 21px;
        font-style: normal;
        line-height: 35px;
        margin: 0;
    }
    .slider-outter .slide .text-block {
        padding: 60px;
    }
    .site-main-nav {
        padding: 60px 60px 60px 90px;
    }
    .nav-options {
        padding: 50px 0 0 0;
    }
    .nav-options ul {
        gap: 30px;
    }
    .close-btn-icon {
        width: 25px;
        height: 25px;
        top: 60px;
        right: 60px;
    }
    .site-main-nav {
        padding: 50px;
    }
    .banner-with-white-text .text-block {
        padding: 50px;
    }
    .videw-detail-init .detailed-tab {
        padding: 80px;
    }
}

@media (max-width: 1366px) {
    .banner-with-white-text .text-block {
        padding: 50px;
    }
}

@media (max-width: 1280px) {
    h1, .h1, body.contact-form .build-your-house-section .text-block .title {
        font-size: 54px;
        line-height: 54px;
    }
    .text-only-block.bg-inside-container .container,
    .common-section {
        padding: 80px 0;
    }
    .site-header + .build-your-house-section {
        padding-top: 150px;
    }
    .common-section.slider-section {
        padding: 80px 0 140px 0;
    }
    .top-banner-section .text-block p {
        font-size: 18px;
        line-height: 32px;
    }
    .menu-option-init a {
        max-width: 44px;
    }
    .site-logo-init a {
        max-width: 81px;
    }
    .slider-outter .slide .text-block {
        padding: 40px;
    }
    .row.main-detail-init,
    .build-your-house-section .row,
    .row.partners-detail-row,
    .out-team-section .team-listing,
    .out-projects-section .row, .out-projects-section .projects-listing,
    .image-with-text .row,
    .text-only-block .row {
        margin: 0 -20px;
    }    
    .row.partners-detail-row,
    .out-team-section .team-listing {
        margin-top: 40px;
    }
    .padding-r-l-40 {
        padding: 0 20px;
    }
    .banner-with-white-text .text-block {
        padding: 24px;
    }
    .site-header .container, .container {
        width: calc(100% - 90px);
        max-width: calc(100% - 90px);
    }
    .videw-detail-init .detailed-tab {
        padding: 80px 50px;
    }
    .listing-tab-options ul li a {
        padding: 36px 24px;
    }
    .common-section.single-top-section {
        padding-top: 188px;
    }
    .single-image-gallery-section .carousel-control-prev span.sr-only,
    .single-image-gallery-section .carousel-control-next span.sr-only {
        display: none;
    }
    .single-image-gallery-section .carousel-control-prev, .single-image-gallery-section .carousel-control-next {
        width: 60px;
        padding: 10px;
    }
    .splide.top-single-img-block,
    .carousel .carousel-item {
        height: 600px;
    }
    .common-section.title-content-data {
        padding-top: 150px;
    }
    header + .top-banner-section {
        max-height: 786px;
    }
}


@media (max-width: 1199px) {
    .slider-outter .slide {
        flex-direction: column;
    }
    .slider-outter .slide .image-block {
        width: 100%;
    }
    .slider-outter .slide .text-block {
        padding: 24px;
        position: static;
        width: 100%;
    }
    .slider-outter .slide .image-block img {
        height: auto;
    }
    .slider-section .slider-outter .owl-nav {
        left: 0;
        right: 0;
        margin: 0 auto;
        align-items: center;
        justify-content: center;
    }
    .slider-section .slider-outter .owl-dots {
        right: 0;
        left: 0;
        margin: 0 auto;
        justify-content: center;
        bottom: -90px;
    }
    .common-section.slider-section {
        padding: 80px 0 170px 0;
    }
    .footer-nav {
        padding: 40px;
    }
    .footer-site-logo a {
        padding: 0 126px;
    }
    .js-filter {
        padding: 0 40px;
    }
    .common-section.extra-padding-top {
        padding-top: 270px;
    }    
    .splide.top-single-img-block,
    .carousel .carousel-item {
        height: 500px;
    }
    .side-block {
        padding: 24px;
    }
    .partners-logos .logo-init {
        max-width: 120px;
    }
}

@media (max-width: 991px) {
    .site-header .container {
        width: calc(100% - 60px);
        max-width: calc(100% - 60px);
    }
    .container {
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
    }
    .out-team-section .team-listing,
    .image-with-text .row,
    .text-only-block .row {
        gap: 40px;
    }
    .nav-options {
        padding-left: 30px;
        justify-content: space-between;
    }
    .nav-options ul.nav-links {
        padding-top: 50px;
    }
    .site-header .container .row {
        justify-content: space-between;
    }
    .site-header .col-lg-6 {
        width: auto;
    }
    .Lacroix-group-logos {
        margin: 40px 0;
        flex-direction: column;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    .row.partners-detail-row,
    .out-projects-section .projects-listing,
    .row.gallery-init.double-images,
    .build-your-house-section .row,
    .out-projects-section .container,
    .image-gallery-section .container {
        gap: 40px;
    }
    .out-projects-section .row {
        gap: 80px;
    }
    .row.main-detail-init,
    .row.partners-detail-row,
    .out-team-section .team-listing,
    .out-projects-section .row,
    .build-your-house-section .row,
    .image-with-text .row,
    .text-only-block .row {
        margin: 0 calc(var(--bs-gutter-x) * -.5);
    }
    .out-projects-section .row .col-lg-4,
    .build-your-house-section .row .col-lg-6,
    .padding-r-l-40 {
        padding: 0 calc(var(--bs-gutter-x) * .5);
    }
    .row.partners-detail-row,
    .partners-logos {
        margin-top: 40px;
    }
    .image-with-text .text-block .btn-block {
        margin-top: 0;
    }
    .image-with-text.align-content-center .text-block .title {
        margin: 0;
    }
    .image-with-text.image-align-right .col-lg-6:first-child {
        order: 2;
    }
    .nav-options .language-options {
        justify-content: flex-start;
    }
    .site-footer {
        flex-direction: column;
    }
    .footer-site-logo {
        padding: 80px 0;
    }
    .footer-nav .footer-links ul li {
        justify-content: center;
        width: 100%;
    }
    .footer-nav .footer-links.address-init {
        align-items: center;
        justify-content: center;
    }
    .footer-nav,
    .footer-nav .row {
        gap: 24px;
    }
    .other-links {
        gap: 24px;
        margin: 24px 0 0 0;
    }
    .other-links li {
        align-items: center;
        justify-content: center;
    }
    .copy-rights {
        align-items: center;
        justify-content: center;
        height: auto;
        gap: 24px;
    }
    .other-links li a, .footer-nav .language-options a, .copy-rights p, .site-web .title, .site-web a {
        text-align: center;
    }
    .footer-nav .footer-links.address-init p, .footer-nav .footer-links.address-init a {
        text-align: center;
    }
    .footer-nav .language-options {
        align-items: center;
        justify-content: center;
    }
    .footer-nav {
        padding: 59px 30px;
    }
    .menu-option-init {
        max-width: 57px;
    }
    .common-section.Lacroix-group .text-block .title {
        text-align: center;
    }
    .close-btn-icon {
        top: 30px;
        right: 30px;
    }
    .site-main-nav {
        padding: 30px;
    }
    .partners-logos .logo-init {
        width: 120px;
    }
    .image-gallery-section .text-block {
        margin-bottom: 0;
    }
    .text-only-block.bg-inside-container .container {
        width: 100%;
        max-width: 100%;
    }
    .image-gallery-section .gallery-init.short-height .image-block.single-gallery-img-block,
    .image-gallery-section .gallery-init .image-block.single-gallery-img-block,
    .image-with-text .img-with-content-sec {
        height: auto !important;
        max-height: none;
    }
    .team-block,
    .out-team-section .text-block {
        gap: 16px;
    }
    .from-init .gform_wrapper.gravity-theme .gform_fields .gfield.gfield--type-name .ginput_complex {
        display: flex;
        flex-direction: column;
        gap: 33px;
    }
    .common-section.out-team-section .container {
        gap: 40px;
        display: flex;
        flex-direction: column;
    }
    .single-image-init.move-to-other-section {
        margin-bottom: 0;
    }
    .single-image-init.move-to-other-section .container {
        width: 100%;
        max-width: 100%;
    }
    .common-section.extra-padding-top {
        padding-top: 80px;
    }
    .accordion-init {
        margin: 20px 0 0 0;
    }
    .accordion-init .accordion .accordion-item .accordion-button .heading {
        width: calc(100% - 60px);
    }
    .accordion-init .accordion .accordion-item .accordion-button {
        font-size: 22px;
        line-height: 38px;
        padding: 24px 0;
    }
    .accordion-init .accordion-button .cstm-btn {
        min-width: 40px;
        min-height: 40px;
        max-width: 40px;
        max-height: 40px;
        margin-top: 10px;
    }
    .for-small-screen-btn-block, 
    .common-section .imagle-block-for-small-screen {
        display: flex;
    }
    .common-section.top-banner-section.banner-with-white-text .imagle-block-for-small-screen {
        display: flex;
    }
    .common-section.top-banner-section.banner-with-white-text {
        background: transparent !important;
        padding: 0;
        flex-direction: column;
    }
    .common-section.top-banner-section.banner-with-white-text::after {
        content: none;
    }
    .common-section.top-banner-section.banner-with-white-text .imagle-block-for-small-screen {
        padding: 0;
    }
    .common-section.top-banner-section.banner-with-white-text .container {
        max-width: 100%;
        width: 100%;
    }
    .banner-with-white-text .text-block {
        padding: 24px 15px;
    }
    .videw-detail-init .detailed-tab {
        padding: 80px 15px 0 15px;
    }
    .videw-detail-init .detailed-tab .btn-block {
        display: none;
    }
    .listing-tab-options ul li a {
        padding: 16px 0px;
        background: transparent;
        color: #173341;
        text-align: left;
        font-weight: 300;
    }
    .listing-tab-options ul {
        width: calc(100% - 30px);
        margin: 0 auto 33px;
    }
    .listing-tab-options ul li {
        border-color: #173341;
    }
    .listing-tab-options ul li:first-child {
        border-top: 1px solid;
    }
    .listing-tab-options ul li:last-child {
        border-bottom: 1px solid;
    }
    .common-section.project-banner {
        height: 500px;
        padding-bottom: 24px;
        align-items: flex-end;
    }
    .top-banner-section.top-banner-with-dark-bg {
        min-height: auto;
        padding-top: 150px;
    }
    .common-section.single-descriprion-section .main-detail-init {
        gap: 80px;
    }
    .single-top-section .main-detail-init .data-b_init .text-block {
        align-items: flex-start;
        text-align: left;
    }
    .single-descriprion .text-col {
        flex-direction: column;
        gap: 24px;
    }
    .single-descriprion .title-init {
        min-width: auto;
        margin-right: 0;
    }
    .top-banner-section.top-banner-with-dark-bg .text-block {
        align-items: flex-start;
        text-align: left;
    }
    .image-gallery-section .gallery-init .image-block.double-gallery-img-block {
        min-height: auto;
        height: auto !important;
    }
    header + .common-section.top-banner-section .text-block p {
        font-weight: 200;
    }
}

@media (max-width: 767px) {
    .js-filter {
        flex-direction: column;
        padding: 0 24px;
        gap: 40px;
    }
    .js-filter .btn-block, .js-filter .btn-block .btn {
        width: 100%;
    }
    .splide.bottom-images-listing-block .splide__slide {
        width: 82px !important;
        height: 52px !important;
    }
    .splide.bottom-images-listing-block .splide__arrows .splide__arrow {
        width: 40px;
    }
    .common-section.single-image-gallery-section {
        padding-bottom: 40px;
    }     
    header + .top-banner-section {
        max-height: 750px;
    }
    .partners-logos {
        gap: 33px;
    }
    header + .top-banner-section.short-top-banner {
        height: 640px;
    }

}

@media (max-width: 600px) {  
    header + .top-banner-section {
        max-height: none;
    }
    .splide.top-single-img-block,    
    .carousel .carousel-item {
        height: 223px;
    }
    .project-banner.align-content-right .text-block .main-title {
        width: 100%;
        text-align: left;
    }
    /*.Lacroix-group-logos span {
        font-size: 40px;
        line-height: 50px;
    }*/
    .Lacroix-group-logos span.text-small {
        font-size: 30px;
        line-height: normal;
    }
    .btn-block {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 33px;
    }
    .btn-block .btn {
        width: 100%;
    }
    .nav-options ul {
        gap: 20px;
    }
    .project-banner .text-block .btn-block {
        gap: 24px;
    }
    .text-block .main-title br {
        display: none;
    }
    .common-section.slider-section {
        /*padding: 15px 0 170px 0;*/
        padding: 80px 0 170px 0;
    }
    .project-block .image-block {
        min-height: 263px;
    }
}
/*-----  Responsive style  -----*/