/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/* theme css */
.wd-content-layout {
    padding-block: 0 !important;
}

.wd-prefooter {
    padding-bottom: 0 !important;
}

.contentBox .info-box-subtitle {
    color: #FF6A00 !important;
    font-size: 18px;
}

.contentBox .info-box-title {
    font-size: 35px;
    color: #18181B;
}

.contentBox .info-box-inner {
    color: #51525C;
}

a.btn:hover {
    background: #fff;
    color: #2b8f71;
    border: 2px solid #ff6a00;
}

a.btn {
    font-size: 16px;
    padding: 18px  30px;
    gap: 10px;
    border: 2px solid #2b8f71;
}

.primaryBtn img {
    transition: all ease 0.5s;
}

.primaryBtn:hover img {
    filter: brightness(0.1);
}

.imgShadow {
    padding: 15px;
    background: linear-gradient(0deg, #ff6b01, #e8b137);
    border-radius: 20px;
}

.imgShadow img {
    border-radius: 20px !important;
}
/* theme css */

/* header */
.whb-row.whb-top-bar {
    position: relative;
    padding: 3px 0;
    border-bottom: 1px solid #8f8f8f;
}

.whb-row.whb-top-bar .topInfo {
    display: flex;
    flex-direction: row;
    margin-right: 10px;
}

.whb-row.whb-top-bar .topInfo .info-box-inner {
    padding-top: 1px;
    color: #18181B;
}

.whb-row.whb-top-bar:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/05/Rectangle-3.png);
    background-size: cover;
    background-position: center left;
}

.whb-row.whb-top-bar .wd-social-icons {
    position: relative;
    z-index: 999;
}

.whb-row.whb-top-bar .wd-social-icons a.wd-social-icon {
    background: #2B8F71;
    border: 2px solid #2b8f71;
}

.whb-row.whb-top-bar .wd-social-icons a.wd-social-icon:hover {
    background: transparent;
    border-color: #fff;
}

.whb-row.whb-general-header {
    border-bottom: 0;
}

.whb-row.whb-general-header .menu {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 45px;
}

.whb-row.whb-general-header .menu li a {
    font-size: 20px;
    font-weight: 500;
}
/* header */

/* bannerSec */
.bannerSec {
    height: 600px;
    background-size: cover;
    background-position: center top;
}

.bannerSec .bannerRow {
    padding-top: 30px;
    width: 90%;
    margin: auto !important;
}

.bannerSec .bannerRow .leftCol .wd-button-wrapper {
    text-align: right;
}

.bannerSec .bannerRow .rightCol .wd-button-wrapper {
    text-align: left;
}

.bannerSec .bannerRow .wd-info-box {
    text-align: center;
}

.bannerSec .bannerRow .wd-info-box .info-box-content {
    width: 80%;
    margin: auto;
}

.bannerSec .bannerRow .wd-info-box .info-box-content .info-box-subtitle {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

.bannerSec .bannerRow .wd-info-box .info-box-content .info-box-title {
    font-size: 60px;
    color: #fff;
}

.bannerSec .bannerRow .wd-info-box .info-box-content .info-box-inner {
    color: #fff;
    font-size: 18px;
    width: 65%;
    margin: auto;
}

/* bannerFlexRow */
.bannerFlexRow {
    width: 90%;
    margin: auto !important;
    padding-top: 70px;
}

.bannerFlexRow .wpb_wrapper {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.bannerFlexRow .wpb_wrapper .info-box-wrapper {
    width: 25%;
    display: flex;
    justify-content: center;
}

.bannerFlexRow .wpb_wrapper .info-box-wrapper .wd-info-box {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 5px 15px;
    border: 2px solid #fff;
    border-radius: 50px;
    transition: all ease 0.5s;
}

.bannerFlexRow .wpb_wrapper .info-box-wrapper .wd-info-box .info-box-title {
    font-size: 17px;
    color: #fff;
}

.bannerFlexRow .wpb_wrapper .info-box-wrapper .wd-info-box .info-box-content {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.bannerFlexRow .wpb_wrapper .info-box-wrapper .wd-info-box .info-box-content .info-btn-wrapper {
    margin: 0;
}

.bannerFlexRow .wpb_wrapper .info-box-wrapper .wd-info-box .info-box-content .info-btn-wrapper a.btn {
    padding: 0;
    font-size: 0;
    background: transparent;
    border: navajowhite;
}

.bannerFlexRow .wpb_wrapper .info-box-wrapper .wd-info-box:hover {
    background: #ff6a00;
}

.bannerFlexRow .wpb_wrapper .info-box-wrapper .wd-info-box img {
    transition: all ease 0.5s;
}

.bannerFlexRow .wpb_wrapper .info-box-wrapper .wd-info-box:hover img {
    filter: brightness(9.5);
}

.bannerFlexRow .wpb_wrapper .info-box-wrapper .wd-info-box span.wd-btn-icon {
    transition: all ease 0.5s;
}

.bannerFlexRow .wpb_wrapper .info-box-wrapper .wd-info-box:hover  span.wd-btn-icon {
    transform: scale(1.5);
}
/* bannerSec */

/* aboutRow */
.aboutRow {
    padding: 50px 0;
}

.aboutRow .wpb_text_column {
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 5px solid #ff6c02;
    font-style: italic;
}

.aboutCounterRow {
    padding: 20px 0 0;
    border-top: 2px solid #DCDDE8;
    border-bottom: 2px solid #DCDDE8;
    margin-bottom: 30px;
}

.aboutRow  .wd-button-wrapper {
    text-align: left;
}

.aboutCounterRow .counter-value {
    font-size: 40px !important;
    color: #ff6c02 !important;
    position: relative !important;
    font-family: 'Livvic' ,sans-serif !important;
    font-weight: 900 !important;
}

.aboutCounterRow .counter-value:after {
    content: 'K+';
}

.aboutCounterRow .counter-label {
    font-size: 18px !important;
    color: #18181B !important;
}

.aboutCounterRow .mycounter3 .counter-value:after {
    content: '' !important;
}

.aboutImgCol {
    position: relative;
}

.aboutImgCol .aboutImgCounter {
    position: absolute;
    bottom: 20px;
    left: 30px;
    background: #003C2A;
    display: flex;
    flex-direction: column-reverse;
    padding: 20px;
    border-radius: 0 10px 0 0;
}

.aboutImgCol .aboutImgCounter .counter-value {
    font-size: 80px;
    font-family: 'Livvic', sans-serif !important;
    font-weight: 900 !important;
    position: relative;
    color: #fff !important;
}

.aboutImgCol .aboutImgCounter .counter-value:after {
    content: '+';
}

.aboutImgCol .aboutImgCounter .counter-label {
    color: #fff !important;
}
/* aboutRow */

/* serviceSec */
.serviceSec {
    padding-top: 50px;
    padding-bottom: 90px;
    background: linear-gradient(7deg, #00A271, #003C2A);
}

.serviceSec .titleRow {
    width: 50%;
    margin: auto !important;
    margin-bottom: 20px !important;
}

.serviceSec .titleRow .wd-info-box {
    text-align: center;
}

.serviceSec .titleRow .wd-info-box .info-box-title {
    color: #fff;
}

.serviceSec .servceSliderRow .info-box-wrapper {
    /* padding: 10px; */
    /* background: linear-gradient(0deg, #ff6b01, #e8b137); */
    /* border-radius: 10px; */
}

.serviceSec .servceSliderRow .info-box-wrapper .wd-info-box {
    border-radius: 10px;
    background: #fff;
    margin: 10px;
    position: relative;
    z-index: 3 !important;
    gap: 0;
}

.serviceSec .servceSliderRow .info-box-wrapper .wd-info-box:before {
    content: '';
    position: absolute;
    width: 105%;
    height: 105%;
    background: linear-gradient(0deg, #ff6b01, #e8b137);
    z-index: -1;
    top: 0;
    left: -2.5%;
    bottom: 0;
    right: 0;
    margin: auto !important;
    border-radius: 15px;
}

.serviceSec .servceSliderRow .info-box-wrapper .wd-info-box img {
    border-radius: 10px 10px 0 0;
}

.serviceSec .servceSliderRow .info-box-wrapper .wd-info-box .info-box-content {
    padding: 15px;
    background: #fff;
    border-radius: 0 0 15px 15px;
    position: relative;
}

.serviceSec .servceSliderRow .info-box-wrapper .wd-info-box .info-box-content:after {
    content: '';
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 60px;
    background-image: url(/wp-content/uploads/2025/05/noun-mold-removal-7513981-1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.serviceSec .servceSliderRow .info-box-wrapper .wd-info-box .info-box-content .info-box-title {
    font-size: 18px;
    color: #003C2A;
}

.serviceSec .servceSliderRow .info-box-wrapper .wd-info-box .info-box-content .info-box-inner {
    color: #51525C;
}

.serviceSec .servceSliderRow .wd-nav-arrows {
    position: absolute;
    left: 0;
    top: 103%;
    justify-content: center;
    gap: 15px;
}

.serviceSec .servceSliderRow .wd-carousel-container {
    margin-bottom: 60px;
}

.serviceSec .servceSliderRow .wd-nav-arrows .wd-arrow-inner {
    width: 40px;
    height: 40px;
    background: #FF6A00;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
}

.serviceSec .servceSliderRow .wd-nav-arrows .wd-arrow-inner:hover {
    background: #fff;
    border-color: #ff6a00;
    color: #ff6a00;
}
/* serviceSec */

/* tutorialSec */
.tutorialSec {
    background: linear-gradient(0deg, transparent 50%, #003C2A 50%);
    padding-top: 50px;
    padding-bottom: 50px;
}

.tutorialSec .contentBox .info-box-title {
    color: #fff;
}

.tutorialSec .contentBox .info-box-inner {
    color: #fff;
}

.tutorialSec .popupBtn {
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: 500px;
    background-image: url(/wp-content/uploads/2025/05/Background.png);
    border: none;
    border-radius: 15px;
    text-transform: uppercase;
    font-size: 20px;
    background-size: cover;
    background-position: center center;
}

.tutorialSec .popupBtn:hover {
    background-image: url(/wp-content/uploads/2025/05/Background-5.png);
    border: none;
    color: #fff;
    background-size: cover;
    background-position: center center;
}
/* tutorialSec */

/* testiSec */
.testiSec {
    padding-top: 30px;
    padding-bottom: 20px;
    border: 10px solid #fff;
    border-radius: 30px;
}

.testiSec .wd-carousel-container {
    padding-left: 4%;
    position: relative;
}

.testiMain {
    background: #2B8F71;
    padding: 30px;
    margin: 5px;
    border-radius: 30px;
}

.testiMain .wpb_text_column.quoteBox {
    margin-bottom: 15px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #181818;
    font-size: 18px;
    font-weight: bold;
}

.testiMain .quoteBox:before {
    content: '';
    width: 60px;
    height: 60px;
    background-image: url(/wp-content/uploads/2025/05/Background-1.png);
    display: block;
    background-size: contain;
    background-position: center;
}

.testiMain .wpb_text_column {
    font-size: 18px;
    width: 90%;
    color: #fff;
}

.testiMain .wd-info-box {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.testiMain .wd-info-box .info-box-title {
    color: #181818;
    font-weight: bold;
}

.testiMain .wd-info-box .info-box-inner {
    color: #181818;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.testiSec .wd-carousel-container .wd-nav-arrows {
    position: relative;
    display: flex;
    justify-content: end;
    gap: 20px;
}

.testiSec .wd-carousel-container .wd-nav-arrows .wd-arrow-inner {
    color: #000 !important;
    z-index: 999;
}

.testiSec .wd-button-wrapper {
    text-align: right;
}

.testiImgCol {
    position: relative;
}

.testiImgCol .reviewsRow {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 28%;
    box-shadow: 5px 5px 14px 4px #ddd;
}

.testiImgCol .reviewsRow .wpb_text_column {
    margin-bottom: 15px;
    text-align: center;
    background: #E8B237;
    color: #fff;
    text-transform: capitalize;
    padding: 3px;
    border-radius: 20px;
    font-size: 14px;
}

.testiImgCol .reviewsRow .woodmart-counter {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.testiImgCol .reviewsRow .woodmart-counter .counter-value {
    font-size: 60px;
    font-family: 'Livvic', sans-serif !important;
    color: #e8b237;
}

.testiImgCol .reviewsRow .woodmart-counter:after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2025/05/Img-Rated-4-out-of-5.png);
    width: 90px;
    height: 20px;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
}

.testiImgCol .reviewsRow .vc_column-inner {
    padding: 0;
}

.testiImgCol .reviewsRow:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 40px;
    background: #003C2A;
    z-index: 0;
    border-radius: 0 0 5px 5px;
}

.testiImgCol .reviewsRow .title-wrapper {
    margin: 0;
}

.testiImgCol .reviewsRow .title-wrapper .woodmart-title-container {
    font-size: 18px;
    color: #fff;
}

.testiImgCol .reviewsRow .wpb_wrapper {
    position: relative;
    z-index: 2;
}
/* testiSec */

/* ctaRow */
.ctaRow {
    height: 500px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
}

.ctaRow .contentBox {
    width: 50%;
    text-align: center;
    margin: auto;
}

.ctaRow .contentBox .info-box-title {
    color: #fff;
}

.ctaRow .contentBox  .info-box-inner {
    color: #fff;
}


.ctaRow .contentBox .wd-button-wrapper {
    text-align: center;
}

.ctaRow .contentBox .wd-button-wrapper a.btn {
    background: #FF6A00;
    border-color: #FF6A00;
}

.ctaRow .contentBox .wd-button-wrapper a.btn:hover {
    background: #fff;
    color: #FF6A00;
}
/* ctaRow */

/* contactRow */
.contactSec {
    padding: 50px 0;
}

.infoRow .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.infoRow .wpb_wrapper .wd-info-box {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.infoRow .wpb_wrapper .wd-info-box .info-box-inner {
    color: #000;
    font-size: 20px;
}

.contactSec .aboutCounterRow {
    padding: 0;
    margin-bottom: 0;
    border: none;
}

.contactSec .aboutCounterRow iframe {
    width: 100%;
    height: 300px;
}

.contactSec  form {
    background: #2B8F71;
    border-radius: 30px;
    padding: 40px 35px;
}

.contactSec form h2 {
    color: #fff;
    font-size: 35px;
}

.contactSec form input {
    background: #fff;
    width: 100%;
    border-radius: 30px;
    padding: 5px 20px !important;
}

.contactSec form .ginput_container.ginput_container_date input {
    width: 100%;
}

.contactSec form .ginput_container.ginput_complex.gform-grid-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.contactSec form .ginput_container.ginput_complex.gform-grid-row .ginput_container {
    flex-basis: max-content;
    max-width: 48%;
    min-width: 48%;
}

.contactSec form .ginput_container.ginput_complex.gform-grid-row .below.hour_minute_colon.gform-grid-col {
    display: none;
}

.contactSec form select {
    background: #fff;
    border-radius: 30px;
    padding: 5px 20px !important;
}

.contactSec form textarea {
    background: #fff;
    border-radius: 30px;
    padding: 5px 20px !important;
    min-height: 130px !important;
    height: 130px !important;
}

.contactSec form .gform_footer.before input {
    background: #FF6A00;
    border-color: #FF6A00;
    font-size: 18px;
    padding: 15px !important;
}

.contactSec form .request {
    display: flex;
    position: relative;
}

.contactSec form .request .ginput_container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.contactSec form .request .ginput_container .gfield_checkbox {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
}

.contactSec form .request .ginput_container .gfield_checkbox .gchoice {
    width: 15%;
    display: flex;
}

.contactSec form .request legend {
    color: #fff;
    font-size: 20px !important;
    position: absolute;
    top: 0;
    left: 0;
}

.contactSec form .termsField .gchoice {
    display: flex;
    gap: 10px;
    align-content: center;
    align-items: flex-start;
}

.contactSec form .termsField .gchoice input {
    width: 20px;
    margin-top: 5px !important;
}

.contactSec form .termsField .gchoice label {
    color: #fff;
}
/* contactRow */

/* footer */
.mainFooter {
    background: linear-gradient(180deg, #2B8F71 40%, #16634C);
    padding: 50px 0;
}

.mainFooter .wd-info-box {
    display: flex;
    flex-direction: row;
}

.mainFooter .title-wrapper {
    text-align: left;
}

.mainFooter .title-wrapper .woodmart-title-container {
    font-size: 24px;
    color: #000;
    font-weight: bold;
}

.mainFooter .wpb_single_image {
    text-align: center;
    margin-bottom: 10px;
}

.mainFooter .wpb_text_column {
    text-align: center;
    color: #000;
    font-size: 16px;
}

.mainFooter .wd-social-icons {
    display: flex;
    justify-content: flex-start;
}

.mainFooter .wd-social-icons a.wd-social-icon {
    background: #fff;
    border: 2px solid #fff;
}

.mainFooter .wd-social-icons a.wd-social-icon span.wd-icon {
    color: #FF6A00;
}

.mainFooter .wd-info-box .info-box-title {
    color: #fff;
}

.mainFooter .wd-info-box .info-box-inner {
    color: #fff;
}

.rightsCol .wpb_text_column {
    color: #fff;
    text-align: left;
    margin: 0;
}

.rightsCol {
    border: 2px solid #fff;
    padding: 15px 0 15px;
    border-radius: 40px;
    margin-top: 11px;
}

.mainFooter .menu li a {
    color: #fff;
}

.rightsCol .menu {
    display: flex;
    flex-direction: row;
}

.rightsCol .menu {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.rightsCol .menu li {
    margin: 0;
}

.rightsCol .menu li a {
    color: #fff;
    text-transform: capitalize;
    text-decoration: underline;
}

.rightsCol .vc_wp_custommenu {
    margin: 0;
}
/* footer */