.elementor-22 .elementor-element.elementor-element-10a6a10{overflow:hidden;margin-top:0px;margin-bottom:0px;padding:0px 0px 91px 0px;}.elementor-22 .elementor-element.elementor-element-10a6a10 > .elementor-shape-top .elementor-shape-fill{fill:#6E2212;}.elementor-22 .elementor-element.elementor-element-10a6a10 > .elementor-shape-top svg{width:calc(121% + 1.3px);height:185px;}.elementor-22 .elementor-element.elementor-element-3b9e69f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:60px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-afa89c1{text-align:center;}.elementor-22 .elementor-element.elementor-element-afa89c1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:44px;font-weight:600;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}/* Start custom CSS for section, class: .elementor-element-b748739 *//* =========================================================
   PREMIUM PRODUCT DETAIL PANEL
========================================================= */

.product-details {
    width: 100%;
}


/* =========================================================
   PANEL
========================================================= */

.product-panel {
    position: relative;

    display: none !important;

    width: 100% !important;

    padding: 0 !important;

    animation: productPanelReveal .55s ease both;
}

.product-panel.active {
    display: block !important;
}


/* =========================================================
   IMAGE
========================================================= */

.product-panel .product-image {
    position: relative;

    width: 100%;

    margin: 0 0 27px !important;

    overflow: hidden;

    border-radius: 8px;
}


/* image */

.product-panel .product-image img {
    display: block !important;

    width: 100% !important;

    height: 380px !important;

    object-fit: cover !important;

    object-position: center;

    border-radius: 8px;

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

    transition:
        transform .6s ease,
        filter .4s ease;
}


/* image overlay */

.product-panel .product-image::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to bottom,
            transparent 55%,
            rgba(34, 14, 8, .18)
        );

    pointer-events: none;
}


/* image hover */

.product-panel:hover .product-image img {
    transform: scale(1.025);

    filter: saturate(1.04);
}


/* =========================================================
   PRODUCT TITLE
========================================================= */

.product-panel .product-title {
    position: relative;

    margin: 0 0 21px !important;

    padding: 0 0 16px !important;

    color: #241611 !important;

    font-size: 31px !important;

    line-height: 1.25 !important;

    font-weight: 600 !important;

    letter-spacing: .3px !important;
}


/* title line */

.product-panel .product-title::after {
    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 52px;

    height: 3px;

    background: #7b2a17;

    border-radius: 3px;

    transition: width .4s ease;
}


.product-panel:hover .product-title::after {
    width: 90px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.product-panel .product-description {
    position: relative;

    margin: 0 0 27px !important;

    padding: 17px 20px 17px 21px !important;

    background: #fffdfb;

    border: 1px solid rgba(123, 42, 23, .10);

    border-left: 3px solid #7b2a17;

    border-radius: 3px;
}


.product-panel .product-description::before {
    content: "DESCRIPTION";

    display: block;

    margin-bottom: 8px;

    color: #7b2a17;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;
}


.product-panel .product-description .elementor-text-editor {

    color: #625b56 !important;

    font-size: 14px !important;

    line-height: 1.8 !important;

    margin: 0 !important;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.product-panel .product-highlights {

    position: relative;

    margin: 0 0 28px !important;

    padding: 20px 22px 18px !important;

    background: #eee6df;

    border-radius: 6px;

    border: 1px solid rgba(123,42,23,.08);
}


/* heading generated before highlights */

.product-panel .product-highlights::before {

    content: "KEY HIGHLIGHTS";

    display: block;

    margin-bottom: 13px;

    color: #2d1b14;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2px;
}


/* highlights text */

.product-panel .product-highlights .elementor-text-editor {

    margin: 0 !important;

    color: #514943 !important;

    font-size: 13px !important;

    line-height: 1.9 !important;
}


/* each line */

.product-panel .product-highlights p {
    margin: 0 !important;
}


/* =========================================================
   ENQUIRY BUTTON
========================================================= */

.product-panel .product-enquiry {
    margin-top: 3px !important;
}


.product-panel .product-enquiry .elementor-button {

    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 13px 23px !important;

    background: #7b2a17 !important;

    border: 1px solid #7b2a17 !important;

    border-radius: 4px !important;

    color: #ffffff !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    letter-spacing: .7px;

    text-transform: uppercase;

    overflow: hidden;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


/* button shine */

.product-panel .product-enquiry .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;

    left: -120%;

    width: 80%;

    height: 100%;

    background: rgba(255,255,255,.14);

    transform: skewX(-20deg);

    transition: left .5s ease;
}


.product-panel .product-enquiry .elementor-button:hover::before {
    left: 140%;
}


.product-panel .product-enquiry .elementor-button:hover {

    background: transparent !important;

    color: #7b2a17 !important;

    transform: translateY(-2px);
}


/* =========================================================
   PANEL DECORATION
========================================================= */

.product-panel::after {

    content: "";

    position: absolute;

    right: -55px;

    bottom: -55px;

    width: 130px;

    height: 130px;

    border: 1px solid rgba(123,42,23,.07);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes productPanelReveal {

    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .product-panel .product-image img {

        height: 330px !important;

    }


    .product-panel .product-title {

        font-size: 28px !important;

    }


    .product-panel .product-description .elementor-text-editor {

        font-size: 13px !important;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .product-panel {

        width: 100% !important;

        max-width: 100% !important;

    }


    /* Image */

    .product-panel .product-image {

        margin-bottom: 21px !important;

    }


    .product-panel .product-image img {

        width: 100% !important;

        height: 245px !important;

        border-radius: 6px;

    }


    /* Title */

    .product-panel .product-title {

        font-size: 24px !important;

        line-height: 1.3 !important;

        padding-bottom: 13px !important;

        margin-bottom: 18px !important;

    }


    /* Description */

    .product-panel .product-description {

        padding: 15px 16px !important;

        margin-bottom: 20px !important;

    }


    .product-panel .product-description .elementor-text-editor {

        font-size: 13px !important;

        line-height: 1.75 !important;

    }


    /* Highlights */

    .product-panel .product-highlights {

        padding: 17px 17px 16px !important;

        margin-bottom: 21px !important;

    }


    .product-panel .product-highlights .elementor-text-editor {

        font-size: 12.5px !important;

        line-height: 1.8 !important;

    }


    /* Button */

    .product-panel .product-enquiry .elementor-button {

        padding: 12px 20px !important;

        font-size: 11px !important;

    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 480px) {

    .product-panel .product-image img {

        height: 210px !important;

    }


    .product-panel .product-title {

        font-size: 21px !important;

    }


    .product-panel .product-description .elementor-text-editor {

        font-size: 12.5px !important;

    }


    .product-panel .product-highlights .elementor-text-editor {

        font-size: 12px !important;

    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-08f81d7 */.products-detail-section {
    position: relative !important;

    width: 100% !important;

    padding: 72px 5% 85px !important;

    background:
        linear-gradient(
            180deg,
            #f7f3ee 0%,
            #f2ebe4 100%
        ) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* Background circles */

.products-detail-section::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -280px;
    top: -280px;

    border: 1px solid rgba(123,42,23,.10);

    border-radius: 50%;

    pointer-events: none;
}


.products-detail-section::after {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    left: -170px;
    bottom: -170px;

    border: 1px solid rgba(123,42,23,.07);

    border-radius: 50%;

    pointer-events: none;
}


/* 
   MAIN 2 COLUMN STRUCTURE
 */

.products-detail-section > .elementor-container {
    position: relative !important;

    z-index: 2;

    width: 100% !important;

    max-width: 1180px !important;

    margin: 0 auto !important;

    display: flex !important;

    align-items: flex-start !important;

    gap: 55px !important;
}


/*
   LEFT PRODUCT MENU
= */

.products-detail-section .product-menu {

    width: 25% !important;

    flex: 0 0 25% !important;

    padding: 0 !important;

    position: sticky;

    top: 30px;
}


/* Menu small heading */

.products-detail-section .product-menu::before {

    content: "OUR PRODUCTS";

    display: block;

    margin-bottom: 12px;

    color: #8c6a5d;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3px;
}


/* Small line */

.products-detail-section .product-menu::after {

    content: "";

    display: block;

    width: 42px;

    height: 2px;

    margin: -3px 0 18px;

    background: #7b2a17;
}


/* =
   PRODUCT LINKS
*/

.products-detail-section .product-link {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 17px 20px !important;

    background: transparent !important;

    border-bottom: 1px solid rgba(123,42,23,.13);

    box-sizing: border-box !important;

    cursor: pointer;

    transition:
        background .3s ease,
        padding .3s ease,
        border-color .3s ease;
}


.products-detail-section .product-link
.elementor-heading-title {

    margin: 0 !important;

    color: #6a605a !important;

    font-size: 14px !important;

    line-height: 1.4 !important;

    font-weight: 500 !important;

    transition: color .3s ease;
}


/* Active bar */

.products-detail-section .product-link::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;
    bottom: 0;

    width: 3px;

    background: #7b2a17;

    transform: scaleY(0);

    transform-origin: center;

    transition: transform .3s ease;
}


/* Hover */

.products-detail-section .product-link:hover {

    padding-left: 27px !important;

    background: rgba(123,42,23,.055) !important;
}


.products-detail-section .product-link:hover
.elementor-heading-title {

    color: #7b2a17 !important;
}


/* Active */

.products-detail-section .product-link.active {

    background: #eaded6 !important;

    border-bottom-color: rgba(123,42,23,.18);
}


.products-detail-section .product-link.active::before {

    transform: scaleY(1);
}


.products-detail-section .product-link.active
.elementor-heading-title {

    color: #7b2a17 !important;

    font-weight: 700 !important;
}


/* 
   RIGHT AREA
 */

.products-detail-section .product-details {

    width: 75% !important;

    flex: 0 0 calc(75% - 55px) !important;

    padding: 0 !important;

    min-width: 0 !important;
}


/* =
   PRODUCT PANEL
== */

.products-detail-section .product-panel {

    display: none !important;

    position: relative !important;

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    animation: productDetailIn .5s ease both;
}


.products-detail-section .product-panel.active {

    display: block !important;
}


/* 
   IMAGE
 */

.products-detail-section .product-image {

    position: relative;

    width: 100% !important;

    margin: 0 0 30px !important;

    border-radius: 10px;

    overflow: hidden;

    background: #ddd;

    box-shadow:
        0 18px 40px rgba(48,25,15,.12);
}


.products-detail-section .product-image::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 6px;

    background: #7b2a17;

    z-index: 3;
}


.products-detail-section .product-image img {

    display: block !important;

    width: 100% !important;

    height: 390px !important;

    min-height: 0 !important;

    object-fit: cover !important;

    border-radius: 10px;

    transition: transform .7s ease;
}


.products-detail-section .product-panel:hover
.product-image img {

    transform: scale(1.025);
}


/* Image shade */

.products-detail-section .product-image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(24,10,5,.20)
        );

    pointer-events: none;

    z-index: 2;
}


/* ==
   PRODUCT TITLE
 */

.products-detail-section .product-title {

    margin: 0 0 22px !important;

    padding: 0 0 16px !important;

    color: #211611 !important;

    font-size: 32px !important;

    line-height: 1.2 !important;

    font-weight: 600 !important;

    letter-spacing: .2px !important;

    position: relative !important;
}


.products-detail-section .product-title::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 55px;
    height: 3px;

    border-radius: 4px;

    background: #7b2a17;

    transition: width .4s ease;
}


.products-detail-section .product-panel:hover
.product-title::after {

    width: 95px;
}


/* =========================================================
   DESCRIPTION CARD
========================================================= */

.products-detail-section .product-description {

    position: relative;

    margin: 0 0 24px !important;

    padding: 20px 22px 20px 25px !important;

    background: #fffdfb !important;

    border: 1px solid rgba(123,42,23,.10) !important;

    border-left: 3px solid #7b2a17 !important;

    border-radius: 6px;

    box-sizing: border-box;
}


.products-detail-section .product-description::before {

    content: "DESCRIPTION";

    display: block;

    margin-bottom: 9px;

    color: #7b2a17;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;
}


.products-detail-section .product-description
.elementor-text-editor {

    margin: 0 !important;

    color: #625953 !important;

    font-size: 14px !important;

    line-height: 1.8 !important;
}


/* =================
   HIGHLIGHTS
*/

.products-detail-section .product-highlights {

    position: relative;

    margin: 0 0 25px !important;

    padding: 22px 23px !important;

    background: #e8ddd4 !important;

    border: 1px solid rgba(123,42,23,.10) !important;

    border-radius: 7px;

    box-sizing: border-box;
}


.products-detail-section .product-highlights::before {

    content: "KEY HIGHLIGHTS";

    display: block;

    margin-bottom: 13px;

    color: #35170e;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;
}


.products-detail-section .product-highlights
.elementor-text-editor {

    margin: 0 !important;

    color: #554943 !important;

    font-size: 13px !important;

    line-height: 1.85 !important;
}


/* Each line */

.products-detail-section .product-highlights p {

    margin: 0 0 4px !important;
}


/* 
   ENQUIRE BUTTON
*/

.products-detail-section .product-enquiry {

    margin: 0 !important;
}


.products-detail-section .product-enquiry .elementor-button {

    position: relative;

    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    padding: 13px 24px !important;

    background: #7b2a17 !important;

    color: #fff !important;

    border: 1px solid #7b2a17 !important;

    border-radius: 4px !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    letter-spacing: .8px !important;

    text-transform: uppercase;

    overflow: hidden;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.products-detail-section .product-enquiry
.elementor-button::before {

    content: "";

    position: absolute;

    left: -110%;
    top: 0;

    width: 75%;
    height: 100%;

    background: rgba(255,255,255,.15);

    transform: skewX(-20deg);

    transition: left .5s ease;
}


.products-detail-section .product-enquiry
.elementor-button:hover::before {

    left: 140%;
}


.products-detail-section .product-enquiry
.elementor-button:hover {

    background: transparent !important;

    color: #7b2a17 !important;

    transform: translateY(-2px);
}


/* =========================================================
   PANEL DECOR
========================================================= */

.products-detail-section .product-panel::after {

    content: "";

    position: absolute;

    right: -50px;

    bottom: -70px;

    width: 160px;

    height: 160px;

    border: 1px solid rgba(123,42,23,.06);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes productDetailIn {

    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .products-detail-section {

        padding: 62px 5% 70px !important;

    }


    .products-detail-section > .elementor-container {

        gap: 35px !important;

    }


    .products-detail-section .product-menu {

        width: 30% !important;

        flex-basis: 30% !important;

    }


    .products-detail-section .product-details {

        width: 70% !important;

        flex-basis: calc(70% - 35px) !important;

    }


    .products-detail-section .product-image img {

        height: 320px !important;

    }


    .products-detail-section .product-title {

        font-size: 28px !important;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .products-detail-section {

        padding: 48px 18px 58px !important;

    }


    .products-detail-section::before {

        width: 280px;
        height: 280px;

        right: -150px;
        top: -150px;

    }


    /* Main */

    .products-detail-section > .elementor-container {

        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

    }


    /* Menu */

    .products-detail-section .product-menu {

        position: relative !important;

        top: auto !important;

        width: 100% !important;

        max-width: 100% !important;

        margin-bottom: 28px !important;

    }


    .products-detail-section .product-menu::before {

        margin-bottom: 10px;

    }


    /* 2 x 2 buttons */

    .products-detail-section .product-link {

        display: flex !important;

        align-items: center !important;

        min-height: 46px;

        padding: 11px 13px !important;

        background: #fffdfb !important;

        border: 1px solid rgba(123,42,23,.10);

        border-radius: 4px;

        margin-bottom: 7px !important;

    }


    .products-detail-section .product-link
    .elementor-heading-title {

        font-size: 13px !important;

    }


    .products-detail-section .product-link.active {

        background: #7b2a17 !important;

    }


    .products-detail-section .product-link.active
    .elementor-heading-title {

        color: #fff !important;

    }


    /* remove desktop accent */

    .products-detail-section .product-link::before {

        display: none;

    }


    .products-detail-section .product-link:hover {

        padding-left: 16px !important;

    }


    /* Details */

    .products-detail-section .product-details {

        width: 100% !important;

        max-width: 100% !important;

        flex: none !important;

    }


    /* Image */

    .products-detail-section .product-image {

        margin-bottom: 22px !important;

        border-radius: 7px;

    }


    .products-detail-section .product-image img {

        width: 100% !important;

        height: 245px !important;

        border-radius: 7px;

    }


    /* Title */

    .products-detail-section .product-title {

        font-size: 24px !important;

        line-height: 1.25 !important;

        margin-bottom: 18px !important;

    }


    /* Description */

    .products-detail-section .product-description {

        padding: 17px 17px 17px 19px !important;

        margin-bottom: 18px !important;

    }


    .products-detail-section .product-description
    .elementor-text-editor {

        font-size: 13px !important;

        line-height: 1.75 !important;

    }


    /* Highlights */

    .products-detail-section .product-highlights {

        padding: 18px 18px 17px !important;

        margin-bottom: 19px !important;

    }


    .products-detail-section .product-highlights
    .elementor-text-editor {

        font-size: 12.5px !important;

        line-height: 1.8 !important;

    }


    /* Button */

    .products-detail-section .product-enquiry
    .elementor-button {

        padding: 12px 20px !important;

    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 480px) {

    .products-detail-section {

        padding: 42px 15px 50px !important;

    }


    .products-detail-section .product-menu {

        margin-bottom: 23px !important;

    }


    .products-detail-section .product-link {

        min-height: 43px;

        padding: 10px 10px !important;

        margin-bottom: 6px !important;

    }


    .products-detail-section .product-link
    .elementor-heading-title {

        font-size: 12px !important;

    }


    .products-detail-section .product-image img {

        height: 205px !important;

    }


    .products-detail-section .product-title {

        font-size: 21px !important;

    }


    .products-detail-section .product-description
    .elementor-text-editor {

        font-size: 12.5px !important;

    }


    .products-detail-section .product-highlights
    .elementor-text-editor {

        font-size: 12px !important;

    }

}
/* =========================================
   PRODUCT PANEL VISIBILITY
========================================= */

.product-panel {
    display: none !important;
}

.product-panel.active {
    display: block !important;
}/* End custom CSS */