/*!
Theme Name: Freccia Group
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: freccia-group
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
Freccia Group is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
/**
* Remove the margin in all browsers.
*/
html,
body {
padding: 0;
margin: 0;
overflow-x: hidden;
}
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
@font-face {
font-family: "Source Sans Pro";
src: url("fonts/sourcesanspro-extralight.eot");
src: url("fonts/sourcesanspro-extralight.eot?#iefix") format("embedded-opentype"),
url("fonts/sourcesanspro-extralight.woff2") format("woff2"),
url("fonts/sourcesanspro-extralight.woff") format("woff"),
url("fonts/sourcesanspro-extralight.ttf") format("truetype"),
url("fonts/sourcesanspro-extralight.svg#source_sans_proextralight") format("svg");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Source Sans Pro";
src: url("fonts/sourcesanspro-light.eot");
src: url("fonts/sourcesanspro-light.eot?#iefix") format("embedded-opentype"),
url("fonts/sourcesanspro-light.woff2") format("woff2"),
url("fonts/sourcesanspro-light.woff") format("woff"),
url("fonts/sourcesanspro-light.ttf") format("truetype"),
url("fonts/sourcesanspro-light.svg#source_sans_prolight") format("svg");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Source Sans Pro";
src: url("fonts/sourcesanspro-regular.eot");
src: url("fonts/sourcesanspro-regular.eot?#iefix") format("embedded-opentype"),
url("fonts/sourcesanspro-regular.woff2") format("woff2"),
url("fonts/sourcesanspro-regular.woff") format("woff"),
url("fonts/sourcesanspro-regular.ttf") format("truetype"),
url("fonts/sourcesanspro-regular.svg#source_sans_proregular") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Source Sans Pro";
src: url("fonts/sourcesanspro-semibold.eot");
src: url("fonts/sourcesanspro-semibold.eot?#iefix") format("embedded-opentype"),
url("fonts/sourcesanspro-semibold.woff2") format("woff2"),
url("fonts/sourcesanspro-semibold.woff") format("woff"),
url("fonts/sourcesanspro-semibold.ttf") format("truetype"),
url("fonts/sourcesanspro-semibold.svg#source_sans_prosemibold") format("svg");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Source Sans Pro";
src: url("fonts/sourcesanspro-bold.eot");
src: url("fonts/sourcesanspro-bold.eot?#iefix") format("embedded-opentype"),
url("fonts/sourcesanspro-bold.woff2") format("woff2"),
url("fonts/sourcesanspro-bold.woff") format("woff"),
url("fonts/sourcesanspro-bold.ttf") format("truetype"),
url("fonts/sourcesanspro-bold.svg#source_sans_probold") format("svg");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Source Sans Pro";
src: url("fonts/sourcesanspro-black.eot");
src: url("fonts/sourcesanspro-black.eot?#iefix") format("embedded-opentype"),
url("fonts/sourcesanspro-black.woff2") format("woff2"),
url("fonts/sourcesanspro-black.woff") format("woff"),
url("fonts/sourcesanspro-black.ttf") format("truetype"),
url("fonts/sourcesanspro-black.svg#source_sans_problack") format("svg");
font-weight: 900;
font-style: normal;
}
/* font-family: 'source_sans_pro'; */
/* font-family: "Lora", serif; */
:root {
--primarycolor: #a89765;
--secondarycolor: #af9147;
--linkhoverecolor: #ccc09b;
--whitecolor: #ffffff;
--blackcolor: #000000;
--darkblackcolor: #303030;
--bodyparacolor: #444444;
--garybordercolor: #a9b2be;
--garyheadbordercolor: #d7d7d7;
--inputbordercolor: #ababab;
--linecolor: #262626;
--asscolor: #dde5ec;
--Lorafontfamily: "Lora", serif;
--source-sans-pro-family: "Source Sans Pro";
scroll-behavior: inherit;
}
body {
margin: 0;
padding: 0;
font-family: var(--source-sans-pro-family);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
font-weight: normal;
font-style: normal;
color: var(--bodyparacolor);
font-size: 16px;
line-height: 1.6;
background-color: var(--whitecolor);
padding-top: 176px;
}
b,
strong {
font-weight: 700;
}
p {
margin: 0 0 22px 0;
}
p:last-child {
margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 25px 0;
padding: 0;
color: var(--blackcolor);
font-weight: 400;
font-family: var(--Lorafontfamily);
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
margin-bottom: 0;
}
h1,
.h1-title {
font-size: 60px;
line-height: 1.2;
letter-spacing: 0.1em;
}
h2,
.h2-title {
font-size: 40px;
line-height: 1.2;
}
h3,
.h3-title {
font-size: 30px;
line-height: 1.25;
}
h4,
.h4-title {
font-size: 24px;
line-height: 1.2;
}
h5,
.h5-title {
font-size: 20px;
line-height: 1.2;
}
a {
display: inline-block;
margin: 0;
padding: 0;
text-decoration: none !important;
outline: none !important;
color: var(--primarycolor);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover {
color: var(--bodyparacolor);
}
figure {
margin: 0;
}
ul,
ol,
li {
padding: 0;
margin: 0;
list-style: none;
}
img {
max-width: 100%;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
select {
background-color: var(--whitecolor);
width: 100%;
-webkit-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
color: var(--bodyparacolor);
border: 1px solid var(--inputbordercolor);
height: 60px;
padding: 0 15px;
outline: none !important;
}
input[type="date"] {
background: url(./images/calendar.svg) no-repeat calc(100% - 18px) center var(--whitecolor);
padding-right: 55px;
position: relative;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
opacity: 0;
}
textarea {
background-color: var(--whitecolor);
-webkit-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: 1px solid var(--inputbordercolor);
padding: 17px 15px;
width: 100%;
color: var(--bodyparacolor);
height: 131px;
outline: none !important;
resize: none;
display: block;
}
select {
border: 1px solid var(--inputbordercolor);
width: 100%;
padding: 0 15px;
color: var(--inputbordercolor);
background: url(images/arrow-down.svg) no-repeat calc(100% - 18px) center transparent;
background-size: 24px;
padding-right: 50px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
input[type="submit"] {
background: var(--primarycolor);
border: 1px solid var(--primarycolor);
color: var(--whitecolor);
height: 50px;
-webkit-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
padding-left: 60.3px;
padding-right: 60.3px;
cursor: pointer;
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
outline: none !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
input[type="submit"]:hover {
background: var(--whitecolor);
border-color: var(--primarycolor);
color: var(--primarycolor);
}
::-webkit-input-placeholder {
opacity: 1;
color: var(--inputbordercolor);
}
:-ms-input-placeholder {
opacity: 1;
color: var(--inputbordercolor);
}
::-moz-placeholder {
opacity: 1;
color: var(--inputbordercolor);
}
:-moz-placeholder {
opacity: 1;
color: var(--inputbordercolor);
}
/* images alignment for wordpress content pages */
.alignright {
float: right;
margin: 0 0 20px 20px;
}
.alignleft {
float: left;
margin: 0 20px 20px 0;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
float: none;
clear: both;
}
/* custom checkbox */
.form_input_check label {
position: relative;
margin: 0;
padding-left: 40px;
display: inline-block;
}
.form_input_check label span {
margin: 0;
padding: 0;
}
.form_input_check label input[type="checkbox"] {
visibility: hidden;
display: none;
}
.form_input_check label input[type="checkbox"]+span::before {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 22px;
height: 22px;
border: 1px solid #3e3e42;
background: transparent;
}
.form_input_check label input[type="checkbox"]+span::after {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 22px;
height: 22px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
background: url(images/tick.svg) no-repeat center center;
background-size: 15px;
}
.form_input_check label input[type="checkbox"]:not(:checked)+span::after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
/* .form_input_check input[type="checkbox"]:checked + span::before {
} */
.form_input_check label input[type="checkbox"]:checked+span:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/* custom radio */
.form_input_radio label {
position: relative;
margin: 0;
padding-left: 30px;
display: inline-block;
}
.form_input_radio label span {
margin: 0;
padding: 0;
color: var(--inputbordercolor);
}
.form_input_radio label input[type="radio"] {
visibility: hidden;
display: none;
}
.form_input_radio label input[type="radio"]+span::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 17px;
height: 17px;
border: 1px solid var(--inputbordercolor);
border-radius: 100%;
background: var(--whitecolor);
}
.form_input_radio label input[type="radio"]+span::after {
content: "";
width: 11px;
height: 11px;
background: var(--primarycolor);
position: absolute;
top: 6px;
left: 3px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.form_input_radio label input[type="radio"]:not(:checked)+span::after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.form_input_radio input[type="radio"]:checked+span::before {
border-color: var(--primarycolor);
}
.form_input_radio label input[type="radio"]:checked+span:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/* custom radio end */
/* custom css */
.cmn-gap {
padding: 100px 0;
}
.section-head {
margin-bottom: 44px;
}
/* .section-head h2 {
} */
.cmn-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 400;
overflow: hidden;
line-height: 1;
text-transform: uppercase;
background-color: var(--primarycolor);
border: 1px solid var(--primarycolor);
color: var(--whitecolor);
padding: 16.5px 29px;
z-index: 1;
}
.cmn-btn span {
position: relative;
z-index: 2;
display: inline-block;
line-height: 1;
}
.cmn-btn::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 0;
background-color: var(--whitecolor);
transition: all 0.5s ease-in-out;
z-index: -1;
}
.cmn-btn:hover::before {
right: auto;
left: 0;
width: 100%;
}
.cmn-btn:hover {
color: var(--primarycolor);
}
/* custom css */
/* navbar*/
.navbar-brand {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0;
margin: 0;
width: 188px;
display: inline-block;
z-index: 3;
transition: all 0.5s ease-in-out;
}
.navbar-brand>img {
width: 100%;
}
.navbar {
background: none;
margin: 0;
padding: 0;
min-height: inherit;
height: inherit;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.navbar-nav li {
position: relative;
list-style: none;
}
.navbar-nav>li {
margin: 0 15px;
padding: 20px 0;
position: relative;
}
.navbar-nav>li:last-child {
margin-right: 0;
}
.navbar-nav>li:first-child {
margin-left: 0;
}
.navbar-nav>li>a {
color: var(--blackcolor);
font-size: 1.9vw;
line-height: 1.2;
position: relative;
font-weight: normal;
}
.header-bottom-menu li a::after,
.navbar-nav>li>a:after {
content: "";
display: block;
width: 0;
height: 2px;
background: var(--primarycolor);
position: absolute;
bottom: -10px;
/* left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); */
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-bottom-menu li a::after {
bottom: -3px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.header-bottom-menu li.current-menu-item a:hover,
.header-bottom-menu li a:hover,
.navbar-nav>li.current-menu-item>a,
.navbar-nav>li>a:hover,
.navbar-nav>li.menu-item-has-children:hover>a {
color: var(--primarycolor);
}
.header-bottom-menu li a:hover::after,
.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:hover:after,
.navbar-nav>li.menu-item-has-children:hover>a:after {
width: 100%;
}
.navbar-nav>li>a:after {
right: 0;
bottom: 0;
width: 0;
}
.navbar-nav>li>a:hover::after {
right: auto;
left: 0;
}
/* navbar submenu*/
.sub-menu {
background: #fff;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
width: 140px;
padding: 0;
}
.sub-menu>li>a {
color: #000;
display: block;
width: 100%;
padding: 6px 10px;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
}
.sub-menu>li {
width: 100%;
display: block;
}
.sub-menu>li>a:hover,
.sub-menu>li.menu-item-has-children:hover>a,
.sub-menu>li.current-menu-item>a {
background: var(--primarycolor);
color: #fff;
}
.navbar-nav>li:last-child>.sub-menu {
right: 0;
left: inherit;
padding: 0;
}
/* 2nd level submenu */
.navbar-nav>li>.sub-menu .sub-menu {
position: absolute;
left: 100%;
top: 0;
}
/* for push-menu */
.navbar-collapse .navbar-toggler {
display: block !important;
}
.navbar-expand-lg .navbar-toggler {
display: block;
}
#navoverlay {
display: block;
pointer-events: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent;
margin: 0;
padding: 0;
z-index: 99;
-webkit-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;
}
/* for push-menu end*/
/* navbar*/
.navbar-toggler {
position: relative;
width: 30px;
/* margin-left: auto; */
height: 30px;
padding: 0;
outline: none !important;
border: none !important;
box-shadow: none !important;
}
.stick,
.stick:after,
.stick:before {
width: 24.38px;
height: 2px;
background: #292d32;
position: absolute;
left: 4px;
top: auto;
transition: all 0.6s;
border-radius: 15px;
}
.stick:before {
content: "";
top: -5px;
left: 0;
}
.stick:after {
content: "";
top: 5px;
left: 0;
}
.stick.open {
transform: translateX(-50px);
background: transparent;
}
.stick.open:before {
transform: rotate(45deg) translate(38px, -28px);
left: 2px;
top: -7px;
}
.stick.open:after {
transform: rotate(-45deg) translate(38px, 28px);
left: 2px;
top: 7px;
}
.navbar-nav .clickD {
top: 8px;
right: 10px;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.navbar-nav .clickD.toggled {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sub-menu>li.menu-item-has-children .clickD {
top: 8px;
right: 10px;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.sub-menu,
.navbar-nav>li>.sub-menu .sub-menu {
position: relative;
width: 100%;
left: inherit;
top: inherit;
border: none;
right: inherit;
}
.navbar-nav>li.menu-item-has-children {
padding-right: 0;
}
.navbar-nav>li {
margin: 0 0 0.6vw;
padding: 0;
}
.navbar-nav>li>a {
padding: 0.625vw 1.25vw 0.625vw 0;
display: inline-block;
width: 100%;
}
.navbar-nav li.menu-item-has-children>a {
padding-right: 30px;
}
.sub-menu>li>a {
padding-left: 40px;
}
.sub-menu .sub-menu>li>a {
padding-left: 60px;
}
.sub-menu .sub-menu .sub-menu>li>a {
padding-left: 80px;
}
.navbar-nav>li>a:after {
bottom: 0;
}
/* navbar end*/
/* push nav */
.navbar-collapse {
background: var(--whitecolor);
position: fixed;
top: 0;
height: calc(100% - 110px) !important;
width: 100%;
overflow-y: auto;
transition: inherit !important;
right: 0;
margin: 0;
display: block !important;
opacity: 0;
pointer-events: none;
visibility: hidden;
-webkit-transition: all 0.5s ease-in-out !important;
transition: all 0.5s ease-in-out !important;
z-index: 100;
}
.navbar-collapse.open,
.navbar-collapse.open {
top: 110px;
/* display: flex !important; */
/* -webkit-transform: translateY(0);
transform: translateY(0); */
opacity: 1;
visibility: visible;
pointer-events: all;
-webkit-transition: all 0.5s ease-in-out !important;
transition: all 0.5s ease-in-out !important;
}
.navbar-collapse .navbar-nav {
margin: 80px 0 30px;
padding: 0 0 20px 0;
border-bottom: 1px solid var(--garyheadbordercolor);
}
.navbar-collapse .navbar-toggler {
display: block;
right: 20px;
top: 20px;
position: absolute;
}
#navoverlay.open {
background-color: rgba(0, 0, 0, 0.4);
pointer-events: all;
-webkit-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;
}
body.open-nav,
html.open-nav {
height: 100%;
overflow: hidden;
}
/* push nav end */
/* header css start */
.main-head {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 999;
transition: all 0.5s ease-in-out;
background-color: var(--whitecolor);
box-shadow: 0px 4px 30px rgba(175, 145, 71, 0.1);
}
.main-head.fixed {
position: fixed;
}
.main-head.fixed .header-bottom-part,
.main-head.fixed .header-upper-part {
padding: 15px 0;
}
.main-head.fixed .navbar-brand {
width: 160px;
}
.navbar {
flex-wrap: wrap;
}
.header-container {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0 30px;
}
.header-upper-part {
position: relative;
width: 100%;
padding: 28.5px 0;
border-bottom: 1px solid #d7d7d7;
z-index: 110;
transition: all 0.5s ease-in-out;
}
.header-upper-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.header-top-contact-list {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-top-contact-list li:not(:last-child) {
margin-right: 48px;
}
.navbar-expand-lg .navbar-collapse {
display: block !important;
top: 110px;
padding: 0 1.875vw 1.875vw;
}
.phone-icon {
display: inline-flex;
align-items: center;
font-size: 16px;
color: var(--darkblackcolor);
}
.phone-icon:hover {
color: var(--primarycolor);
}
.phone-icon>img {
display: inline-block;
width: 14px;
margin-right: 8px;
}
.phone-icon:hover img {
filter: brightness(0) saturate(100%) invert(71%) sepia(9%) saturate(1545%) hue-rotate(7deg) brightness(84%) contrast(84%);
}
.header-bottom-part {
position: relative;
width: 100%;
transition: all 0.5s ease-in-out;
padding: 22px 0;
}
.header-bottom-inner {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.header-social-listing,
.header-bottom-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-bottom-menu li a {
position: relative;
font-size: 18px;
line-height: 1.2;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--blackcolor);
}
.header-bottom-menu li.current-menu-item a:hover,
.header-bottom-menu li a:hover {
color: var(--primarycolor);
}
.header-bottom-menu li:not(:last-child) {
margin-right: 24px;
}
.header-social-listing li:not(:last-child) {
margin-right: 8px;
}
.header-social-listing li a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid var(--garybordercolor);
background-color: transparent;
}
.header-social-listing li a:hover {
background-color: var(--primarycolor);
color: var(--whitecolor);
border-color: var(--primarycolor);
}
.header-social-listing li a:hover img {
filter: brightness(0) invert(1);
}
.header-bottom-part .header-social-listing {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
.navbar-expand-lg .navbar-nav {
flex-direction: column;
align-items: flex-start;
}
.navbar-collapse .header-top-contact-list {
flex-direction: column;
align-items: flex-start;
/* padding-left: 1.25vw; */
}
.navbar-collapse .header-top-contact-list .phone-icon {
font-size: 1.9vw;
}
.navbar-collapse .header-top-contact-list .phone-icon img {
width: 1.125vw;
}
.navbar-collapse .header-top-contact-list li:not(:last-child) {
margin-right: 0;
margin-bottom: 15px;
}
.navbar-collapse .header-social-listing li a {
width: 2.188vw;
height: 2.188vw;
}
.navbar-collapse .header-social-listing {
justify-content: flex-start;
margin-top: 25px;
/* padding-left: 1.25vw; */
}
.header-upper-part.open .header-top-right {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease-in-out;
}
/* header css end */
/* banner css satrt */
.main-banner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: calc(100vh - 168px);
padding: 100px 0;
}
.banner-content-box {
position: relative;
background-color: var(--whitecolor);
box-shadow: 0px 4px 30px rgba(175, 145, 71, 0.1);
padding: 60.5px 50px;
text-align: center;
z-index: 3;
}
.banner-image-wraper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-image-wraper>img {
width: 100%;
height: 100%;
object-fit: cover;
}
.banner-title {
font-weight: 400;
/* font-size: 15px; */
font-size: 25px;
line-height: 1.2;
text-align: center;
letter-spacing: 0.52em;
text-transform: uppercase;
color: var(--secondarycolor);
}
.banner-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.08;
width: 213.74px;
pointer-events: none;
z-index: -1;
}
.banner-content-box h1 {
margin-bottom: 8px;
margin-top: 11px;
}
/* banner css end */
/* our story & about css satrt */
.htwo-line {
position: relative;
padding-bottom: 35px;
}
.blog-details-content h2,
.blog-details-content h3,
.blog-details-content h4 {
position: relative;
padding-bottom: 20px;
}
.blog-details-content h2::before,
.blog-details-content h3::before,
.blog-details-content h4::before,
.htwo-line::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 142px;
height: 1px;
background-color: var(--linecolor);
z-index: 1;
}
.blog-details-content h2::before,
.blog-details-content h3::before,
.blog-details-content h4::before {
width: 94px;
}
.story-row {
--bs-gutter-x: 59px;
--bs-gutter-y: 30px;
align-items: center;
}
.story-left-col figure {
height: 100%;
}
.story-left-col figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.story-left-col {
width: 51.6%;
}
.story-right-col {
width: 48.4%;
}
.story-right-wraper>p {
max-width: 520px;
}
.story-right-wraper>h2 {
max-width: 398px;
}
/* our story & about css end */
/* our companies css start */
.companies-row {
--bs-gutter-x: 26px;
--bs-gutter-y: 26px;
justify-content: center;
}
.common-title {
margin-bottom: 44px;
text-align: center;
}
.common-title h2 {
margin: 0;
padding: 22px 0;
border-top: 1px solid var(--garyheadbordercolor);
border-bottom: 1px solid var(--garyheadbordercolor);
}
.companies-card {
display: block;
width: 100%;
text-align: center;
}
.companies-card .companies-upper {
padding: 18.5px 20px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--asscolor);
transition: all 0.3s ease-in-out;
}
.companies-card .companies-upper>img {
/* width: 130px; */
width: 150px;
transition: all 0.3s ease-in-out;
}
.companies-card>figure {
position: relative;
padding-top: 84.7%;
overflow: hidden;
}
.companies-card>figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-in-out;
}
.companies-card:hover figure img {
transform: scale(1.1);
}
/* our companies css end */
/* residential services css satrt */
.common-row {
--bs-gutter-x: 20px;
--bs-gutter-y: 20px;
justify-content: center;
}
.common-card {
position: relative;
display: block;
width: 100%;
}
.common-card figure {
position: relative;
padding-top: 66.8%;
overflow: hidden;
}
.common-card figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-in-out;
}
.common-content-wraper {
position: absolute;
bottom: 0;
left: 0;
padding: 19px 38px 20px 22px;
min-height: 70px;
background-color: var(--asscolor);
display: flex;
align-items: center;
justify-content: flex-start;
min-width: 299px;
}
.common-content-wraper h3 {
transition: all 0.3s ease-in-out;
}
.common-card:hover figure img {
transform: scale(1.1);
}
.common-card:hover .common-content-wraper h3 {
color: var(--primarycolor);
}
.common-row .common-column:nth-child(3n + 1) {
width: 100%;
}
.common-row .common-column:nth-child(3n + 1) .common-content-wraper h3 {
font-size: 24px;
}
.common-row .common-column:nth-child(3n + 1) .common-content-wraper {
min-width: 403px;
}
.common-row .common-column:nth-child(3n + 1) figure {
padding-top: 34.74%;
}
/* residential services css end */
/* testimonial css start */
.testimonial-sec {
position: relative;
padding: 68px 0 66px;
background-color: #eef1f4;
}
.testimonial-slider .slick-list {
margin: 0 -22.5px;
}
.testimonial-slider .testimonial-item {
padding: 0 22.5px;
}
.testimonial-card {
display: flex;
flex-wrap: wrap;
}
/* .testimonial-profile figure {
width: 134px;
height: 141.52px;
overflow: hidden;
}
.testimonial-profile figure img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
max-height: 80px !important;
opacity: 0.5 !important;
} */
.testimonial-content {
width: calc(100% - 134px);
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 20px;
}
.testimonial-content p {
font-size: 20px;
line-height: 1.3;
margin-bottom: 15px;
}
.client-name {
display: block;
line-height: 1;
font-weight: 700;
color: var(--bodyparacolor);
}
.testimonial-slider-arrow-wraper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 40.48px;
}
.testimonial-slider-arrow-wraper .slider-arrow:not(:last-child) {
margin-right: 10px;
}
.our-work-speack-nav-outer .slick-arrow,
.slider-arrow {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
font-size: 0;
border-radius: 50%;
background-color: rgba(175, 145, 71, 1);
padding: 0;
border: none;
outline: none;
transition: all 0.3s ease-in-out;
z-index: 3;
}
.our-work-speack-nav-outer .slick-arrow.slick-prev {
background: url(./images/left-arrow.svg) no-repeat center rgba(175, 145, 71, 1);
}
.our-work-speack-nav-outer .slick-arrow.slick-next {
background: url(./images/right-arrow.svg) no-repeat center rgba(175, 145, 71, 1);
}
.our-work-speack-nav-outer .slick-arrow.slick-prev:hover {
background: url(./images/left-arrow.svg) no-repeat center rgba(175, 145, 71, 0.3);
}
.our-work-speack-nav-outer .slick-arrow.slick-next:hover {
background: url(./images/right-arrow.svg) no-repeat center rgba(175, 145, 71, 0.3);
}
.slider-arrow:hover {
background-color: rgba(175, 145, 71, 0.3);
}
.our-work-speack-nav-outer .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.our-work-speack-nav-outer .slick-arrow.slick-disabled {
pointer-events: none;
background-color: rgba(175, 145, 71, 0.3);
}
/* .slider-arrow:hover img {
filter: brightness(0) saturate(100%) invert(71%) sepia(9%) saturate(1545%) hue-rotate(7deg) brightness(84%) contrast(84%);
} */
.our-work-speack-nav-outer .slider-arrow.slick-disabled,
.testimonial-slider-arrow-wraper .slider-arrow.slick-disabled {
pointer-events: none;
background-color: rgba(175, 145, 71, 0.3);
}
.our-work-speack-nav-outer .slider-arrow.slick-disabled:hover,
.testimonial-slider-arrow-wraper .slider-arrow.slick-disabled:hover {
background-color: rgba(175, 145, 71, 0.3);
}
.our-work-speack-nav-outer .slider-arrow.slick-disabled:hover img,
.testimonial-slider-arrow-wraper .slider-arrow.slick-disabled:hover img {
filter: none;
}
/* testimonial css end */
/* instagram css start */
.instagram-feed-wraper img {
width: 100%;
}
/* instagram css end */
/* footer css start */
.footer-upper {
padding: 88px 0 0;
background-color: rgba(168, 151, 101, 0.94);
}
.footer-row {
--bs-gutter-x: 67px;
--bs-gutter-y: 35px;
}
.footer-first {
width: 34.7%;
}
.footer-two {
width: 18.9%;
}
.footer-three {
width: 22.8%;
}
.footer-four {
width: 23.6%;
}
.footer-company-logo {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 36px;
}
.footer-company-logo li:not(:last-child) {
/* margin-right: 38px; */
margin-right: 20px;
}
.footer-company-logo li a {
display: inline-block;
/* width: 89.46px; */
width: 100px;
}
.footer-company-logo li.ftr-logo-1 a {
width: 170px;
}
.footer-address-list li {
line-height: 1.2;
color: var(--whitecolor);
font-size: 15px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 12px;
}
.footer-address-list li:last-child {
margin-bottom: 0;
}
.footer-address-list li a {
color: var(--whitecolor);
}
.footer-upper-btm ul li a:hover,
.footer-address-list li a:hover {
color: var(--bodyparacolor);
}
.footer-address-list li img,
.footer-address-list li a img {
display: inline-block;
margin-right: 10px;
}
.footer-title {
display: block;
font-size: 18px;
font-family: var(--Lorafontfamily);
line-height: 1.2;
color: var(--whitecolor);
margin-bottom: 28px;
}
.footer-link li {
display: block;
line-height: 1;
margin-bottom: 22px;
}
.footer-link li:last-child {
margin-bottom: 0;
}
.footer-link li a {
font-size: 15px;
color: var(--whitecolor);
}
.footer-link li a:hover {
color: var(--bodyparacolor);
}
.footer-upper-btm {
padding: 36px 0;
border-top: 1px solid #ccc09b;
text-align: center;
}
.footer-upper-btm ul {
display: flex;
align-items: center;
justify-content: center;
}
.footer-upper-inner {
padding-bottom: 40px;
}
.footer-upper-btm ul li {
line-height: 1.2;
padding-right: 32px;
margin-right: 32px;
position: relative;
}
.footer-upper-btm ul li:last-child {
padding-right: 0;
margin-right: 0;
}
.footer-upper-btm ul li:last-child::before {
display: none;
}
.footer-upper-btm ul li a {
color: var(--whitecolor);
font-size: 15px;
}
.footer-upper-btm ul li::before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 12px;
background-color: #ccc09b;
z-index: 1;
}
.footer-lower-logo-wraper ul {
display: flex;
flex-wrap: wrap;
align-items: center;
/* justify-content: space-between; */
justify-content: center;
}
.footer-lower-logo-wraper ul li {
display: flex;
align-items: center;
justify-content: center;
/* width: 91px; */
width: 100px;
margin-right: 15px;
}
.footer-lower-logo-wraper ul li:last-child {
margin-right: 0;
}
.footer-lower-logo-wraper {
padding: 42.5px 0;
border-bottom: 1px solid #d4d9df;
}
.footer-copy-right {
padding: 13px 0 20.5px;
text-align: center;
}
.footer-copy-right p {
margin: 0;
font-size: 15px;
display: inline-flex;
align-items: center;
text-transform: capitalize;
}
.footer-copy-right p img {
display: inline-block;
width: 16px;
margin-right: 6px;
}
.footer-copy-right p a {
color: var(--bodyparacolor);
}
.footer-copy-right p a:hover {
color: var(--primarycolor);
}
/* footer css end */
/* our company css satrt */
/* inner banner css start */
.inner-banner {
min-height: 500px;
}
.inner-banner h1 {
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--whitecolor);
}
.inner-banner::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.banner-inner-wraper {
position: relative;
z-index: 3;
text-align: center;
}
/* inner banner css end */
.companies-keep-sec .companies-keep-row {
flex-direction: row-reverse;
--bs-gutter-x: 52px;
}
.companies-keep-sec .companies-keep-row .story-right-col {
width: 48.7%;
}
.companies-keep-sec .companies-keep-row .story-left-col {
width: 51.3%;
}
.companies-keep-sec .companies-keep-row .story-right-wraper>h2 {
max-width: 100%;
}
.companies-cardpg-row {
--bs-gutter-x: 26.33px;
--bs-gutter-y: 26.33px;
justify-content: center;
}
.companies-card-pg {
background: var(--whitecolor);
border: 1.2px solid rgba(169, 178, 190, 0.5);
padding: 26px 35px 36px;
text-align: center;
color: var(--bodyparacolor);
width: 100%;
height: 100%;
transition: 0.5s all;
}
.companies-card-pg .companies-pg-logo {
width: 155px;
display: inline-block;
margin: 0 auto 35px;
transition: 0.5s all;
}
.companies-card-pg .companies-pg-logo img {
width: 100%;
}
.companies-card-pg h3 {
font-weight: 600;
margin-bottom: 15px;
color: var(--blackcolor);
transition: 0.5s all;
}
.companies-card-pg h3 a {
color: var(--blackcolor);
}
.header-bottom-menu li.current-menu-item a {
color: var(--primarycolor);
}
/* companies css end */
.companies-card-pg:hover {
background: var(--primarycolor);
border-color: var(--primarycolor);
color: var(--whitecolor);
transform: translateY(-10px);
}
.companies-card-pg:hover .companies-pg-logo {
filter: brightness(0) invert(1);
}
.companies-card-pg:hover h3 {
color: var(--whitecolor);
}
/* custom home builders css satrt */
.builders-row {
--bs-gutter-x: 85px;
}
.builders-left-col {
width: 60.3%;
}
.builders-right-col {
width: 39.7%;
}
.custom-home-builders-inner h2 {
line-height: 1.45;
padding-bottom: 31px;
}
.custom-home-builders-inner p:not(:last-child) {
margin: 0 0 16px 0;
}
.custom-home-builders-inner figure {
margin-bottom: 23px;
}
.home-builders-card .custom-home-builders-img {
position: relative;
display: block;
width: 100%;
padding-bottom: 49.6%;
margin-bottom: 24px;
overflow: hidden;
}
.home-builders-card .custom-home-builders-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-in-out;
}
.home-builders-card h5 {
font-weight: 600;
}
.home-builders-card h5 a {
color: var(--blackcolor);
}
.small-title-line {
position: relative;
padding-bottom: 19px;
margin-bottom: 12px;
}
.small-title-line::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 94px;
height: 1px;
background: #262626;
z-index: 1;
}
.custom-home-builders-right-inner .home-builders-card:not(:last-child) {
margin-bottom: 30px;
}
.home-builders-card:hover .custom-home-builders-img img {
transform: scale(1.1);
}
.home-builders-card:hover h5 a {
color: var(--primarycolor);
}
.custom-home-builders-right-inner {
padding-top: 170px;
}
.residential-row {
margin: -15px -31px;
}
.residential-services-col {
width: 20%;
padding: 15px 31px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.commercial-construc-subcls .residential-services-col {
width: 25%;
}
.residential-services-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.residential-services-card i {
width: 106px;
height: 106px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
background: rgba(168, 151, 101, 0.06);
margin-bottom: 17px;
}
.residential-services-card h3 {
line-height: 1.3;
}
/* custom home builders css end */
/* our story page css start */
.our-story-sec .custom-home-builders-right-inner {
padding-top: 0px;
}
.story-began-head {
margin-bottom: 32px;
max-width: 600px;
}
.extra-line-height h2 {
line-height: 1.45;
}
.our-story-sec .custom-home-builders-right-inner .home-builders-card:not(:last-child) {
margin-bottom: 24px;
}
.schedule-conultation-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.comm-construct-schedule-sec .schedule-conultation-wrap {
flex-direction: column;
}
.schedule-conultation-outer {
margin-top: 32px;
text-align: center;
}
.schedule-conultation-wrap a {
color: var(--bodyparacolor);
}
.schedule-conultation-wrap a:hover {
color: var(--primarycolor);
}
.schedule-conultation-wrap .schedule-conultation {
text-decoration: underline !important;
}
.team-row {
--bs-gutter-x: 26px;
--bs-gutter-y: 30px;
justify-content: center;
}
.team-card {
text-align: center;
padding: 20px 20px 19px;
background: var(--whitecolor);
border: 1.27358px solid rgba(169, 178, 190, 0.5);
}
.team-card figure {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 92.6%;
}
.team-card figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-in-out;
}
.team-card figure:hover img {
transform: scale(1.1);
}
.team-card .h5-title {
margin-bottom: 10px;
}
.designation {
display: block;
text-align: center;
line-height: 1;
}
.test-title {
font-weight: 600;
}
.custom-home-builders-inner h3,
.custom-home-builders-inner .h3-title {
padding-top: 7px;
}
/* our story page css end */
/* testimonials css start */
.play-video-wraper {
position: relative;
margin-bottom: 30px;
}
.play-video-wraper figure {
margin-bottom: 0;
}
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50.53px;
height: 50.53px;
display: inline-block;
box-shadow: 0 0 0 25px rgba(255, 255, 255, 0.2);
}
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50.53px;
height: 50.53px;
display: inline-block;
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.2);
z-index: 3;
border-radius: 50%;
-webkit-animation: wave 1.2s linear infinite;
animation: wave 1.2s linear infinite;
}
@-webkit-keyframes wave {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
0 0 0 2px rgba(255, 255, 255, 0.2), 0 0 0 15px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
0 0 0 2px rgba(255, 255, 255, 0.2), 0 0 0 15px rgba(255, 255, 255, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2),
0 0 0 15px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(11, 165, 255, 0);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2),
0 0 0 15px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(11, 165, 255, 0);
}
}
@keyframes wave {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
0 0 0 2px rgba(255, 255, 255, 0.2), 0 0 0 15px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
0 0 0 2px rgba(255, 255, 255, 0.2), 0 0 0 15px rgba(255, 255, 255, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2),
0 0 0 15px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(11, 165, 255, 0);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2),
0 0 0 15px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(11, 165, 255, 0);
}
}
.play-icon::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 65px;
height: 65px;
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
border-radius: 50%;
z-index: 3;
-webkit-animation: waveTwo 1.2s linear infinite;
animation: waveTwo 1.2s linear infinite;
}
@-webkit-keyframes waveTwo {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0),
0 0 0 2px rgba(255, 255, 255, 0), 0 0 0 15px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 2px rgba(255, 255, 255, 0),
0 0 0 15px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0),
0 0 0 15px rgba(255, 255, 255, 0), 0 0 0 30px rgba(11, 165, 255, 0);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0),
0 0 0 15px rgba(255, 255, 255, 0), 0 0 0 30px rgba(11, 165, 255, 0);
}
}
@keyframes waveTwo {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0),
0 0 0 2px rgba(255, 255, 255, 0), 0 0 0 15px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 2px rgba(255, 255, 255, 0),
0 0 0 15px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0),
0 0 0 15px rgba(255, 255, 255, 0), 0 0 0 30px rgba(11, 165, 255, 0);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0),
0 0 0 15px rgba(255, 255, 255, 0), 0 0 0 30px rgba(11, 165, 255, 0);
}
}
.play-icon::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 85px;
height: 85px;
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
border-radius: 50%;
z-index: 3;
-webkit-animation: waveThree 1.2s linear infinite;
animation: waveThree 1.2s linear infinite;
}
@-webkit-keyframes waveThree {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 0 15px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 0 15px rgba(255, 255, 255, 0.1);
}
100% {
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
0 0 0 15px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(11, 165, 255, 0.1);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
0 0 0 15px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(11, 165, 255, 0.1);
}
}
@keyframes waveThree {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 0 15px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 0 15px rgba(255, 255, 255, 0.1);
}
100% {
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
0 0 0 15px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(11, 165, 255, 0.1);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
0 0 0 15px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(11, 165, 255, 0.1);
}
}
.testimonial-row p {
margin: 0 0 13px !important;
}
.testimonial-row h4 {
position: relative;
font-size: 16px;
/* padding-left: 20px; */
}
.testimonial-row h4::before {
content: "--";
position: relative;
margin-right: 7px;
}
.testimonial-row {
position: relative;
padding-bottom: 32px;
margin-bottom: 30px;
}
.testimonial-row::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 78px;
height: 1px;
background: #262626;
z-index: 1;
}
.testimonial-row:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.testimonial-row:last-child::before {
display: none;
}
.testimonials-sec .schedule-conultation-outer {
margin-top: 40px;
}
.testimonials-sec .story-began-head {
max-width: 640px;
}
/* testimonials css end */
/* our work css start */
.center-head .htwo-line::before {
right: 0;
margin: 0 auto;
}
.our-work-speack-itself .center-head {
margin-bottom: 34px;
}
.speck-for-inner figure {
position: relative;
display: block;
width: 100%;
padding-bottom: 44.7%;
}
.speck-nav-inner figure {
height: 140px;
overflow: hidden;
}
.speck-nav-inner figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.speck-for-inner figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.our-work-speack-for {
margin-bottom: 30px;
}
.our-work-speack-nav .slick-list {
margin: 0 -8.5px;
}
.our-work-speack-nav .speack-nav-slide {
padding: 0 8.5px;
}
.our-work-speack-nav-outer {
position: relative;
}
.our-work-speack-nav-outer .slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.our-work-speack-nav-outer .slick-arrow.slick-prev {
left: -60px;
}
.our-work-speack-nav-outer .slick-arrow.slick-next {
right: -60px;
}
.our-work-nav {
display: flex;
align-items: center;
justify-content: center;
max-width: 922px;
margin: 0 auto 30px;
}
.our-work-nav li:not(:last-child) {
margin-right: 80px;
}
.work-nav-link {
padding: 0;
margin: 0;
border: none;
outline: none;
background-color: transparent;
box-shadow: none;
font-size: 20px;
line-height: 1.32;
color: var(--blackcolor);
text-transform: capitalize;
font-weight: 600;
font-family: var(--Lorafontfamily);
transition: all 0.3s ease-in-out;
}
.work-nav-link.active,
.work-nav-link:hover {
color: var(--primarycolor);
}
.our-work-tab-wraper .schedule-conultation-wrap .schedule-conultation,
.our-work-tab-wraper .schedule-conultation-wrap a,
.our-work-tab-wraper .schedule-conultation-wrap span {
color: var(--primarycolor);
}
.our-work-tab-wraper .schedule-conultation-wrap .schedule-conultation:hover,
.our-work-tab-wraper .schedule-conultation-wrap a:hover {
color: var(--blackcolor);
}
.footer-upper-btm ul li.current-menu-item a {
color: var(--bodyparacolor);
}
/* our work css end */
/* blog css start */
.blog-row {
--bs-gutter-x: 85px;
--bs-gutter-y: 30px;
}
.blog-row .blog-left {
width: 60.3%;
}
.blog-row .blog-right {
width: 39.7%;
}
.blog-head {
max-width: 653px;
margin: 0 auto 32px 0;
}
.blog-left-inner>a {
margin-bottom: 34px;
display: block;
}
.blog-left-inner h3 a {
color: var(--blackcolor);
}
.blog-left-inner h3 a:hover {
color: var(--primarycolor);
}
.pagination-outer-wraper {
text-align: center;
padding-top: 40px;
}
.schedule-conultation-golden .schedule-conultation,
.schedule-conultation-golden span,
.schedule-conultation-golden .call-txt {
color: var(--primarycolor);
}
.schedule-conultation-golden .schedule-conultation:hover,
.schedule-conultation-golden .call-txt:hover {
color: var(--bodyparacolor);
}
.pagination {
justify-content: center;
margin-bottom: 20px;
}
.pagination>*:not(:last-child) {
margin-right: 8px;
}
.pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 4px;
border: 1px solid rgb(68, 68, 68, 0.4);
padding: 0;
font-size: 14px;
line-height: 1;
color: var(--bodyparacolor);
transition: all 0.3s ease-in-out;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
border-color: var(--primarycolor);
color: var(--primarycolor);
}
.pagination .page-numbers.prev img,
.pagination .page-numbers.next img {
opacity: 0.5;
transition: all 0.3s ease-in-out;
}
.pagination .page-numbers.prev:hover img,
.pagination .page-numbers.next:hover img {
opacity: 1;
}
.blog-banner .banner-inner-wraper {
max-width: 793px;
margin: 0 auto;
}
.blog-details-content {
max-width: 709px;
margin: 0 auto;
}
.blog-details-content figure {
margin-bottom: 20px;
}
.blog-details-content figure img {
width: 100%;
}
.blog-details-sec .schedule-conultation-wrap {
padding-top: 42px;
}
/* blog css end */
.most-row {
--bs-gutter-x: 45px;
--bs-gutter-y: 24px;
justify-content: center;
}
.most-populer-outer .testimonial-content p {
color: var(--bodyparacolor);
transition: all 0.3s ease-in-out;
}
.most-populer-outer .testimonial-card:hover .testimonial-content p {
color: var(--primarycolor);
}
.blog-right-inner .home-builders-card:not(:last-child) {
margin-bottom: 30px;
}
.blog-left-inner a {
overflow: hidden;
}
.blog-left-inner a img {
transition: all 0.3s ease-in-out;
}
.blog-left-inner a:hover img {
transform: scale(1.1);
}
/* contact css start */
.contact-head {
max-width: 710px;
margin: 0 auto 19px 0;
}
.contact-left {
width: 63%;
}
.contact-right {
width: 37%;
}
.contact-form-outer {
padding-top: 10px;
}
.contact-form-outer label {
display: block !important;
font-size: 16px;
line-height: 1.6;
font-weight: 400 !important;
color: var(--bodyparacolor);
margin-bottom: 10px !important;
}
.contact-form-outer .contact-row {
--bs-gutter-x: 25px;
--bs-gutter-y: 20px;
}
.contact-radio-field {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-top: 22px;
}
.contact-radio-field>p {
margin-bottom: 0;
margin-right: 40px;
max-width: 180px;
min-width: 178px;
}
.contact-radio-field .form_input_radio {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: -12px;
}
.contact-radio-field .form_input_radio>label {
min-width: 109px;
}
.contact-radio-field .form_input_radio>label:not(:last-child) {
margin-right: 30px;
}
.captcha-col>img {
width: 302px;
display: inline-block;
}
.submit-col {
margin-top: 30px;
}
.contact-form-outer fieldset>h3 {
margin-top: 30px;
margin-bottom: 52px;
}
.contact-left-inner>p {
max-width: 680px;
}
.contact-right-listing {
display: flex;
flex-direction: column;
}
.contact-right-listing li:not(:last-child) {
margin-bottom: 20px;
}
.contact-right-listing li h3 {
margin-bottom: 10px;
}
.contact-right-listing li a {
font-family: var(--Lorafontfamily);
font-size: 16px;
font-weight: 400;
color: var(--bodyparacolor);
}
.contact-right-listing li a:hover {
color: var(--primarycolor);
}
.contact-right-inner {
padding-left: 98px;
}
/* contact css end */
.contact-form-outer fieldset>.row {
--bs-gutter-y: 15px;
}
/* 01.08.24 css */
.companies-keep-sec .companies-keep-row .story-right-wraper>p {
max-width: 515px;
}
.blog-head h2.htwo-line {
padding-bottom: 32px;
}
/* SS Css Begin 01-08-2024 */
.blog-title {
padding-bottom: 19px;
}
.blog-details-content figure {
margin-top: 55px;
}
input.datepicker {
background: url(./images/calendar.svg) no-repeat calc(100% - 20px) center;
background-size: 20px;
padding-right: 45px;
}
/* End Of SS Css 01-08-2024 */
/* 05.08.2024 css Start */
.contact-form-outer .gform_wrapper .gform_fields {
grid-column-gap: 25px !important;
grid-row-gap: 20px !important;
}
.contact-form-outer .gform_wrapper .ginput_container_date input {
width: 100% !important;
padding-right: 50px;
}
.contact-form-outer .gform_wrapper fieldset {
display: flex !important;
align-items: center;
flex-wrap: wrap;
padding-top: 22px;
}
.contact-form-outer .gform_wrapper fieldset legend {
margin-bottom: 0 !important;
margin-right: 40px;
max-width: 180px;
font-weight: 400 !important;
color: var(--bodyparacolor) !important;
}
.contact-form-outer .gform_wrapper .gfield_radio {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: -12px;
}
.contact-form-outer .gform_wrapper .gfield_radio .gchoice:not(:last-child) {
margin-right: 30px;
}
.contact-form-outer .gform_wrapper .gfield_radio .gchoice {
position: relative;
margin: 0;
padding-left: 30px;
display: inline-block;
}
.contact-form-outer .gform_wrapper .gfield_radio .gchoice label {
font-size: 16px !important;
}
.contact-form-outer .gform_wrapper .gfield_radio .gchoice input[type="radio"] {
visibility: hidden;
display: none;
}
.contact-form-outer .gform_wrapper .gfield_radio .gchoice label {
margin: 0;
padding: 0;
color: var(--inputbordercolor);
}
.contact-form-outer .gform_wrapper .gfield_radio .gchoice input[type="radio"]+label::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 17px;
height: 17px;
border: 1px solid var(--inputbordercolor);
border-radius: 100%;
background: var(--whitecolor);
}
.contact-form-outer .gform_wrapper .gfield_radio .gchoice input[type="radio"]+label::after {
content: "";
width: 11px;
height: 11px;
background: var(--primarycolor);
position: absolute;
top: 6px;
left: 3px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0;
}
.contact-form-outer .gform_wrapper .gfield_radio .gchoice input[type="radio"]:checked+label::before {
border-color: var(--primarycolor);
}
.contact-form-outer .gform_wrapper .gfield_radio .gchoice input[type="radio"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.contact-form-outer .gform_wrapper input[type="text"],
.contact-form-outer .gform_wrapper input[type="tel"],
.contact-form-outer .gform_wrapper input[type="password"],
.contact-form-outer .gform_wrapper input[type="email"],
.contact-form-outer .gform_wrapper input[type="number"],
.contact-form-outer .gform_wrapper input[type="date"],
.contact-form-outer .gform_wrapper select {
width: 100% !important;
-webkit-appearance: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
border-radius: 0 !important;
padding: 0 15px !important;
font-size: 16px !important;
}
.contact-form-outer .gform_wrapper textarea {
height: 131px !important;
font-size: 16px !important;
padding: 17px 15px !important;
}
.contact-form-outer .gform_wrapper .gfield--type-captcha>label {
display: none !important;
}
.contact-form-outer .gform_wrapper .gfield_required {
color: #444444 !important;
display: inline-block !important;
font-size: 16px !important;
padding-inline-start: 0 !important;
}
.contact-form-outer .gform_wrapper .gfield h3 {
margin-top: 20px;
/* margin-bottom: 52px; */
margin-bottom: 10px;
}
.contact-form-outer .gform_wrapper .gform_footer {
margin: 0 0 0 !important;
padding: 30px 0 0 !important;
}
.contact-form-outer .gform_wrapper .gform_footer input[type="submit"] {
margin-bottom: 0 !important;
}
.contact-form-outer .gform_wrapper .gfield .validation_message {
padding: 0 !important;
border: none !important;
background-color: transparent !important;
}
.gform_confirmation_message {
padding: 15px 20px;
font-size: 18px;
background-color: var(--primarycolor);
color: #ffffff;
text-align: center;
min-height: 100px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 600;
}
.companies-card:hover .companies-upper {
background-color: var(--primarycolor);
}
.companies-card:hover .companies-upper img {
filter: brightness(0) invert(1);
}
/* 05.08.2024 css End */
#instagram-gallery-feed-0 .instagram-gallery__actions .instagram-gallery__button--follow {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
background-color: var(--primarycolor);
border: 1px solid var(--primarycolor);
border-radius: 0 !important;
color: var(--whitecolor);
padding: 16.5px 29px;
}
#instagram-gallery-feed-0 .instagram-gallery__actions .instagram-gallery__button--follow:hover {
background-color: var(--whitecolor);
color: var(--primarycolor);
}
.error_404_bnr .banner-image-wraper img {
object-fit: contain;
}
.error_404_bnr .bnr-btn-wrp {
position: absolute;
top: 75%;
background: var(--primarycolor);
border-color: var(--primarycolor);
padding: 16.5px 40px;
z-index: 2;
box-shadow: 0 0 5px #00000047;
}
.error_404_bnr .bnr-btn-wrp a {
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
}
.error_404_bnr .bnr-btn-wrp:hover {
background: #ffffff;
}
.error_404_bnr .bnr-btn-wrp:hover a {
color: var(--primarycolor) !important;
}
/*support pp.c 6/8/2024*/
.page-template-home .story-right-wraper h2 a {
color: var(--blackcolor);
}
.page-template-home .story-right-wraper h2 a:hover {
color: var(--primarycolor);
}
.page-template-home .testimonial-content p {
color: var(--bodyparacolor);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.page-template-home .testimonial-item a:hover .testimonial-content p {
color: var(--primarycolor);
}
.error_404_bnr .error-page-btn {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 15px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
background-color: var(--primarycolor);
border: 1px solid var(--primarycolor);
color: var(--whitecolor);
padding: 16.5px 29px;
z-index: 1;
}
.error_404_bnr .error-page-btn::before {
content: "";
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
width: 0px;
background-color: var(--whitecolor);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.err-bnrimg {
margin-bottom: 30px;
}
.error_404_bnr h1 {
color: var(--blackcolor);
}
.error_404_bnr .error-page-btn:hover::before {
right: auto;
left: 0px;
width: 100%;
z-index: -1;
}
.error_404_bnr .error-page-btn:hover {
color: var(--primarycolor);
}
.error_404_bnr::before {
display: none;
}
.error_404_bnr {
padding-top: 70px;
}
/*support pp.c 6/8/2024*/
.page-template-default .entry-content ol,
.single-post .blog-details-content ol,
.page-template-default .entry-content ul,
.single-post .blog-details-content ul {
padding-left: 20px;
margin-bottom: 20px;
}
.page-template-default .entry-content ul li,
.single-post .blog-details-content ul li {
list-style: disc;
margin-bottom: 5px;
}
.page-template-default .entry-content ol li,
.single-post .blog-details-content ol li {
list-style: auto;
margin-bottom: 5px;
}
.flex-lists ul {
column-count: 3;
column-gap: 50px;
}
/* 08.08.24 start */
.single-srvice-cmn-wrppr h2,
.single-srvice-cmn-wrppr h3,
.single-srvice-cmn-wrppr h4,
.single-srvice-cmn-wrppr h5,
.single-srvice-cmn-wrppr h6 {
text-transform: uppercase;
}
.single-srvice-cmn-wrppr p>a {
text-decoration: underline !important;
text-underline-offset: 3px;
}
.srvice-project-rw,
.gallery-rw {
--bs-gutter-x: 30px;
--bs-gutter-y: 30px;
justify-content: center;
}
.srvice-project-img-wrppr {
width: 100%;
}
.srvice-project-img-wrppr>a {
display: block;
width: 100%;
height: 260px;
border: 1px solid var(--secondarycolor);
padding: 15px;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.srvice-project-img-wrppr>a img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s all;
border-radius: 10px;
overflow: hidden;
}
.srvice-project-img-wrppr>a:hover {
border-color: transparent;
box-shadow: 0 10px 40px rgba(175, 145, 71, 0.5);
}
.srvice-project-img-wrppr>a:hover img {
transform: scale(1.15);
}
.prject-details-cmn-wrppr p>strong {
color: var(--secondarycolor);
}
/* 08.08.24 end */
/* 09.08.24 start */
.common-title h2:not(:last-child) {
margin-bottom: 25px;
}
.subservice-sec .common-title h2 {
text-transform: uppercase;
}
.subservice-content-wrppr ul li {
padding-left: 25px;
position: relative;
}
.subservice-content-wrppr ul li:not(:last-child) {
margin-bottom: 15px;
}
.subservice-content-wrppr ul li strong {
color: var(--secondarycolor);
}
.subservice-content-wrppr ul li::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
top: 9px;
left: 0;
border-radius: 50%;
background-color: var(--secondarycolor);
}
.subservice-img-col figure {
width: 100%;
height: 100%;
margin-bottom: 0;
box-shadow: 15px 15px 5px var(--primarycolor);
}
.subservice-img-col figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.subservice-rw {
--bs-gutter-x: 40px;
}
.subservice-rw:not(:last-child) {
margin-bottom: 80px;
}
.subservice-rw:nth-child(even) {
flex-direction: row-reverse;
}
.subservice-after-content-wrppr {
padding-top: 60px;
text-align: center;
}
.subservice-btn-wrppr {
display: flex;
align-items: center;
justify-content: center;
}
.subservice-btn-wrppr>a:not(:last-child) {
margin-right: 15px;
}
.cmn-btn.brdr-btn {
background-color: transparent;
color: var(--primarycolor);
}
.cmn-btn.brdr-btn:hover {
color: var(--whitecolor);
}
.cmn-btn.brdr-btn::before {
background-color: var(--primarycolor);
}
.faq-sec {
background: #eef1f4;
}
.accrd-hdr {
padding: 15px 25px;
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.accrdn-cntnt {
display: none;
padding: 15px 25px;
border-top: 1px solid var(--primarycolor);
}
.accrdng-hdng {
font-size: 22px;
margin-bottom: 0;
transition: 0.5s all;
cursor: pointer;
flex: 1;
padding-right: 15px;
}
.accrd-hdr-icon {
flex: 0 0 auto;
transition: 0.5s all;
}
.accrd-hdr.active .accrd-hdr-icon {
transform: rotate(180deg);
}
.each-faq {
border: 1px solid var(--primarycolor);
}
.each-faq:not(:last-child) {
margin-bottom: 15px;
}
.accrd-hdr.active .accrdng-hdng {
color: var(--primarycolor);
}
.srvice-project-img-wrppr figcaption {
display: block;
color: var(--secondarycolor);
padding-top: 10px;
}
.why-chse-sec {
background: #eef1f4;
}
.why-chse-card {
background-color: var(--primarycolor);
padding: 30px 15px 25px;
width: 100%;
height: 100%;
color: var(--whitecolor);
text-align: center;
}
.why-chse-card h3 {
font-weight: 600;
margin-bottom: 15px;
color: var(--whitecolor);
}
.proj-title {
background: var(--asscolor);
color: #000;
font-size: 18px;
padding: 6px 15px;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: 0.5s all;
transform: translateY(100%);
pointer-events: none;
}
.srvice-project-img-wrppr>a:hover .proj-title {
transform: translateY(0);
}
.why-chse-content-wrppr {
text-align: center;
padding-top: 40px;
}
.why-chse-content-wrppr p {
font-size: 20px;
font-weight: 500;
color: var(--blackcolor);
}
.cmn-content-wrppr:not(:last-child) {
margin-bottom: 35px;
}
.cmn-content-wrppr ul li {
padding-left: 25px;
position: relative;
}
.cmn-content-wrppr ul li:not(:last-child) {
margin-bottom: 15px;
}
.cmn-content-wrppr ul li strong {
color: var(--secondarycolor);
font-size: 20px;
font-family: var(--Lorafontfamily);
}
.cmn-content-wrppr ul li::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
top: 13px;
left: 0;
border-radius: 50%;
background-color: var(--secondarycolor);
}
.cmn-content-wrppr ul li span>i {
margin-right: 15px;
color: var(--secondarycolor);
font-size: 26px;
transform: translateY(3px);
}
.why-chse-rw {
--bs-gutter-y: 24px;
}
/* 09.08.24 end */
/* SS CSS Begin 16-08-2024 */
#mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-megamenu>ul.mega-sub-menu {
width: 865px;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover>ul.mega-sub-menu,
#mega-menu-wrap-main_menu #mega-menu-main_menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus>ul.mega-sub-menu,
#mega-menu-wrap-main_menu #mega-menu-main_menu[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
#mega-menu-wrap-main_menu #mega-menu-main_menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
transform: translate(0, 10px);
}
.header-bottom-part {
padding: 0;
}
.navbar-collapse .mega-menu-item {
width: 100% !important;
background: var(--whitecolor) !important;
}
/* End Of SS CSS 16-08-2024 */
/* SS CSS Begin 19-08-2024 */
li.widget_media_image a {
width: 180px;
height: 80px;
position: relative;
overflow: hidden;
z-index: 1;
}
li.widget_media_image a:hover img {
transform: scale(1.1);
}
li.widget_media_image a img {
width: 100%;
height: 100% !important;
object-fit: cover;
transition: transform 0.3s ease-in-out;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
transition: all ease-in-out 0.3s;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover {
color: var(--secondarycolor);
}
/* End Of SS CSS 19-08-2024 */
/* support starts 22.08.2024 */
.companies-keep-btm-sec .companies-card-pg .companies-pg-logo {
width: 200px;
}
.story-img-wppr {
width: 100%;
height: 100%;
}
.story-img-wppr img {
width: 100%;
height: 100%;
object-fit: cover;
}
.our-story-row:not(:last-child) {
/* margin-bottom: 50px; */
margin-bottom: 35px;
}
.our-story-row:nth-child(odd) {
flex-direction: row-reverse;
}
.story-side-text h3 {
font-size: 30px;
}
.story-side-text h4 {
font-size: 24px;
}
.story-side-text ul li {
list-style-type: disc;
}
.story-side-text ul li {
margin-bottom: 20px;
}
.story-side-text ol li {
margin-bottom: 20px;
}
.story-side-text ul {
padding-left: 20px;
}
.story-wppr {
/* margin: 30px 0; */
width: 100%;
}
/* .story-wppr:not(:last-child) {
margin-bottom: 40px;
} */
.our-story-row.active:nth-child(even) {
flex-direction: row-reverse;
}
.our-story-row.active:nth-child(odd) {
flex-direction: inherit;
}
.our-story-row {
--bs-gutter-y: 20px;
--bs-gutter-x: 40px;
}
.story-side-text h2 {
position: relative;
padding-bottom: 30px;
}
.story-side-text h2::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 142px;
height: 1px;
background-color: var(--linecolor);
z-index: 1;
}
/* support ends 22.08.2024 */
.testimonial-sec .populer-col .testimonial-profile {
width: 134px;
}
.testimonial-sec .populer-col .testimonial-profile figure img {
object-fit: cover !important;
height: 80px !important;
}
/* 14.10.24 css */
.page-template-faqs .schedule-conultation-wrap {
flex-direction: column;
}
.schedule-conultation-wrap>img {
width: 100px;
margin-bottom: 15px;
}
.learn-btn {
display: block;
margin-left: auto;
text-align: right;
text-decoration: underline !important;
}
.faq-title h3 {
padding-top: 0;
font-size: 24px;
}
.faq-item {
border: 1px solid var(--blackcolor);
border-radius: 10px;
margin-bottom: 25px;
cursor: pointer;
}
.faq-item:last-child {
margin-bottom: 0;
}
.faq-title {
position: relative;
padding: 12px 40px 12px 18px;
}
.faq-body {
padding: 10px 18px 18px;
}
.faq-title::before {
content: "";
position: absolute;
top: 20px;
right: 12px;
width: 15px;
height: 15px;
background: url(./images/plus.png) no-repeat right center;
background-size: 14px;
z-index: 1;
}
.faq-item.open .faq-title::before {
background: url(./images/minus-sign.png) no-repeat right center;
background-size: 14px;
}
.faq-banner {
position: relative;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.faq-ban-bg {
max-width: 40%;
position: relative;
z-index: 5;
margin-left: auto;
background: var(--primarycolor);
/* height: 100%; */
display: flex;
align-items: center;
justify-content: flex-start;
padding: 25px 30px 25px 25px;
}
.faq-banner-con h1 {
font-size: 3.125vw;
}
/*.faq-ban-bg::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -4998px;
width: 5000px;
height: 100%;
background: var(--primarycolor);
z-index: 1;
}
*/
.faq-page .htwo-line::before {
display: none;
}
.faq-page h2 {
padding-bottom: 0;
}
.mega-menu>li {
margin-right: 0 !important;
}
/* 14.10.24 css */
/* support start 18-10-24 */
.team-btn-div .cmn-btn {
border-radius: 4px;
padding: 12.5px 29px;
}
.team-btn-div {
margin-top: 20px;
}
.team-cont-div {
display: none;
padding: 16px;
margin-top: 13px;
background-color: rgb(241 237 224);
position: absolute;
left: 0;
width: 100%;
top: 97%;
z-index: 9;
}
.team-card-wrapper {
position: relative;
}
body.page-template-custom-home-builders .custom-home-builders-inner img.custm_rightalign {
width: 401px;
max-height: 199px;
object-fit: cover;
object-position: center;
margin: 30px 0 30px 85px;
}
/* support end 18-10-24 */
/* support starts 23.10.2024 */
.thank-you-innr {
text-align: center;
}
.thank-you-innr .schedule-conultation-wrap .schedule-conultation,
.thank-you-innr .schedule-conultation-wrap a,
.thank-you-innr .schedule-conultation-wrap span {
color: var(--primarycolor);
}
.thank-you-innr .schedule-conultation-wrap .schedule-conultation:hover,
.thank-you-innr .schedule-conultation-wrap a:hover {
color: var(--blackcolor);
}
.thank-you-innr h1 {
padding: 15px 0;
border-top: 1px solid var(--garyheadbordercolor);
border-bottom: 1px solid var(--garyheadbordercolor);
}
/* support ends 23.10.2024 */
/* .custom_menu_item {
position: inherit !important;
} */
ul#mega-menu-main_menu li:not(.custm_magemenu_cls) {
position: auto !important;
}
/* .custom_menu_item ul.mega-sub-menu, */
.custm_2col_class.custom_menu_item ul.mega-sub-menu {
width: fit-content !important;
}
.custom_menu_item ul.mega-sub-menu li.custm-col3 {
width: 100%;
}
.custom_menu_item ul.mega-sub-menu li.custm-col3 ul.mega-sub-menu {
width: max-content !important;
}
/* 31.10.24 css start */
.blog-details-banner {
position: relative;
overflow: hidden;
}
.blog-details-row {
display: flex;
flex-wrap: wrap;
}
.blog-details-left {
width: 40%;
background-color: var(--primarycolor);
display: flex;
align-items: center;
padding: 30px 40px 30px 30px;
min-height: 500px;
}
.blog-details-right {
width: 60%;
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.blog-details-right figure {
margin-bottom: 0;
height: 100%;
width: 100%;
}
.blog-details-right figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-details-head {
text-align: right;
}
.blog-details-head h1 {
color: var(--whitecolor);
}
.blog-details-head {
max-width: 695px;
margin-left: auto;
}
.blog-details-schedule .schedule-conultation-wrap {
justify-content: flex-end;
padding-top: 40px;
}
.blog-details-inner figure img {
width: 100%;
}
.blog-details-wraper {
width: 60%;
margin-left: auto;
}
.blog-details-inner {
max-width: 780px;
padding-right: 20px;
}
.blog-details-inner figure {
/* margin-bottom: 30px; */
margin-bottom: 15px;
width: 100% !important;
}
.blog-details-inner figcaption {
margin: 8px 0 15px;
font-style: italic;
}
.blog-author-name {
font-size: 24px;
display: block;
margin-bottom: 40px;
line-height: 1.2;
color: var(--blackcolor);
}
.blog-details-sec {
padding-bottom: 50px;
}
.blog-details-inner ul {
margin-bottom: 18px;
}
.blog-details-inner ul li {
position: relative;
padding-left: 20px;
margin-bottom: 8px;
}
.blog-details-inner h3 {
margin-bottom: 21px;
}
.blog-details-inner ul li:last-child {
margin-bottom: 0;
}
.blog-details-inner ul li::before {
content: "";
position: absolute;
top: 9px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--bodyparacolor);
z-index: 1;
}
.blog-details-inner p {
margin-bottom: 20px;
}
.blog-details-inner img {
/* height: 480px; */
/* object-fit: cover; */
margin-top: 7px;
}
/* 31.10.24 css end */
.footer-upper-btm.ftr-btm-1 p {
color: #fff;
font-weight: 500;
padding: 0 15em;
text-align: center;
}
.residential-services-col a:hover~.residential-services-col {
background: #fff9e4c4;
}
/* Ensure the main container takes the full width */
/* .custom_menu_item ul.mega-sub-menu, */
.custm_2col_class.custom_menu_item ul.mega-sub-menu {
width: max-content !important;
}
/* .custm_1col_class.custom_menu_item ul.mega-sub-menu {
width: 190px !important;
} */
/* ul#mega-menu-main_menu li:not(.custm_magemenu_cls) ul.mega-sub-menu {
width: 190px !important;
} */
ul#mega-menu-main_menu>li:not(.custm_magemenu_cls)>ul.mega-sub-menu {
width: 190px !important;
}
/* 22.11.24 start */
.custom_menu_item .megaMenu_custm_col2>ul.mega-sub-menu {
width: 550px !important;
}
.custom_menu_item .megaMenu_custm_col2 ul.mega-sub-menu ul.mega-sub-menu {
width: 100% !important;
}
/* 22.11.24 end */
/* .custom_menu_item ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu li a {
font-size: 14px !important;
font-weight: 500 !important;
text-transform: none !important;
line-height: 1.2 !important;
color: #222 !important;
}
.custom_menu_item
ul.mega-sub-menu
li.mega-menu-row
ul.mega-sub-menu
li
a::before {
display: none !important;
}
.custom_menu_item
ul.mega-sub-menu
li.mega-menu-row
ul.mega-sub-menu
li
a:hover {
color: var(--primarycolor) !important;
} */
ul#mega-menu-main_menu li:not(.custm_magemenu_cls) ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu li a {
font-family: var(--source-sans-pro-family) !important;
font-size: 14px !important;
font-weight: 500 !important;
text-transform: none !important;
line-height: 1.2 !important;
color: #222 !important;
}
ul#mega-menu-main_menu li:not(.custm_magemenu_cls) ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu li a::before {
display: none !important;
}
ul#mega-menu-main_menu li:not(.custm_magemenu_cls) ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu li a:hover {
color: var(--primarycolor) !important;
}
/* support starts 26.11.2024 */
#mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-megamenu.mega-menu-item {
position: relative;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu {
margin-top: 20px;
}
/* support ends 26.11.2024 */
.builders-left-col ul,
.builders-left-col ol {
padding-left: 20px;
padding-bottom: 10px;
}
.builders-left-col ul>li,
.builders-bottom-col ul>li {
list-style-type: disc !important;
margin-bottom: 7px;
}
.builders-bottom-col ol>li,
.builders-left-col ol>li {
list-style-type: auto !important;
margin-bottom: 7px;
}
.builders-left-col ul.custm-col-count,
.builders-left-col ol.custm-col-count {
column-count: 3;
}
/* support starts 04.12.2024 */
body.page-template-custom-home-builders .custom-home-builders .builders-bottom-col .custom-home-builders-inner .gallery {
display: flex;
flex-wrap: wrap;
margin: 0 -12px 20px;
}
body.page-template-custom-home-builders .custom-home-builders .builders-bottom-col .custom-home-builders-inner .gallery .gallery-item {
width: 33.33%;
padding: 0 12px;
}
body.page-template-custom-home-builders .custom-home-builders .builders-bottom-col .custom-home-builders-inner .gallery .gallery-item .gallery-icon {
width: 100%;
height: 100%;
}
body.page-template-custom-home-builders .custom-home-builders .builders-bottom-col .custom-home-builders-inner .gallery .gallery-item .gallery-icon a {
width: 100%;
height: 100%;
position: relative;
padding: 33%;
}
body.page-template-custom-home-builders .custom-home-builders .builders-bottom-col .custom-home-builders-inner .gallery .gallery-item .gallery-icon img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
/* support ends 04.12.2024 */
/* body.single-post .blog-details-inner img {
width: 100%;
} */
/* CSS Modification 09.12.24 */
.custm_blog_bnr_cls h1,
.custm_blog_bnr_cls .h1-title {
font-size: 50px;
letter-spacing: 0.05em;
}
/* CSS Modification 09.12.24 */
/* support starts 10.12.2024 */
.residential-services-col {
height: 100%;
}
.navbar-expand-lg .navbar-toggler {
opacity: 0;
pointer-events: none;
}
/* support ends 10.12.2024 */
/* support starts 31.12.2024 */
.new-ftr-upper-part {
background-color: var(--primarycolor);
}
.footer-top-part1 {
padding: 60px 0 30px;
}
.fttr-top-col1 {
width: 38.2%;
}
.fttr-top-col2 {
width: 61.8%;
}
.ftr-logo-outer {
margin-bottom: 30px;
}
.ftr-logo-outer a {
max-width: 262px;
width: 100%;
}
.contact-icon-wpr {
width: 32px;
height: 32px;
background-color: var(--whitecolor);
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
border-radius: 100%;
}
.contact-icon-wpr img {
width: 85%;
}
.address-contact ul li {
display: flex;
align-items: flex-start;
margin-bottom: 26px;
}
.contact-rit-txt {
margin-left: 14px;
padding-top: 5px;
}
.contact-rit-txt p {
margin-bottom: 5px;
font-size: 18px;
font-weight: 600;
color: var(--whitecolor);
font-family: var(--Lorafontfamily);
line-height: 1;
}
.contact-rit-txt span,
.contact-rit-txt a {
color: var(--whitecolor);
font-size: 15px;
}
.contact-rit-txt a:hover {
color: var(--darkblackcolor);
}
.contact-desc {
padding: 16px 0 16px 17px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.contact-desc p {
font-size: 15px;
color: var(--whitecolor);
max-width: 396px;
width: 100%;
}
.cmn-fttr-heading {
margin-bottom: 15px;
border-bottom: 2px solid var(--whitecolor);
}
.cmn-fttr-heading a {
color: var(--whitecolor);
font-size: 18px;
text-transform: capitalize;
font-family: var(--Lorafontfamily);
line-height: 1;
margin-bottom: 15px;
font-weight: 600;
}
.cmn-fttr-heading a:hover {
color: var(--darkblackcolor);
}
.contact-address-link-lists {
display: flex;
flex-wrap: wrap;
margin: 0 -32px;
}
.contact-address-link-lists li {
width: 50%;
padding: 0 32px;
margin-bottom: 1px;
}
.contact-address-link-lists li a,
.contact-address-btm-list li a {
color: var(--whitecolor);
font-size: 15px;
text-transform: capitalize;
}
.contact-address-link-lists li a:hover,
.contact-address-btm-list li a:hover {
color: var(--darkblackcolor);
}
.fttr-top-row {
justify-content: space-between;
}
.fttr-rit-links {
max-width: 580px;
width: 100%;
margin-left: auto;
}
.fttr-rit-btm {
--bs-gutter-x: 65px;
}
.link-part1,
.link-part2 {
width: 50%;
}
.fttr-rit-top {
margin-bottom: 30px;
/* padding-left: 6px; */
}
.link-innr-wppr {
max-width: 250px;
width: 100%;
}
.footer-bottom-part {
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding: 26px 0 25px;
}
.fttr-btm-list1 li a {
color: var(--whitecolor);
font-size: 15px;
}
.fttr-btm-list1 li a:hover {
color: var(--darkblackcolor);
}
.fttr-btm-list1 {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.fttr-btm-list1 li:not(:last-child) {
margin-right: 20px;
padding-right: 20px;
}
.fttr-btm-list1 li {
line-height: 1;
position: relative;
}
.fttr-btm-list1 li:not(:last-child)::before {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 1px;
height: 9.5px;
background-color: var(--whitecolor);
transform: translateY(-50%);
}
/* support ends 31.12.2024 */
/* support Start 16.01.25 */
.testimonial-profile {
width: 134px;
}
/* support Start 16.01.25 */
/* Support For New Home Page on 21 feb */
.custm_home_build2_bnr {
background: #a98d38;
/* padding-left: calc((100% - 1136px) / 2 + 1.5rem); */
padding-left: calc((100% - 1210px) / 2 + 1.5rem);
}
.custm_home_build2_bnr .blog-details-left {
background: #a98d38;
padding: 0 43px 0 0;
width: 45%;
}
.custm_home_build2_bnr .blog-details-head {
text-align: left;
max-width: 525px;
margin: 0;
}
.custm_home_build2_bnr .blog-details-head h1 {
text-transform: uppercase;
}
.custm_home_build2_bnr .blog-details-right {
position: static;
width: 55%;
height: auto;
}
.custm_home_build2_main_sec h2 {
text-transform: uppercase;
font-weight: 500;
line-height: 1.2;
}
.custm_home_build2_main_sec {
color: #777173;
line-height: 1.35;
}
.custm_home_build2_main_sec .contact-head {
max-width: 100%;
margin-bottom: 30px;
}
.checkout-project {
padding-top: 40px;
}
.project-gal-row {
--bs-gutter-x: 23px;
--bs-gutter-y: 23px;
}
.project-gal {
position: relative;
padding-top: 72%;
width: 100%;
overflow: hidden;
border-radius: 20px;
display: block;
}
.project-gal img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
transition: all 300ms ease-in-out;
}
.project-gal:hover img {
transform: scale(1.1);
}
.center-btn-wrap {
text-align: center;
margin-top: 50px;
}
.custm_home_build2_main_sec .contact-form-outer .gform_wrapper .gform_footer input[type="submit"],
.center-btn-wrap .cmn-btn {
background-color: #a98d38;
/* border-radius: 100px; */
}
.custm_home_build2_main_sec .contact-form-outer .gform_wrapper .gform_footer input[type="submit"]:hover,
.center-btn-wrap .cmn-btn:hover {
background-color: var(--whitecolor);
}
@media (min-width: 992px) {
.custm_home_build2_main_sec .new-home-right {
padding-left: 50px;
}
}
.new-home-right-right-inner .contact-form-outer {
padding-top: 0;
}
.gform_heading p:empty {
display: none;
}
.new-home-right-right-inner .contact-form-outer .gform_wrapper .gfield_required {
color: #a98d38 !important;
}
.new-home-right-right-inner .contact-form-outer label,
.new-home-right-right-inner .contact-form-outer legend {
color: #231f20;
line-height: 1;
font-family: var(--Lorafontfamily);
text-transform: capitalize;
}
.new-home-right-right-inner .gform_wrapper.gravity-theme .gfield input::placeholder {
color: #cdcacb;
font-size: 14px;
}
.new-home-right-right-inner .gform_wrapper.gravity-theme .gfield select::placeholder {
color: #cdcacb;
font-size: 14px;
}
.new-home-right-right-inner .gform_wrapper.gravity-theme .gfield textarea,
.new-home-right-right-inner .gform_wrapper.gravity-theme .gfield input,
.new-home-right-right-inner .gform_wrapper.gravity-theme .gfield select {
border: 1px solid #f4f4f4;
background-color: #ffffff;
font-size: 14px !important;
font-weight: 400;
color: #5b5b5b;
height: 52px;
border-radius: 6px !important;
font-family: var(--source-sans-pro-family);
}
.new-home-right-right-inner .gform_wrapper.gravity-theme .gfield textarea {
height: 99px;
}
.new-home-right-right-inner .gform_wrapper.gravity-theme .gfield select {
background: url(images/down-arrow2.svg) no-repeat calc(100% - 15px) center transparent;
color: #5b5b5b;
background-size: 13px;
}
.new-home-right-right-inner .gform_wrapper.gravity-theme .gfield input:focus,
.new-home-right-right-inner .gform_wrapper.gravity-theme .gfield select:focus,
.new-home-right-right-inner .gform_wrapper.gravity-theme .gfield textarea:focus {
border-color: var(--secondarycolor);
}
.new-home-right-right-inner .contact-form-outer .gform_wrapper .gfield h3 {
margin-top: 10px;
}
.new-home-right-right-inner .contact-form-outer .gform_wrapper fieldset legend {
color: var(--blackcolor) !important;
}
.new-home-right-right-inner .contact-form-outer .gform_wrapper .gfield_radio .gchoice label {
max-width: 100%;
color: #d9d9d9;
font-family: var(--source-sans-pro-family);
}
.new-home-right-right-inner .contact-form-outer .gform_wrapper .gfield_radio .gchoice input[type="radio"]+label {
color: var(--blackcolor);
}
.new-home-right-right-inner .contact-form-outer .gform_wrapper .gfield_radio .gchoice input[type="radio"]+label::before {
top: 0;
}
.new-home-right-right-inner .contact-form-outer .gform_wrapper .gfield_radio .gchoice input[type="radio"]+label::after {
top: 3px;
}
.new-home-right-right-inner .contact-form-outer .gform_wrapper .gfield_radio .gchoice {
padding-left: 25px;
}
.new-home-right-right-inner .gform_wrapper.gravity-theme .ginput_counter {
color: #cdcacb;
font-size: 14px;
font-family: var(--source-sans-pro-family);
font-weight: 400;
padding-top: 7px;
}
#field_13_13 {
margin-bottom: 10px;
}
.new-home-right-right-inner .gform_wrapper.gravity-theme .gform_validation_errors {
display: none;
}
.custm_home_build2_main_sec .project-gal-row [class*="col-"] {
display: none;
}
/* Support Start 07-05-25 */
.inner-banner.new-landing-banner::before {
background: rgba(0, 0, 0, 0.44);
}
.inner-banner.new-landing-banner .banner-inner-wraper {
text-align: left;
max-width: 780px;
}
.inner-banner.new-landing-banner .banner-inner-wraper span {
color: #fff;
font-size: 30px;
font-weight: 600;
margin-bottom: 30px;
display: block;
}
.inner-banner.new-landing-banner .banner-inner-wraper h1 {
font-size: 40px;
font-weight: 600;
}
.inner-banner.new-landing-banner .banner-inner-wraper p {
font-size: 22px;
color: #fff;
}
.inner-banner.new-landing-banner .banner-inner-wraper .cmn-btn {
background-color: transparent;
border: 1px solid #fff;
}
.page-after-banner-desc-wrap {
max-width: 870px;
margin: 0 auto;
}
.trusted-sec-main-inn {
/* background-color: #1e1a17; */
background-color: #dce5ec;
padding-bottom: 60px;
}
.trusted-col-left-wrap h2 {
font-weight: 500;
/* color: #fff; */
color: var(--bodyparacolor);
}
.trusted-col-left-wrap p {
color: var(--bodyparacolor);
}
.trusted-col-rgt-wrap {
padding-right: 14px;
margin-top: -80px;
position: relative;
z-index: 1;
}
.trusted-col-rgt-wrap::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 95%;
/* background-color: #d9d9d9; */
background-color: #1e1b18;
z-index: -1;
}
.trusted-sec-main {
padding-top: 20px;
margin-top: 60px;
border-top: 1px solid #1e1a17;
}
.trusted-col-left-wrap {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
color: #fff;
padding: 50px 50px 50px 0;
}
.trusted-sec-main-inn-wrap {
/* border-bottom: 1px solid #fff; */
border-bottom: 1px solid #1e1a17;
}
.trusted-col-left-wrap-logo {
display: inline-flex;
justify-content: center;
align-items: flex-end;
margin-bottom: -72px;
padding: 0 15px;
max-width: 260px;
margin-left: auto;
margin-right: auto;
/* background: #1b1918; */
background: #dce5ec;
}
.trusted-col-left-wrap-cont {
padding-bottom: 40px;
}
.builders-row.explore-services-row {
--bs-gutter-x: 24px;
--bs-gutter-y: 24px;
justify-content: center;
}
.explore-preheading-text {
text-transform: uppercase;
font-size: 20px;
display: block;
margin-bottom: 8px;
line-height: 1;
}
.exploring-services-section .center-head {
margin-bottom: 40px;
}
.builders-row.explore-services-row .home-builders-card .custom-home-builders-img {
padding-bottom: 88%;
margin: 0;
}
.explore-services-cont .small-title-line::before {
display: none;
}
.explore-services-cont .small-title-line {
font-size: 24px;
padding-bottom: 0;
}
.explore-services-cont {
padding: 16px 15px;
background: #fff;
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
}
.explore-services-col:nth-child(even) .home-builders-card .explore-services-cont {
/* background-color: #1e1a17; */
background-color: #3d5d75;
color: #fff;
}
.explore-services-col:nth-child(even) .home-builders-card .explore-services-cont .small-title-line a {
color: #fff;
}
.exploring-services-btn {
margin-top: 30px;
text-align: center;
}
.container.full {
max-width: 1340px;
}
.build-row {
/* align-items: center; */
--bs-gutter-x: 0;
}
.build-col-left-wrap {
height: 100%;
padding: 30px 26px;
background: #d9d9d9;
display: flex;
flex-direction: column;
justify-content: center;
}
.build-col-left-wrap {
height: 100%;
padding: 30px 20px;
background: #d9d9d9;
}
.build-col-rgt-wrap {
height: 100%;
}
.construction-sec-main {
position: relative;
padding: 60px 0;
}
.construction-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%);
}
.construction-main-wrap {
position: relative;
text-align: center;
color: #fff;
z-index: 2;
}
.construction-main-wrap h2 {
color: #fff;
}
.construction-sec-main::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
}
.construction-btn .cmn-btn {
background-color: #1e1a17;
border-color: #1e1a17;
}
.inner-banner.new-landing-banner {
min-height: 660px;
}
/* Support End 07-05-25 */
/* Support Start 08-05-25 */
.trusted-col-rgt-wrap img {
width: 100%;
}
.bnr-bg-vd {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bnr-bg-vd video {
width: 100%;
height: 100%;
object-fit: cover;
}
.embaded-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.embaded-wrap iframe {
width: 100%;
height: 100%;
object-fit: cover;
}
.build-col-rgt-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Support End 08-05-25 */
/* .explore_content_wrp p{
margin-bottom: 0;
} */
/* .explore_content_wrp a{
float: right;
} */
.explore-services-cont {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.explore-services-cont .explore_content_wrp a{
float: right;
text-decoration: underline !important;
}
.explore-services-col:nth-child(even) .home-builders-card .explore-services-cont .explore_content_wrp a{
color: #ffffff;
}
.explore-services-col:nth-child(even) .home-builders-card .explore-services-cont .explore_content_wrp a:hover{
color: #a89765;
}
/* S.Mv Css Start 28-05-25 */
.nw-bnr-sec{
/* overflow:hidden; */
position:relative;
}
.nw-bnr-img-bx-row{
display:flex;
flex-wrap:wrap;
}
.nw-bnr-img-bx-clm{
width:50%;
}
.nw-bnr-img-bx{
width:100%;
height:100%;
display:flex;
flex-direction:column;
}
.nw-bnr-img-bx figure{
padding-top:72%;
position:relative;
overflow:hidden;
}
.nw-bnr-img-bx figure > img{
position:absolute;
top:0;
width:100%;
height:100%;
object-fit:cover;
left:0;
}
.nw-bnr-img-bx-txt{
text-align: center;
padding: 20px 20px 19px;
/* background:var(--darkblackcolor); */
/* border:1px solid rgba(169, 178, 190, 0.5); */
/* box-shadow: 0px 4px 30px rgba(175, 145, 71, 0.1); */
background: #dce5ec;
border: 1px solid #a9b2befa;
flex:1;
}
.nw-bnr-img-bx-txt:last-child{
border-left: none;
}
.nw-bnr-img-bx-txt h2{
margin-bottom:8px;
/* color:var(--whitecolor); */
color: var(--secondarycolor);
}
.nw-bnr-img-bx-txt p{
/* color:var(--whitecolor); */
color: var(--blackcolor);
}
.nw-bnr-img-bx-clm .nw-bnr-img-bx-txt{
position:relative;
}
.nw-bnr-img-bx-clm:last-child .nw-bnr-img-bx-txt:after{
position:absolute;
content:'';
top:0;
left:-0.5px;
width:1px;
height:100%;
background-color:#a9b2befa;
}
.nw-bnr-contnt-outer{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
/* S.Mv Css End 28-05-25 */
/* ========== responsive css =========== */
@media (max-width: 1200px) {
.footer-upper-btm.ftr-btm-1 p {
padding: 0 7em;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1164px;
}
}
@media (min-width: 1025px) {
/* navbar*/
.navbar-nav .clickD {
display: none;
}
.navbar-nav li.menu-item-has-children:hover>.sub-menu {
display: block;
}
}
@media (max-width: 1399px) {
.faq-ban-bg {
padding: 25px 25px 25px 25px;
}
/* CSS Modification 09.12.24 */
.custm_blog_bnr_cls h1,
.custm_blog_bnr_cls .h1-title {
font-size: 42px;
letter-spacing: 0.02em;
}
/* CSS Modification 09.12.24 */
/* S.Mv Css Start 28-05-25 */
.nw-bnr-contnt-outer .banner-content-box {
padding: 40px 50px;
}
/* S.Mv Css End 28-05-25 */
}
@media (max-width: 1299px) {
.footer-row {
--bs-gutter-x: 60px;
}
/* support starts 31.12.2024 */
.ftr-logo-outer a {
max-width: 220px;
}
/* support ends 31.12.2024 */
}
@media (max-width: 1279px) {
.our-work-speack-nav-outer .slick-arrow.slick-next {
right: -20px;
}
.our-work-speack-nav-outer .slick-arrow.slick-prev {
left: -20px;
}
}
@media (max-width: 1199px) {
body {
padding-top: 147px;
}
h1,
.h1-title {
font-size: 48px;
}
h2,
.h2-title {
font-size: 36px;
}
.header-top-contact-list li:not(:last-child) {
margin-right: 20px;
}
.header-upper-part {
padding: 20px 0;
}
.header-bottom-part {
padding: 15px 0;
}
.header-bottom-menu li a {
font-size: 16px;
}
.common-title h2 {
padding: 15px 0;
}
.cmn-gap {
padding: 80px 0;
}
.navbar-collapse .navbar-nav {
margin: 50px 0 30px;
}
.navbar-expand-lg .navbar-collapse {
top: 91px;
}
.navbar-collapse {
height: calc(100% - 91px) !important;
}
.navbar-nav>li>a {
font-size: 30px;
}
.navbar-collapse .header-top-contact-list .phone-icon {
font-size: 20px;
}
.navbar-collapse .header-top-contact-list .phone-icon img {
width: 15px;
}
.navbar-collapse .header-social-listing li a {
width: 28px;
height: 28px;
}
.navbar-collapse .header-social-listing {
margin-top: 20px;
}
.story-row {
--bs-gutter-x: 30px;
}
.htwo-line {
padding-bottom: 25px;
}
.footer-row {
--bs-gutter-x: 20px;
}
.footer-company-logo li:not(:last-child) {
/* margin-right: 25px; */
margin-right: 15px;
}
.footer-company-logo li.ftr-logo-1 a {
width: 170px;
}
.footer-company-logo li a {
/* width: 80px; */
width: 90px;
}
.footer-upper {
padding: 68px 0 0;
}
.footer-title {
font-size: 17px;
}
.footer-link li {
margin-bottom: 15px;
}
.footer-upper-inner {
padding-bottom: 30px;
}
.footer-lower-logo-wraper {
padding: 22px 0;
}
.footer-copy-right {
padding: 10px 0 12px;
}
.footer-upper-btm {
padding: 20px 0;
}
.companies-keep-sec .companies-keep-row {
--bs-gutter-x: 32px;
}
.companies-card-pg {
padding: 20px 25px 30px;
}
.companies-card-pg .companies-pg-logo {
width: 125px;
margin: 0 auto 25px;
}
.builders-row {
--bs-gutter-x: 40px;
}
.our-work-nav li:not(:last-child) {
margin-right: 50px;
}
.speck-nav-inner figure {
height: 120px;
}
.blog-row {
--bs-gutter-x: 35px;
}
.most-row {
--bs-gutter-x: 15px;
}
.most-populer-outer .testimonial-content p {
font-size: 18px;
margin-bottom: 0;
}
.blog-head {
margin: 0 auto 25px 0;
}
.contact-right-inner {
padding-left: 70px;
}
.contact-form-outer fieldset>h3 {
margin-top: 10px;
margin-bottom: 32px;
}
/* 08.08.24 start */
/* 08.08.24 end */
.page-id-4187 .story-right-wraper img {
width: 464px;
}
/* support start 18-10-24 */
body.page-template-custom-home-builders .custom-home-builders-inner img.custm_rightalign {
width: 347px;
max-height: 172px;
margin: 30px 0 30px 40px;
}
/* support end 18-10-24 */
/* CSS Modification 09.12.24 */
.custm_blog_bnr_cls h1,
.custm_blog_bnr_cls .h1-title {
font-size: 36px;
letter-spacing: 0;
}
/* CSS Modification 09.12.24 */
/* support starts 31.12.2024 */
.fttr-rit-links {
margin-left: 20px;
}
.fttr-rit-btm {
--bs-gutter-x: 20px;
}
.contact-address-link-lists {
margin: 0 -10px;
}
.contact-address-link-lists li {
padding: 0 10px;
}
.footer-bottom-part {
padding: 20px 0;
}
/* support ends 31.12.2024 */
/* Support For New Home Page on 21 feb */
.custm_home_build2_bnr {
/* padding-left: calc((100% - 960px) / 2 + 1.5rem); */
padding-left: calc((100% - 1006px) / 2 + 1.5rem);
}
.project-gal-row {
--bs-gutter-x: 10px;
--bs-gutter-y: 10px;
}
.contact-form-outer .gform_wrapper fieldset legend {
width: 100%;
max-width: 100% !important;
margin-bottom: 12px !important;
}
.project-gal {
border-radius: 10px;
}
/* Support Start 08-05-25 */
.explore-services-cont .small-title-line {
font-size: 20px;
}
.explore-services-cont {
padding: 13px 12px;
}
.exploring-services-section .center-head {
margin-bottom: 30px;
}
.explore-services-col {
width: 33.33%;
}
.inner-banner.new-landing-banner .banner-inner-wraper span {
font-size: 26px;
margin-bottom: 20px;
}
.inner-banner.new-landing-banner .banner-inner-wraper h1 {
font-size: 38px;
}
.inner-banner.new-landing-banner {
min-height: 480px;
padding: 70px 0;
}
.trusted-col-left-wrap-logo {
max-width: 210px;
}
.construction-sec-main {
padding: 40px 0;
}
.inner-banner.new-landing-banner .banner-inner-wraper p {
font-size: 18px;
}
.inner-banner.new-landing-banner .banner-inner-wraper {
max-width: 690px;
}
/* Support End 08-05-25 */
/* S.Mv Css Start 28-05-25 */
.nw-bnr-img-bx figure {
padding-top: 88%;
}
/* S.Mv Css Start 28-05-25 */
}
@media (max-width: 1024px) {
/* navbar*/
.navbar-nav .clickD {
position: absolute;
right: 0;
top: 17px;
width: 20px;
height: 20px;
background: url(images/sort-down.svg) center center no-repeat;
display: block;
background-size: 10px;
cursor: pointer;
}
.navbar-nav .clickD.toggled {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sub-menu>li.menu-item-has-children .clickD {
top: 8px;
right: 5px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.sub-menu>li.menu-item-has-children .clickD.toggled {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.navbar-nav>li.menu-item-has-children {
padding-right: 20px;
}
.sub-menu>li.menu-item-has-children>a {
padding-right: 20px;
}
.sub-menu.show {
display: block;
}
.navbar-nav>li:not(:last-child) {
/* padding-top: 15px; */
padding-bottom: 15px;
}
.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:after,
.navbar-nav>li.menu-item-has-children>a:after {
width: 100%;
opacity: 0;
}
.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:hover:after,
.navbar-nav>li.menu-item-has-children:hover>a:after {
width: 100%;
opacity: 1;
}
/* navbar end*/
body.home .main-banner {
min-height: inherit;
}
}
@media (max-width: 1169px) {
/* html, body {
overflow-x: hidden;
} */
#mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-megamenu>ul.mega-sub-menu {
width: 725px;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-item {
padding: 6px 0;
}
}
@media (max-width: 991px) {
body {
padding-top: 90px;
}
h1,
.h1-title {
font-size: 42px;
}
h2,
.h2-title {
font-size: 30px;
}
h3,
.h3-title {
font-size: 26px;
}
.header-bottom-inner {
justify-content: flex-start;
}
.header-container {
padding: 0 15px;
}
.header-upper-inner {
justify-content: initial;
}
.navbar-nav>li>a {
font-size: 26px;
}
.navbar-brand {
position: static;
transform: initial;
margin-left: 25px;
}
.header-top-right {
margin-left: auto;
}
.navbar-expand-lg .navbar-collapse {
padding: 0 15px 15px;
}
.navbar-nav>li {
margin-bottom: 0;
}
.header-top-right .cmn-btn,
#instagram-gallery-feed-0 .instagram-gallery__actions .instagram-gallery__button--follow {
font-size: 14px;
padding: 14px 18px;
}
.banner-content-box {
padding: 40px 20px;
}
.header-upper-part {
padding: 15px 0;
}
.banner-logo {
width: 160px;
}
.common-row .common-column:nth-child(3n + 1) figure {
padding-top: 45%;
}
.common-title {
margin-bottom: 30px;
}
.story-left-col,
.story-right-col {
width: 100%;
}
.story-right-wraper>h2 {
max-width: 100%;
}
.testimonial-sec,
.cmn-gap {
padding: 60px 0;
}
.common-title h2 {
padding: 12px 0;
}
.common-row .common-column:nth-child(3n + 1) .common-content-wraper h3 {
font-size: 22px;
}
.testimonial-slider .slick-list {
margin: 0 -12px;
}
.testimonial-slider .testimonial-item {
padding: 0 12px;
text-align: center;
}
.testimonial-content p {
font-size: 18px;
}
.footer-first,
.footer-two,
.footer-three,
.footer-four {
width: 50%;
}
.footer-lower-logo-wraper ul li {
width: 60px;
}
.footer-lower-logo-wraper {
padding: 12px 0;
}
.footer-title {
margin-bottom: 22px;
}
.footer-upper-btm ul li {
padding-right: 20px;
margin-right: 20px;
}
.main-head.fixed .header-bottom-part,
.main-head.fixed .header-upper-part {
padding: 10px 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* companies responsive css */
.companies-keep-sec .companies-keep-row .story-right-col,
.companies-keep-sec .companies-keep-row .story-left-col {
width: 100%;
}
.story-right-wraper>p {
max-width: 100%;
}
.inner-banner {
min-height: 350px;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.residential-services-col,
.commercial-construc-subcls .residential-services-col {
width: 20%;
padding: 15px 12px;
}
.residential-row {
margin: -15px -12px;
}
.residential-services-card i {
width: 75px;
height: 75px;
}
.builders-left-col {
width: 100%;
}
.builders-right-col {
width: 100%;
}
.custom-home-builders-inner h2 {
padding-bottom: 20px;
}
.custom-home-builders-right-inner {
padding-top: 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.custom-home-builders-right-inner .home-builders-card {
width: 48%;
}
.home-builders-card .custom-home-builders-img {
margin-bottom: 15px;
}
.residential-services-col,
.commercial-construc-subcls .residential-services-col {
width: 33.3%;
}
.residential-row {
justify-content: center;
}
.custom-home-builders-inner p:not(:last-child) {
margin: 0 0 20px 0;
}
.builders-row {
--bs-gutter-y: 30px;
}
.residential-services-card h3 {
max-width: 180px;
}
.our-story-sec .home-builders-card .custom-home-builders-img {
margin-bottom: 0;
}
.team-card {
padding: 12px 12px 18px;
}
.our-work-nav li:not(:last-child) {
margin-right: 20px;
}
.work-nav-link {
font-size: 17px;
}
.speck-nav-inner figure {
height: 110px;
}
.blog-row .blog-right,
.blog-row .blog-left {
width: 100%;
}
.contact-right-inner {
padding-left: 0;
}
.contact-right,
.contact-left {
width: 100%;
}
.contact-row {
--bs-gutter-y: 30px;
}
.contact-right-listing li:not(:last-child) {
margin-bottom: 10px;
}
.contact-right-listing li h3 br {
display: none;
}
.contact-form-outer fieldset>h3 {
margin-top: 5px;
margin-bottom: 22px;
}
.story-began-head {
max-width: 500px;
}
.play-video-wraper figure img {
width: 100%;
}
.our-work-speack-nav-outer .slick-arrow.slick-next {
right: -32px;
}
.our-work-speack-nav-outer .slick-arrow.slick-prev {
left: -32px;
}
.our-work-speack-nav-outer .slick-arrow,
.slider-arrow {
width: 28px;
height: 28px;
}
.testimonials-sec .story-began-head {
max-width: 600px;
}
.our-work-speack-nav {
padding-bottom: 45px;
}
.our-work-speack-nav-outer .slick-arrow {
top: auto;
bottom: 0;
transform: translateY(0);
}
.our-work-speack-nav-outer .slick-arrow.slick-next {
right: calc(50% - 40px);
}
.our-work-speack-nav-outer .slick-arrow.slick-prev {
left: calc(50% - 40px);
}
.our-work-speack-nav-outer .slick-arrow,
.slider-arrow {
width: 36px;
height: 36px;
}
/* 09.08.24 start */
.subservice-rw:not(:last-child) {
margin-bottom: 60px;
}
.subservice-rw {
--bs-gutter-x: 0;
--bs-gutter-y: 30px;
}
.accrdng-hdng {
font-size: 20px;
}
/* 09.08.24 end */
/* SS Css begin 16-08-2024 */
.navbar-collapse #mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-item>a.mega-menu-link {
font-size: 26px;
}
/* ENd Of SS Css 16-08-2024 */
/* support starts 22.08.2024 */
/* support ends 22.08.2024 */
.page-id-4187 .story-right-wraper img {
width: 100%;
}
/* 14.10.24 css */
.faq-title h3 {
font-size: 20px;
}
.faq-title::before {
top: 17px;
}
/* 14.10.24 css */
/* support start 18-10-24 */
body.page-template-custom-home-builders .custom-home-builders-inner img.custm_rightalign {
width: 334px;
max-height: 165px;
margin: 20px 0 20px 40px;
}
.custom-home-builders-right-inner .home-builders-card {
width: 100%;
}
/* support end 18-10-24 */
.blog-details-left {
order: 2;
width: 100%;
}
.blog-details-right {
width: 100%;
}
.blog-details-wraper {
width: 100%;
margin: 0 auto;
--bs-gutter-x: 1.5rem;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
max-width: 720px;
}
.blog-details-schedule .schedule-conultation-wrap {
margin-top: 20px;
}
.blog-details-left {
background-color: #a89765bf;
position: relative;
}
.blog-details-inner img {
height: auto;
}
.blog-details-left {
min-height: 440px;
}
/* 06.11.24 css start */
.blog-details-right {
position: static;
height: 280px;
}
.blog-details-left {
min-height: 1px;
}
.blog-details-head {
margin-right: auto;
margin-left: auto;
text-align: left;
max-width: 690px;
}
/* 06.11.24 css end */
.footer-upper-btm.ftr-btm-1 p {
padding: 0;
}
.custom_menu_item ul.mega-sub-menu li.mega-menu-row ul.mega-sub-menu li a {
font-size: 16px !important;
}
.banner-title {
font-size: 20px;
}
/* support starts 26.11.2024 */
.navbar-collapse #mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-item>a.mega-menu-link {
font-size: 20px;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-item>a.mega-menu-link {
line-height: 1.1;
height: inherit;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-item {
margin-bottom: 10px;
}
/* support starts 04.12.2024 */
body.page-template-custom-home-builders .custom-home-builders .builders-bottom-col .custom-home-builders-inner .gallery .gallery-item {
width: 50%;
padding: 0 8px;
}
body.page-template-custom-home-builders .custom-home-builders .builders-bottom-col .custom-home-builders-inner .gallery {
margin: 0 -8px 20px;
}
/* support ends 04.12.2024 */
.testimonial-content {
align-items: center;
}
.companies-keep-sec .companies-keep-row .story-right-wraper>p {
max-width: 100%;
}
.custom-home-builders .row.builders-row {
flex-direction: column-reverse;
}
/* support starts 10.12.2024 */
.navbar-expand-lg .navbar-toggler {
opacity: 1;
pointer-events: inherit;
}
.navbar-collapse .header-top-contact-list {
display: none;
}
/* support ends 10.12.2024 */
/* support starts 31.12.2024 */
.fttr-top-col1,
.fttr-top-col2 {
width: 100%;
}
.fttr-top-row {
--bs-gutter-y: 30px;
}
.fttr-rit-links {
margin-left: 0;
max-width: 100%;
}
.fttr-rit-top {
margin-bottom: 20px;
/* padding-left: 0; */
}
.cmn-fttr-heading p {
margin-bottom: 10px;
padding-bottom: 10px;
}
.ftr-logo-outer {
margin-bottom: 20px;
}
.footer-top-part1 {
padding: 50px 0 30px;
}
.contact-desc p {
max-width: 100%;
}
.contact-desc {
padding: 16px 0;
}
/* support ends 31.12.2024 */
/* support Start 16.01.25 */
.testimonial-content {
width: calc(100% - 100px);
padding-left: 10px;
}
.testimonial-profile {
width: 100px;
}
/* support End 16.01.25 */
/* Support feb 21 */
.custm_home_build2_bnr .blog-details-right {
width: 100%;
}
.custm_home_build2_bnr .blog-details-left {
padding: 40px 0;
width: 100%;
}
.custm_home_build2_bnr {
padding-left: 0;
}
.custm_home_build2_bnr .blog-details-head {
max-width: 100%;
}
.new-home-right {
margin-top: 50px;
}
.center-btn-wrap {
margin-top: 40px;
}
/* Support Start 08-05-25 */
.inner-banner.new-landing-banner .banner-inner-wraper h1 {
font-size: 35px;
}
.inner-banner.new-landing-banner .banner-inner-wraper span {
font-size: 22px;
margin-bottom: 15px;
}
.inner-banner.new-landing-banner {
min-height: 430px;
padding: 50px 0;
}
.trusted-col-rgt-wrap {
margin-top: -40px;
}
.trusted-col-left-wrap {
padding: 40px 0 40px 0;
}
.trusted-col-left-wrap-logo {
margin-bottom: -65px;
padding: 0 12px;
max-width: 200px;
}
.trusted-sec-main {
padding-top: 12px;
margin-top: 27px;
}
/* Support End 08-05-25 */
/* S.Mv Css Start 28-05-25 */
.nw-bnr-contnt-outer {
position: relative;
width: 100%;
box-shadow: 0px 4px 30px rgba(175, 145, 71, 0.1);
}
.nw-bnr-contnt-outer .banner-content-box{
box-shadow:none;
padding: 40px 0;
}
/* S.Mv Css End 28-05-25 */
}
@media (max-width: 767px) {
/* images alignment for wordpress content pages */
.alignright,
.alignleft,
.aligncenter {
float: none;
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
clear: both;
margin-bottom: 24px;
}
body {
padding-top: 76px;
}
h1,
.h1-title {
font-size: 32px;
}
h2,
.h2-title {
font-size: 24px;
}
h5,
.h5-title {
font-size: 18px;
}
body {
padding-top: 66px;
}
.header-container {
padding: 0 12px;
}
.main-head.fixed .navbar-brand {
width: 60px;
}
.header-bottom-part {
display: none;
}
.header-upper-part {
border-bottom: none;
}
.navbar-brand {
width: 72px;
}
.header-top-right .cmn-btn,
.i .i .instagram-gallery__actions .instagram-gallery__actions .instagram-gallery__button--follow {
padding: 10px 10px;
}
.header-top-contact-list li:not(:last-child) {
margin-right: 12px;
}
.navbar-expand-lg .navbar-collapse {
top: 66px;
}
.navbar-collapse {
height: calc(100% - 75px) !important;
}
.phone-icon>img {
margin-right: 4px;
}
.main-banner {
min-height: 550px;
padding: 80px 0;
}
.banner-content-box {
padding: 30px 15px;
}
.banner-content-box h1 {
margin-bottom: 0;
margin-top: 2px;
}
.companies-card .companies-upper {
padding: 15px 20px;
}
.companies-card .companies-upper>img {
width: 100px;
}
.companies-card>figure {
padding-top: 55%;
}
.common-content-wraper {
padding: 15px 25px 15px 12px;
min-height: 60px;
}
.common-row .common-column:nth-child(3n + 1) .common-content-wraper {
min-width: 370px;
}
.testimonial-slider-arrow-wraper {
justify-content: center;
margin-top: 30px;
}
.testimonial-card {
flex-direction: column;
align-items: center;
justify-content: center;
}
.testimonial-content {
width: 100%;
align-items: center;
padding-left: 0;
text-align: center;
max-width: 350px;
}
.testimonial-profile figure {
width: 150px;
height: 90px;
overflow: hidden;
margin-bottom: 15px;
}
.testimonial-sec .populer-col .testimonial-profile {
width: inherit;
}
.footer-company-logo li a {
width: 70px;
}
.footer-company-logo li.ftr-logo-1 a {
width: 140px;
}
.footer-company-logo li:not(:last-child) {
margin-right: 15px;
}
.slider-arrow {
width: 30px;
height: 30px;
}
.footer-lower-logo-wraper ul li {
width: 50px;
}
.footer-upper {
padding: 45px 0 0;
}
.footer-upper-btm {
padding: 15px 0;
}
.footer-upper-btm ul li {
padding-right: 12px;
margin-right: 12px;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* companies responsive css */
.inner-banner {
min-height: 320px;
}
.small-title-line::before {
width: 70px;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* companies responsive css */
/* our story css */
.team-row {
--bs-gutter-x: 18px;
--bs-gutter-y: 20px;
}
.custom-home-builders-inner h3,
.custom-home-builders-inner .h3-title {
padding-top: 0;
}
/* our story css */
/* testimonial css */
.testimonial-row {
padding-bottom: 22px;
margin-bottom: 20px;
}
/* testimonial css */
.our-work-nav {
margin: 0 auto 25px;
flex-wrap: wrap;
}
.our-work-nav li:not(:last-child) {
margin-right: 0;
}
.work-nav-link {
padding: 6px 12px;
}
.schedule-conultation-outer {
margin-top: 25px;
}
.blog-row {
--bs-gutter-x: 20px;
}
.blog-left-inner>a {
margin-bottom: 25px;
}
.contact-form-outer label {
margin-bottom: 5px;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
select {
height: 52px;
}
textarea {
height: 112px !important;
}
.contact-radio-field>p {
margin-right: 25px;
}
.contact-radio-field .form_input_radio>label:not(:last-child) {
margin-right: 20px;
}
.story-began-head {
max-width: 400px;
}
.testimonials-sec .story-began-head {
max-width: 400px;
}
/* 05.08.24 css */
.gform_confirmation_message {
font-size: 16px;
}
.contact-form-outer label {
margin-bottom: 1px !important;
}
.contact-form-outer .gform_wrapper .gfield h3 {
margin-top: 0px;
margin-bottom: 5px;
}
.contact-form-outer .gform_wrapper .gform_fields {
grid-column-gap: 15px !important;
grid-row-gap: 12px !important;
}
.contact-form-outer .gform_wrapper .gform_footer {
padding: 20px 0 0 !important;
}
/* 05.08.24 css */
.error_404_bnr .bnr-btn-wrp {
padding: 10px 40px;
}
/*support pp.c 6/8/2024*/
.page-template-home .testimonial-item a {
width: 100%;
}
.error_404_bnr {
padding-top: 50px;
}
.err-bnrimg {
margin-bottom: 18px;
}
/*support pp.c 6/8/2024*/
/* 08.08.24 start */
.srvice-project-img-wrppr>a {
height: 300px;
}
/* 08.08.24 end */
/* 09.08.24 start */
.accrd-hdr,
.accrdn-cntnt {
padding: 15px;
}
.subservice-img-col figure {
box-shadow: 10px 10px 5px var(--primarycolor);
}
.subservice-rw:not(:last-child) {
margin-bottom: 40px;
}
.subservice-after-content-wrppr {
padding-top: 30px;
}
.srvice-project-img-wrppr figcaption {
text-align: center;
}
.why-chse-content-wrppr p {
font-size: 18px;
}
.cmn-content-wrppr ul li span>i {
margin-right: 5px;
}
.srvice-project-rw,
.gallery-rw {
--bs-gutter-x: 0;
}
/* 09.08.24 end */
.story-side-text h3 {
font-size: 22px;
}
/* 14.10.24 css */
.faq-ban-bg {
padding: 25px 15px 25px 15px;
}
.faq-banner-con h1 {
font-size: 18px;
}
.faq-title h3 {
font-size: 18px;
}
.faq-title {
padding: 10px 40px 10px 12px;
}
.faq-body {
padding: 5px 12px 15px;
}
.schedule-conultation-wrap>img {
width: 80px;
}
.faq-title::before {
top: 15px;
}
/* 14.10.24 css */
/* support start 18-10-24 */
body.page-template-custom-home-builders .custom-home-builders-inner img.custm_rightalign {
width: 100%;
max-height: none;
display: block;
float: none;
height: 100%;
object-fit: cover;
object-position: center;
margin: 20px 0;
}
/* support end 18-10-24 */
.blog-details-wraper {
max-width: 540px;
}
.blog-details-inner {
padding-right: 0;
}
.blog-details-left {
padding: 30px 15px 30px 15px;
}
.blog-author-name {
font-size: 20px;
margin-bottom: 20px;
}
.blog-details-sec .schedule-conultation-wrap {
padding-top: 10px;
}
/* 06.11.24 css start */
.blog-details-right {
height: 220px;
}
.blog-details-head {
max-width: 510px;
}
/* 06.11.24 css end */
/* 22.11.24 start */
.custom_menu_item .megaMenu_custm_col2>ul.mega-sub-menu {
width: 100% !important;
}
.custom_menu_item>.mega-sub-menu {
width: 100% !important;
}
/* 22.11.24 end */
/* support starts 04.12.2024 */
body.page-template-custom-home-builders .custom-home-builders .builders-bottom-col .custom-home-builders-inner .gallery {
margin: 0 -8px 10px;
}
body.page-template-custom-home-builders .custom-home-builders .builders-bottom-col .custom-home-builders-inner figure {
margin-bottom: 16px;
}
/* support ends 04.12.2024 */
/* CSS Modification 09.12.24 */
.custm_blog_bnr_cls h1,
.custm_blog_bnr_cls .h1-title {
font-size: 32px;
}
/* CSS Modification 09.12.24 */
/* support starts 31.12.2024 */
.ftr-logo-outer a {
max-width: 200px;
}
.address-contact ul li {
margin-bottom: 15px;
}
.contact-rit-txt {
margin-left: 10px;
padding-top: 3px;
}
.contact-address-link-lists li {
padding: 0 5px;
}
.contact-address-link-lists {
margin: 0 -5px;
}
.fttr-rit-btm {
--bs-gutter-x: 10px;
}
.fttr-btm-list1 li:not(:last-child) {
margin-right: 10px;
padding-right: 10px;
}
/* support ends 31.12.2024 */
/* support Start 16.01.25 */
.testimonial-profile {
width: 100%;
text-align: center;
}
.testimonial-profile figure {
margin: 0 auto 15px;
}
/* support End 16.01.25 */
/* Support feb 21 */
.new-home-right-right-inner .contact-form-outer label {
margin-bottom: 6px !important;
}
/* Support Start 08-05-25 */
.inner-banner.new-landing-banner .banner-inner-wraper h1 {
font-size: 32px;
}
.inner-banner.new-landing-banner .banner-inner-wraper span {
font-size: 20px;
margin-bottom: 10px;
}
.inner-banner.new-landing-banner .banner-inner-wraper p {
font-size: 16px;
}
.explore-services-col {
width: 50%;
}
.trusted-col-left{
order: 2;
}
.trusted-col-rgt{
order: 1;
}
.trusted-col-left-wrap-cont{
text-align: center;
}
.build-col-left-wrap {
text-align: center;
}
/* Support End 08-05-25 */
}
@media (max-width: 575px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 15px 0;
}
.main-banner {
min-height: 480px;
padding: 60px 0;
}
h1,
.h1-title {
font-size: 28px;
}
h2,
.h2-title {
font-size: 21px;
}
h3,
.h3-title {
font-size: 20px;
}
.htwo-line {
padding-bottom: 16px;
}
.common-row .common-column:nth-child(3n + 1) .common-content-wraper h3 {
font-size: 18px;
}
.common-content-wraper {
min-height: 1px;
}
.common-row .common-column:nth-child(3n + 1) .common-content-wraper {
min-width: 1px;
}
.testimonial-slider-arrow-wraper {
margin-top: 20px;
}
.testimonial-content p {
margin-bottom: 12px;
}
.header-top-right .phone-icon {
display: none;
}
.footer-lower-logo-wraper ul li {
width: 40px;
}
.footer-first {
width: 60%;
}
.footer-two {
width: 40%;
}
.story-row {
--bs-gutter-x: 20px;
}
.companies-cardpg-row {
--bs-gutter-x: 20px;
--bs-gutter-y: 20px;
}
.companies-keep-sec .companies-keep-row {
--bs-gutter-x: 20px;
}
.residential-services-col,
.commercial-construc-subcls .residential-services-col {
width: 33.3%;
}
.builders-row {
--bs-gutter-x: 20px;
}
.custom-home-builders-right-inner .home-builders-card {
width: 100%;
}
.residential-services-card i {
width: 65px;
height: 65px;
padding: 15px;
}
.residential-services-card h3 {
font-size: 16px;
}
.blog-details-sec .schedule-conultation-wrap {
padding-top: 32px;
}
.contact-form-outer .contact-row {
--bs-gutter-x: 20px;
--bs-gutter-y: 15px;
}
.contact-radio-field {
padding-top: 0px;
}
.inner-banner {
min-height: 280px;
}
.story-began-head {
max-width: 300px;
}
/* 05.08.2024 */
.pagination>*:not(:last-child) {
margin-right: 5px;
}
/* 05.08.2024 */
/*support pp.c 6/8/2024*/
.error_404_bnr {
padding-top: 40px;
}
/*support pp.c 6/8/2024*/
.flex-lists ul {
column-count: 2;
column-gap: 80px;
}
/* support starts 22.08.2024 */
.story-side-text h3 {
font-size: 20px;
}
.story-side-text ul li {
margin-bottom: 10px;
}
/* support ends 22.08.2024 */
/* 14.10.24 css */
.faq-ban-bg {
max-width: 50%;
}
/* 14.10.24 css */
/* .blog-details-left {
min-height: 415px;
} */
.blog-details-left {
padding: 30px 12px 30px 12px;
}
.builders-left-col ul.custm-col-count,
.builders-left-col ol.custm-col-count {
column-count: 1;
}
/* CSS Modification 09.12.24 */
.custm_blog_bnr_cls h1,
.custm_blog_bnr_cls .h1-title {
font-size: 28px;
}
/* CSS Modification 09.12.24 */
/* support starts 10.12.2024 */
.navbar-collapse .header-top-contact-list {
display: block;
}
.navbar-collapse .header-top-contact-list li:last-child {
display: none;
}
/* support ends 10.12.2024 */
/* support starts 31.12.2024 */
.contact-icon-wpr {
width: 28px;
height: 28px;
padding: 6px;
}
/* support ends 31.12.2024 */
/* Support Start 08-05-25 */
.inner-banner.new-landing-banner .banner-inner-wraper h1 {
font-size: 26px;
}
.inner-banner.new-landing-banner {
min-height: 390px;
}
.trusted-col-left-wrap-cont {
padding-bottom: 26px;
}
.trusted-col-left-wrap-logo {
max-width: 170px;
}
.explore-services-cont .small-title-line {
font-size: 18px;
}
.builders-row.explore-services-row {
--bs-gutter-x: 20px;
--bs-gutter-y: 20px;
}
/* Support End 08-05-25 */
}
@media (max-width: 479px) {
h1,
.h1-title {
font-size: 24px;
}
h5,
.h5-title {
font-size: 17px;
}
.navbar-brand {
margin-left: 20px;
}
.common-title h2 {
padding: 8px 0;
}
.main-banner {
min-height: 320px;
}
.header-top-right .cmn-btn,
.instagra .instagra .instagram-gallery__button--follow .instagram-gallery__actions .instagram-gallery__button--follow {
padding: 8px 4px;
font-size: 12px;
}
.footer-lower-logo-wraper ul li {
width: 28px;
}
.footer-lower-logo-wraper ul li {
margin-right: 10px;
}
.banner-title {
/* font-size: 12px; */
font-size: 16px;
letter-spacing: 0.3em;
}
.testimonial-sec,
.cmn-gap {
padding: 50px 0;
}
.companies-card .companies-upper>img {
width: 90px;
}
.companies-card>figure {
padding-top: 80%;
}
.common-content-wraper,
.common-row .common-column:nth-child(3n + 1) .common-content-wraper {
width: 100%;
}
.common-card figure,
.common-row .common-column:nth-child(3n + 1) figure {
padding-top: 85%;
}
.footer-first,
.footer-two,
.footer-three,
.footer-four {
width: 100%;
}
.footer-row {
--bs-gutter-y: 30px;
}
.footer-title {
margin-bottom: 18px;
}
.footer-link li {
margin-bottom: 12px;
}
.footer-upper-btm ul {
flex-wrap: wrap;
margin-bottom: -6px;
}
.footer-upper-btm ul li {
margin-bottom: 6px;
padding-right: 0;
margin-right: 15px;
}
.footer-upper-btm ul li::before {
display: none;
}
.blog-details-content h2::before,
.blog-details-content h3::before,
.blog-details-content h4::before,
.htwo-line::before {
width: 90px;
}
.companies-card-pg .companies-pg-logo {
width: 95px;
margin: 0 auto 15px;
}
.companies-card-pg {
padding: 20px 15px 20px;
}
.residential-row {
margin: -10px -12px;
}
.residential-services-col,
.commercial-construc-subcls .residential-services-col {
width: 50%;
padding: 10px 12px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.work-nav-link {
padding: 6px 10px;
font-size: 15px;
}
.our-work-nav {
margin: 0 auto 15px;
}
.speck-for-inner figure {
padding-top: 0;
height: 200px;
}
.our-work-speack-for {
margin-bottom: 20px;
}
.blog-left-inner>a {
margin-bottom: 20px;
}
.pagination-outer-wraper {
padding-top: 30px;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
select {
height: 40px;
}
.contact-radio-field>p {
margin-right: 15px;
margin-bottom: 2px;
}
.common-content-wraper {
bottom: -1px;
min-width: auto;
}
.footer-company-logo {
margin: 0 -12px 25px;
}
.footer-company-logo li {
width: 33.3%;
padding: 0 12px;
}
.footer-company-logo li a {
width: 100%;
display: block;
}
.footer-company-logo li.ftr-logo-1 a {
width: 140px;
}
.footer-company-logo li a img {
width: 100%;
}
.footer-company-logo li:not(:last-child) {
margin-right: 0;
}
.footer-lower-logo-wraper ul li {
width: 20%;
}
.navbar-collapse .header-top-contact-list li:not(:last-child) {
margin-bottom: 20px;
}
.navbar-collapse .header-social-listing {
margin-top: 25px;
}
.inner-banner {
min-height: 220px;
}
.blog-left-inner h3 {
font-size: 17px;
}
.blog-details-content h2::before,
.blog-details-content h3::before,
.blog-details-content h4::before,
.htwo-line::before {
width: 60px;
}
textarea {
height: 100px !important;
}
.flex-lists ul {
column-gap: 40px;
}
/* 08.08.24 start */
.srvice-project-img-wrppr>a {
width: 100%;
height: 200px;
}
.srvice-project-rw,
.gallery-rw {
--bs-gutter-y: 20px;
justify-content: center;
}
.srvice-project-img-wrppr>a {
padding: 10px;
}
/* 08.08.24 end */
/* 09.08.24 start */
.subservice-btn-wrppr {
flex-direction: column;
}
.subservice-btn-wrppr>a:not(:last-child) {
margin-right: 0;
margin-bottom: 15px;
}
.subservice-btn-wrppr>a {
min-width: 200px;
}
.accrdng-hdng {
font-size: 18px;
}
.proj-title {
font-size: 16px;
}
/* 09.08.24 end */
body {
padding-top: 64px;
}
.blog-details-inner h3 {
margin-bottom: 10px;
}
.most-populer-outer .testimonial-profile figure {
height: 80px;
}
/* .blog-details-left {
min-height: 274px;
} */
/* 06.11.24 css start */
.navbar-expand-lg .navbar-collapse {
top: 62px;
}
/* 06.11.24 css end */
/* support starts 26.11.2024 */
.navbar-collapse #mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-item>a.mega-menu-link {
font-size: 16px !important;
}
/* support ends 26.11.2024 */
/* support starts 04.12.2024 */
body.page-template-custom-home-builders .custom-home-builders .builders-bottom-col .custom-home-builders-inner .gallery .gallery-item {
width: 100%;
}
/* support ends 04.12.2024 */
/* CSS Modification 09.12.24 */
.custm_blog_bnr_cls h1,
.custm_blog_bnr_cls .h1-title {
font-size: 24px;
}
/* CSS Modification 09.12.24 */
/* support starts 31.12.2024 */
.contact-address-link-lists li {
width: 100%;
}
.link-part1,
.link-part2 {
width: 100%;
}
.footer-bottom-part {
padding: 15px 0;
}
.cmn-fttr-heading a {
font-size: 16px;
margin-bottom: 10px;
}
.link-innr-wppr {
max-width: 100%;
}
.fttr-btm-list1 li {
line-height: 1.5;
}
.fttr-top-row {
--bs-gutter-y: 20px;
}
.fttr-rit-btm {
--bs-gutter-x: 0;
}
.contact-rit-txt p {
margin-bottom: 3px;
font-size: 16px;
}
.contact-icon-wpr {
width: 26px;
height: 26px;
}
.address-contact ul li {
margin-bottom: 10px;
}
.footer-top-part1 {
padding: 40px 0 20px;
}
.ftr-logo-outer a {
max-width: 170px;
}
.link-innr-wppr {
margin-bottom: 15px;
}
.footer-top-part1 {
padding: 40px 0 10px;
}
.cmn-fttr-heading {
margin-bottom: 10px;
}
.contact-desc {
padding: 10px 0;
}
/* support ends 31.12.2024 */
/* Support Start 08-05-25 */
.inner-banner.new-landing-banner .banner-inner-wraper span {
font-size: 18px;
}
.trusted-col-left-wrap {
padding: 26px 0 40px 0;
}
.trusted-col-left-wrap-logo {
max-width: 150px;
margin-bottom: -56px;
}
.explore-services-col {
width: 100%;
}
/* Support End 08-05-25 */
/* S.Mv Css Start 28-05-25 */
.nw-bnr-img-bx-txt h2 {
font-size:18px;
}
.nw-bnr-img-bx-txt p {
font-size: 15px;
line-height: 1.4;
}
/* S.Mv Css End 28-05-25 */
}
@media (max-width: 360px) {
.flex-lists ul {
column-count: 1;
}
.most-populer-outer .testimonial-content p {
font-size: 16px;
}
}