/*
Theme Name: Kadence Child
Template: kadence
Author: Ishwar singh
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.14.1736866028
Updated: 2025-01-14 14:47:08

*/
:root {
    /* Color Variables */
    --primary-color: #DBB88F;
    --secondary-color: #963620;
    --tertiary-color: #f0a500;
    --accent-color: #240A03;
    --white-color: #FFFFFF;
    --primary-dark-color: #3F170D;
    --primary-light-color: #F4E9DC;

    /* Font Variables */
    --font-primary: 'Bebas Neue', sans-serif;
    --font-secondary: 'Inter', sans-serif;

    /* Spacing Variables */
    --btn-padding: 16px 30px;
    --border-radius-12: 12px;
    --card-padding: 20px;
    --border-radius-40: 40px;
    --testimonial-card-padding: 40px;
    --author-img-size: 80px;
    --slider-arrow-size: 80px;
    --slider-arrow-padding: 10px;
    --testimonial-card-min-height: 550px;
    --icon-size: 60px;
    --small-icon-size: 40px;

    /* Sizing Variables */
    --testimonial-card-min-height: 550px;
    --max-width-banner-title: 600px;

    /* Font Size Variables */
    --font-size-40: clamp(20px, 2.55vw, 40px);
    --font-size-60: clamp(32px, 4.15vw, 60px);
    --font-size-banner-title: clamp(34px, 4.75vw, 80px);
    --font-size-com-para: clamp(15px, 1.45vw, 20px);
    --font-size-24: clamp(18px, 1.95vw, 24px);
    /* Other Variables */
    --hero-overlay-opacity: 0.4;
}
.popup-drawer-layout-fullwidth .drawer-inner {
    background: #F4E9DC !important;
}
.popup-drawer .drawer-header .drawer-toggle {
    color: #3f170d !important;
}
body {
    margin: 0;
    box-sizing: border-box;
}

.bg-primary-color {
    background-color: var(--primary-color);
}

.bg-secondary-color {
    background-color: var(--secondary-color);
}

.bg-light-color {
    background-color: var(--primary-light-color);
}

.primary_button {
    background: var(--primary-color);
    padding: var(--btn-padding);
    border-radius: var(--border-radius-12);
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--primary-dark-color);
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

.secondary_button {
    background: var(--secondary-color);
    padding: var(--btn-padding);
    border-radius: var(--border-radius-12);
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--white-color);
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

.com-para p,
.com-para {
    font-family: var(--font-secondary);
    font-size: var(--font-size-com-para);
    font-weight: 400;
    line-height: 150%;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.com-para p {
    margin-bottom: 0;
}

#main-header .site-header-item .header-button-wrap .header-button {
    padding: var(--btn-padding);
    border-radius: var(--border-radius-12);
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
    display: inline-block;
}

.site-header-section {
    gap: 20px;
}

.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url('https://westcoast.knocknown.com/wp-content/uploads/2025/01/home-banner.png') center/cover no-repeat;
    color: var(--white-color);
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.hero-text {
    z-index: 1;
}

.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, var(--hero-overlay-opacity));
}

.btn-custom {
    background-color: var(--tertiary-color);
    color: var(--white-color);
    padding: 10px 20px;
    font-size: 18px;
    text-transform: uppercase;
    border: none;
}

.btn-custom:hover {
    background-color: #c08400;
}

.hero-banner-image {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
}

section.hero {
    height: 100vh;
}

.hero-banner-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.hero-banner-image:before {
    content: '';
    background: linear-gradient(270.15deg, rgba(0, 0, 0, 0) 0.13%, var(--accent-color) 99.87%);
    height: 100%;
    width: 100%;
    position: absolute;
}

.banner-mid-section .btn {
    width: max-content;
}

.banner-mid-section h1 {
    font-family: var(--font-primary);
    font-size: var(--font-size-banner-title);
    font-weight: 400;
    line-height: 130%;
    text-align: left;
    color: var(--white-color);
    width: 100%;
}

.we-col-innerimage {
    border-radius: var(--border-radius-40);
    overflow: hidden;
}

.we-col-innerimage img {
    width: 100%;
}

.headingtext-section {
    font-style: normal;
/*     font-weight: bold; */
    font-size: clamp(28px, 3.75vw, 60px);
    line-height: 120%;
    font-family: var(--font-primary);
    color: var(--secondary-color);
}

.services-section .headingtext-section {
    color: var(--primary-color);
}

.serv-content {
    display: flex;
    position: absolute;
    align-items: center;
    bottom: var(--card-padding);
    left: var(--card-padding);
    gap: var(--card-padding);
    z-index: 2;
    padding: var(--card-padding);
}

.icon-we-are {
    display: flex;
}

.serv-content .icon-we-are svg {
    max-width: 50px;
    width: 100%;
}

.serv-content h4 {
    font-family: var(--font-primary);
    font-size: var(--font-size-40);
    font-weight: 400;
    line-height: 44px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin: 0;
    color: var(--white-color);
}

.cardinner-service {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-12);
}

.cardinner-service img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.cardinner-service:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.cardinner-service:before {
    content: '';
    position: absolute;
    background: linear-gradient(179.67deg, rgba(0, 0, 0, 0) 46.18%, var(--accent-color) 99.74%);
    width: 100%;
    z-index: 0;
    bottom: 0;
    height: 100%;
    left: 0;
}

.testimonial-card {
    position: relative;
    background: var(--primary-dark-color);
    border-radius: var(--border-radius-40);
    padding: var(--testimonial-card-padding);
    margin: 0 8px;
    overflow: hidden;
    min-height: var(--testimonial-card-min-height) !important;
}

.testimonial-card p {
    font-family: var(--font-secondary);
    font-size: var(--font-size-com-para);
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: var(--primary-light-color);
}

.auth-img-col {
    align-items: center;
    gap: 20px;
}

.why-us-revers-col .we-are-col-content {
    background: var(--primary-light-color);
    border-radius: var(--border-radius-40);
    padding: 40px;
    align-self: unset !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.com-slider .slick-prev:before,
.com-slider .slick-next:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/arrow-testimonial.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    font-size: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.testimonial-section .container button.slick-next.slick-arrow {
    left: 120px;
}

.testimonial-section {
    background: var(--primary-light-color);
}

.testimonial-section .container {
    position: relative;
}

.testimonial-section .container .slick-arrow {
    position: absolute;
    left: 10px;
    display: flex;
    right: unset;
    width: var(--slider-arrow-size);
    height: var(--slider-arrow-size);
    background: var(--white-color);
    border-radius: 50%;
    padding: var(--slider-arrow-padding);
    margin-top: 30px;
}

.testimonial-section .container .slick-slider {
    position: unset;
}

.testimonial-section .container button.slick-prev.slick-arrow:before {
    transform: translateX(-50%) translateY(-50%) scaleX(-1);
}

.dark-quote-icon {
    display: flex;
    width: var(--slider-arrow-size);
    height: var(--slider-arrow-size);
}

.dark-quote-icon svg {
    height: 100%;
    width: 100%;
}

.testimonial-card .line-quote-icon {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 40px;
    bottom: -1px;
}

.testimonial-card .line-quote-icon svg {
    width: 100%;
    height: 100%;
    max-width: 180px;
}

.author-disc {
    position: absolute;
    bottom: 40px;
    left: 40px;
}

.auth-img-col img {
    width: var(--author-img-size);
    height: var(--author-img-size);
}

.auth-img-col h5 {
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
}


.comBanner-card {
    height: 100%;
    max-height: 600px;
    position: relative;
}

.comBanner-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comBanner-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: var(--white-color);
    font-family: var(--font-primary);
    font-size: var(--font-size-banner-title);
    font-weight: 400;
    line-height: 130%;
    width: 100%;
    text-align: center;
    max-width: var(--max-width-banner-title);
    padding: var(--banner-padding);
}

.comBanner-card:before {
    content: '';
    background: linear-gradient(270.15deg, rgba(0, 0, 0, 0) 0.13%, var(--accent-color) 99.87%);
    height: 100%;
    width: 100%;
    position: absolute;
}

.iconcardtext {
    border-radius: var(--border-radius-12);
    gap: 20px;
}

.icon-we-are svg {
    width: var(--icon-size);
    height: 100%;
}

.iconcardtext h2 {
    width: 100%;
    text-align: center;
    color: var(--primary-color);
    font-family: var(--font-primary);
    font-size: var(--font-size-40);
    font-weight: 400;
    line-height: 120%;
}

.we-are-col-content .icon-we-are {
    display: inline-flex;
    align-items: flex-start;
}

.we-are-col-content .icon-we-are svg {
    width: var(--icon-size);
    height: 100%;
}

.page-template-page_builder .we-are-col-content .list-para-com .icon-we-are svg {
    width: var(--small-icon-size);
    height: auto;
}

.we-are-col-content .d-flex {
    gap: 16px;
}

.list-para-com p {
    margin-bottom: 0;
    font-family: var(--font-secondary);
    font-size: var(--font-size-com-para);
    font-weight: 400;
    line-height: 150%;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.list-para-com p:empty {
    display: none;
}

.inner-four-col {
    background: var(--primary-dark-color);
    border-radius: var(--border-radius-12);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
}

.inner-four-col .icon-we-are svg {
    max-width: 80px;
    width: 100%;
}

.inner-four-col h3 {
    width: 100%;
    color: var(--white-color);
    font-family: var(--font-primary);
    font-size: var(--font-size-40);
    font-weight: 400;
    line-height: 120%;
}

.com-mis-card {
    border-radius: var(--border-radius-12);
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 0px;
}

.com-mis-card:last-child {
    box-shadow: var(--primary-dark-color) 0px 0px 0px 1px, var(--primary-dark-color) 0px 0px 0px 1px inset;
}

.com-mis-card:first-child .comi-heading {
    color: var(--primary-light-color);
}

.comi-heading {
    font-size: var(--font-size-60);
    line-height: 130%;
}

.com-mis-card:first-child .com-para {
    color: var(--primary-light-color);
}

.com-mis-card p {
    font-family: var(--font-secondary);
    font-size: var(--font-size-com-para);
    font-weight: 400;
    line-height: 140%;
    text-align: left;
    margin: 0;
    max-width: 600px;
    float: right;
}

.full-width-text-section .comi-heading {
    color: var(--primary-color);
}

.text-prime {
    color: var(--primary-color);
}

.child-card-inner {
    background: var(--white-color);
    border-radius: 20px;
    padding: 40px;
    height: 100%;
}

.custom-fields {
    display: none;
}

.page-id-13 .textIcon-two-col .container.py-sm-5 {
    padding-bottom: 0 !important;
}

.comi-head-40 {
    font-family: var(--font-primary);
    font-size: var(--font-size-40);
    font-weight: 400;
    line-height: 120%;
}

/* Footer CSS */
.site-bottom-footer-wrap .site-footer-row-container-inner {
    border-top: none !important;
}
#nf-form-2-cont nf-fields-wrap nf-field:first-child {
    width: 100%;
}
.site-bottom-footer-wrap .site-footer-row-container-inner .site-container {
    border-top: 0.5px solid rgba(255, 255, 255, 0.2);
}
.footer-widget-area p, .footer-widget-area p a {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    font-family: Inter, sans-serif;
    color: #f4e9dc;
}
.footer-widget-area-inner h5 {
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 24px;
}
.footer-widget-area .gform_wrapper form {
    display: flex;
    align-items: center;
    position: relative;
}

.footer-widget-area .gform_wrapper form .gform-footer {
    margin: 0;
    position: absolute;
    right: 0;
}

.footer-widget-area .gform_wrapper form .gform_fields input {
    padding-right: 120px;
    width: 100%;
}

.footer-widget-area .gform_wrapper form .gform-body {
    width: 100%;
}

.footer-widget-area .gform_wrapper form .gform-footer input#gform_submit_button_4 {
    padding: 12px 30px;
    height: 56px;
    border-radius: 10px;
    gap: 10px;
    background: #DBB88F;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #3F170D;
    outline: none;
}
.footer-widget-area-inner .gform-theme--framework .gform_validation_errors {
    display: none;
}
.footer-widget-area-inner .validation_message {
    position: absolute;
}
.footer-widget-area-inner .gform-theme--framework .gform-loader {
    position: absolute;
    left: 50%;
    transform: translateY(-50%);
    border-color: #3f170d;
}
/* .site-top-footer-inner-wrap .widget-area .footer-widget-area-inner div,
.site-top-footer-inner-wrap .footer-widget-area-inner p {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
} */

#block-13 h5:nth-of-type(2) {
    padding-top: 20px;
}

#block-14 h5:nth-of-type(2) {
    padding-top: 20px;
}

/* Blog Page CSS */
@media (min-width: 1400px) {
    .category-blogs .wrap .site-container {
        max-width: 1320px;
    }
}

.category-blogs .post-archive-title .archive-title {
    font-family: var(--font-primary);
    font-size: var(--font-size-60);
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 20px;
}

.category-blogs .entry.loop-entry {
    box-shadow: none;
}

.category-blogs .loop-entry .entry-content-wrap {
    padding: 16px 0;
}

.category-blogs .wp-site-blocks .post-thumbnail {
    display: block;
    height: 0;
    padding-bottom: 66.67%;
    overflow: hidden;
    position: relative;
    background: #EDEDED;
    border-radius: 20px;
}

.category-blogs .wp-site-blocks .post-thumbnail {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.category-blogs .entry.loop-entry:hover .post-thumbnail {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.category-blogs .loop-entry.type-post h2.entry-title {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 24px;
    line-height: 26.4px;
    letter-spacing: 0.02em;
    color: var(--secondary-color);

}

.category-blogs .loop-entry .entry-summary p,
.category-blogs .entry-actions .more-link-wrap {
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--primary-dark-color);

}

.category-blogs .entry-actions .more-link-wrap {
    font-weight: 600;
    color: var(--secondary-color);

}

nav.navigation.post-navigation {
    background: var(--primary-light-color);
    padding: 30px 30px;
    border-radius: 20px;
}

.post-navigation .nav-links .post-navigation-sub {
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 400;
    line-height: 26.4px;
    letter-spacing: 0.02em;
    color: var(--secondary-color);
}

.post-navigation .nav-previous a {
    font-family: var(--font-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--primary-dark-color);
}

.wp-site-blocks .post-title h1.entry-title {
    font-family: var(--font-primary);
    font-size: var(--font-size-60);
    font-weight: 400;
    line-height: 66px;

}

.single-post .entry.single-entry {
    box-shadow: none;
    padding-top: 80px;
}

.single-post .entry.single-entry .entry-content-wrap {
    padding: 0;
}

/* Product CSS */
.product-box {
    border-radius: 20px;
    overflow: hidden;
}

.product-box .product-content {
    background: var(--primary-light-color);
    padding: 20px;
    gap: 12px;
    justify-content: space-between;
}

.product-title-des {
    display: flex;
    align-items: center;
}

.product-title-des a {
    text-decoration: none;
    line-height: normal;
    font-weight: 400;
}

.product-title-des a .insights-title {
    font-family: Bebas Neue;
    font-size: 24px;
    font-weight: 400;
    line-height: 26.4px;
    letter-spacing: 0.02em;
}

.product-list-col h1 {
    font-family: var(--font-primary);
    font-size: var(--font-size-60);
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 20px;
    color: var(--secondary-color);
}
section.product-list-col {
    padding-bottom: 40px;
}

.product-img img {
    width: 100%;
}
section.product-list-col .row {
    row-gap: 30px;
}
/* Contact US */

.contact-title {
    font-weight: 400;
    font-size: clamp(28px, 3.75vw, 60px);
    line-height: 120%;
    font-family: var(--font-primary);
    color: var(--secondary-color);
    margin-bottom: 20px;
}

.contact-info p {
    font-family: var(--font-secondary);
    font-size: var(--font-size-com-para);
    font-weight: 400;
    line-height: 30px;
    color: var(--primary-dark-color);
}

.contact-info h4 {
    color: var(--secondary-color);
    font-family: var(--font-primary);
    font-size: var(--font-size-24);
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 120%;
}

.contact-form-container {
    background-color: var(--primary-light-color);
    padding: 30px;
    border-radius: 8px;
    height: 100%;
}
.contact-form-container .gform_confirmation_message {
    font-weight: 400;
    font-size: clamp(20px, 3.25vw, 32px);
    line-height: 120%;
    font-family: var(--font-primary);
    color: #3f170d;
}
.contact-form-container .gform-theme--framework .gform-field-label--type-inline a:hover,
.contact-form-container .gform-theme--framework .gform-field-label--type-inline a:focus {
    color: #3f170d !important;
}
@media (min-width: 640px) {
    .contact-form-container  .gform-theme--foundation .gfield--width-full.two-column  {
        grid-column: span 6;
    }
    .contact-form-container  .gform-theme--foundation #field_3_4 {
        grid-column: span 6;
    }
    
    .contact-form-container  .gform-theme--foundation #field_3_5 {
        grid-column: span 6;
    }
}
.form-label {
    font-weight: bold;
    color: #8B3E2F;
}

.form-control,
.form-select {
    background-color: white;
    border: 1px solid #8B3E2F;
}

.btn-quote {
    background-color: #8B3E2F;
    color: white;
    font-weight: bold;
    border: none;
    padding: 10px 20px;
}

.btn-quote:hover {
    background-color: #6C3B2A;
}

.social-icon a svg {
    width: 28px;
    height: 28px;
}
.gform-theme--foundation .gform_fields {
    row-gap: 16px !important;
}
label.gfield_label.gform-field-label {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #3F170D;
}
.gform-theme--foundation .gfield .ginput_password, .gform-theme--foundation .gfield input, .gform-theme--foundation .gfield select {
    max-inline-size: 100%;
    border-radius: 10px;
    border: none;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    height: 56px;
    padding-top: 16px;
    padding-bottom: 16px;
    color: #3F170D;
    width: 100%;
    inline-size: 100% !important;
}
.gform-theme--foundation .gfield .ginput_password.large,
 .gform-theme--foundation .gfield input.large, 
 .gform-theme--foundation .gfield select.large,.gform-theme--foundation .gfield textarea {
    border-radius: 10px;
    border: none;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    height: 56px;
    padding-top: 16px;
    padding-bottom: 16px;
    color: #3F170D;
    resize: none;
    outline: none;
}
.gform-theme--framework .gform-field-label--type-inline {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #3F170D;
}

.gform-theme--framework .gform-field-label--type-inline a {
    font-weight: 600;
}

.gform-theme--foundation .gfield input {
    border: none !important;
}
.contact-form-container input#gform_submit_button_3 {
    border-radius: 12px;
    gap: 10px;
    padding-top: 16px;
    padding-right: 30px;
    padding-bottom: 16px;
    padding-left: 30px;
    background: #89311D;
    color: #F4E9DC;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    outline: none;
}
.contact-form-container .gform-footer.gform_footer.top_label {
    justify-content: end;
    margin-top: 40px;
    position: relative;
}
.contact-form-container .gform-theme--framework .gform-loader {
    border: #fce4de;
    position: absolute;
    left: 50%;
    top: 50%;
}
.contact-form-container #gform_3_validation_container {
    display: none;
}
.contact-form-container h4 {
    font-weight: 400;
    font-size: clamp(24px, 3.25vw, 40px);
    line-height: 120%;
    font-family: var(--font-primary);
    color: var(--secondary-color);
}
.contact-form-container .gform_heading {
    display: none;
}
input#input_3_19 {
    padding: 0;
}
div#field_3_11 {
    margin-top: 24px;
}
/* Accordion CSS */

.faq-title {
    font-weight: 400;
    font-size: clamp(28px, 3.75vw, 60px);
    line-height: 120%;
    font-family: var(--font-primary);
    color: var(--secondary-color);
    text-align: center;
    margin-bottom: 40px;
}

.accordion-button {
    color: var(--secondary-color);
    font-weight: bold;
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
    color: var(--secondary-color);
}

.faq-section {
    background-color: var(--primary-light-color);
}

.contact-section p:empty {
    display: none;
}

.faq-section .accordion-item {
    background: var(--white-color);
    border-radius: 20px !important;
    border: 1px solid #3F170D !important;
    overflow: hidden;
    margin: 0;
    margin-bottom: 20px;
    padding: 20px 8px;
}

.faq-section .accordion-item .accordion-header .accordion-button {
    background: var(--white-color);
    color: var(--secondary-color);
    box-shadow: none;
    border: none;
    border-radius: unset;
    display: flex;
    align-items: center;
    font-family: var(--font-primary);
    font-size: var(--font-size-24);
    font-weight: 400;
    line-height: 28.8px;

}

.faq-section .accordion-item .accordion-header {
    margin-bottom: 0;
}

.faq-section .accordion-item .accordion-header .accordion-button.collapsed {
    background: transparent;
}

.faq-section .accordion-item .accordion-collapse.collapse.show {
    background: var(--white-color);
}

.faq-section .accordion-body {
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--primary-dark-color);
    padding-top: 0;
}

/* Product page css */
.whytext-section {
    background-color: var(--primary-dark-color);
    /* Dark brown background */
    color: var(--primary-light-color);
    /* Light text */
    padding: 60px 0;
    border-radius: 20px;
}

.whytext-heading {
    font-size: var(--font-size-60);
    font-weight: 500;
    color: var(--primary-light-color);
    line-height: 140%;
}
.whytext-text p,
.whytext-text {
    color: var(--primary-light-color);
    font-family: var(--font-secondary);
    font-size: var(--font-size-com-para);
    font-weight: 400;
    line-height: 150%;

}

.pallet-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.single-post .single-entry .posted-on {
    background: var(--primary-light-color);
    padding: 6px 12px;
    border-radius: 50px;
}

.single-post .single-entry .posted-on .published.updated {
    font-family: var(--font-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.wp-site-blocks .post-thumbnail:not(.kadence-thumbnail-ratio-inherit) img {
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.single-post .single-content p,
.single-post .single-content li {
    font-family: var(--font-secondary);
    font-size: var(--font-size-com-para);
    font-weight: 400;
    line-height: 30px;
}

.single-post .single-content h3 {
    font-family: var(--font-primary);
    font-size: var(--font-size-24);
    font-weight: 400;
    line-height: 26.4px;
    letter-spacing: 0.02em;
}

a.back-link {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-family: var(--font-secondary);
    text-decoration: none;
    margin-bottom: 20px;
}

a.back-link:hover {
    color: var(--primary-dark-color);
}

.pro-singleImg {
    background: radial-gradient(76.46% 76.46% at 50% 50%, #89311D 0%, #3F170D 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    border-radius: 20px;
    overflow: hidden;
}

.pro-singlepageContent h4 {
    color: var(--secondary-color);
    font-family: var(--font-primary);
    font-size: var(--font-size-24);
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 120%;
}

.pro-singlepageContent h3 {
    color: var(--secondary-color);
    font-family: var(--font-primary);
    font-size: var(--font-size-40);
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 120%;
}

.pro-singlepageContent p,
.pro-singlepageContent li {
    font-family: var(--font-secondary);
    font-size: var(--font-size-com-para);
    font-weight: 400;
    line-height: 150%;
    color: var(--primary-dark-color);
}
.pro-singlepageContent li{
    margin-bottom: 24px;
}
.pro-singlepageContent li:last-child{
    margin-bottom: 0;
}
.pro-singlepageContent p {
    margin-bottom: 40px;
}

.pro-singlepageContent p:last-child {
    margin-bottom: 0;
}

.title-pro .headingtext-section {
    font-weight: 400;
}


/* Media */
/* @media (max-width: 992px) {
    .mobile-hide{
        display: none;
    }
} */
@media (min-width: 600px) {
    .desktop-hide{
        display: none;
    }
}

@media (max-width: 992px) {
    body .full-width-text-section .position-absolute.bottom-0 {
        position: relative !important;
        transform: translateY(96px) translateX(110px);
        width: 100%;
        padding: 0;
    }
}
@media (max-width: 768px){
	.container .com-mis-card {
    padding: 30px !important;
	}
	.pro-singlepageContent {
    margin-top: 24px;
	}
	.dark-quote-icon {
    max-width: 48px;
    max-height: 48px;
}
	.testimonial-card {
    min-height: 395px !important;
}
	
 .testimonial-section .container .slick-dots {
	 display: flex;
	 justify-content: center;
	 margin: 0;
	 padding: 1rem 0;
	 list-style-type: none;
	 width: 100%;
	 left: 50%;
	 transform: translateX(-50%);
}
 .testimonial-section .container .slick-dots li {
	 margin: 0 0.25rem;
}
.testimonial-section .container .slick-dots button {
	 display: block;
	 width: 1rem;
	 height: 1rem;
	 padding: 0;
	 border: none;
	 border-radius: 100%;
	 background-color: rgb(63 23 13 / 20%);
	 text-indent: -9999px;
}
 .testimonial-section .container .slick-dots li.slick-active button {
	 background-color: #3F170D;
}
	
.author-disc {
    position: unset;
    padding-top: 25%;
}
}
@media (max-width: 600px) {
    .mobile-hide {
        display: none;
    }
   
    :root {
        --border-radius-40: 20px;
    }
    body .container,
    body .container-fluid,
    body .container-lg,
    body .container-md,
    body .container-sm,
    body .container-xl,
    body .container-xxl {
        padding-right: 20px;
        padding-left: 20px;

    }
    body .pt-5 {
        padding-top: 1.5rem !important;
    }
    section.hero {
        height: 400px;
    }

    .hero-banner-image {
        height: 100%;
        max-height: 400px;

    }
    section.hero .banner-mid-section {
        align-self: flex-end !important;
        padding-bottom: 40px;
    }
    .about-section .gx-5.row-gap-3 {
        flex-direction: column-reverse;
        row-gap: 40px !important;
    }
    .serv-content {
        padding: 10px 0;
    }
    .serv-content .icon-we-are svg {
        max-width: 36px;
        width: 100%;
    }
    .about-section.why-us-revers-col .flex-row-reverse {
        flex-direction: column-reverse !important;
    }
    .about-section.why-us-revers-col .we-are-col-content {
        padding: 24px;
        max-width: calc(100% - 50px);
        margin: 0 auto;
    }
    .comBanner-card {
        min-height: 400px;
    }
    section.about-section.builder-revers-col .flex-row-reverse {
        flex-direction: column-reverse !important;
        padding-top: 40px;
    }
    body .full-width-text-section {
        padding: 40px 0 !important;
    }
    body .full-width-text-section .position-absolute.bottom-0 {
        position: relative !important;
        transform: translateY(40px) translateX(20px);
    }
    body section.full-two-col-section.p-5 {
        padding: 40px 0 !important;
    }
    body .full-width-text-section .position-absolute img {
        max-width: 290px;
    }
    section.product-list-col .col-12.col-sm-6.col-md-6 {
        width: 50%;
    }
    section.product-list-col .row {
        row-gap: 30px;
    }
    .product-box .product-content .product-btn {
        display: none;
    }
    
    .product-box .product-content  .insights-title {
        font-size: 16px;
    }
    section.container.whytext-section {
        padding: 40px 24px !important;
        width: 90%;
        margin: 0 auto;
    }
  
    .pallet-img {
        max-width: 90%;
		padding-top: 30px;
    }   
    .testimonial-card .line-quote-icon svg {
        width: 80%;
        height: 100%;
        max-width: 130px;
    } 
.auth-img-col img {
    max-width: 48px;
    max-height: 48px;
}
	.com-para br{
		display:none;
	}
	
}