/*
Theme Name: Pecan Creek Construction
Theme URI: http://xxx.com/
Template: builder
Version: 3.4
Updated: 10/10/2024
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Builder with drag and drop elements using wireframe kit design.
Tags: wordpress, bootstrap, wireframe, acf
*/

/*------------------------------------------
    #MARK: REMOVE
------------------------------------------*/
/* #region */

/* .mh { 
    min-height: 2000px; 
} */

/* body:not(.wp-admin) {
    background: url(upload/bg-1-2.png) top center no-repeat;
} */

/* #endregion */

/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

:root {

    --font-size: 17px;
    --font-1: 'Oswald';
    --font-2: 'Poppins';

    
    --color1: #BFA159;
    --color2: #1B1B1B;
    --color2-2: #000;
    --color3: #5C5C5C;
    --color4: #767676;
    --color4-2: rgba(118, 118, 118, 0.05);
    --color5: #AFAFAF;
    --color6: #FFFFFF;
    --color7: #F7F7F7;
    --color8: #EDEDED;
 
    --h1: 64px;
    --h2: 46px;
    --h2-2: 48px;
    --h2-3:40px;
    --h3: 30px;
    --h4: 20px;
    --btitle:18px ;
    --btitle-2: 24px;
    --h5: 18px;
    --p: 17px;
    --desc: 14px;
    --footer: 14px;
    --disclaimer: 13px;
    --btn: 16px;
    --h6: 15px;
    --address: 13px;
    --foot-link: 24px;


    --color10: black;
    --color11: white;

    --a: #FFF;
    --hover: #FFF;       

    --darktitle:white;
    --darktext:white;
}

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */
body:not(.wp-admin), body:not(.wp-admin) main {overflow: hidden; overflow-y: scroll;}

[data-theme="dark"] {background-color: unset;}

.element h1.mtitle {
    color: var(--color6);
    /* text-align: center; */
    font-family: var(--font-1);
    font-size: var(--h1);
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 70.4px */
    text-transform: uppercase;
}

.element h2.mtitle {
    color: var(--color2-2);
    font-family: var(--font-1);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 70.4px */
    text-transform: uppercase;
    margin-bottom: 30px;
}

.element.h2-48 h2.mtitle {
    color: var(--color2-2);
    font-family: var(--font-1);
    font-size: var(--h2-2);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 70.4px */
    text-transform: uppercase;
    margin-bottom: 30px;
}

section.element.mtitle-mb0 .mtitle {margin-bottom: 0;}

.element h3 {
    color: var(--color2-2);
    
    /* H3 */
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 30px */
    text-transform: uppercase;
}

.element[data-theme="dark"] h3 {color: var(--color6);}

.element[data-theme="dark"] h2.mtitle {color: var(--color6);}

.element[data-theme="dark"] h3.cpt-title {color: var(--color6);}


.element .btitle {
    color: var(--color1);
    font-family: var(--font-2);
    font-size: var(--btitle);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 26.4px */
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.element .dtext p, .element .dtext, .element .ptext {
    color: var(--color4);
    font-family: var(--font-2);
    font-size: var(--p);
    font-style: normal;
    font-weight: 300;
    line-height: 155%; /* 25.5px */
}



.element[data-theme="dark"] .dtext p, .element[data-theme="dark"] .dtext {color: var(--color6);}

/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */

.btn.btn-2 {padding: 4px 22px; border: 2px solid var(--color1); border-radius: 0; box-sizing: border-box;}

.btn.btn-2::after, .btn.btn-2:hover {background-color: var(--color1);}

.btn.btn-2 span {
    color: var(--color1);
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--btn);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.btn.btn-2:hover span {color: var(--color6);}

.btn.w-icon span{
    color: var(--color1);
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--btn);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    padding: 3px 8px;
}

.btn.w-icon span::before {display: none;}

.btn.w-icon .d-icon {max-width: 16px; margin-top: 0; margin-right: 0;}

/* #endregion */

/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */

.navbar-brand {
    width: 216px;
}

header .menu_wrap, header.sticky-head .menu_wrap {
    padding: 10px 0;
    background: var(--color2-2);
}

header.menu-overlay .menu_wrap, header.menu-overlay.ontop .menu_wrap {background: transparent;}

header.sticky-head .menu_wrap, header.menu-overlay .menu_wrap {background: var(--color2-2);}
header .navbar-collapse {align-items: flex-end; row-gap: 20px;}

.menu-oc-right.opener svg, header [data-mobth="light"] .menu-oc-right.closer svg{filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(194deg) brightness(109%) contrast(100%);}


#menu-oc-right {background: var(--color2-2);}
/* #endregion */

/*------------------------------------------
    #MARK: MENUS
------------------------------------------*/
/* #region */

#navbar-home .main-menu .navbar-nav {
    gap:25.75px;
}

.main-menu .navbar-nav  .nav-link {
    padding: 10px 0;
    position: relative;
}

.main-menu .navbar-nav  .nav-link::after {content: ''; position: absolute; width: 0; height: 2px; bottom: 0; left: 50%; transform: translateX(-50%); background: var(--color1); transition: all 0.3s;}

.main-menu .navbar-nav  .nav-link:hover::after {width: 100%;}

.main-menu .nav-link span {
    color: var(--color6);
    font-family: var(--font-2);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
    text-wrap: nowrap;
}

.main-menu .menu-item {
    /* padding */
}

.main-menu .menu-item.active .nav-link span,
.main-menu .menu-item .nav-link:hover span {
    /* color */
}

.menu-top .company-phone .sc-contact .sc-icon {margin-right: 6px; filter: invert(67%) sepia(11%) saturate(1650%) hue-rotate(4deg) brightness(97%) contrast(84%);}

.menu-top .company-phone .sc-phone {padding-left: 0; padding-right: 0;} 

.menu-top .company-phone span {
    color: var(--color6);
    font-family: var(--font-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    text-transform: uppercase;
    padding: 10px 0;
}

.menu-top .company-phone span::before {content: 'Call Us'; padding-right: 5px;}

/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */
.page.home .footer-0 {background: rgba(217, 217, 217, 0.2);}

.dark-footer .footer-0{background: rgba(217, 217, 217, 0.20);}
.black-footer .footer-0{background: #000;}
.footer-0 .wrap {padding-top: 166px; padding-bottom: 0px; mask-image: url(images/overlay/footer-mask2.svg); mask-size: cover; mask-repeat: no-repeat; mask-position: top center;}

.footer-0 .bg-img {opacity: 1; background-position-y: top;}

.footer-0 .dtop {padding-left: 5px; padding-bottom: 66px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer-0 .dtop .row {justify-content: space-between; align-items: center; flex-wrap: nowrap;}
.footer-0 .dtop .dright {max-width:511px; width: 100%; padding-left: 125px;}
.footer-0 .dtop .dleft {max-width: 684px; width: 100%; border-right: 1px solid var(--color1);}

.footer-0 .dtop h4.mtitle {
    color: var(--color6);

    /* H2 */
    font-family: var(--font-1);
    font-size: var(--h2-2);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 48px */
    text-transform: uppercase;
    margin-bottom: 30px;
}

.footer-0 h6.menu-title {
    color: var(--color1);
    font-family: var(--font-2);
    font-size: var(--h5);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 27px;
    margin-top: 20px;
}

.footer-0 ul.menu-links {margin-bottom: 0;}
.footer-0 ul.menu-links .menu-item {margin-bottom: 11px;}
.footer-0 ul.menu-links {list-style-type: none; padding-left: 0;}
.footer-0 ul.menu-links .menu-item a span {
    color: var(--color6);
    font-family: var(--font-1);
    font-size: var(--foot-link);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 24px */
    text-transform: uppercase;
    transition: all 0.3s;
} 
.footer-0 ul.menu-links .menu-item a:hover span {color: var(--color1)
    ;}

.footer-0 .dmid {padding: 70px 15px 70px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer-0 .dmid .row {display: flex; justify-content: space-between;}
.footer-0 .dmid .navbar-brand{ width: 162px;}
.footer-0 .dmid .dright {display: flex; flex-direction: row; flex-wrap: nowrap;}
.footer-0 .dmid .ssc {display: flex;}
.footer-0 .dmid .ssc .sc-contact {padding-left: 2px;}
.footer-0 .dmid .ssc img {margin-right: 6px; max-height: 14px; filter: brightness(0) saturate(100%) invert(71%) sepia(11%) saturate(1673%) hue-rotate(4deg) brightness(91%) contrast(84%); }
.footer-0 .dmid .social-icons {margin-left: 15px; margin-top: 7px;}
.footer-0 .dmid .social-icons .soc-link {width: 45px; height: 45px; background-color: unset; border: 1px solid var(--color1); transition: all 0.03s; }
.footer-0 .dmid .social-icons .soc-link img {max-height: 13px; max-width: 12px; filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(7480%) hue-rotate(183deg) brightness(122%) contrast(100%); margin-bottom: 7px; margin-right: 1px; transition: all 0.03s;}
.footer-0 .dmid .social-icons .soc-link:hover {border: 1px solid var(--color6);}
.footer-0 .dmid .social-icons .soc-link:hover img {filter: brightness(0) saturate(100%) invert(71%) sepia(11%) saturate(1673%) hue-rotate(4deg) brightness(91%) contrast(84%);} 
.footer-0 .dmid .ssc span::before {content: 'Call Us ';}
.footer-0 .dmid .ssc span, .footer-0 .dmid .ssc p {
    color: #FFF;
    font-family:var(--font-2);
    font-size: var(--footer);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.footer-0 .copyright {padding: 37px 0 77px 0;}
.footer-0 .copyright .f-left {display: flex;}
.footer-0 .copyright .f-left, .footer-0 .copyright .f-left span,
.footer-0 .copyright .f-right, .footer-0 .copyright .f-right span {
    color: rgba(255, 255, 255, 0.50);
    font-family: var(--font-2);
    font-size: var(--disclaimer);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    transition: all 0.3s;
}
.footer-0 .copyright .f-left a:hover span, .footer-0 .copyright .f-right a:hover span {color: var(--color1);}
.footer-0 .copyright .mini-links {margin-left: 3px;}
/* #endregion */

/*------------------------------------------
    #MARK: HERO SLIDER 01
------------------------------------------*/
/* #region */
.heroslider-01 .wrap {min-height: 810px; opacity: 1;}

.heroslider-01 .dinfo {margin-top: 55px;}

.heroslider-01.element .btitle {
    color: var(--color1);
    font-family: var(--font-1);
    font-size: var(--btitle-2);
    font-style: normal;
    font-weight: 300;
    line-height: 110%; /* 26.4px */
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

.heroslider-01 .btitle {margin-bottom: 25px ; color: var(--color6);}

.heroslider-01 .overlay.color {background: #000; opacity: 0.3;}

.heroslider-01 .overlay::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 24.785%;
    top: 0;
    left: 0;
    opacity: 0.6;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}

.heroslider-01 .overlay::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 75.21%;
    top: unset;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO OPT 01
------------------------------------------*/
/* #region */
/* .heroopt-01 .overlay {opacity: 0;} */

.heroopt-01.mask-1 .wrap {min-height: 690px; opacity: 1; mask-image: url(images/overlay/clip-path-1.svg); mask-repeat: no-repeat; mask-size: cover; mask-position: bottom;}
.heroopt-01.mask-2 .wrap {min-height: 690px; opacity: 1; mask-image: url(images/overlay/clip-path-2.svg);mask-repeat: no-repeat; mask-size: cover; mask-position: bottom;}

.our-company .heroopt-01.mask-1 .wrap {min-height: 690px; opacity: 1; mask-image: unset; mask-repeat: no-repeat; mask-size: cover; mask-position: bottom;}

.heroopt-01 .hero-opt {padding-left: 0; padding-right: 0; padding-top: 25px;}
.heroopt-01.dinfo-pt37 .hero-opt {padding-top: 37px;}

.heroopt-01.mw470 .hero-opt {max-width: 470px;}
.heroopt-01.mw570 .hero-opt {max-width: 570px;}

.heroopt-01 .btitle {margin-bottom: 9px;}

.heroopt-01 h1.mtitle {margin-bottom: 22px;}

.heroopt-01 .overlay.color {background: linear-gradient(90deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%);}

    /*CONTACT*/
.heroopt-01.contact .flexic {justify-content: space-between;}
.heroopt-01.contact .flex-item {max-width: 300px; width: 100%; text-align: left;}
.heroopt-01.contact .dinfo {margin-top: -75px;}
.heroopt-01.contact .mtitle {margin-bottom: 110px;}
.heroopt-01.contact strong {
    color: var(--color4);

    /* OL */
    font-family: var(--font-2);
    font-size: var(--h5);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.heroopt-01.contact hr {height: 2px; border-top: none; background: var(--color1); margin: 10px 0;}
.heroopt-01.contact .ssc .sc-contact {padding-left: 0; padding-right: 0;}
.heroopt-01.contact .sc-contact p, .heroopt-01.contact .sc-contact span {
    color: var(--color6);
    font-family: var(--font-2);
    font-size: var(--p);
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 25.5px */
}

.heroopt-01.contact {mask-image: url(images/overlay/clip-path-3.svg); opacity: 1; mask-size: cover; mask-repeat: no-repeat; mask-position: bottom;}

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 01
------------------------------------------*/
/* #region */
.home .rowmedia-01.home-gallery, .our-company .rowmedia-01.home-gallery.main-rowm {margin-top: -180px; z-index: 1;}

.home .rowmedia-01 .wrap, .our-company .rowmedia-01.main-rowm .wrap {padding-top: 155px; padding-bottom: 102px; opacity: 1;}
/* .our-company .rowmedia-01 .wrap {padding-top: 38px; padding-bottom: 120px; opacity: 1;} */
.rowmedia-01.transparency .wrap {padding-top: 100px; padding-bottom: 100px; opacity: 1;}



.rowmedia-01.home-gallery img {aspect-ratio: 1/1; max-width: 550px;}
.rowmedia-01.home-gallery [data-col="7-5"] img {aspect-ratio: 600/500; max-width: 600px;}

.rowmedia-01 .dinfo {max-width: 450px;}
.rowmedia-01 [data-col="7-5"] .dinfo {max-width: 470px;}

.home .rowmedia-01 .dinfo {margin-top: 0px;}
.our-company .rowmedia-01.main-rowm .dinfo {margin-top: 14px;}
.rowmedia-01.transparency .dinfo {margin-top: 37px;}

.rowmedia-01 .btitle {margin-bottom: 20px;}

.rowmedia-01.transparency .mtitle {margin-bottom: 28px;}

.rowmedia-01 .dtext {margin-bottom: 40px;}
.our-company .rowmedia-01 .dtext {margin-bottom: 0;}

.our-company .rowmedia-01 .dtext p {margin-bottom: 1.5rem;}

.home .rowmedia-01 .overlay.color, .our-company .rowmedia-01.main-rowm .overlay.color  {background: url(images/overlay/Subtract-2.svg) no-repeat;}

@media only screen and (min-width : 1440px) {
    .home .rowmedia-01 .overlay.color, .our-company .rowmedia-01.main-rowm .overlay.color {
        background: url(images/overlay/Subtract-2.svg) no-repeat;
        width: 2060px;
        background-position: top center;
        background-size: contain;
        top: 0;
        left: calc(50% - 311px);
        transform: translateX(-50%);
    }
}

@media only screen and (max-width : 1440px) {
    .home .rowmedia-01 .overlay.color, .our-company .rowmedia-01.main-rowm .overlay.color  {
        background: url(images/overlay/Subtract-2.svg) no-repeat;
        width: 2060px;
        background-position: top center;
        background-size: contain;
        top: 0;
        left: calc(50% - 25%);
        transform: translateX(-50%);
    }
}

@media only screen and (max-width : 767px) {
    .home .rowmedia-01 .overlay.color, .our-company .rowmedia-01.main-rowm .overlay.color  {
        background: url(images/overlay/Subtract-2.svg) no-repeat;
        width: 100%;
        background-position: top center;
        background-size: contain;
        top: 70px;
        left: calc(50%);
        transform: translateX(-50%);
    }

}

/* @media only screen and (max-width : 1440px) {
    .home .rowmedia-01 .overlay.color {
        background: url(images/overlay/Subtract.svg) no-repeat;
        max-width: 100%;
        width: 1440px;
        background-size: contain;
        top: 0;
        left: 0;
        transform: 0;
    }
}

@media only screen and (max-width : 1200px) {
    .home .rowmedia-01 .overlay.color {
        background: none;
        max-width: 100%;
        width: 1440px;
        background-size: contain;
        top: 1px;
        left: 0;
        transform: 0;
        opacity: 1;
    }
    .home .rowmedia-01 .overlay.color::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 179px;
        width: 100%;
        transform: translateX(0%);
        background: url(images/overlay/Subtract-3.svg) no-repeat;
        background-size: cover;
        background-position: center;
    }
} */
/* #endregion */

/*------------------------------------------
    #MARK: TITLE 01
------------------------------------------*/
/* #region */
.title-01.home-services .wrap {padding-top: 85px; padding-bottom: 70px;}

.title-01.featured-properties .wrap{padding-top: 0; padding-bottom: 75px;}

.title-01 .dinfo {text-align: center;}
.title-01.text-left .dinfo {text-align: left;}

.title-01.left-align-layout .dinfo {text-align: left;}

/* #endregion */

/*------------------------------------------
    #MARK: CARDSFLEX 01
------------------------------------------*/
/* #region */

.cardsflex-01 .wrap {padding-top: 0; padding-bottom: 95px;}

.cardsflex-01 .overlay.shape {background: url(images/overlay/Subtract2.svg); height: 490px; bottom: 0; top: unset; background-repeat: no-repeat;background-size: cover;}

.cardsflex-01 .dinfo {position: relative; height: 450px;}

.cardsflex-01 .pad {position: relative; z-index: 2; width: 100%; height: 100%; display: block; padding: 35px 30px; align-content: flex-end; overflow-y: hidden;}

.cardsflex-01 .item .overlay.color {opacity: 0.8; background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%); transition: all 0.3s;}
.cardsflex-01 .item:hover .overlay.color {opacity: 1;}

.cardsflex-01 h3.ititle {
    color: var(--color6);
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 30px */
    text-transform: uppercase;
    margin-bottom: 20px;
}

.cardsflex-01 .ptext {color: var(--color6); font-size: var(--desc); line-height: 120%;}

.cardsflex-01 hr {width: 30px; height: 2px; background: var(--color1); margin: 0; margin-bottom: 20px;}

.cardsflex-01 .item .abtn-loop {margin-top: 40px; margin-bottom: -70px; transition: all 0.3s;}
.cardsflex-01 .item:hover .abtn-loop {margin-top: 20px; margin-bottom: 0px;}


/* #endregion */

/*------------------------------------------
    #MARK: ICONS 01
------------------------------------------*/
/* #region */
.icon-01 .row {row-gap: 60px; justify-content: center;}
.icon-01 .dinfo {text-align: center;}
.icon-01 .diconn {max-width: 70px; aspect-ratio: 1/1; border: 1px solid rgba(224, 224, 224, 1) ; border-radius: 99px; margin-bottom: 25px ;}
.icon-01 .ititle {margin-bottom: 18px;}
.icon-01 .dtext {max-width: 310px; margin: 0 auto;}

.icon-01.design-border .item {height: 100%; border: 1px solid rgba(224, 224, 224, 1); padding: 40px 29px; min-height: 478px;}
.icon-01.design-border.mh504 .col-xl-4:nth-child(4) .item, .icon-01.design-border.mh504 .col-xl-4:nth-child(5) .item {min-height: 504px;}

.icon-01.design-border .dinfo {text-align: left;}
.icon-01.design-border .diconn {max-width: 60px; aspect-ratio: 1/1; border:none ; margin-bottom: 25px ; justify-content: flex-start;}
.icon-01.design-border .col-xl-4:nth-child(4) .diconn {max-width: 60px; aspect-ratio: 1/1; border:none ; margin-bottom: 25px ; justify-content: center;}
.icon-01.design-border .row {row-gap: 30px;}
.icon-01.design-border .dinfo p {line-height: 153%;}

.icon-01.design-border.mh448-all .item {min-height: 448px;}
.icon-01.design-border.mh426 .col-xl-4:nth-child(4) .item, .icon-01.design-border.mh426 .col-xl-4:nth-child(5) .item {min-height: 426px;}

/* #endregion */

/*------------------------------------------
    #MARK: ICONS COLUMN 01
------------------------------------------*/
/* #region */

.icon-column-01 .flex-column {row-gap: 75px; align-items: center;}
.icon-column-01.commercial .flex-column {row-gap: 88px;}

.icon-column-01 .icon-item {position: relative;}
.icon-column-01 .icon-item:nth-child(odd) {transform: translateX(50%); margin-left: 110px;}
.icon-column-01 .icon-item:nth-child(even) {transform: translateX(-50%); margin-right: 110px;}

.icon-column-01 .icon-item::before {
    content: ""; 
    position: absolute; 
    height: 30px; 
    width: 30px;
    border-radius: 99%;
    background: var(--color1);
    top: 22px;
}


.icon-column-01 .icon-item:nth-child(odd)::before {transform: translateX(-100%); left: -40px ;}
.icon-column-01 .icon-item:nth-child(even)::before {transform: translateX(100%); right: -40px ;}


.icon-column-01 .dinfo {max-width: 530px;}

.icon-column-01 .diconn {max-width: 64px; height: 64px; background: var(--color4-2); border-radius: 99%; margin-right: 16px;}

.icon-column-01 .pad {margin-top: 17px ;}

.icon-column-01 .ititle {margin-bottom: 17px;}

.icon-column-01 .dotted-line {
    border: none;
    /* height: 85%; */
    width: 3px;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(images/icons/Arrow6.svg);
    background-repeat: repeat-y;
}



/* #endregion */

/*------------------------------------------
    #MARK: COL POSTER 01
------------------------------------------*/
/* #region */
.colposter-01 .wrap {min-height: 527px;}

.colposter-01 [data-colwidth="12"] .overlay.opt {opacity: 0;}

.colposter-01 .overlay-bg {background: var(--color2-2);}

.colposter-01 .overlay.bg-img {opacity: 0.3; mix-blend-mode: luminosity; background-size: cover;}

.colposter-01 [data-colwidth="6"] .hero-opt {max-width: 570px; padding: 50px; background: rgba(27, 27, 27, 0.95);}

.colposter-01 .mtitle {margin-bottom: 30px;}
/* #endregion */

/*------------------------------------------
    #MARK: AJAX CPT 01
------------------------------------------*/
/* #region */


.ajaxc-01.custom-cpt .container-xl {max-width: 1410px; padding-left: 10px; padding-right: 10px;}

.ajaxc-01 .row {margin-left: -10px; margin-right: -10px;}

.ajaxc-01 .item {padding-left: 10px; padding-right: 10px;}

.ajaxc-01[data-axgrid] .cpt-row {row-gap: 20px;}

.ajaxc-01[data-axgrid] .cpt {padding: 0; border: none; background-color: unset; position: relative;}

.ajaxc-01[data-axgrid] .cpt-link .thumb-bg { min-height: 340px; position: relative;}
.ajaxc-01[data-axgrid] .cpt-link .thumb-bg::after {content: ''; position: absolute; left: 0; bottom: 0; min-height: 183px; width: 100%; background: linear-gradient(180deg, rgba(27, 27, 27, 0.00) 0.95%, #1B1B1B 99.05%); transition: all 0.3s;}
.ajaxc-01[data-axgrid] .cpt-link:hover .thumb-bg::after {min-height: calc(183px + 30%);}
.ajaxc-01 .pad {position: absolute; left: 0; bottom: 0; padding: 30px; display: flex; flex-direction: column;}

.ajaxc-01 .pad hr {background: var(--color1); height: 2px; width: 30px; margin: 0; margin-bottom: 6px;}

.ajaxc-01[data-axgrid] .pad .cpt-title {letter-spacing: -2%; margin-bottom: 5px;}

.ajaxc-01 .pad .dtext {
    font-family: var(--font-2);
    font-size: var(--address);
    font-style: normal;
    font-weight: 300;
    line-height: 13px; /* 13px */
    text-transform: uppercase;
}

.ajaxc-01 .tax-links .flexic {justify-content: center; gap: 10px;}

.ajaxc-01 .btn.btn-2.ajax_category {border: 1px solid #E0E0E0;}
.ajaxc-01 .btn.btn-2.ajax_category span {color: var(--color2-2);}
.ajaxc-01 .btn.btn-2.ajax_category:hover span, .ajaxc-01 .btn.btn-2.ajax_category.active span {color: var(--color6);}
 /* #endregion */

/*------------------------------------------
    #MARK: GRID CPT SLIDER 01
------------------------------------------*/
/* #region */
.slidercpt-01 .slide-bg.is-grid {max-width: 1160px;}

.slidercpt-01 .post-info {padding-top: 24px;}

.slidercpt-01 .box {position: relative;background: none; border: 1px solid var(--color1); border-radius: 30px 30px 30px 0px; min-height: 222px; padding: 58px 30px 0px ;}
.slidercpt-01.home-sec .box {position: relative;background: none; border: 1px solid var(--color8); border-radius: 30px 30px 30px 0px; min-height: 222px; padding: 58px 30px 0px ;}

.slidercpt-01 .box::before {content: ""; position: absolute; top: 0; left: 0; width: 51.2px; height: 47.12px; background: url(images/icons/quote.jpg); transform: translate(50%, -50%);}
.slidercpt-01 .box::after {content: ""; position: absolute; bottom: 1px; left: -1px; width: 26px; height: 26px; background: url(images/icons/tail.png); transform: translate(0, 100%);}
.slidercpt-01.home-sec .box::after {content: ""; position: absolute; bottom: 1px; left: -1px; width: 26px; height: 26px; background: url(images/icons/tail-2.png); transform: translate(0, 100%);}


.slidercpt-01 .box p {
    color: var(--color4);
    font-family: var(--font-2);
    font-size: var(--p);
    font-style: italic;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
    margin-bottom: 0;
}

.slidercpt-01 h4.post-title {
    color: var(--color2-2);

    /* paragraph */
    font-family: var(--font-2);
    font-size: var(--p);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 25.5px */   
    margin-top: 57px;
}

.slidercpt-01 .slide-bg.is-grid .owlprev {transform: translateY(-65%); left: -55px;}
.slidercpt-01 .slide-bg.is-grid .owlnext {transform:translateY(-65%) rotate(0deg); right: -55px;}

/* #endregion */

/*------------------------------------------
    #MARK: SECTION BG 01
------------------------------------------*/
/* #region */
.fire-element .bg-img {background-position-y: top;}

/* #endregion */

/*------------------------------------------
    #MARK: CARDS FLEX CUSTOM 01
------------------------------------------*/
/* #region */
.fw.fw_contents {
    display: flex;
    width: 100%;
    background-size: cover;
    align-items: stretch;
    min-height: 700px;

    transition: 1s;
}

.fw.fw_contents .individual_column {position: relative; flex: 1; display: flex;flex-direction: column; justify-content: flex-end;border-right: 1px solid #d9d9d9;padding: 30px 40px 67px;}
.fw.fw_contents .individual_column:last-child {border-right: non;}

.fw.fw_contents .column_hover {
    margin-top: 15px;
    position: relative;
    max-height: 0;
    transition: max-height .5s ease-out;
    overflow: hidden;
    z-index: 50;
}

.fw.fw_contents .column_hover .ptext {
    color: var(--color6);

    /* paragraph */
    font-family: var(--font-2);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 25.5px */
}

.fw.fw_contents .dtitle {
    z-index: 50;
    color: var(--color6);

    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 30px */
    text-transform: uppercase;
}

.fw.fw_contents .individual_column:hover .column_hover {
    max-height: 1000px;
    transition: max-height .8s ease-in;
}

.fw.fw_contents .individual_column .overlay.color1 {
    height: 295px;
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.00) 0%, #1B1B1B 100%);
    top: unset;
    bottom: 0;
}

.fw.fw_contents .individual_column .overlay.color {opacity: 0.7; max-height: 0; top: unset; bottom: 0; background: #000; transition: max-height .4s ease-in; }
.fw.fw_contents .individual_column:hover .overlay.color {max-height: 100%;}

.fw.fw_contents .individual_column::after {content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 6px; background-color: var(--color1); transform: translateX(-50%); transition: all 0.3s; z-index: 55; }
.fw.fw_contents .individual_column:hover::after {width: 100%;}

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA DOWNLOAD 01
------------------------------------------*/
/* #region */
/* .rowdownload-01.nopad-img .nopad {padding-left: 0; padding-right: 0;} */
.rowdownload-01 .dinfo {max-width: 500px;}
.rowdownload-01 ul {list-style-type: none; padding-left: 0; margin-top: 30px;}

.rowdownload-01 .download-item {padding:20px 54px 13px 30px ;}
.rowdownload-01 .download-item:nth-child(odd) {background: var(--color7);}
.rowdownload-01 .download-item span {
    color: var(--color2-2);

    /* paragraph */
    font-family: var(--font-2);
    font-size: var(--p);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 25.5px */
    padding-left: 16px;
    position: relative;
}

.rowdownload-01 .download-item span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    height: 12px;
    width: 6px;
    background: url(images/icons/arrow-download.svg);
}
/* #endregion */

/*------------------------------------------
    #MARK: CARDS DOWNLOAD 01
------------------------------------------*/
/* #region */
.cardsdownload-01 .dinfo {border: 2px solid var(--color1); padding: 25px 30px; display: flex;}
.cardsdownload-01 .dinfo .ititle {
    color: var(--color2-2);
    font-family: var(--font-1);
    font-size: var(--h4);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 20px */
    text-transform: uppercase;
}
.cardsdownload-01 .row {row-gap: 40px;}
.cardsdownload-01 .diconn {max-width: 36px; margin-right: 20px;}
/* #endregion */

/*------------------------------------------
    #MARK: COLUMN STACK LIST 01
------------------------------------------*/
/* #region */
/* .colstacklist-01 [data-row="text-center"] .col-info {text-align: center;} */
/* .colstacklist-01 .bg-img {opacity: 0;} */
.colstacklist-01 .col-info .dtext {max-width: 970px; margin: 0 auto;margin-top: 22px;}
.colstacklist-01 .col-info .dtext-l {text-align: left;}
.colstacklist-01 .content-list {text-align: left;list-style-type: none; padding-left: 0;margin-top: 80px;column-gap: 90px;}
.colstacklist-01 .col-info .dtext-l ul  {text-align: left;list-style-type: none; padding-left: 0;}
.colstacklist-01 .content-item, .colstacklist-01 .col-info .dtext-l ul li {
    padding-left: 30px; 
    position: relative;
    color: var(--color6);

    /* paragraph */
    font-family: var(--font-2);
    font-size: var(--p);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 25.5px */
    margin-bottom: 10px;
}
.colstacklist-01 .content-item::before {
    content: "";
    height: 26px;
    width: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(images/icons/disc.svg);
    background-repeat: no-repeat;

}

.colstacklist-01 .col-info .dtext-l {column-count: 3; column-gap: 90px; margin-top: 90px;}

.colstacklist-01 .col-info .dtext-l strong, .colstacklist-01 .col-info .dtext-l b{ font-weight: 600;}

.colstacklist-01 .col-info .dtext-l ul li ::before {
    content: "";
    height: 26px;
    width: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    background: url(images/icons/disc.svg);
    background-repeat: no-repeat;

}

.colstacklist-01 .col-info .dtext-l a:hover {color: var(--color1);}

.colstacklist-01 .col-info .dtext-s {break-inside: avoid}
.colstacklist-01 .col-info .dtext-s:first-child {margin-top: 0;}

/* #endregion */

/*------------------------------------------
    #MARK: TITLE ROW CONTENT LIST 01
------------------------------------------*/
/* #region */
.titlercl-01 .dinfo {max-width: 400px;}
.titlercl-01 [data-design*="row"][data-rtl="0"] .dinfo {margin-left: unset; margin-right: auto;}
.titlercl-01 .content-item .ititle {
    color: var(--2, #000);
    font-family: var(--h4);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 20px */
    text-transform: uppercase;
}
.titlercl-01 hr {border-top: 0; height: 1px; background: var(--color1); margin: 58px 0 55px;}

.titlercl-01 .dinfo .dtext {margin-top: 25px;}
.titlercl-01 .content-item .dtext {margin-top: 25px;}
/* #endregion */

/*------------------------------------------
    #MARK: ROW ACCORDION 01
------------------------------------------*/
/* #region */
.rowaccordion-01 img {max-width: 400px;}
.rowaccordion-01 .item {margin-bottom: 45px;}
.rowaccordion-01 .ihead {padding-bottom: 4px; border-bottom: 1px solid var(--color1); }

.rowaccordion-01 .ititle {
    color: var(--color2-2);
    font-family: var(--font-1);
    font-size: var(--h4);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    text-transform: uppercase;
}

.rowaccordion-01 .pad {padding-top: 20px;}
.rowaccordion-01 .dinfo {margin-top: 15px;}
.rowaccordion-01 .acc-content {margin-top: 50px;}
.rowaccordion-01 [data-accordion] .acc-indicator div {
    color: var(--color1);
    text-align: center;
    font-family: var(--font-1);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 20px */
    text-transform: uppercase;
    right: 10px;
}

.rowaccordion-01 [data-accordion] .acc-indicator .on {color: var(--color2-2);}
/* #endregion */

/*------------------------------------------
    #MARK: ROW GALLERY 01
------------------------------------------*/
/* #region */
.rowgallery-01 .grid-gallery .item {min-height: 210px;}
.rowgallery-01 .grid-gallery {max-width: 550px;}
.rowgallery-01 .dinfo {max-width: 500px;}

.rowgallery-01.home.client-portal .wrap {background: url(images/overlay/client-portal.svg) no-repeat; background-position: top center; background-size: cover;}

.rowgallery-01.home .dtext {max-width: 450px; margin-bottom: 40px;}

/* #endregion */

/*------------------------------------------
    #MARK: GRID CPT FLEX 01
------------------------------------------*/
/* #region */
.gcptf-01 .grid-item {position: relative; min-height: 320px;}
.gcptf-01 .pad {position: absolute; z-index: 2; bottom: 0; padding: 30px; row-gap: 10px;display: flex;flex-direction: column;}
.gcptf-01 .post-thumbnail {height: 100%;}
.gcptf-01 .post-thumbnail::after {content: ''; display: block; position: absolute; height: 156px; width: 100%; left: 0; bottom: 0; opacity: 0.4;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%); transition: all 0.3s;}
.gcptf-01 .post-thumbnail:hover::after {opacity: 1; background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%); height: 243px;}

.gcptf-01 .thumb-bg {position: absolute; width: 100%; height: 100%;}
.gcptf-01 .post-thumbnail img {object-fit: cover; height: 100%;}
.gcptf-01 .grid { 
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 10px;
}

.gcptf-01 .grid-item:nth-child(1) {grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 3;}

.gcptf-01 .grid-item:nth-child(2) {grid-column-end: span 1; grid-row-end: span 2;}

.gcptf-01 .grid-item:nth-child(3){grid-column-start: 1; grid-column-end: span 1; grid-row-start: 4; grid-row-end: span 2;}

.gcptf-01 .grid-item:nth-child(4) {grid-column-start: 2; grid-column-end: span 1; grid-row-start: 4;grid-row-end: span 2;}

.gcptf-01 .grid-item:last-child {grid-column-end: span 1; grid-row-end: span 3;}

.gcptf-01 .pad .ititle {
    color: var(--color6);
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 30px */
    text-transform: uppercase;
}

.gcptf-01 .pad .address {
    color: var(--color6);
    font-family: var(--font-2);
    font-size: var(--address);
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 13px */
    text-transform: uppercase;
}

.gcptf-01 hr {margin-top: 0;margin-bottom: 0;border-top: 0;background-color: var(--color1);height: 2px;width: 30px;margin: 0;}

.gcptf-01 .grid-item.dinfo {background: url(images/overlay/grid-textured.jpg);}

.gcptf-01 .grid-item.dinfo .linfo {padding:50px 60px 50px 50px ;}
.gcptf-01 .diconn {margin-bottom: 20px;}
.gcptf-01 .diconn,.gcptf-01 .diconn img {max-width: 165px;}

.gcptf-01 .mtitle {
    color: var(--color6);
    font-family: var(--font-1);
    font-size: var(--h2-3);
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.gcptf-01 .mtitle span {
    font-weight: 500;
}
/* #endregion */

/*------------------------------------------
    #MARK: FORM 01
------------------------------------------*/
/* #region */
.gf-01 .gform_validation_errors {display: none !important;}

.gf-01 {overflow: hidden;}

.gf-01 .wrap {padding-bottom: 100px;}

.gf-01 .gform {max-width: 970px; margin: 0 auto;}

.gf-01 form {text-align: left;}

.gf-01 .gform-theme--foundation .gform_fields {row-gap: 15px; column-gap: 30px;}

.gf-01 .gform-body .gfield--input-type-html strong {
    color: var(--color1);

    /* OL */
    font-family:var(--font-2);
    font-size: var(--h5);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.gf-01 .gform-body .gfield--input-type-html {margin-top: 50px;}
.gf-01 .gform-body .gfield--input-type-html:first-of-type {margin-top: 0px;}

.gf-01 .gform-body .gfield input, .gf-01 .gform-body .gfield textarea,
.gf-01 .gform-body .gfield select{
    padding: 13px 0 13px;
    min-height: 50px;
    color: rgba(94, 94, 94, 0.80);
    font-family: var(--font-2);
    font-size: var(--h6);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 22.5px */
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(118, 118, 118, 0.20);box-shadow: none;
    width: 100%;
}

.gf-01 .gform-body .gfield.gfield--type-fileupload .ginput_container_fileupload {opacity: 0; position: absolute; height: 0; width: 0;overflow: hidden;}

.gf-01 .gform-body .gfield.gfield--type-fileupload .gfield_label {gap: 10px; flex-wrap: nowrap; align-items: center;}

.gf-01 .gform-body .gfield.gfield--type-fileupload .gfield_label::before {content: ""; position: relative; display: block; width: 24px; height: 24px; background-image: url(images/icons/paperclip.svg); margin-top: auto;}

.gf-01 .gform-body fieldset.gfield {
    padding: 13px 0 13px;
    min-height: 100px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(118, 118, 118, 0.20);box-shadow: none;
}


.gf-01 .gform-body .gfield.gfield--type-fileupload {
    padding: 13px 0 13px;
    min-height: 50px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(118, 118, 118, 0.20);box-shadow: none;
    cursor: pointer;
}

.gf-01 .gform-body .gfield.gfield--type-fileupload label,
.gf-01 .gform-body .gfield.gfield--type-fileupload span.gfield_fileupload_filename, .gf-01 .gform-body .gfield.gfield--type-fileupload span.gfield_fileupload_filesize {
    color: rgba(94, 94, 94, 0.80);
    font-family: var(--font-2);
    font-size: var(--h6);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 22.5px */   
    width: 100%;
}

.gf-01 .gform-body fieldset.gfield legend, .gf-01 .gform-body fieldset.gfield label {
    color: rgba(94, 94, 94, 0.80);
    font-family: var(--font-2);
    font-size: var(--h6);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 22.5px */
    white-space: wrap;
    margin-left: 0;
}

.gf-01 .gform-body .gfield textarea.large {min-block-size: 100px; resize: none;}

.gf-01 fieldset.gfield.gfield--type-consent {border-bottom: none;}

.gf-01 .gform-body .ginput_container_consent {
    align-items: center;
    margin-bottom: 0;
    margin-right: 0;
}

.gf-01 .gform-theme--framework .gfield--type-choice .gfield_radio {flex-direction: row;}

.gf-01 .gform-body .ginput_container_consent input[type="checkbox"] {opacity: 0; position: absolute;}

.gf-01 .gform-body .ginput_container_consent label {margin-left: 0;}

.gf-01 .gform-body .ginput_container_consent label::after, .gf-01 .gform-body fieldset.gfield .ginput_container_radio label::after {background: var(--color5); opacity: 50%;}
.gf-01 .gform .ginput_container_radio .gchoice label::before {display: block;}
.gf-01 .gform .ginput_container_radio .gchoice:hover label:hover::after, .gf-01 .gform .ginput_container_consent label:hover::after {background-color: var(--color5); opacity: 1;}
.gf-01 .gform .ginput_container_radio .gchoice input:checked ~ label::after, .gf-01 .gform .ginput_container_consent input:checked ~ label::after {background-color: var(--color1) ; opacity:1;}

.gf-01 .gform-body .gfield--input-type-select .gfield_select {              
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(images/icons/down.svg);
}

.gf-01 .gform-footer {position: relative;}

.gf-01 .gform-footer a.dbutton {opacity: 0; width: 0; height: 0; overflow: hidden; position: absolute;}

.gf-01 .gform form .gform-footer.gform_footer button.btn.btn-2 {
    border-radius: 0;
    padding: 4px 22px;
    border: 2px solid var(--color1) !important;
    background-color: transparent;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.gf-01 .gform form .gform-footer.gform_footer button.btn.btn-2::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    transition: all .3s;
    background: var(--color1);
}

.gf-01 .gform form .gform-footer.gform_footer button.btn.btn-2:hover::after {width: 110%; height: 110%;}

.gf-01 .gform form .gfield.gfield--type-consent {margin-top: 34px;}
/* #endregion */


/*------------------------------------------
    #MARK: SINGLE PROJECT
------------------------------------------*/
/* #region */
.single-project .header {position: fixed;
    width: 100%;
    left: 0;}

.single-project .container-xl {max-width: 1440px; padding-left: 20px; padding-right: 20px;}
.single-project .container-1000 {max-width: 1020px; padding-left: 15px; padding-right: 15px; margin: 0 auto; }

.single-project .post-article .single-post {padding-top: 220px;}

.single-project .post-title {text-align: center;margin-bottom: 28px;}
.single-project .post-title .mtitle {
    color: var(--color2-2);
    text-align: center;
    
    /* H2 */
    font-family: var(--font-1);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 46px */
    text-transform: uppercase;
    margin-bottom: 15px;
}

.single-project .post-title .address {
    color: var(--color1);
    text-align: center;
    
    /* OL */
    font-family: var(--font-2);
    font-size: var(--h5);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 18px */
    letter-spacing: 1.8px;
    text-transform: uppercase;
}
.single-project .post-thumb {margin-bottom: 75px;}
.single-project .post-thumb .thumb-bg {height: auto; aspect-ratio: 1400/800;}

.single-project .title-content {margin-bottom: 55px;}
.single-project .title-content .dtitle {
    color: var(--color2);
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 30px */
    text-transform: uppercase;
    margin-bottom: 21px;
}

.single-project .title-content .dtext {
    color: var(--color4);

    /* paragraph */
    font-family: var(--font-2);
    font-size: var(--p);
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 25.5px */
}

.single-project .title-content .dtext ul {margin-bottom: 30px; padding-left: 30px; list-style-type: none;margin-top: 18px;}

.single-project .title-content .dtext ul li {margin-bottom: 18px;}

.single-project .title-content .dtext ul li strong {
    color: var(--color1);
    font-family: var(--font-1);
    font-size: var(--h4);
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 20px */
    text-transform: uppercase;
}

.single-project .post-nav {display: flex; justify-content: space-between;}
.single-project .post-nav .screen-reader-text {display: none;}

.single-project .post-nav .post-back .link-back, .single-project .post-nav .nav-next a {
    color: var(--color1);
    
    /* Button */
    font-family: var(--font-2);
    font-size: var(--btn);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;}

.single-project .post-nav .post-back:hover .link-back, .single-project .post-nav .nav-next:hover a {
    color: var(--color1);
    
    /* Button */
    font-family: var(--font-2);
    font-size: var(--btn);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;

}


.single-project .post-article {background-color: transparent;}

.single-project .owlbtn {width: 60px; height: 60px; background: rgba(191, 161, 89, 0.7); border: none; border-radius: 60px; display: flex; justify-content: center; align-items: center; transition: all 0.03s;}
.single-project .owlbtn:hover {width: 60px; height: 60px; background: rgba(191, 161, 89, 1); border: none; border-radius: 60px; display: flex; justify-content: center; align-items: center;}

.single-post .bottom-btns {margin-bottom: 100px;}

.single-project .embed-code {padding-bottom: 100px;}
.single-project .embed-code iframe {display: block; margin: 0 auto;}


/* #endregion */

/*------------------------------------------
    #MARK: PROJECTS GALLERY SLIDER
------------------------------------------*/
/* #region */
.gallery_slider.hidden {display: none;}
.gallery_slider {margin-bottom: 40px;}
.gallery_slider .container-xl {position: relative;}
.gallery_slider .slide-bg.is-inner {height: 520px; max-width: 1440px; padding: 0;}
.gallery_slider .slide-bg .slide {height: 100%; display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(265px, 1fr)); }
.gallery_slider .slide-bg .slide .item {grid-column-end: span 1;grid-row-end: span 1;}
.gallery_slider .slide-bg .slide .item:first-child {grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2;}

.gallery_slider.hidden .item .bg-img {background-size: contain;}


/* #endregion */

/*------------------------------------------
    #MARK: TITLE 01
------------------------------------------*/
/* #region */


/* #endregion */