body {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
}

/* Common styles start */

body {
    background-color: #fff;
}

.container-theme {
    width: 90%;
    /* width: calc(100% - 113px); */
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
}

.container-inner {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 16px;
    padding-left: 16px;
}

.container-left {
    width: 90%;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 0px;
}

section {
    position: relative;
    /* padding: 50px 0px; */
}

a {
    text-decoration: none;
    transition: .3s ease-in-out;
}

a:focus,
a:focus-visible,
input:focus-visible {
    outline: none;
}

.bannerTitle {
    font-size: 72px;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -1.44px;
}

.mainTitle {
    font-size: 48px;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.96px;
}

.subTitle {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2.8px;
}

.color-theme {
    /* color: #124E49; */
    color: #378882;
}

.primary_bg {
    background: #378882;
}

.secondary_bg {
    background: #B59981 !important;
}

.primary_btn_bg {
    background: #22A191;
    transition: .3s ease-in-out;
}

.ctaBtn a,
.filterBtn span {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.ctaBtn.ctaText a::before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -5px;
    transition: 0.3s;
}

.ctaText a.text-white::before {
    background-color: white;
}

.ctaText a.text-dark::before {
    background-color: black;
}

.ctaBtn.ctaText a:hover:before {
    width: 100%;
}

.ctaBtn.ctaLogo a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 10px;
    width: max-content;
    transition: .3s ease-in-out;
}

.ctaBtn.ctaLogo.ctaLogoDark a:hover {
    color: #378882 !important;
}

.ctaBtn.ctaLogo a:hover,
.not-found .serviceItem a:hover {
    color: #000 !important;
}

.ctaBtn.ctaLogo a::before {
    content: '';
    background-image: url('../media/cta_logo.svg');
    background-position: center;
    background-size: contain;
    width: 25px;
    height: 25px;
}

.ctaLogo.ctaLogoDark a::before {
    background-image: url('../media/cta_logo_dark.svg');
}

.btn_primary {
    padding: 10px 20px;
    border-radius: 6px;
}

.pt-lg {
    padding-top: 113px;
}

img {
    max-width: 100%;
}

.pt_180 {
    padding-top: 180px;
}

.px-113 {
    padding-left: 113px;
    padding-right: 113px;
}

.full_center {
    display: block;
    margin: auto;
    width: max-content;
    padding-top: 90px;
}

.maxCont {
    width: max-content !important;
}

.linkInherit {
    text-decoration: none;
    color: inherit;
}

.desc p {
    font-size: 18px;
    line-height: 1.5;
}

.swiper,
.swiper-wrapper {
    overscroll-behavior-x: contain;
}

.backTo {
    position: relative;
    z-index: 3;
}

.imgScale {
    position: relative;
    overflow: hidden;
}

.imgScale:hover img,
.craftServItem:hover img {
    transform: scale(1.05);
}

.imgScale img,
.craftServItem img {
    transition: .4s ease-in-out;
}

/* Common styles end */

/* Header styles start */

.mainHeader {
    /* padding: 3px 0px; */
    padding-top: 70px;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    background-color: var(--header-bg);
    position: relative;
}

.mainHeader.absoluteHeader {
    position: absolute;
    top: 0px;
    left: 0;
    transform: translateY(0);
    padding-bottom: 0px;
    background-color: transparent;
}

.mainHeader .headerInner {
    border-bottom: 1px solid #000;
    padding-bottom: 72px;
}

.mainHeader.absoluteHeader .headerInner {
    border-color: #fff;
}

.home .mainHeader .headerInner,
.page-template-content-contact .mainHeader .headerInner {
    border-bottom: none;
    padding-bottom: 0px;
}

.mainHeader .headerInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.groupTag {
    place-self: start;
}

.groupTag p {
    color: #FFF;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.mainHeader.absoluteHeader .logoDark,
.serv_pools .mainHeader .logoLight,
.serv_landscaping .mainHeader .logoDark,
.error404 .mainHeader .logoDark,
.mainHeader .logoLight {
    display: none;
}

.mainHeader.absoluteHeader .logoLight,
.serv_landscaping .mainHeader .logoLight,
.mainHeader .logoDark,
.error404 .mainHeader .logoLight,
.serv_pools .mainHeader .logoDark {
    display: block;
}

.groupTag img {
    max-width: 260px;
}

#headerMain {
    top: 0;
    bottom: auto;
}

#headerMain .navWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.toggleIcon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 12px; */
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 1001;
    gap: 4px;
}

.toggleIcon span {
    display: block;
    height: 2px;
    background-color: #000;
    border-radius: 2px;
    transition: all 0.3s ease;
    width: 17px;
}

.mainHeader.absoluteHeader .toggleIcon span {
    background-color: white;
}

.toggleIcon.toggle_active span:first-child {
    transform: rotate(90deg) translate(5px, 5px);
    /* width: 20px; */
}

.toggleIcon.toggle_active span:nth-child(2) {
    transform: rotate(-90deg) translate(1px, 3px);
    /* width: 20px; */
}

.toggleIcon.toggle_active span:last-child {
    transform: rotate(-90deg) translate(7px, 12px);
    /* width: 20px; */
}

/* .primaryMenu {

} */
.secondryMenu {
    display: none;
}

/* Toggle menu styles */

.menuOuter {
    overflow: hidden;
    position: relative;

    /* Match exact navbar height */
    height: 28px;
    display: flex;
    /* align-items: center; */
}

.menuInner {
    transition: transform 0.7s cubic-bezier(0.76, 0, 0.24, 1);
    will-change: transform;
}

.menuRow {
    display: flex;
    align-items: center;
    gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 28px;
    /* exact same */
}

.menuRow li {
    overflow: hidden;
}

.menuRow a {
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
    display: block;
}

/* swap animation */
.menuOuter.active .menuInner {
    transform: translateY(-28px);
}

.menuInner {
    transition:
        transform 0.7s cubic-bezier(0.76, 0, 0.24, 1),
        filter 0.5s ease
}

.menuOuter.active .menuInner {
    transform: translateY(-28px);
    /* filter: blur(1px); */
}

/* Toggle menu styles */

.mainHeader .mainNav {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-top: 32px;
}

.mainHeader .mainNav ul {
    display: flex;
    padding-left: 0px;
    align-items: center;
    gap: 30px;
    list-style-type: none;
    margin-bottom: 0px;
}

.mainHeader .mainNav ul li a {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.4px;
}

.mainHeader .mainNav ul li a:hover {
    font-weight: 600;
}

.mainHeader.absoluteHeader .mainNav ul li a,
.error404 .mainHeader .mainNav ul li a {
    color: #fff;
}

.logo img {
    width: 348px;
}

/* Header styles end */

/* Home page styles start */

.bgCover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bannerSec .bannerVid {
    height: 100vh;
    overflow: hidden;
}

.bannerSec .bannerVid::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.00) 23.11%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.bannerSec .bannerVid video,
.bannerSec .bannerImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .bannerSec .bannerImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.bannerBottom {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
}

/* .bannerCont {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

.bannerBottom .textCol {
    max-width: max-content;
}

.bannerBottom .textCol .mainTitle {
    font-size: 72px;
}

.homectaCol {
    border-radius: 10px;
    border: 0.5px solid #F5F5F5;
    background: rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(4px);
    max-width: 17%;
    width: 16%;
    padding: 26px;
    position: absolute;
    bottom: 70px;
    right: 200px;
}

.homectaCol h6 {
    padding-bottom: 25px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.homectaCol p {
    font-weight: 400;
    margin-bottom: 10px;
}

.homectaCol .ctaBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.homectaCol .primary_btn_bg:hover {
    background-color: white;
}

.homectaCol .primary_btn_bg:hover a {
    color: #22A191 !important;
}

.homectaCol .ctaBtn a img {
    width: 27px;
}

.homectaCol .close_icon {
    position: absolute;
    top: 20px;
    right: 26px;
    cursor: pointer;
}

.abtSec {
    /* background: #378882; */
    padding-top: 125px;
    padding-bottom: 120px;
    position: relative;
}

.abtSec::before {
    content: '';
    background-image: url('../media/curoscape_about_bg.svg');
    position: absolute;
    right: 0;
    top: 0;
    width: 48.5%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: 1;
}

.abtSec .container-theme {
    z-index: 2;
    position: relative;
}

.natureContCol {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    align-items: end;
    gap: 120px;
}

.natureText {
    padding-left: 90px;
    max-width: 80%;
    margin-right: auto;
    padding-top: 127px;
}

.natureContCol .smallImg img {
    padding-top: 50px;
    max-width: 420px;
}

.natureContCol .smallImg .ctaBtn {
    margin-left: auto;
    width: max-content;
}

.servicesSec {
    display: flex;
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.serviceCol {
    /* width: 50%;
    flex: 1;
    background: #7EC2CD;
    transition: .5s ease-in-out; */
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* background: #7EC2CD; */
    background: #59C1D2;
}

.serviceCol.serviceFirst {
    /* background: #B59981; */
    background: #784921;
}

.serviceCol.servLeft {
    left: 0;
}

.servLeft::before,
.servRight::before {
    content: '';
    width: 150px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0;
    background: inherit;
    transition: .5s ease-in-out;
}

.servRight::before {
    left: auto;
    right: 0;
}

.servLeft.serv_active::before,
.servRight.serv_active::before {
    width: 0px;
}

.servLeft .serviceTitle p {
    color: #fff;
}

.servRight .serviceTitle p {
    color: #314D3D;
}

.servLeft.serv_active .serviceTitleHide {
    transform: translateX(50%);
    opacity: 0;
}

.servRight.serv_active .serviceTitleHide {
    transform: translateX(calc(-100% + 140px));
    opacity: 0;
}

.servRight.serv_active .serviceTitleReveal,
.servLeft.serv_active .serviceTitleReveal {
    opacity: 1;
}

.serviceCol.servRight {
    right: 0;
}

.serviceContainer {
    max-width: 90%;
    margin: auto;
    padding: 0px 2px;
    height: 70%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* gap: 100px; */
    width: 100%;
}

.serviceCol.servLeft .serviceContainer {
    margin-left: 0px;
}

.serviceCol.servRight .serviceContainer {
    margin-right: 0px;
    /* flex-direction: row-reverse; */
}

.serviceCol.servLeft .servicehidInfo {
    right: 140px;
    text-align: left;
}

.serviceCol.servRight .servicehidInfo {
    left: 140px;
    text-align: left;
}

.serviceTitle {
    transition: .5s ease-in-out;
}

.serviceFirst .serviceTitleHide {
    text-align: right;
}

.serviceInfo {
    flex: 0 0 auto;
    /* width: 60%; */
}

.serviceInfo .imgArea img,
.projItem .imgArea img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.serviceInfo .imgArea img {
    max-width: 760px;
}

.servicehidInfo {
    /* position: absolute;
    top: 50%;*/
    transform: translateX(-10%);
    opacity: 0;
    visibility: hidden;
    /* display: none; */
    width: 460px;
    flex: 0 0 auto;
    color: white;
    display: flex;
    flex-direction: column;
    /* gap: 67px; */
    height: 80%;
}

/* .servLeft .servicehidInfo {
    transform: translateX(-10%);
}

.servRight .servicehidInfo {
    transform: translateX(10%);
} */

.servicehidInfo h3 {
    /* font-size: 32px; */
    font-weight: 400;
    letter-spacing: -0.64px;
    line-height: 120%;
    color: white;
    padding-top: 60px;
    padding-bottom: 40px;
}

.servRight .servicehidInfo h3,
.servRight .servicehidInfo p {
    color: #19472D;
}

.servicehidInfo .serviceDesc {
    font-weight: 300;
    font-size: 18px;
}

.servicehidInfo .ctaBtn {
    margin-top: auto;
}

.projectsSec,
.guidesSec {
    /* background: #378882; */
    padding-top: 120px;
    padding-bottom: 130px;
}

.projSecHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.projSlider {
    padding-top: 50px;
}

.projlist {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 37px;
}

/* .projItem .imgArea::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.65;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
} */

.projInfo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0px 22px 22px;
    z-index: 2;
}

.projItem .imgArea {
    position: relative;
}

.projItem .imgArea img {
    border-radius: 2px;
    filter: grayscale();
    transition: .3s ease-in-out;
    max-height: 570px;
}

.projItem .imgArea::before {
    content: '';
    opacity: 0.65;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.projItem:hover .imgArea img {
    filter: none;
}

.projInfo .projTitle span {
    color: #D3BD84;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.projInfo .projTitle h4 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0px;
}

.projTitle a:hover {
    color: #22A191;
}

.projInfo .projType p {
    /* color: #B59981; */
    color: #8C4910;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.cformCol.plainTxtBlock {
    padding: 98px 129px 97px 98px;
}

.plainTxtBlock .mainTitle {
    color: #FFF;
    font-weight: 275;
    line-height: normal;
}

.supportSec {
    padding-top: 130px;
}

/* .supportSec .titleArea {
    max-width: 60%;
    margin: auto;
} */

.supportSec .imgArea {
    padding-top: 50px;
}

.supportSec .imgArea img {
    width: 100%;
    max-height: 650px;
    object-fit: cover;
}

.guidesSec {
    /* background: #F4F3F3; */
    background: #E9DCD0;
}

/* .guideSecHead .subTitle {
    color: #378882;
    } */
.guideSecHead .mainTitle {
    color: #124E49;
}

.guidesList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 120px 0px;
    padding-top: 30px;
}

.guidesItem {
    flex: 0 0 auto;
    max-width: 48.5%;
    display: flex;
    /* align-items: flex-start; */
}

.guidesItem .imgArea {
    flex: 0 0 auto;
    max-width: 50%;
}

.guidesItem .imgArea img {
    max-height: 550px;
    height: 550px;
    object-fit: cover;
}

.guidesItem .guidesInfo {
    padding: 37px;
    padding-bottom: 25px;
    height: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    background: #378882;
}

/* .guidesItem:nth-child(2) .guidesInfo {
    background: #B59981;
} */

/* .home .guidesItem:nth-child(2) .guidesInfo { */
.guidesItem.pools .guidesInfo {
    /* background: #B59981; */
    background: #59C1D2;
}

.guidesItem.landscaping .guidesInfo {
    /* background: #B59981; */
    background: #784921;
}

/* .guidesItem:nth-child(3) .guidesInfo {
    background: #7EC2CD;
} */

.guideType {
    font-size: 16px;
    letter-spacing: 1.6px;
    font-weight: 600;
    text-transform: uppercase;
}

.guideTitle {
    font-size: 24px;
    font-weight: 300;
    padding-top: 24px;
    line-height: normal;
}

.consultSec {
    min-height: 100vh;
    position: relative;
    /* overflow: hidden; */
}

.consultVidBg {
    position: sticky;
    /* position: fixed; */
    top: 0;
    /* inset: 0; */
    /* z-index: 0; */
    max-height: 100vh;
    overflow: hidden;
    z-index: -1;
}

.consultVidBg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    min-height: 100vh;
}

.consultVidOverlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%); */
    background: rgba(0, 0, 0, 0.15);
}

/* .consultCol,
.consultVidBg1 {
    position: sticky;
    top: 0;
    overflow: hidden;
    height: fit-content;
} */

.consultContent {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 130px;
    padding: 100px 12px 0px;
    align-items: flex-start;
    /* margin-top: -100vh; */
}

.consultContent.mt_neg {
    margin-top: -100vh;
}

.consultCol {
    flex: 0 0 41%;
    position: sticky;
    top: 0px;
    /* header height */
    height: fit-content;
}

.consultservCol {
    padding-top: 20%;
    flex: 1;
    display: flex;
    flex-direction: column;
    /* gap: 30%; */
    justify-content: space-between;
    padding-bottom: 10%;
}

.consultInfo,
.cserviceBox {
    width: 84%;
}

.consultInfo .titleArea {
    /* background: #B59981; */
    background: #784921;
    border-radius: 4px 4px 0px 0px;
}

.consultInfo .titleArea {
    padding: 70px;
    padding-bottom: 180px;
}

.contConsultSec .consultInfo .titleArea {
    padding-bottom: 92px;
    background-color: white;
}

.contConsultSec .consultInfo .titleArea .subTitle {
    color: #784921;
}

.cserviceBoxInfo {
    /* padding: 70px 120px */
    padding: 120px 80px 120px 70px;
}

.cserviceBoxInfo {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 100px;
    border-radius: 0px 0px 4px 4px;
    background: #59C1D2;
}

.z-2 {
    z-index: 2;
    position: relative;
}

.consultInfo .titleArea h4 {
    margin-bottom: 0px;
    padding-top: 26px;
    /* text-align: justify; */
}

.imgArea img {
    width: 100%;
}

.cserviceBox .imgArea img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.cformCol {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.25);
    padding: 50px 60px;
    margin-top: 50%;
    position: relative;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.formTitle {
    padding-bottom: 21px;
    margin-bottom: 0px;
}

.cformCol .form-group input {
    border-radius: 4px;
    border: 1px solid #FFF;
    background: transparent;
    color: white;
    padding: 14px 16px;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    transition: .3s ease-in-out;
}

.cformCol .form-group input.wpcf7-not-valid {
    border-color: #dc3232;
}

.cformCol .form-group .wpcf7-not-valid-tip {
    position: absolute;
    right: 10px;
    bottom: 0;
    font-size: 12px;
}

.cformCol .form-group .wpcf7-radio~.wpcf7-not-valid-tip {
    bottom: -10px;
}

.cformCol .formArea form .wpcf7-response-output {
    margin: 10px auto;
    /* position: absolute;
    left: 0;
    right: 0;
    bottom: 5px; */
    width: 100%;
    font-size: 14px;
    color: white;
    text-align: center;
}

.cformCol .form-group input::placeholder,
.cformCol .form-group .wpcf7-list-item-label {
    color: white;
    font-size: 18px;
}

.cformCol .form-group .wpcf7-radio .wpcf7-list-item,
.cformCol .form-group .wpcf7-acceptance label,
.cformCol .form-group.flex-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cformCol .form-group.flex-group {
    padding-top: 0px;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-end;
}

.cformCol .form-group .wpcf7-radio {
    display: flex;
    align-items: center;
    gap: 61px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cformCol .form-group .wpcf7-radio input[type="radio"] {
    appearance: none;
    background-color: #fff;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.cformCol .form-group .wpcf7-radio input[type="radio"]::before {
    content: "";
    width: 19px;
    height: 19px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #378882;
    background-color: #378882;
    display: block;
}

.cformCol .form-group .wpcf7-radio input[type="radio"]:checked::before {
    transform: scale(1);
}

.cformCol .form-group .wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 12px;
}

.cformCol .form-group .wpcf7-acceptance .wpcf7-list-item-label a {
    color: white;
}

.cformCol .form-group .wpcf7-acceptance input {
    max-width: max-content;
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;
    display: grid;
    place-content: center;
    padding: 2px;
    background: white;
    border-radius: 2px;
}

.cformCol .form-group .wpcf7-acceptance input::before {
    content: "";
    width: 12px;
    height: 12px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background-color: #124E49;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.cformCol .form-group .wpcf7-acceptance input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.cformCol .form-submit {
    flex: 0 0 40%;
    position: relative;
}

.cformCol .form-submit input {
    padding: 14px 35px;
    color: #124E49;
    font-size: 14px;
    letter-spacing: 2.8px;
    font-weight: 600;
    text-transform: uppercase;
}

.cformCol .form-submit p,
.cformCol .form-consent p {
    margin-bottom: 0px;
}

.cformCol .form-submit .wpcf7-spinner {
    position: absolute;
    right: -20%;
    /* visibility: visible; */
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.cformCol .form-submit input {
    border-radius: 6px;
    background: #D3BD84;
    /* border: none; */
    border: 1px solid #D3BD84;
}

.cformCol .form-submit input:hover {
    background-color: transparent;
    color: #D3BD84;
}

.cformCol .wpcf7-list-item {
    margin: 0px;
}

/* Form floating label */

.cformCol .floating-field {
    position: relative;
}

.cformCol .floating-field span.floatLabel {
    position: absolute;
    left: 16px;
    top: 18px;
    font-size: 16px;
    color: #ffffff;
    padding: 0 4px;
    pointer-events: none;
    transition: all 0.25s ease;
}

/* .cformCol .floating-field input:focus {
    border-color: #1a73e8;
} */

.cformCol .floating-field:focus-within span.floatLabel,
.floating-field.filled span.floatLabel {
    top: -8px;
    /* left: 12px; */
    font-size: 12px;
    color: #000;
    background-color: white;
}

/* Form floating label */

/* Home page styles end */

/* About page styles start */

.page-template-content-about {
    /* background: #F5F5F5; */
    background: #D2E6E4;
}

.bannerContArea {
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
}

.abtBannerSec .bannerImg::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.00) 23.11%), linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
}

.abtBannerSec .bannerContArea .titleArea {
    max-width: 45%;
}

.abtCuroSec {
    padding-top: 82px;
}

.abtLeftCont {
    padding-right: 5%;
}

.abtLeftCont .subTitle,
.abtGrpCont .subTitle {
    margin-bottom: 0px;
    padding-bottom: 15px;
}

.abtLeftCont .desc p,
.abtGrpCont .desc p,
.abtRightCont .desc p,
.misnCont .desc p,
.projHeadDesc p {
    font-size: 22px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 0px;
}

.abtRightCont {
    border-radius: 4px;
    background: #378882;
    display: flex;
    flex-direction: column;
    gap: 110px;
    padding: 90px 52px 52px;
    position: absolute;
    top: 0;
    z-index: 7;
    transform: translateY(-68%);
    margin-left: 4%;
}

.abtRightCont .desc {
    padding-right: 20px;
}

.abtGroupSec {
    padding-top: 55px;
}

.abtGrpImg {
    padding: 142px 52px 59px 67px;
    background-color: white;
}

.abtGrpContCol {
    display: flex;
    align-items: center;
    justify-content: center;
}

.abtGrpCont {
    width: 80%;
    margin-left: auto;
}

.abtGrpCont .subTitle {
    padding-bottom: 62px;
}

.abtGrpCont .desc p:not(:last-child) {
    padding-bottom: 70px;
}

.missionSec {
    padding-top: 37px;
    padding-bottom: 96px;
}

.missionSec .misnRow {
    border-radius: 4px;
    padding-top: 56px;
    padding-left: 67px;
    padding-bottom: 76px;
    flex-direction: column;
    /* align-items: center; */
    margin-left: 0px;
    margin-right: 0px;
    overflow: hidden;
}

.misnRow .col-lg-3 {
    margin-right: auto;
}

.misnRow .misnContCol {
    width: 30%;
    padding-left: 12px;
}

.testimSec {
    /* padding-top: 96px; */
    padding-bottom: 110px;
}

.floatLogo {
    position: absolute;
    right: 0;
    top: 0;
}

.servCtaList {
    display: flex;
    align-items: center;
}

.servCtaItem {
    flex: 0 0 auto;
    width: 50%;
    padding: 98px 0px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    background: #7EC2CD;
}

.servCtaItem:first-child {
    padding-right: 124px;
}

.servCtaItem.secondary_dark_bg {
    background: #784921;
}

.servCtaItem:last-child {
    align-items: flex-start;
    padding-left: 125px;
}

.servCtaItem .titleArea h4 {
    padding-bottom: 18px;
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 300;
    color: black;
}

.servCtaItem .imgArea img {
    max-height: 380px;
}

.servCtaItem .ctaBtn {
    padding-top: 28px;
}

.servCtaItem .ctaBtn a {
    font-weight: 600;
    transition: .3s ease-in-out;
}

.servCtaItem .ctaBtn a:hover {
    color: #fff !important;
}

.testimList.swiper {
    padding-bottom: 42px;
}

.testimItem {
    display: flex;
    gap: 8px;
    transition: .3s ease-in-out;
}

.testimHead {
    padding-bottom: 20px;
}

.testimList .swiper-slide-active .contArea {
    background-color: #fff;
}

.testimItem .contArea {
    border-radius: 4px;
    background: #378882;
    flex: 0 0 35%;
    padding: 23px 22px 23px 30px;
    display: flex;
    flex-direction: column;
}

.testimItem .testimLabel {
    color: #8C4910;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.testimItem .testimLoc {
    margin-top: auto;
    margin-bottom: 0px;
}

.testimItem .testimLoc,
.testimItem .desc p {
    font-size: 18px;
    font-weight: 300;
    color: white;
}

.testimItem .imgArea img {
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
}

.testimList .swiper-slide-active .testimItem .imgArea img {
    filter: none;
}

.testimList .swiper-slide-active .testimLoc,
.testimList .swiper-slide-active .desc p {
    color: #000;
}

.testimSwiperNav {
    max-width: 88%;
}

.tesimPagin {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
}

.tesimPagin span {
    width: 10px;
    display: block;
    height: 10px;
    border-radius: 50px;
    border: 1px solid #000;
}

.tesimPagin span.swiper-pagination-bullet-active {
    background-color: #378882;
    border: none;
}

/* About page styles end */

/* Projects page styles start */

.projHeadSec {
    padding-top: 95px;
}

.projHeadSec .row {
    padding-bottom: 95px;
    border-bottom: 1px solid #000;
}

.allprojList {
    row-gap: 100px;
    padding-bottom: 130px;
}

.allprojList .projItem .imgArea::before {
    display: none;
}

.allprojList .projItem .imgArea img {
    max-height: 590px;
    filter: none;
    border-radius: 4px;
}

.allprojList .projInfo {
    position: relative;
    padding: 0px;
    padding-top: 12px;
}

.allprojList .projInfo .projTitle h4 {
    font-size: 24px;
}

.projFilters {
    padding-top: 50px;
    padding-bottom: 40px;
    align-items: center;
    position: relative;
    z-index: 99;
}

.filterList {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 50px;
}

.filterLabel {
    display: flex;
    gap: 90px;
    position: relative;
}

.reset {
    font-size: 14px;
    letter-spacing: 2.8px;
    font-weight: 600;
    cursor: pointer;
}

.filterItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.filterItem.active p {
    color: #AB914C;
}

.filterItem img,
.filterItem.active img.iconDark {
    display: none;
    transition: opacity .4s ease;
}

.filterItem img.iconDark,
.filterItem.active img.iconBrown {
    display: block;
}

.filterItem p {
    color: #717171;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 115%;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-top: 13px;
}

.projCatSec {
    padding-top: 60px;
    padding-bottom: 80px;
}

.catfilterList {
    background: #378882;
    border-radius: 12px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .12);

    overflow: hidden;

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);

    transition: .25s ease;
    z-index: 999;
    position: absolute;
    top: 30px;
    left: auto;
    padding-top: 8px;
    padding-bottom: 8px;
}

.catfilterList .filterItem {
    width: 100%;
    align-items: flex-start;
    padding: 8px 18px;
    color: white;
}

.catfilterList .filterItem.active {
    color: #D3BD84;
    font-weight: 500;
}

.filterBtn {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.filterBtn::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    transform: rotate(45deg);
    transition: .3s;
    margin-bottom: 5px;
}

.filterLabel.active .filterBtn::after {
    transform: rotate(-135deg);
    margin-top: 6px;
}

.filterLabel.active .catfilterList {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Projects page styles end */

/* Project detail page styles start */

.projAddInfo {
    display: flex;
    align-items: center;
    gap: 36px;
    padding-bottom: 23px;
    flex-wrap: wrap;
}

.projAddItem {
    display: flex;
    align-items: center;
    gap: 10px;
}

.projAddItem p {
    color: #AB914C;
    font-weight: 400;
}

.projCateg a {
    /* color: #D7955C; */
    font-weight: 600;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    text-decoration: none;
}

.projCateg a.landscape {
    color: #8C4910;
}

.projCateg a.pools {
    color: #41C7DD;
}

.projCateg a.landscape-pools {
    color: #378882;
}

.projSpecs {
    padding-top: 50px;
}

.projSpecs .projType {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
}

.projSpecs .projType span {
    color: #717171;
}

.projDetSec {
    padding-bottom: 110px;
}

/* .projImgsGrid {
    display: grid;
    grid-template-columns: repeat(2);
    grid-template-rows: repeat(3, 1fr);
    gap: 26px;
    border-bottom: 1px solid #000;
    padding-bottom: 32px;
}

.projGridItem:first-child {
    width: 60%;
}

.projGridItem:nth-child(3n) {
    grid-column: span 2 / span 2;
} */
.projImgsGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 26px;
}

/* Top Row */
.wide-left {
    grid-column: span 3;
}

.small-right {
    grid-column: span 2;
}

/* Middle Full */
.full-width {
    grid-column: 1 / -1;
}

/* Bottom Row */
.small-left {
    grid-column: span 2;
}

.wide-right {
    grid-column: span 3;
}

.gridItem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.projGridItem img {
    border-radius: 4px;
    height: 100%;
    object-fit: cover;
    height: 700px;
    max-height: 700px;
}

.projNav {
    padding-top: 48px;
}

.project-navigation {
    display: flex;
    gap: 132px;
    align-items: center;
    justify-content: center;
}

.projNav .ctaBtn a {
    color: #000;
}

.projNav .ctaBtn a:hover,
.backTo.ctaBtn a:hover,
.prevNextLabel a:hover {
    color: #378882 !important;
}

.projContSec {
    background: #378882;
    padding-top: 118px;
    padding-bottom: 80px;
}

.projContSec .contHead {
    padding-right: 10%;
}

.projContSec .cformCol {
    background-color: transparent;
    padding: 0;
    padding-top: 50px;
    border: none;
}

.projContSec .floatLogoLeft {
    position: absolute;
    bottom: 0;
    left: 0;
}

.projContSec .cformCol .formArea {
    padding-bottom: 50px;
}

.projContSec .cformCol .formArea form .wpcf7-response-output {
    width: 100%;
    color: white;
    bottom: 0;
    text-align: center;
}

/* Project detail page styles end */

/* Contact page styles start */

.contBannerSec .bannerContArea {
    bottom: 57px;
}

.contactItem {
    display: flex;
    align-items: flex-start;
    gap: 42px;
    padding-bottom: 25px;
}

.contactItem.align-center {
    align-items: center;
}

.contactItem:last-child {
    padding-bottom: 0px;
}

.contLabel {
    flex: 0 0 auto;
    width: 23%;
    margin-bottom: 0px;
    padding-top: 10px;
}

.contactItem.align-center .contLabel {
    padding-top: 0px;
}

div.contLabel {
    padding-top: 0px;
}

.contLabel img {
    width: 52px;
}

.contValue {
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.24px;
    margin-bottom: 0px;
}

.contValue a:hover {
    color: #d3bd84;
}

.contBannerSec .contPageForm {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-42%);
    z-index: 8;
    width: 46%;
    flex: 0 0 auto;
}

/* .contPageForm .formInfo .subTitle {
    text-transform: uppercase;
} */

.contConsultSec {
    background: #5AA19B;
    padding-top: 80px;
    padding-bottom: 116px;
}

.contConsultSec .consultInfo .titleArea h4 {
    text-align: left;
    padding-top: 51px;
}

.contConsultSec .cserviceBoxInfo {
    padding: 66px 83px 73px 66px;
}

span.form-field-title {
    display: block;
    margin-bottom: 5px;
    color: white;
    padding-top: 10px;
    font-size: 18px;
    font-weight: 400;
}

/* Contact page styles end */

/* Services page styles start */

.serv_landscaping {
    background: #E9DCD0;
}

.serv_landscaping .mainHeader .mainNav ul li a {
    color: white;
}

.serv_landscaping .mainHeader .toggleIcon span,
.error404 .mainHeader .toggleIcon span {
    background-color: white;
}

.serv_landscaping .mainHeader .mainNav ul li.current-menu-item a {
    /* color: #D3C7A7; */
    color: #FFDA76;
}

.serv_pools {
    background: #C1EBF1;
}

/* .serv_landscaping .servicesBanner::before, */
.serv_landscaping .servicesBanner,
.serv_landscaping .mainHeader,
.serv_landscaping .craftSec {
    /* background: #CDAD92; */
    background: #784921;
}

/* .serv_pools .servicesBanner::before, */
.serv_pools .servicesBanner,
.serv_pools .mainHeader,
.serv_pools .craftSec {
    /* background: #94CFD8; */
    background: #59C1D2;
}

.serviceMain .servicesBanner::before {
    content: '';
    width: 100%;
    height: 92%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* .serv_pools .mainHeader .headerInner, */
.serviceMain .mainHeader .headerInner {
    padding-bottom: 64px;
    border: none;
}

.serv_landscaping .mainHeader .current-menu-item a {
    color: #8C4910;
}

.serv_pools .mainHeader .current-menu-item a {
    color: #fff;
}

.serviceContArea.col-lg-3 {
    margin: 140px auto;
    padding-left: 0px;
    padding-right: 60px;
}

.serviceContArea .titleArea .mainTitle {
    font-size: 65px;
    font-weight: 300;
    line-height: 95%;
    letter-spacing: -1.3px;
    margin-bottom: 0px;
    padding-bottom: 40px;
}

.serviceContArea .desc p {
    font-size: 22px;
    font-weight: 300;
    line-height: normal;
}

.serviceContArea .ctaBtn {
    padding-top: 85px;
}

.serviceContArea .ctaBtn a {
    border-radius: 6px;
    background: #fff;
    padding: 10px 50px;
    color: #006F81;
    transition: .3s ease-in-out;
}

.serv_pools .serviceContArea .ctaBtn a:hover {
    color: white;
    background-color: #006F81;
}

.serv_landscaping .serviceContArea .ctaBtn a {
    /* background: #8C4910; */
    color: #8C4910;
}

.serv_landscaping .serviceContArea .ctaBtn a:hover {
    color: white;
    background-color: #8B5527;
}

/* .craftSec,
.servProjSec,
.fintchSec,
.servicesBanner {
    background: #E9DCD0;
} */

.craftSec {
    padding-top: 110px;
    padding-bottom: 150px;
    position: relative;
}

.craftSec .container-inner,
.serviceMain .servicesBanner .container-fluid {
    position: relative;
    z-index: 2;
}

/* .craftSec::before {
    content: '';
    background-image: url('../media/craft_lands_logo.svg');
    position: absolute;
    left: 0;
    bottom: 5%;
    width: 450px;
    height: 500px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
} */

/* .serv_pools .craftSec,
.serv_pools .servProjSec,
.serv_pools .servicesBanner {
    background: rgba(126, 194, 205, 0.37);
} */

.serv_pools .craftSec::before {
    background-image: url('../media/craft_pools_logo.svg');
    bottom: 0;
    height: 600px;
    width: 500px;
}

.craftContArea {
    max-width: 50%;
}

.craftContArea .desc {
    max-width: 85%;
    /* padding-top: 20px; */
}

.craftContArea .desc p {
    font-weight: 300;
}

.serv_landscaping .craftContArea h4,
.serv_landscaping .craftContArea .desc p,
.serv_landscaping .serviceContArea .titleArea .mainTitle,
.serv_landscaping .serviceContArea .desc p {
    color: #E9DCD0;
}

.craftCont .mainTitle {
    line-height: 1;
    margin-bottom: 0px;
    padding-top: 40px;
    padding-bottom: 30px;
}

.craftServices {
    display: flex;
    gap: 33px;
    /* flex-direction: column; */
    padding-top: 71px;
    /* position: absolute; */
    justify-content: center;
}

.craftServItem {
    background: #8B5527;
    flex: 1;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    justify-content: space-around;
    /* gap: 55px; */
    padding-top: 52px;
    padding-bottom: 32px;
    padding-left: 20px;
    padding-right: 10px;
    max-width: 277px;
    transition: .4s ease-in-out;
    min-height: 360px;
}

.craftServItem:hover {
    background: #CDAD92;
}

.serv_pools .craftServItem {
    background: #9DE1EC;
}

.serv_pools .craftServItem:hover {
    background: #006F81;
}

.serv_pools .craftServItem h4 {
    color: #006F81;
}

.serv_pools .craftServItem:hover h4 {
    color: #9DE1EC;
}

.serv_pools .craftServItem:hover p {
    color: #fff;
}

.craftServItem .imgArea {
    padding-bottom: 23px;
    position: relative;
    margin-bottom: auto;
}

.craftServItem .imgArea img {
    max-height: 81px;
    object-fit: cover;
    width: auto;
}

.craftServItem .imgArea img.imgHover {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
}

.craftServItem:hover .imgArea img {
    opacity: 0;
    visibility: hidden;
}

.craftServItem:hover img.imgHover {
    opacity: 1;
    visibility: visible;
}

.craftServItem .desc {
    transition: .4s ease-in-out;
    display: none;
    /* transform: translateY(10px); */
}

.craftServItem .desc p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
}

.craftServItem:hover .desc {
    display: block;
}

.craftServItem h4 {
    font-size: 26px;
    font-weight: 600;
    line-height: 115%;
    letter-spacing: 2.6px;
    /* letter-spacing: -0.36px; */
    color: #DB9151;
    /* text-align: center; */
    text-transform: uppercase;
    transition: .4s ease-in-out;
    margin-bottom: 20px;
}

.craftServItem:hover h4 {
    color: #8B5527;
}

.craftImgCol {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-20%);
    width: 34%;
    height: 611px;
}

.craftImgCol img {
    height: auto;
    object-fit: cover;
}

/* .serv_pools .craftServItem p {
    font-size: 48px;
} */

.fwImgArea {
    max-height: 95vh;
}

.fwContArea {
    position: absolute;
    top: 96px;
    left: 0;
    right: 0;
}

.fintchSec {
    padding-top: 60px;
    padding-bottom: 80px;
    /* to be removed */
}

.fintchList {
    display: flex;
    align-items: flex-start;
    gap: 80px;
    justify-content: center;
    padding-top: 40px;
}

.fintchItem {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.fintchItem .desc p {
    max-width: 95%;
    margin: auto;
}

.fintchItem .imgArea {
    padding-bottom: 14px;
}

.fintchItem img {
    width: auto;
    height: 72px;
    object-fit: cover;
}

.servguidesSec {
    padding-bottom: 105px;
    padding-top: 0px;
    background-color: inherit;
}

/* Services page styles end */

/* Blog detail pages styles start */

.single-post {
    background: #F4F3F3;
}

.guideDetSec {
    padding-top: 75px;
    padding-bottom: 107px;
}

.guideContArea .guide-title {
    color: #378882;
    font-size: 65px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -1.3px;
}

.guideDetWrap {
    display: flex;
    justify-content: space-between;
    padding-bottom: 90px;
    border-bottom: 1px solid #000;
}

.guidesItemWrap.nextItem {
    margin-left: auto;
}

.guideContArea,
.guideImgArea {
    flex: 0 0 auto;
}

.guideContArea {
    width: 48%;
}

.guideContArea .titleArea {
    padding-top: 10px;
    margin-left: -5px;
}

.guideMeta {
    display: flex;
    align-items: center;
    gap: 50px;
    padding-bottom: 75px;
    padding-top: 30px;
}

.guideCateg a {
    color: #D7955C;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.6px;
    text-decoration: none;
    text-transform: uppercase;
}

.guideDate p {
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

.guideImgArea {
    width: 45%;
}

.guideExcerpt p {
    margin-bottom: 0;
    color: #000;
}

.guideMainCont {
    padding-top: 80px;
}

.guideMainCont :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 20px;
    font-weight: 600;
}

.guideMainCont p,
.guideExcerpt p {
    font-size: 20px;
    font-weight: 300;
    text-align: justify;
    color: #000;
}

.guideGalList {
    display: flex;
    flex-direction: column;
    gap: 39px;
}

.guideImgArea .guideImgItem img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
    border-radius: 4px;
}

.relguidesSec {
    padding-top: 50px;
}

.relguidesSec .guidesItemWrap {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    max-width: 48.5%;
}

.relguidesSec .guidesItemWrap .guidesItem {
    max-width: 100%;
}

/* .relguidesSec .guidesItemWrap:first-child .guidesItem .guidesInfo {
    background: #378882;
} */

.prevNextLabel p,
.nextItem p {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 29px;
}

/* Blog detail pages styles end */

/* Blogs listing page styles start */

.page-template-content-guides .mainHeader,
.archive.category .mainHeader,
.guidesHeadSec {
    background: linear-gradient(0deg, #B59981 0%, #B59981 100%), lightgray 0px -643.048px / 137.344% 233.185% no-repeat;
}

.guidesHeadSec .row {
    padding-top: 79px;
    padding-bottom: 108px;
}

.allguidesSec {
    padding-bottom: 100px;
}

.allguidesSec .guidesList {
    margin-top: -60px;
}

#load-more-guide {
    cursor: pointer;
}

/* Blogs listing page styles end */

/* Default page styles start */

.defaultTemp {
    padding-top: 70px;
    padding-bottom: 70px;
}

.defaultTemp ol,
.defaultTemp ul {
    margin: 0;
    margin-bottom: 16px;
    padding-left: 20px;
}

.defaultTemp ol li::marker,
.defaultTemp ul li::marker {
    font-weight: 600;
}

.defaultTemp a {
    color: #378882;
}

.defaultTemp .entry-content {
    max-width: 65%;
}

.defaultTemp .entry-title {
    color: #378882;
    font-size: 65px;
    font-weight: 300;
    line-height: 100%;
}

.defaultTemp .entry-content p,
.defaultTemp ul li,
.defaultTemp ol li {
    font-size: 18px;
}

/* Default page styles end */

/* 404 page styles start */

.error404 {
    background-color: #378882;
}

.error404 .mainHeader .headerInner {
    border-bottom: 0px;
}

.not-found {
    padding-top: 20px;
    padding-bottom: 51px;
}

.not-found .fnfServCol {
    flex: 0 0 auto;
    width: 45%;
}

.not-found .fnfContCol {
    flex: 0 0 auto;
    width: 34%;
}

.not-found .fnfCont {
    color: white;
}

.not-found .fnfCont .subTitle {
    padding-bottom: 17px;
}

.not-found .fnfCont .mainTitle {
    font-size: 65px;
    font-weight: 300;
    line-height: 60px;
    letter-spacing: -1.3px;
    padding-bottom: 19px;
}

.not-found .fnfCont .desc p {
    font-size: 22px;
    padding-bottom: 40px;
    font-weight: 300;
}

.not-found .fnfCont .ctaBtn {
    padding-bottom: 37px;
}

.not-found .servicesList {
    display: flex;
    gap: 80px;
}

.not-found .serviceItem p {
    padding-top: 27px;
}

/* 404 page styles end */

/* Footer styles start */

.footVid {
    /* width: 100%;
    height: 100%;
    max-height: 600px;
    object-fit: cover;
    display: block;
    margin: auto; */
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

.footVid video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.footerOverlay {
    position: absolute;
    inset: 0;
    /* background:rgba(0,0,0,.5); */
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
}

.footerContent {
    z-index: 2;
    padding-top: 79px;
    padding-bottom: 60px;
    position: relative;
}

.footNav {
    display: flex;
    align-items: flex-start;
    gap: 54px;
    /* justify-content: space-between; */
    /* padding-top: 25px; */
    /* padding-right: 60px; */
    padding-right: 40px;
}

.footNav.footNavRight {
    justify-content: flex-end;
    padding-right: 0px;
}

.footNav .footNavItem h4,
.footNavItemAbs h4,
.newsletterForm .formTitle,
.newsletterForm .noptin-form-footer .noptin-form-submit {
    text-transform: uppercase;
    letter-spacing: 2.8px;
}

.footNavItemAbs h4 a {
    font-weight: 600;
}

.footNav .mainNav,
.footNav .menu {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style-type: none;
}

.footNav.footNavRight .menu,
.footNavRight .footNavLabel {
    text-align: right;
}

.footNav .footNavItem a {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.footNav .footNavItem .footNavLabel a {
    font-weight: 600;
}

.footNav .footNavItem .footNavLabel a:hover {
    font-weight: 700;
}

.footNav .footNavItem a:hover {
    font-weight: 600;
}

.footNav .footNavItem h4,
.newsletterForm .formTitle,
.newsletterForm .noptin-form-footer .noptin-form-note,
.newsletterForm .noptin-field-email .noptin-form-field__email::placeholder,
.newsletterForm .noptin-form-footer .noptin-form-submit {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
}

.footNavAbs {
    position: absolute;
    bottom: 70px;
}

.social {
    display: flex;
    justify-content: flex-end;
    /* padding-right: 21px; */
    padding-top: 31px;
    align-items: center;
    gap: 20px;
    padding-bottom: 30px;
}

.socialLinks {
    display: flex;
    gap: 20px;
}

.footLogo img {
    /* opacity: 0.8; */
    width: 380px;
}

.newsletterForm {
    padding-top: 25px;
    padding-left: 40px;
}

.noptin-optin-form-wrapper {
    background-color: transparent;
}

.newsletterForm .noptin-field-email .noptin-form-field__email {
    background-color: transparent;
    color: white;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
}

/* .newsletterForm .noptin-field-email .noptin-form-field__email::placeholder {
    color: white;
} */

.newsletterForm .noptin-form-footer .noptin-form-note {
    max-width: 65%;
    text-align: left;
}

.newsletterForm .noptin-form-footer .noptin-form-note a {
    color: inherit;
}

.newsletterForm .noptin-form-single-line .noptin-optin-field-submit {
    position: absolute;
    right: 0;
    top: 45px;
}

.newsletterForm .noptin-form-footer .noptin-form-submit {
    background: transparent;
    border: none;
    color: white;
    box-shadow: none;
}

.newsletterForm .noptin-form-footer .noptin-form-submit {
    padding: 0px;
}

.noptin-form-fields {
    gap: 0px;
}

.footerBottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-top: -50px; */
    padding-top: 50px;
}

.copyright {
    padding-top: 30px;
}

.copyright p {
    letter-spacing: normal;
    font-weight: 400;
    text-align: right;
}

.footerBottom .copyright a:hover {
    color: #b59981;
}

.footerBottom .grpLogo {
    display: flex;
    justify-content: flex-end;
}

/* Footer styles end */

/* Responsive styles start */

@media (max-width: 1681px) {
    .mainHeader.absoluteHeader .headerInner {
        padding-bottom: 50px;
    }

    .serviceInfo .imgArea img {
        max-height: 520px;
    }

    /* .servLeft.serv_active .serviceTitle {
        transform: translateX(43%);
    } */

    .serviceContainer {
        height: 50%;
    }

    .servicehidInfo {
        height: 100%;
    }

    .servicehidInfo h3 {
        padding-top: 20px;
    }

    /* About page styles */

    .bannerTitle {
        font-size: 62px;
    }

    .abtRightCont {
        gap: 90px;
        padding: 80px 42px 42px;
    }

    .abtGrpImg {
        padding: 122px 42px 49px 57px;
    }

    .abtGrpCont .subTitle {
        padding-bottom: 52px;
    }

    .abtGrpCont .desc p:not(:last-child) {
        padding-bottom: 50px;
    }

    .missionSec .misnRow {
        padding-top: 46px;
        padding-left: 57px;
        padding-bottom: 66px;
    }

    .abtLeftCont .desc p,
    .abtGrpCont .desc p,
    .abtRightCont .desc p,
    .misnCont .desc p {
        font-size: 18px;
    }

    .testimItem .contArea {
        flex: 0 0 37%;
    }

    .testimItem .testimLoc,
    .testimItem .desc p {
        font-size: 16px;
    }

    .servCtaItem {
        padding: 78px 0px;
    }

    .servCtaItem:first-child {
        padding-right: 104px;
    }

    .servCtaItem:last-child {
        padding-left: 105px;
    }

    /* About page styles */

    /* Services page styles */

    .craftServices {
        gap: 30px;
        padding-top: 90px;
    }

    .craftServItem p {
        font-size: 30px;
    }

    /* Services page styles */

}

@media (max-width: 1600px) {
    .px-113 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .mainTitle {
        font-size: 36px;
    }

    .mainHeader {
        padding-top: 50px;
    }

    .logo img {
        width: 255px;
    }

    .mainHeader .mainNav {
        padding-top: 30px;
    }

    .mainHeader .mainNav ul {
        gap: 18px;
    }

    .mainHeader .mainNav ul li a {
        font-size: 10px;
    }

    .groupTag p,
    .projInfo .projType p,
    .projInfo .projTitle span,
    .cformCol .form-group input::placeholder,
    .cformCol .form-group .wpcf7-list-item-label {
        font-size: 14px;
    }

    /* Home responsive styles */

    .bannerBottom .textCol {
        max-width: 70%;
    }

    .bannerBottom .textCol .mainTitle {
        font-size: 52px;
    }

    .homectaCol {
        max-width: 23%;
        width: 18%;
        right: 150px;
    }

    .abtSec,
    .guidesSec {
        padding-bottom: 100px;
    }

    .abtSec::before {
        width: 53.5%;
    }

    .supportSec,
    .projectsSec,
    .guidesSec,
    .abtSec {
        padding-top: 100px;
    }

    .natureText {
        padding-left: 60px;
    }

    /* .serviceContainer {
        max-width: 75%;
    } */

    .serviceCol.servLeft .servicehidInfo {
        right: 70px;
    }



    .servicehidInfo {
        width: 430px;
        /* gap: 50px; */
    }

    .serviceTitle .subTitle,
    .homectaCol p,
    .ctaBtn a,
    .footNav .footNavItem a,
    .footerBottom .copyright p,
    .newsletterForm .noptin-form-footer .noptin-form-note {
        font-size: 12px;
    }

    .serviceInfo .imgArea img {
        max-height: 460px;
    }

    /* .servicehidInfo h3 {
        font-size: 28px;
    } */

    .servicehidInfo .serviceDesc,
    .projInfo .projTitle h4,
    .cformCol .form-group input {
        font-size: 16px
    }

    .consultSec .container-theme {
        width: 85%;
    }

    .cformCol {
        padding: 35px 45px;
    }

    .consultInfo,
    .cserviceBox {
        width: 85%;
    }

    .consultInfo .titleArea {
        padding: 50px;
    }

    .cserviceBoxInfo {
        padding: 80px 55px;
        gap: 70px;
    }

    .contValue {
        font-size: 18px;
    }

    .cformCol .form-group .wpcf7-radio {
        gap: 40px;
    }

    .cformCol .form-submit {
        flex: 0 0 35%;
    }

    .natureText {
        padding-top: 90px;
    }

    .natureContCol .smallImg img {
        padding-top: 30px;
    }

    /* .supportSec .titleArea {
        max-width: 70%;
    } */

    .guidesList {
        gap: 100px 0px;
    }

    .guidesItem .imgArea img {
        max-height: 430px;
    }

    .guidesItem .guidesInfo {
        max-width: 50%;
        padding: 27px;
        padding-bottom: 20px;
    }

    .guideType {
        font-size: 14px;
    }

    .guideTitle {
        font-size: 20px;
    }

    /* Home responsive styles */

    .not-found .fnfServCol {
        width: 48%;
    }

    .not-found .fnfContCol {
        width: 45%;
    }

    .not-found .servicesList {
        gap: 60px;
    }

    .defaultTemp .entry-content p,
    .defaultTemp ul li,
    .defaultTemp ol li {
        font-size: 16px;
    }

    .footerContent {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .footNav {
        padding-right: 0px;
    }

    .footNav .mainNav,
    .footNav .menu {
        gap: 6px;
    }
}

@media (max-width: 1440px) {

    .groupTag img {
        max-width: 200px;
    }

    .mainHeader .mainNav {
        padding-top: 25px;
        gap: 25px;
    }

    .toggleIcon {
        gap: 3px;
    }

    .toggleIcon span {
        width: 13px;
    }

    .toggleIcon.toggle_active span:last-child {
        transform: rotate(-90deg) translate(5px, 9px);
    }

    .toggleIcon.toggle_active span:nth-child(2) {
        transform: rotate(-90deg) translate(0px, 2px);
    }

    .serviceInfo .imgArea img {
        max-height: 420px;
    }

    .serviceCol.servRight .servicehidInfo {
        left: 70px;
    }

    .servicehidInfo {
        width: 350px;
    }

    /* .servRight.serv_active .serviceTitle {
        transform: translateX(calc(-100% + 5px));
    }

    .servLeft.serv_active .serviceTitle {
        transform: translateX(55%);
    } */

    /* About page styles */

    .bannerContArea {
        bottom: 16%;
    }

    .subTitle {
        font-size: 12px;
        letter-spacing: 2px;
    }

    .bannerTitle {
        font-size: 56px;
    }

    .abtCuroSec {
        padding-top: 70px;
    }

    .abtLeftCont .desc p,
    .abtGrpCont .desc p,
    .abtRightCont .desc p,
    .misnCont .desc p {
        font-size: 16px;
    }

    .abtRightCont {
        gap: 80px;
        padding-top: 70px;
        margin-left: 3%;
    }

    .abtGrpImg {
        padding: 100px 40px 38px 47px;
    }

    .missionSec {
        padding-bottom: 76px;
    }

    .missionSec .misnRow {
        padding-top: 34px;
        padding-left: 47px;
        padding-bottom: 50px;
    }

    .floatLogo img {
        width: 76%;
        float: right;
    }

    .testimSec {
        /* padding-top: 76px; */
        padding-bottom: 90px;
    }

    .testimHead .subTitle {
        margin-bottom: 0px;
    }

    .testimItem .testimLoc,
    .testimItem .desc p {
        font-size: 14px;
    }

    .testimItem .contArea {
        padding: 18px 24px 18px 20px;
    }

    .tesimPagin span {
        width: 8px;
        height: 8px;
    }

    .tesimPagin {
        gap: 9px;
    }

    .testimList.swiper {
        padding-bottom: 32px;
    }

    /* About page styles */

    /* Services page styles */

    .serviceMain .mainHeader .headerInner {
        padding-bottom: 50px;
    }

    .serviceContArea.col-lg-3 {
        margin-top: 100px;
        padding-right: 20px;
    }

    .serviceContArea .titleArea .mainTitle {
        font-size: 50px;
        padding-bottom: 30px;
    }

    .serviceContArea .desc p {
        font-size: 18px;
    }

    .serviceContArea .ctaBtn {
        padding-top: 30px;
    }

    .serviceContArea .ctaBtn a {
        padding: 8px 30px;
    }

    .craftSec {
        padding-top: 90px;
        padding-bottom: 120px;
    }

    .craftSec::before {
        width: 250px;
        height: 400px;
    }

    .serv_pools .craftSec::before {
        height: 400px;
    }

    .craftContArea .desc {
        max-width: 90%;
    }

    .craftContArea .desc p,
    .fintchItem .desc p,
    .projInfo .projTitle h4 {
        font-size: 14px;
    }

    .projInfo .projType p {
        font-size: 13px;
    }

    .craftServices {
        gap: 20px;
        padding-top: 50px;
    }

    .craftServItem .desc p {
        font-size: 15px;
    }

    .craftServItem {
        gap: 25px;
        padding-top: 55px;
        padding-bottom: 25px;
        min-height: 370px;
    }

    .craftServItem h4 {
        font-size: 20px;
    }

    .craftImgCol {
        width: 34%;
        height: 511px;
        transform: translateY(-25%);
    }

    .fwContArea {
        top: 70px;
    }

    .fintchList {
        gap: 50px;
        padding-top: 30px;
    }

    .fintchItem img {
        height: 50px;
    }

    .projItem .imgArea img {
        max-height: 450px;
    }

    .projSlider {
        padding-top: 30px;
    }

    .full_center {
        padding-top: 50px;
    }

    .projectsSec,
    .guidesSec {
        padding-bottom: 100px;
    }

    /* Services page styles */

    /* Contact page styles */

    .contLabel {
        width: 25%;
    }

    .contBannerSec .contPageForm {
        width: 50%;
    }

    span.form-field-title,
    .cformCol .form-submit input {
        font-size: 14px;
    }

    /* Contact page styles */

    /* Projects page styles */

    .projHeadSec {
        padding-top: 65px;
    }

    .projHeadSec .row {
        padding-bottom: 65px;
    }

    .filterBtn a {
        font-size: 14px;
    }

    .filterItem p {
        font-size: 12px;
    }

    .allprojList .projInfo .projTitle h4 {
        font-size: 20px;
    }

    .allprojList {
        row-gap: 80px;
        padding-bottom: 100px;
    }

    .projGridItem img {
        height: 550px;
    }

    /* Projects page styles */

    /* Blog detail page styles */

    .guideContArea .guide-title {
        font-size: 50px;
    }

    .guideMeta {
        padding-bottom: 60px;
    }

    .guideMainCont {
        padding-top: 65px;
    }

    .guideDetWrap {
        padding-bottom: 70px;
    }

    .relguidesSec {
        padding-top: 35px;
    }

    .guideDetSec {
        padding-bottom: 90px;
    }

    .guideMainCont p,
    .guideExcerpt p {
        font-size: 18px;
    }

    /* Blog detail page styles */
}

@media (min-width: 992px) {

    /* Home page styles */

    .consultSec .consultCol,
    .consultSec .consultservCol {
        /* flex: 0 0 auto; */
        flex: 1;
        width: 45%;
    }

    .serviceCol.servRight .serviceContainer {
        flex-direction: row-reverse;
    }

    /* Home page styles */

    /* About page styles */

    .misnContCol {
        flex: 0 0 auto;
        width: 30%;
        margin-left: 27%;
    }

    /* About page styles */

    /* Contact page styles */

    .contValue,
    .contLabel {
        color: white;
    }

    /* Contact page styles */

    /* Projects page styles */

    /* .filterLabel {
        flex: 0 0 auto;
        width: 30%;
    } */

    .filterItem {
        flex: 0 0 auto;
        width: 10%;
    }

    .allprojList .projItem {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .projItem {
        flex: 1;
    }

    /* Projects page styles */

    /* Services page styles */

    /* .craftSec .craftImgCol {
        flex: 0 0 auto;
        width: 645px;
        height: 611px;
    } */

    /* Services page styles */

    .footVid video {
        max-height: 800px;
    }
}

@media (max-width: 991px) {

    .container-inner,
    .container-left {
        width: calc(100% - 25px);
        padding-left: 10px;
        padding-right: 10px;
    }

    .mainTitle {
        font-size: 30px;
    }

    .container-theme {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .flxdir_col_mob,
    .servicesSec,
    .serviceContainer,
    .consultSec .container-theme,
    .footNav {
        flex-direction: column;
    }

    .px-113,
    .servImgArea,
    .serviceTitle {
        padding-left: 12px;
        padding-right: 12px;
    }

    /* Header styles */

    .mainHeader {
        padding-top: 30px;
        /* border-bottom: 1px solid rgba(255, 255, 255, 0.70); */
        height: 80px;
    }

    #headerMain::after {
        /* content: ""; */
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #378882;
        border-bottom: 1px solid rgba(255, 255, 255, 0.30);

        transform: translateX(-100%);
        transform-origin: left;
        transition: transform .7s cubic-bezier(.77, 0, .175, 1);
        z-index: -1;
    }

    #headerMain.menu-open::after {
        transform: translateX(0);
    }

    /* #headerMain.menu-open {
        border-bottom: 1px solid #fff;
    } */

    .mainHeader .headerInner {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        border-bottom: 0px;
    }

    .mainHeader.absoluteHeader .headerInner {
        padding-bottom: 30px;
    }

    .logo img {
        width: 215px;
    }

    .groupTag,
    .menu-main-menu-container1 {
        /* place-self: end; */
        display: none !important;
    }

    .logoNav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .logo_area {
        position: relative;
        z-index: 9999;
    }

    .toggleIcon {
        gap: 6px;
    }

    .toggleIcon span {
        width: 35px;
    }

    .mainHeader .mainNav {
        padding-top: 0;
    }

    .menuRow {
        height: max-content;
    }

    .mainHeader .mainNav ul {
        align-items: center;
        flex-direction: column;
        gap: 23px;
    }

    .mainHeader .mainNav ul li a {
        color: #FFF;
        text-align: center;
        font-size: 22px;
        font-weight: 300;
        letter-spacing: 4.4px;
    }

    /* Mobile toggle menu */

    body.menuOpen {
        overflow: hidden;
    }

    .toggleIcon.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
    }

    .toggleIcon.active span:nth-child(2) {
        opacity: 0;
    }

    .toggleIcon.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }

    .menuOuter {
        position: fixed;
        inset: 0;
        top: -80px;
        width: 100%;
        height: calc(100vh + 80px);
        background: #378882;

        display: flex;
        justify-content: center;
        align-items: center;

        transform: translateX(-100%);
        transition: transform .7s cubic-bezier(.77, 0, .175, 1);

        z-index: 999;
        overflow-y: auto;
    }

    .serv_pools .mainHeader .menuOuter,
    .serv_pools #headerMain.menu-open::after {
        background-color: #59C1D2;
    }

    .serv_landscaping .mainHeader .menuOuter,
    .serv_landscaping #headerMain.menu-open::after {
        background-color: #784921;
    }

    /* OPEN MENU */
    #headerMain.menu-open .menuOuter {
        transform: translateX(0);
    }

    .menuInner {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 23px;
    }

    .menuRow ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    /* Hide group logo in menu if needed */
    .groupTag {
        position: relative;
        z-index: 99999;
    }

    /* Mobile toggle menu */

    /* Header styles */

    /* Home page styles */

    .bannerBottom .textCol,
    .serviceContainer,
    .supportSec .titleArea,
    .guidesItem,
    .relguidesSec .guidesItemWrap {
        max-width: 100%;
    }

    .bannerBottom {
        top: 120px;
        bottom: auto;
    }

    .bannerBottom .textCol .mainTitle {
        font-size: 30px;
    }

    .homectaCol {
        max-width: 65%;
        width: 100%;
        right: 15px;
    }

    .homectaCol p,
    .homectaCol h6 {
        font-size: 14px;
    }

    .homectaCol h6 {
        padding-bottom: 10px;
    }

    .abtSec,
    .servicesSec .serviceCol,
    .projectsSec,
    .guidesSec,
    .craftSec,
    .projContSec {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .abtSec::before {
        width: 100%;
    }

    .natureText {
        padding-top: 30px;
        max-width: 100%;
        padding-left: 0px;
    }

    .natureContCol {
        gap: 60px;
    }

    .natureContCol .smallImg {
        display: flex;
        flex-direction: column-reverse;
        gap: 13px;
        width: 85%;
    }

    .natureContCol .smallImg img {
        padding-top: 0px;
    }

    .servicesSec {
        height: 100%;
    }

    .serviceCol {
        width: 100%;
        position: relative;
    }

    .servLeft::before,
    .servRight::before {
        display: none;
    }

    .serviceCol.servLeft .servicehidInfo {
        right: 0px;
    }

    .serviceCol.servRight .servicehidInfo {
        left: 0px;
    }

    .serviceFirst .serviceTitle {
        text-align: left;
    }

    .serviceTitle {
        padding-left: 0px;
    }

    .servLeft.serv_active .serviceTitle,
    .servRight.serv_active .serviceTitle {
        transform: none;
    }

    .servicehidInfo {
        opacity: 1;
        visibility: visible;
        height: auto;
        position: relative;
        right: 0;
        top: 0;
        transform: none;
        width: 100%;
        padding: 20px 12px;
        gap: 25px;
    }

    .serviceTitleHide {
        display: none;
    }

    .servicehidInfo h3 {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .projSecHead {
        align-items: flex-start;
        gap: 5px;
        flex-direction: column-reverse;
    }

    .projectsSec .container-left {
        padding-left: 0px;
    }

    .projlist {
        flex-direction: column;
    }

    .projItem {
        width: 100%;
    }

    .full_center {
        padding-top: 50px;
    }

    .supportSec .imgArea img {
        height: 240px;
    }

    .consultCol {
        position: relative;
    }

    .consultContent {
        flex-direction: column;
        gap: 50px;
        padding-top: 0px;
    }

    .consultservCol,
    .consultInfo,
    .cserviceBox,
    .consultSec .container-theme,
    .abtGrpCont,
    .misnRow .misnContCol,
    .servCtaItem,
    .guideContArea,
    .guideImgArea {
        width: 100%;
    }

    .consultInfo .titleArea,
    .cserviceBoxInfo,
    .cformCol {
        padding: 40px;
    }

    .consultservCol .cformCol {
        margin-top: 10%;
    }

    .cformCol .form-group .wpcf7-radio {
        flex-wrap: wrap;
        gap: 15px;
    }

    .cformCol.plainTxtBlock {
        padding: 70px 60px 65px 50px;
    }

    .guidesList {
        gap: 40px 0px;
    }

    .guidesItem .imgArea img {
        max-height: 300px;
    }

    .guideTitle,
    .guideType {
        font-size: 12px;
        padding-top: 0px;
    }

    /* Home page styles */

    /* About page styles */

    .bannerSec .bannerImg img {
        height: 75vh;
    }

    .bannerContArea {
        bottom: 15%;
    }

    .bannerTitle {
        font-size: 42px;
    }

    .abtBannerSec .bannerContArea .titleArea {
        max-width: 100%;
    }

    .abtCuroSec {
        padding-top: 0px;
    }

    .abtCuroSec .row {
        flex-direction: column-reverse;
    }

    .abtLeftCont {
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .abtRightCont {
        gap: 60px;
        padding: 50px 32px 32px;
        margin-left: 0%;
        position: relative;
        top: 0;
        /* transform: none; */
        transform: translateY(-50px);
    }

    .abtGrpImg {
        padding: 50px 30px 28px 30px;
    }

    .abtGrpCont .subTitle {
        padding-bottom: 20px;
    }

    .abtGrpCont {
        padding-top: 40px;
    }

    .abtGrpCont .desc p:not(:last-child) {
        padding-bottom: 30px;
    }

    .floatLogo {
        position: relative;
    }

    .floatLogo img {
        width: 60%;
    }

    .missionSec .misnRow {
        padding-top: 34px;
        padding-left: 20px;
        padding-bottom: 0px;
    }

    .misnRow .misnContCol {
        padding-left: 0px;
        padding-right: 30px;
        padding-top: 20px;
    }

    .testimSec .container-left {
        padding-left: 0px;
    }

    .testimItem,
    .servCtaList {
        flex-direction: column;
    }

    .servCtaItem:first-child {
        padding-right: 70px;
    }

    .servCtaItem:last-child {
        padding-left: 70px;
    }

    .servCtaItem {
        padding: 45px 0px;
    }

    .cformCol .form-submit .wpcf7-spinner {
        right: 0;
        top: 60%;
    }

    /* About page styles */

    /* Contact page styles */

    .contBannerSec .bannerImg img {
        height: 25vh;
    }

    .contBannerSec .bannerContArea {
        position: relative;
        bottom: 0;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contBannerSec .contPageForm {
        position: relative;
        bottom: 0;
        transform: none;
        width: 100%;
    }

    .bannerContArea .contactInfo {
        padding-right: 12px;
    }

    .contBannerSec .contPageForm .cformCol {
        margin-top: 0px;
        padding: 30px;
    }

    .cformCol .form-group .wpcf7-radio .wpcf7-list-item {
        gap: 8px;
    }

    .cformCol .form-group .wpcf7-radio input[type="radio"] {
        width: 24px;
        height: 24px;
    }

    .cformCol .form-group.flex-group,
    .cformCol .form-group .wpcf7-radio,
    .cformCol .form-submit {
        padding-top: 10px;
    }

    .cformCol .formArea form .wpcf7-response-output {
        position: relative;
        width: 100%;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .cformCol .form-group.flex-group {
        flex-direction: column;
        /* align-items: flex-end; */
        align-items: normal;
    }

    .cformCol .form-group .form-submit input {
        padding: 14px 36px;
    }

    .contValue {
        font-size: 16px;
    }

    .contLabel img {
        width: 40px;
    }

    .contConsultSec,
    .projDetSec {
        padding-bottom: 80px;
    }

    /* .consultContent {
        padding-top: 0px;
    } */

    .contConsultSec .guideTitle {
        font-size: 16px;
    }

    .consultservCol {
        padding-top: 40px;
        /* padding-bottom: 0px; */
    }

    /* Contact page styles */

    /* Services page styles */

    .serviceMain .servicesBanner::before {
        height: 100%;
    }

    .serviceContArea.col-lg-3 {
        margin-top: 50px;
        padding-right: 16px;
        padding-left: 25px;
        margin-bottom: 80px;
    }

    .serviceContArea .titleArea .mainTitle {
        font-size: 36px;
        padding-bottom: 20px;
    }

    .craftSec {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0;
    }

    .craftServices {
        gap: 20px 5px;
        padding-top: 25px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .craftServItem {
        flex: 0 0 auto;
        width: 49%;
        background: #CDAD92;
        min-height: auto;
        justify-content: flex-start;
    }

    .serv_pools .craftServItem {
        background: #006F81;
    }

    .serv_pools .craftServItem h4 {
        color: #9DE1EC;
    }

    .serv_pools .craftServItem .desc p {
        color: #fff;
    }

    .craftServItem .desc {
        display: block;
    }

    .craftServItem p {
        font-size: 22px;
    }

    .craftServItem h4 {
        font-size: 16px;
        color: #8B5527;
    }

    .craftServItem .imgArea {
        margin-bottom: 0;
    }

    .craftServItem img {
        width: 80px;
        opacity: 0;
        visibility: hidden;
    }

    .craftServItem .imgArea img.imgHover {
        opacity: 1;
        visibility: visible;
        width: 70px;
    }

    .craftImgCol {
        padding-top: 0px;
        width: 100%;
        height: auto;
        padding-bottom: 30px;
        position: relative;
        top: 0;
        transform: none;
    }

    .craftContArea {
        max-width: 100%;
    }

    .fullWidthSec .fwImgArea img {
        height: 50vh;
        object-fit: cover;
    }

    .fintchList {
        flex-wrap: wrap;
    }

    .serv_pools .craftSec::before {
        max-width: 300px;
    }

    /* Services page styles */

    /* Projects page styles */

    .projHeadSec,
    .projSpecs {
        padding-top: 30px;
    }

    .projHeadSec .row {
        padding-bottom: 30px;
        gap: 25px;
    }

    .projHeadDesc p {
        font-size: 18px;
    }

    .projFilters {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .filterList {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        /* white-space: nowrap; */
        justify-content: flex-start;
        padding-bottom: 15px;
        margin-left: 12px;
        padding-left: 0px !important;
        padding-top: 30px;
    }

    .filterList::-webkit-scrollbar {
        height: 4px;
        background: white;
    }

    .filterList::-webkit-scrollbar-thumb {
        background: #378882;
        border-radius: 10px;
    }

    .filterBtn a {
        font-size: 14px;
    }

    .allprojList {
        row-gap: 50px;
        padding-bottom: 80px;
    }

    .projAddInfo {
        flex-wrap: wrap;
        gap: 20px;
    }

    .small-right {
        grid-column: auto;
    }

    .projImgsGrid {
        grid-template-columns: repeat(1, 1fr);
    }

    .wide-left,
    .wide-right,
    .small-left,
    .small-right,
    .full-width {
        grid-column: span 1;
    }

    .projGridItem img {
        height: 400px;
    }

    .project-navigation {
        gap: 60px;
    }

    .projContSec .cformCol .formArea {
        padding-bottom: 0px;
    }

    /* Projects page styles */

    /* Blog page styles */

    .guideContArea .guide-title {
        font-size: 30px;
        line-height: 120%;
    }

    .guideDetWrap {
        flex-direction: column;
        gap: 30px;
    }

    .prevNextLabel p,
    .nextItem p {
        padding-bottom: 15px;
    }

    .guideGalList {
        gap: 30px;
    }

    .guideContArea .titleArea {
        margin-left: 0px;
    }

    /* Blog page styles */

    /* Default page styles */

    .defaultTemp .entry-title {
        font-size: 46px;
    }

    .defaultTemp .entry-content {
        max-width: 100%;
    }

    .defaultTemp .entry-content a {
        overflow-wrap: break-word;
    }

    /* 404 page styles */

    .not-found,
    .not-found .servicesList {
        padding-top: 50px;
    }

    .not-found .servicesList {
        gap: 20px;
    }

    .not-found .fnfCont .desc p {
        font-size: 18px;
    }

    .not-found .serviceItem p {
        font-size: 14px;
        padding-top: 15px;
    }

    /* 404 page styles */

    /* Default page styles */

    /* Footer styles */

    .footerContent {
        padding-bottom: 30px;
    }

    /* .footerContent .row {
        flex-direction: column-reverse;
    } */

    .footVid {
        position: relative;
    }

    .footerOverlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0.7%, #000 23.29%);
    }

    .footVid video {
        height: auto;
    }

    .footNav {
        padding-top: 0px;
        padding-right: 0px;
        gap: 23px;
        padding-bottom: 23px;
    }

    .footNavItem {
        width: 100%;
    }

    .footNavItem .footNavLabel {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0px;
    }

    .footNavItem .footNavLabel::after {
        content: '';
        position: relative;
        /* top: 26px;
        right: 0; */
        display: block;
        width: 14px;
        height: 14px;
        background-image: url(../media/arrow_up.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        transform: rotate(180deg);
        transition: .3s ease-in-out;
    }

    .footNav .footNavItem a,
    .footNavItemAbs a {
        font-size: 14px;
        font-weight: 400;
    }

    .footNavItem ul.menu {
        display: none;
    }

    .footNav.footNavRight .menu {
        text-align: left;
    }

    .footNavItem ul.menu li {
        padding-top: 18px;
    }

    .social {
        padding-top: 20px;
        /* justify-content: flex-start; */
        border-top: 1px solid rgba(255, 255, 255, 0.60);
        /* border-bottom: 1px solid rgba(255, 255, 255, 0.60); */
        padding-bottom: 20px;
        justify-content: space-between;
    }

    .formTitle {
        padding-bottom: 5px;
    }

    .newsletterForm {
        padding-left: 0px;
        padding-top: 0pc;
        padding-bottom: 40px;
    }

    .footerBottom {
        flex-direction: column;
        margin-top: 0px;
        align-items: normal;
        padding-top: 0px;
    }

    .footerBottom .grpLogo {
        justify-content: space-around;
        border-top: 1px solid rgba(255, 255, 255, 0.60);
        padding-top: 11px;
        padding-bottom: 11px;
        position: relative;
        align-items: center;
    }

    .footerBottom .grpLogo::before {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgba(255, 255, 255, 0.60);
    }

    .logo_grp {
        width: 100px;
        object-fit: contain;
    }

    .logo_curo {
        width: 66px;
    }

    .footerBottom .copyright {
        padding-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.60);
    }

    .footerBottom .copyright p {
        text-align: center;
        font-size: 14px;
    }

    .footLogo {
        display: none;
    }

    /* Footer styles */
}

@media (max-width: 380px) {

    .mainHeader .mainNav ul {
        gap: 18px;
    }

    .mainHeader .mainNav ul li a {
        font-size: 18px;
    }

    .toggleIcon {
        gap: 4px;
    }

    .toggleIcon span {
        width: 25px;
    }

    .toggleIcon.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -4px);
    }

    .toggleIcon.active span:nth-child(1) {
        transform: rotate(45deg) translate(4px, 4px);
    }

    .bannerTitle {
        font-size: 36px;
    }

    .craftServItem {
        width: 100%;
        max-width: 100%;
    }

    .craftServItem p {
        font-size: 20px;
    }
}

@media screen and (min-height: 900px) {
    /* .servicehidInfo {
        height: 35%;
    } */
}

/* Responsive styles end */