.elementor-6 .elementor-element.elementor-element-0d73a76{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#CACACAA3;--border-color:#CACACAA3;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-0d73a76:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-0d73a76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fabrics.comfortekchairs.com/wp-content/uploads/2026/09/ComforTek-Fabrics-HERO-V2-scaled.webp");}.elementor-6 .elementor-element.elementor-element-26c4f0d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:50px;--padding-right:70px;}.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-6 .elementor-element.elementor-element-0f018d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;}.elementor-6 .elementor-element.elementor-element-0f018d2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:300;line-height:1.1em;color:#7E7E7E;}.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-6 .elementor-element.elementor-element-13b6489{width:var( --container-widget-width, 575px );max-width:575px;--container-widget-width:575px;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;line-height:1.45em;}.elementor-6 .elementor-element.elementor-element-6c598ee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--flex-wrap:nowrap;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-6c598ee.e-con{--align-self:stretch;}.elementor-6 .elementor-element.elementor-element-c62e741{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 2px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:2px;border-color:#F0F0F0;--border-color:#F0F0F0;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-d7fabe1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-d7fabe1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.1em;font-weight:600;text-transform:uppercase;color:#58595B;}.elementor-6 .elementor-element.elementor-element-c20be93{font-family:"Poppins", Sans-serif;font-size:0.85em;font-weight:500;color:#929292;}.elementor-6 .elementor-element.elementor-element-6592512{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;font-family:"Roboto", Sans-serif;font-size:0.95em;font-weight:400;}.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 );}.elementor-6 .elementor-element.elementor-element-4e4ecfcc .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;fill:#808080;color:#808080;border-style:solid;border-width:2px 2px 2px 2px;border-color:#808080;border-radius:40px 40px 40px 40px;}.elementor-6 .elementor-element.elementor-element-4e4ecfcc{--e-transform-translateY:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-4e4ecfcc:hover{--e-transform-translateY:-4px;}.elementor-6 .elementor-element.elementor-element-4e4ecfcc .elementor-button:hover, .elementor-6 .elementor-element.elementor-element-4e4ecfcc .elementor-button:focus{color:#58595B;}.elementor-6 .elementor-element.elementor-element-4e4ecfcc .elementor-button:hover svg, .elementor-6 .elementor-element.elementor-element-4e4ecfcc .elementor-button:focus svg{fill:#58595B;}.elementor-6 .elementor-element.elementor-element-a99c9cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 2px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:2px;border-color:#F0F0F0;--border-color:#F0F0F0;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-4de6e78 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.1em;font-weight:600;text-transform:uppercase;color:#58595B;}.elementor-6 .elementor-element.elementor-element-e4d349f{font-family:"Poppins", Sans-serif;font-size:0.85em;font-weight:500;color:#929292;}.elementor-6 .elementor-element.elementor-element-510c64e{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;font-family:"Roboto", Sans-serif;font-size:0.95em;font-weight:400;}.elementor-6 .elementor-element.elementor-element-9bf62aa .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;fill:#808080;color:#808080;border-style:solid;border-width:2px 2px 2px 2px;border-color:#808080;border-radius:40px 40px 40px 40px;}.elementor-6 .elementor-element.elementor-element-9bf62aa{--e-transform-translateY:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-9bf62aa:hover{--e-transform-translateY:-4px;}.elementor-6 .elementor-element.elementor-element-9bf62aa .elementor-button:hover, .elementor-6 .elementor-element.elementor-element-9bf62aa .elementor-button:focus{color:#58595B;}.elementor-6 .elementor-element.elementor-element-9bf62aa .elementor-button:hover svg, .elementor-6 .elementor-element.elementor-element-9bf62aa .elementor-button:focus svg{fill:#58595B;}.elementor-6 .elementor-element.elementor-element-752907d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 2px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:2px;border-color:#F0F0F0;--border-color:#F0F0F0;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-cb9eab9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-cb9eab9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.1em;font-weight:600;text-transform:uppercase;color:#58595B;}.elementor-6 .elementor-element.elementor-element-aa7b028{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Poppins", Sans-serif;font-size:0.85em;font-weight:500;color:#929292;}.elementor-6 .elementor-element.elementor-element-148303d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;font-family:"Roboto", Sans-serif;font-size:0.95em;font-weight:400;}.elementor-6 .elementor-element.elementor-element-45fb7c1 .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;fill:#808080;color:#808080;border-style:solid;border-width:2px 2px 2px 2px;border-color:#808080;border-radius:40px 40px 40px 40px;}.elementor-6 .elementor-element.elementor-element-45fb7c1{--e-transform-translateY:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-45fb7c1:hover{--e-transform-translateY:-4px;}.elementor-6 .elementor-element.elementor-element-45fb7c1 .elementor-button:hover, .elementor-6 .elementor-element.elementor-element-45fb7c1 .elementor-button:focus{color:#58595B;}.elementor-6 .elementor-element.elementor-element-45fb7c1 .elementor-button:hover svg, .elementor-6 .elementor-element.elementor-element-45fb7c1 .elementor-button:focus svg{fill:#58595B;}.elementor-6 .elementor-element.elementor-element-df17045{--display:flex;}.elementor-6 .elementor-element.elementor-element-2d6cd5d{--display:flex;}.elementor-6 .elementor-element.elementor-element-682141f{--display:flex;}.elementor-6 .elementor-element.elementor-element-4641212{--display:flex;}.elementor-6 .elementor-element.elementor-element-c70e3ce{--display:flex;}.elementor-6 .elementor-element.elementor-element-720a471{--display:flex;}.elementor-6 .elementor-element.elementor-element-442c0eb2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#CACACAA3;--border-color:#CACACAA3;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-5be51242{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-8aa8a8e{--display:flex;--min-height:88vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:100;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-8aa8a8e:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-8aa8a8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fabrics.comfortekchairs.com/wp-content/uploads/2026/09/Church-BG-Yellow.webp");background-position:center left;background-repeat:no-repeat;background-size:contain;}.elementor-6 .elementor-element.elementor-element-8aa8a8e::before, .elementor-6 .elementor-element.elementor-element-8aa8a8e > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-8aa8a8e > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-8aa8a8e > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-8aa8a8e > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-8aa8a8e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-2446db6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:21px 21px;--row-gap:21px;--column-gap:21px;--overflow:hidden;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-6cd0e618{text-align:end;}.elementor-6 .elementor-element.elementor-element-6cd0e618 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:400;line-height:1.1em;letter-spacing:0px;color:#B1B1B1;}.elementor-6 .elementor-element.elementor-element-45a1a6fa{text-align:end;font-size:20px;line-height:1.4em;color:#B8B8B8;}.elementor-6 .elementor-element.elementor-element-4f258bc6{--e-transform-translateY:0px;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 1px 0px 0px;}.elementor-6 .elementor-element.elementor-element-4f258bc6:hover{--e-transform-translateY:-4px;}.elementor-6 .elementor-element.elementor-element-4f258bc6.elementor-element{--align-self:flex-start;}.elementor-6 .elementor-element.elementor-element-4f258bc6 .elementor-button{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-6 .elementor-element.elementor-element-4f258bc6 .elementor-button:hover, .elementor-6 .elementor-element.elementor-element-4f258bc6 .elementor-button:focus{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-4f258bc6 .elementor-button:hover svg, .elementor-6 .elementor-element.elementor-element-4f258bc6 .elementor-button:focus svg{fill:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-0d73a76:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-0d73a76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fabrics.comfortekchairs.com/wp-content/uploads/2026/09/Tablet-BG.webp");background-position:bottom left;}.elementor-6 .elementor-element.elementor-element-26c4f0d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:50px;}.elementor-6 .elementor-element.elementor-element-0f018d2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-0d73a76:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-0d73a76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fabrics.comfortekchairs.com/wp-content/uploads/2026/09/Mobile-2-BG.webp");}.elementor-6 .elementor-element.elementor-element-0d73a76{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-26c4f0d{--width:66%;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-6 .elementor-element.elementor-element-26c4f0d.e-con{--align-self:flex-end;}.elementor-6 .elementor-element.elementor-element-0f018d2 .elementor-heading-title{font-size:35px;}.elementor-6 .elementor-element.elementor-element-13b6489{font-size:14px;}.elementor-6 .elementor-element.elementor-element-8aa8a8e{--min-height:78vh;--padding-top:40px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-6 .elementor-element.elementor-element-8aa8a8e:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-8aa8a8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:58% 0px;}.elementor-6 .elementor-element.elementor-element-2446db6{--justify-content:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-6cd0e618 .elementor-heading-title{font-size:44px;}.elementor-6 .elementor-element.elementor-element-45a1a6fa{font-size:18px;}}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-26c4f0d{--width:50%;}.elementor-6 .elementor-element.elementor-element-6c598ee{--width:100%;}.elementor-6 .elementor-element.elementor-element-c62e741{--width:33%;}.elementor-6 .elementor-element.elementor-element-a99c9cc{--width:33%;}.elementor-6 .elementor-element.elementor-element-752907d{--width:33%;}.elementor-6 .elementor-element.elementor-element-2446db6{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6 .elementor-element.elementor-element-26c4f0d{--width:45%;}}/* Start custom CSS for container, class: .elementor-element-0d73a76 *//* =========================================
   CTS FABRICS - HOME HERO
========================================= */

.elementor-6 .elementor-element.elementor-element-0d73a76 {
    width: 100%;
    min-height: 520px;

    background-repeat: no-repeat !important;

    /*
     * Slightly smaller than cover so the
     * yellow chair stays fully visible.
     */
    background-size: 96% auto !important;

    /*
     * Keep image aligned toward the top-left
     * while preserving the clean copy area.
     */
    background-position: left top !important;

    background-color: #ffffff;

    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1441px) {

    .elementor-6 .elementor-element.elementor-element-0d73a76 {
        min-height: 520px;
        background-size: 96% auto !important;
        background-position: left top !important;
    }

}


/* =========================================
   STANDARD DESKTOP
========================================= */

@media (min-width: 1025px) and (max-width: 1440px) {

    .elementor-6 .elementor-element.elementor-element-0d73a76 {
        min-height: 500px;
        background-size: 98% auto !important;
        background-position: left top !important;
    }

}


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

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-6 .elementor-element.elementor-element-0d73a76 {
        min-height: 440px;

        background-size: auto 100% !important;
        background-position: 25% top !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-6 .elementor-element.elementor-element-0d73a76 {
        min-height: 360px;

        background-size: auto 100% !important;
        background-position: 18% top !important;
    }

}


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

@media (max-width: 480px) {

    .elementor-6 .elementor-element.elementor-element-0d73a76 {
        min-height: 330px;

        background-size: auto 100% !important;
        background-position: 15% top !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c598ee *//* =========================================
   FABRIC INTRO SECTION
   Equal-height cards + aligned buttons
========================================= */


/* =========================================
   OUTER 4-COLUMN CONTAINER
========================================= */

.elementor-6 .elementor-element.elementor-element-6c598ee {
    width: 90% !important;
    max-width: 1440px;
    margin-left: auto !important;
    margin-right: auto !important;

    display: flex;
    align-items: stretch !important;

    /* Controls space below cards before next section */
    margin-bottom: -40px !important;
}


/* =========================================
   INDIVIDUAL CARDS
========================================= */

.fabric-intro-card {
    display: flex !important;
    flex-direction: column !important;

    height: auto !important;
    align-self: stretch !important;

    gap: 0 !important;
}


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

.fabric-intro-card .elementor-widget-heading {
    margin: 0 !important;
}

.fabric-intro-card .elementor-heading-title {
    margin: 0 !important;
    line-height: 1.2;
}


/* =========================================
   SUBTITLE
========================================= */

.fabric-intro-card .fabric-intro-subtitle {
    margin: 4px 0 0 !important;
}

.fabric-intro-card .fabric-intro-subtitle p {
    margin: 0 !important;
    line-height: 1.4;
}


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

.fabric-intro-card .fabric-intro-copy {
    margin: 24px 0 0 !important;
}

.fabric-intro-card .fabric-intro-copy p {
    margin: 0 !important;
    line-height: 1.55;
}


/* =========================================
   BUTTON
   Pushes every button to bottom
========================================= */

.fabric-intro-card .elementor-widget-button {
    margin-top: auto !important;
    padding-top: 22px;
}


/* =========================================
   BUTTON HOVER
========================================= */

.fabric-intro-card .elementor-button {
    transition:
        transform .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease;
}

.fabric-intro-card .elementor-button:hover {
    transform: translateY(-1px);
}


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

@media (max-width: 1024px) {

    .elementor-6 .elementor-element.elementor-element-6c598ee {
        width: 90% !important;
        margin-bottom: -25px !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-6 .elementor-element.elementor-element-6c598ee {
        width: 90% !important;

        display: flex;
        flex-direction: column;

        margin-bottom: 0 !important;
    }

    .fabric-intro-card {
        height: auto !important;
    }

    .fabric-intro-card .elementor-widget-button {
        margin-top: 0 !important;
        padding-top: 20px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df17045 *//* ========================================
   COMFORTEK FRAME LIBRARY
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 #ct-frame-library {
    width: 100%;

    font-family:
        "Poppins",
        sans-serif;

    color:
        #4f575b;
}


/* ========================================
   FRAME CARD
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-card {
    width: 100%;

    margin-bottom: 16px;

    background:
        #fff;

    border:
        1px solid #e8e8e8;

    border-radius:
        8px;

    overflow:
        hidden;

    box-sizing:
        border-box;
}


/* ========================================
   FRAME HEADING
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-heading,
.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-heading[type="button"] {
    width: 100%;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 20px;

    margin: 0;

    padding:
        17px 28px;

    border:
        0 !important;

    border-bottom:
        1px solid #eceeef !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    cursor:
        pointer;

    text-align:
        left;

    font-family:
        "Poppins",
        sans-serif;

    color:
        #555;
}


/* ========================================
   HEADING LEFT
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-heading-text {
    display:
        flex;

    align-items:
        baseline;

    gap:
        8px;
}


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

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-title {
    color:
        #555;

    font-size:
        12px;

    font-weight:
        500;

    line-height:
        1.2;

    letter-spacing:
        1px;

    text-transform:
        uppercase;
}


/* ========================================
   COUNT
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-count {
    color:
        #999;

    font-size:
        11px;

    font-weight:
        400;

    line-height:
        1.2;
}


/* ========================================
   ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-arrow {
    width:
        18px;

    height:
        18px;

    flex:
        0 0 18px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #777;

    transition:
        transform .25s ease;
}


.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-arrow svg {
    width:
        16px;

    height:
        16px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/* ========================================
   CLOSED ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-closed
.ct-frame-arrow {
    transform:
        rotate(180deg);
}


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

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-panel {
    max-height:
        5000px;

    overflow:
        hidden;

    opacity:
        1;

    padding:
        30px 36px 42px;

    transition:
        max-height .35s ease,
        opacity .25s ease,
        padding .30s ease;
}


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

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-closed
.ct-frame-panel {
    max-height:
        0;

    opacity:
        0;

    padding-top:
        0;

    padding-bottom:
        0;
}


/* ========================================
   LOADING / STATUS
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-status {
    margin-bottom:
        20px;

    color:
        #777;

    font-size:
        12px;

    line-height:
        1.4;
}


/* ========================================
   FRAME GRID

   DESKTOP = 6 PER ROW
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-swatches {
    width:
        100%;

    display:
        grid;

    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        );

    column-gap:
        36px;

    row-gap:
        42px;

    align-items:
        start;
}


/* ========================================
   FRAME BUTTON
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-item,
.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-item[type="button"],
.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-item:hover,
.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-item[type="button"]:hover,
.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-item:focus {
    width:
        100%;

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    font-family:
        "Poppins",
        sans-serif;

    text-align:
        center;

    cursor:
        pointer;
}


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

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-image-wrap {
    width:
        100%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        12px;
}


/* ========================================
   SQUARE FRAME SWATCH
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-image {
    display:
        block;

    width:
        160px;

    height:
        160px;

    min-width:
        160px;

    min-height:
        160px;

    max-width:
        160px;

    max-height:
        160px;

    aspect-ratio:
        1 / 1;

    object-fit:
        cover;

    padding:
        0;

    margin:
        0;

    border:
        1px solid #d8dadd;

    border-radius:
        4px;

    background:
        #eee;

    box-sizing:
        border-box;

    box-shadow:
        0 1px 3px
        rgba(0,0,0,.08);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


/* ========================================
   FRAME HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-item:hover
.ct-frame-image {
    transform:
        translateY(-3px);

    border-color:
        #aeb3b6;

    box-shadow:
        0 5px 14px
        rgba(0,0,0,.13);
}


/* ========================================
   FRAME NAME
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-name {
    display:
        block;

    width:
        100%;

    max-width:
        160px;

    color:
        #555;

    font-size:
        12px;

    font-weight:
        400;

    line-height:
        1.4;

    text-align:
        center;

    overflow-wrap:
        break-word;
}


/* ========================================
   HEADING HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-heading:hover {
    background:
        #fafafa !important;
}


/* ========================================
   FOCUS
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-heading:focus-visible {
    outline:
        2px solid #4f7896 !important;

    outline-offset:
        -4px;
}


.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-item:focus-visible
.ct-frame-image {
    outline:
        2px solid #4f7896;

    outline-offset:
        4px;
}


/* ========================================
   ERROR
======================================== */

.elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-error {
    color:
        #a33;
}


/* ========================================
   SMALL DESKTOP
   STILL 6 COLUMNS
======================================== */

@media (max-width: 1200px) {

    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-panel {
        padding:
            26px 28px 36px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-swatches {
        grid-template-columns:
            repeat(
                6,
                minmax(0, 1fr)
            );

        column-gap:
            24px;

        row-gap:
            36px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-image {
        width:
            135px;

        height:
            135px;

        min-width:
            135px;

        min-height:
            135px;

        max-width:
            135px;

        max-height:
            135px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-name {
        max-width:
            135px;
    }

}


/* ========================================
   TABLET
   4 COLUMNS
======================================== */

@media (max-width: 1024px) {

    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-heading {
        padding:
            16px 22px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-panel {
        padding:
            24px 24px 30px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-swatches {
        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            );

        column-gap:
            26px;

        row-gap:
            34px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-image {
        width:
            125px;

        height:
            125px;

        min-width:
            125px;

        min-height:
            125px;

        max-width:
            125px;

        max-height:
            125px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-name {
        max-width:
            125px;

        font-size:
            11px;
    }

}


/* ========================================
   MOBILE
   2 COLUMNS
======================================== */

@media (max-width: 767px) {

    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-card {
        margin-bottom:
            10px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-heading {
        padding:
            15px 16px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-panel {
        padding:
            20px 16px 26px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-swatches {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        column-gap:
            20px;

        row-gap:
            28px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-image {
        width:
            120px;

        height:
            120px;

        min-width:
            120px;

        min-height:
            120px;

        max-width:
            120px;

        max-height:
            120px;
    }


    .elementor-6 .elementor-element.elementor-element-df17045 .ct-frame-name {
        max-width:
            120px;

        font-size:
            11px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d6cd5d *//* ========================================
   COMFORTEK FABRIC LIBRARY
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d #ct-fabric-library {
    width: 100%;
    font-family: "Poppins", sans-serif;
    color: #4f575b;
}


/* ========================================
   STATUS
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d #ct-fabric-status {
    margin-bottom: 20px;

    color: #777;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}


/* ========================================
   FAMILY CARD
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-family {
    width: 100%;

    margin-bottom: 16px;

    background: #fff;

    border: 1px solid #e8e8e8;
    border-radius: 8px;

    overflow: hidden;

    box-sizing: border-box;
}


/* ========================================
   FAMILY HEADING
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-heading,
.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-heading[type="button"] {
    width: 100%;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin: 0;

    padding: 17px 28px;

    /*
     * Thin divider between the
     * family information and swatches.
     */
    border: 0 !important;
    border-bottom: 1px solid #eceeef !important;

    border-radius: 0 !important;

    background: transparent !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    box-shadow: none !important;
    transform: none !important;

    cursor: pointer;

    text-align: left;

    font-family:
        "Poppins",
        sans-serif;

    color: #555;
}


/* ========================================
   HEADING LEFT
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-heading-text {
    display: flex;

    align-items: baseline;

    gap: 8px;
}


/* ========================================
   FAMILY NAME
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-name {
    color: #555;

    font-size: 12px;
    font-weight: 500;

    line-height: 1.2;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* ========================================
   COLOR COUNT
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-count {
    color: #999;

    font-size: 11px;
    font-weight: 400;

    line-height: 1.2;

    letter-spacing: 0;

    text-transform: none;
}


/* ========================================
   ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-arrow {
    width: 18px;
    height: 18px;

    flex: 0 0 18px;

    display: flex;

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

    color: #777;

    transition:
        transform .25s ease;
}


.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-arrow svg {
    width: 16px;
    height: 16px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ========================================
   CLOSED ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-closed
.ct-family-arrow {
    transform: rotate(180deg);
}


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

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-panel {
    max-height: 10000px;

    overflow: hidden;

    opacity: 1;

    /*
     * Equal left/right padding
     */
    padding:
        30px 36px 42px;

    transition:
        max-height .35s ease,
        opacity .25s ease,
        padding .30s ease;
}


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

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-closed
.ct-family-panel {
    max-height: 0;

    opacity: 0;

    padding-top: 0;
    padding-bottom: 0;
}


/* ========================================
   SWATCH GRID

   DESKTOP = 6 PER ROW
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-swatches {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    column-gap: 36px;

    row-gap: 42px;

    align-items: start;
}


/* ========================================
   FABRIC BUTTON
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-item,
.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-item[type="button"],
.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-item:hover,
.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-item[type="button"]:hover,
.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-item:focus {
    width: 100%;

    min-width: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 !important;

    margin: 0 !important;

    border: 0 !important;

    background:
        transparent !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    font-family:
        "Poppins",
        sans-serif;

    text-align: center;

    cursor: pointer;
}


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

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-image-wrap {
    width: 100%;

    display: flex;

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

    margin-bottom: 12px;
}


/* ========================================
   SQUARE FABRIC SWATCH
   160 × 160PX
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-image {
    display: block;

    width: 160px;
    height: 160px;

    min-width: 160px;
    min-height: 160px;

    max-width: 160px;
    max-height: 160px;

    aspect-ratio: 1 / 1;

    object-fit: cover;

    padding: 0;

    margin: 0;

    border:
        1px solid #d8dadd;

    /*
     * Subtle radius keeps it
     * looking like a material sample.
     */
    border-radius: 4px;

    background: #eee;

    box-sizing: border-box;

    box-shadow:
        0 1px 3px
        rgba(0,0,0,.08);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


/* ========================================
   SWATCH HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-item:hover
.ct-fabric-image {
    transform:
        translateY(-3px);

    border-color:
        #aeb3b6;

    box-shadow:
        0 5px 14px
        rgba(0,0,0,.13);
}


/* ========================================
   COLOR NAME
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-color {
    display: block;

    width: 100%;

    max-width: 160px;

    color: #555;

    font-size: 12px;
    font-weight: 400;

    line-height: 1.4;

    text-align: center;

    overflow-wrap: break-word;
}


/* ========================================
   FAMILY HEADING HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-heading:hover {
    background:
        #fafafa !important;
}


/* ========================================
   FOCUS
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-heading:focus-visible {
    outline:
        2px solid #4f7896 !important;

    outline-offset: -4px;
}


.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-item:focus-visible
.ct-fabric-image {
    outline:
        2px solid #4f7896;

    outline-offset: 4px;
}


/* ========================================
   ERROR
======================================== */

.elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-error {
    color: #a33;
}


/* ========================================
   SMALL DESKTOP / LAPTOP

   STILL 6 COLUMNS
======================================== */

@media (max-width: 1200px) {

    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-panel {
        padding:
            26px 28px 36px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-swatches {
        grid-template-columns:
            repeat(6, minmax(0, 1fr));

        column-gap: 24px;

        row-gap: 36px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-image {
        width: 135px;
        height: 135px;

        min-width: 135px;
        min-height: 135px;

        max-width: 135px;
        max-height: 135px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-color {
        max-width: 135px;
    }

}


/* ========================================
   TABLET
   4 COLUMNS
======================================== */

@media (max-width: 1024px) {

    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-heading {
        padding:
            16px 22px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-panel {
        padding:
            24px 24px 30px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-swatches {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        column-gap: 26px;

        row-gap: 34px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-image {
        width: 125px;
        height: 125px;

        min-width: 125px;
        min-height: 125px;

        max-width: 125px;
        max-height: 125px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-color {
        max-width: 125px;

        font-size: 11px;
    }

}


/* ========================================
   MOBILE
   2 COLUMNS
======================================== */

@media (max-width: 767px) {

    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-family {
        margin-bottom: 10px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-heading {
        padding:
            15px 16px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-panel {
        padding:
            20px 16px 26px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-family-swatches {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 20px;

        row-gap: 28px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-image {
        width: 120px;
        height: 120px;

        min-width: 120px;
        min-height: 120px;

        max-width: 120px;
        max-height: 120px;
    }


    .elementor-6 .elementor-element.elementor-element-2d6cd5d .ct-fabric-color {
        max-width: 120px;

        font-size: 11px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-682141f *//* ========================================
   COMFORTEK FABRIC LIBRARY
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f #ct-fabric-library {
    width: 100%;
    font-family: "Poppins", sans-serif;
    color: #4f575b;
}


/* ========================================
   STATUS
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f #ct-fabric-status {
    margin-bottom: 20px;

    color: #777;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}


/* ========================================
   FAMILY CARD
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-family {
    width: 100%;

    margin-bottom: 16px;

    background: #fff;

    border: 1px solid #e8e8e8;
    border-radius: 8px;

    overflow: hidden;

    box-sizing: border-box;
}


/* ========================================
   FAMILY HEADING
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-family-heading,
.elementor-6 .elementor-element.elementor-element-682141f .ct-family-heading[type="button"] {
    width: 100%;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin: 0;

    padding: 17px 28px;

    /*
     * Thin divider between the
     * family information and swatches.
     */
    border: 0 !important;
    border-bottom: 1px solid #eceeef !important;

    border-radius: 0 !important;

    background: transparent !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    box-shadow: none !important;
    transform: none !important;

    cursor: pointer;

    text-align: left;

    font-family:
        "Poppins",
        sans-serif;

    color: #555;
}


/* ========================================
   HEADING LEFT
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-family-heading-text {
    display: flex;

    align-items: baseline;

    gap: 8px;
}


/* ========================================
   FAMILY NAME
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-family-name {
    color: #555;

    font-size: 12px;
    font-weight: 500;

    line-height: 1.2;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* ========================================
   COLOR COUNT
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-family-count {
    color: #999;

    font-size: 11px;
    font-weight: 400;

    line-height: 1.2;

    letter-spacing: 0;

    text-transform: none;
}


/* ========================================
   ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-family-arrow {
    width: 18px;
    height: 18px;

    flex: 0 0 18px;

    display: flex;

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

    color: #777;

    transition:
        transform .25s ease;
}


.elementor-6 .elementor-element.elementor-element-682141f .ct-family-arrow svg {
    width: 16px;
    height: 16px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ========================================
   CLOSED ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-family-closed
.ct-family-arrow {
    transform: rotate(180deg);
}


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

.elementor-6 .elementor-element.elementor-element-682141f .ct-family-panel {
    max-height: 10000px;

    overflow: hidden;

    opacity: 1;

    /*
     * Equal left/right padding
     */
    padding:
        30px 36px 42px;

    transition:
        max-height .35s ease,
        opacity .25s ease,
        padding .30s ease;
}


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

.elementor-6 .elementor-element.elementor-element-682141f .ct-family-closed
.ct-family-panel {
    max-height: 0;

    opacity: 0;

    padding-top: 0;
    padding-bottom: 0;
}


/* ========================================
   SWATCH GRID

   DESKTOP = 6 PER ROW
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-family-swatches {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    column-gap: 36px;

    row-gap: 42px;

    align-items: start;
}


/* ========================================
   FABRIC BUTTON
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-item,
.elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-item[type="button"],
.elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-item:hover,
.elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-item[type="button"]:hover,
.elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-item:focus {
    width: 100%;

    min-width: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 !important;

    margin: 0 !important;

    border: 0 !important;

    background:
        transparent !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    font-family:
        "Poppins",
        sans-serif;

    text-align: center;

    cursor: pointer;
}


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

.elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-image-wrap {
    width: 100%;

    display: flex;

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

    margin-bottom: 12px;
}


/* ========================================
   SQUARE FABRIC SWATCH
   160 × 160PX
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-image {
    display: block;

    width: 160px;
    height: 160px;

    min-width: 160px;
    min-height: 160px;

    max-width: 160px;
    max-height: 160px;

    aspect-ratio: 1 / 1;

    object-fit: cover;

    padding: 0;

    margin: 0;

    border:
        1px solid #d8dadd;

    /*
     * Subtle radius keeps it
     * looking like a material sample.
     */
    border-radius: 4px;

    background: #eee;

    box-sizing: border-box;

    box-shadow:
        0 1px 3px
        rgba(0,0,0,.08);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


/* ========================================
   SWATCH HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-item:hover
.ct-fabric-image {
    transform:
        translateY(-3px);

    border-color:
        #aeb3b6;

    box-shadow:
        0 5px 14px
        rgba(0,0,0,.13);
}


/* ========================================
   COLOR NAME
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-color {
    display: block;

    width: 100%;

    max-width: 160px;

    color: #555;

    font-size: 12px;
    font-weight: 400;

    line-height: 1.4;

    text-align: center;

    overflow-wrap: break-word;
}


/* ========================================
   FAMILY HEADING HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-family-heading:hover {
    background:
        #fafafa !important;
}


/* ========================================
   FOCUS
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-family-heading:focus-visible {
    outline:
        2px solid #4f7896 !important;

    outline-offset: -4px;
}


.elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-item:focus-visible
.ct-fabric-image {
    outline:
        2px solid #4f7896;

    outline-offset: 4px;
}


/* ========================================
   ERROR
======================================== */

.elementor-6 .elementor-element.elementor-element-682141f .ct-error {
    color: #a33;
}


/* ========================================
   SMALL DESKTOP / LAPTOP

   STILL 6 COLUMNS
======================================== */

@media (max-width: 1200px) {

    .elementor-6 .elementor-element.elementor-element-682141f .ct-family-panel {
        padding:
            26px 28px 36px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-family-swatches {
        grid-template-columns:
            repeat(6, minmax(0, 1fr));

        column-gap: 24px;

        row-gap: 36px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-image {
        width: 135px;
        height: 135px;

        min-width: 135px;
        min-height: 135px;

        max-width: 135px;
        max-height: 135px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-color {
        max-width: 135px;
    }

}


/* ========================================
   TABLET
   4 COLUMNS
======================================== */

@media (max-width: 1024px) {

    .elementor-6 .elementor-element.elementor-element-682141f .ct-family-heading {
        padding:
            16px 22px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-family-panel {
        padding:
            24px 24px 30px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-family-swatches {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        column-gap: 26px;

        row-gap: 34px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-image {
        width: 125px;
        height: 125px;

        min-width: 125px;
        min-height: 125px;

        max-width: 125px;
        max-height: 125px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-color {
        max-width: 125px;

        font-size: 11px;
    }

}


/* ========================================
   MOBILE
   2 COLUMNS
======================================== */

@media (max-width: 767px) {

    .elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-family {
        margin-bottom: 10px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-family-heading {
        padding:
            15px 16px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-family-panel {
        padding:
            20px 16px 26px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-family-swatches {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 20px;

        row-gap: 28px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-image {
        width: 120px;
        height: 120px;

        min-width: 120px;
        min-height: 120px;

        max-width: 120px;
        max-height: 120px;
    }


    .elementor-6 .elementor-element.elementor-element-682141f .ct-fabric-color {
        max-width: 120px;

        font-size: 11px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4641212 *//* ========================================
   COMFORTEK FABRIC LIBRARY
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 #ct-fabric-library {
    width: 100%;
    font-family: "Poppins", sans-serif;
    color: #4f575b;
}


/* ========================================
   STATUS
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 #ct-fabric-status {
    margin-bottom: 20px;

    color: #777;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}


/* ========================================
   FAMILY CARD
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-family {
    width: 100%;

    margin-bottom: 16px;

    background: #fff;

    border: 1px solid #e8e8e8;
    border-radius: 8px;

    overflow: hidden;

    box-sizing: border-box;
}


/* ========================================
   FAMILY HEADING
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-heading,
.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-heading[type="button"] {
    width: 100%;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin: 0;

    padding: 17px 28px;

    /*
     * Thin divider between the
     * family information and swatches.
     */
    border: 0 !important;
    border-bottom: 1px solid #eceeef !important;

    border-radius: 0 !important;

    background: transparent !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    box-shadow: none !important;
    transform: none !important;

    cursor: pointer;

    text-align: left;

    font-family:
        "Poppins",
        sans-serif;

    color: #555;
}


/* ========================================
   HEADING LEFT
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-heading-text {
    display: flex;

    align-items: baseline;

    gap: 8px;
}


/* ========================================
   FAMILY NAME
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-name {
    color: #555;

    font-size: 12px;
    font-weight: 500;

    line-height: 1.2;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* ========================================
   COLOR COUNT
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-count {
    color: #999;

    font-size: 11px;
    font-weight: 400;

    line-height: 1.2;

    letter-spacing: 0;

    text-transform: none;
}


/* ========================================
   ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-arrow {
    width: 18px;
    height: 18px;

    flex: 0 0 18px;

    display: flex;

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

    color: #777;

    transition:
        transform .25s ease;
}


.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-arrow svg {
    width: 16px;
    height: 16px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ========================================
   CLOSED ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-closed
.ct-family-arrow {
    transform: rotate(180deg);
}


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

.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-panel {
    max-height: 10000px;

    overflow: hidden;

    opacity: 1;

    /*
     * Equal left/right padding
     */
    padding:
        30px 36px 42px;

    transition:
        max-height .35s ease,
        opacity .25s ease,
        padding .30s ease;
}


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

.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-closed
.ct-family-panel {
    max-height: 0;

    opacity: 0;

    padding-top: 0;
    padding-bottom: 0;
}


/* ========================================
   SWATCH GRID

   DESKTOP = 6 PER ROW
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-swatches {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    column-gap: 36px;

    row-gap: 42px;

    align-items: start;
}


/* ========================================
   FABRIC BUTTON
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-item,
.elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-item[type="button"],
.elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-item:hover,
.elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-item[type="button"]:hover,
.elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-item:focus {
    width: 100%;

    min-width: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 !important;

    margin: 0 !important;

    border: 0 !important;

    background:
        transparent !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    font-family:
        "Poppins",
        sans-serif;

    text-align: center;

    cursor: pointer;
}


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

.elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-image-wrap {
    width: 100%;

    display: flex;

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

    margin-bottom: 12px;
}


/* ========================================
   SQUARE FABRIC SWATCH
   160 × 160PX
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-image {
    display: block;

    width: 160px;
    height: 160px;

    min-width: 160px;
    min-height: 160px;

    max-width: 160px;
    max-height: 160px;

    aspect-ratio: 1 / 1;

    object-fit: cover;

    padding: 0;

    margin: 0;

    border:
        1px solid #d8dadd;

    /*
     * Subtle radius keeps it
     * looking like a material sample.
     */
    border-radius: 4px;

    background: #eee;

    box-sizing: border-box;

    box-shadow:
        0 1px 3px
        rgba(0,0,0,.08);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


/* ========================================
   SWATCH HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-item:hover
.ct-fabric-image {
    transform:
        translateY(-3px);

    border-color:
        #aeb3b6;

    box-shadow:
        0 5px 14px
        rgba(0,0,0,.13);
}


/* ========================================
   COLOR NAME
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-color {
    display: block;

    width: 100%;

    max-width: 160px;

    color: #555;

    font-size: 12px;
    font-weight: 400;

    line-height: 1.4;

    text-align: center;

    overflow-wrap: break-word;
}


/* ========================================
   FAMILY HEADING HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-heading:hover {
    background:
        #fafafa !important;
}


/* ========================================
   FOCUS
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-family-heading:focus-visible {
    outline:
        2px solid #4f7896 !important;

    outline-offset: -4px;
}


.elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-item:focus-visible
.ct-fabric-image {
    outline:
        2px solid #4f7896;

    outline-offset: 4px;
}


/* ========================================
   ERROR
======================================== */

.elementor-6 .elementor-element.elementor-element-4641212 .ct-error {
    color: #a33;
}


/* ========================================
   SMALL DESKTOP / LAPTOP

   STILL 6 COLUMNS
======================================== */

@media (max-width: 1200px) {

    .elementor-6 .elementor-element.elementor-element-4641212 .ct-family-panel {
        padding:
            26px 28px 36px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-family-swatches {
        grid-template-columns:
            repeat(6, minmax(0, 1fr));

        column-gap: 24px;

        row-gap: 36px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-image {
        width: 135px;
        height: 135px;

        min-width: 135px;
        min-height: 135px;

        max-width: 135px;
        max-height: 135px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-color {
        max-width: 135px;
    }

}


/* ========================================
   TABLET
   4 COLUMNS
======================================== */

@media (max-width: 1024px) {

    .elementor-6 .elementor-element.elementor-element-4641212 .ct-family-heading {
        padding:
            16px 22px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-family-panel {
        padding:
            24px 24px 30px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-family-swatches {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        column-gap: 26px;

        row-gap: 34px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-image {
        width: 125px;
        height: 125px;

        min-width: 125px;
        min-height: 125px;

        max-width: 125px;
        max-height: 125px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-color {
        max-width: 125px;

        font-size: 11px;
    }

}


/* ========================================
   MOBILE
   2 COLUMNS
======================================== */

@media (max-width: 767px) {

    .elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-family {
        margin-bottom: 10px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-family-heading {
        padding:
            15px 16px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-family-panel {
        padding:
            20px 16px 26px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-family-swatches {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 20px;

        row-gap: 28px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-image {
        width: 120px;
        height: 120px;

        min-width: 120px;
        min-height: 120px;

        max-width: 120px;
        max-height: 120px;
    }


    .elementor-6 .elementor-element.elementor-element-4641212 .ct-fabric-color {
        max-width: 120px;

        font-size: 11px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c70e3ce *//* ========================================
   COMFORTEK FABRIC LIBRARY
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce #ct-fabric-library {
    width: 100%;
    font-family: "Poppins", sans-serif;
    color: #4f575b;
}


/* ========================================
   STATUS
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce #ct-fabric-status {
    margin-bottom: 20px;

    color: #777;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}


/* ========================================
   FAMILY CARD
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-family {
    width: 100%;

    margin-bottom: 16px;

    background: #fff;

    border: 1px solid #e8e8e8;
    border-radius: 8px;

    overflow: hidden;

    box-sizing: border-box;
}


/* ========================================
   FAMILY HEADING
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-heading,
.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-heading[type="button"] {
    width: 100%;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin: 0;

    padding: 17px 28px;

    /*
     * Thin divider between the
     * family information and swatches.
     */
    border: 0 !important;
    border-bottom: 1px solid #eceeef !important;

    border-radius: 0 !important;

    background: transparent !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    box-shadow: none !important;
    transform: none !important;

    cursor: pointer;

    text-align: left;

    font-family:
        "Poppins",
        sans-serif;

    color: #555;
}


/* ========================================
   HEADING LEFT
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-heading-text {
    display: flex;

    align-items: baseline;

    gap: 8px;
}


/* ========================================
   FAMILY NAME
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-name {
    color: #555;

    font-size: 12px;
    font-weight: 500;

    line-height: 1.2;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* ========================================
   COLOR COUNT
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-count {
    color: #999;

    font-size: 11px;
    font-weight: 400;

    line-height: 1.2;

    letter-spacing: 0;

    text-transform: none;
}


/* ========================================
   ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-arrow {
    width: 18px;
    height: 18px;

    flex: 0 0 18px;

    display: flex;

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

    color: #777;

    transition:
        transform .25s ease;
}


.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-arrow svg {
    width: 16px;
    height: 16px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ========================================
   CLOSED ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-closed
.ct-family-arrow {
    transform: rotate(180deg);
}


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

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-panel {
    max-height: 10000px;

    overflow: hidden;

    opacity: 1;

    /*
     * Equal left/right padding
     */
    padding:
        30px 36px 42px;

    transition:
        max-height .35s ease,
        opacity .25s ease,
        padding .30s ease;
}


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

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-closed
.ct-family-panel {
    max-height: 0;

    opacity: 0;

    padding-top: 0;
    padding-bottom: 0;
}


/* ========================================
   SWATCH GRID

   DESKTOP = 6 PER ROW
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-swatches {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    column-gap: 36px;

    row-gap: 42px;

    align-items: start;
}


/* ========================================
   FABRIC BUTTON
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-item,
.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-item[type="button"],
.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-item:hover,
.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-item[type="button"]:hover,
.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-item:focus {
    width: 100%;

    min-width: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 !important;

    margin: 0 !important;

    border: 0 !important;

    background:
        transparent !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    font-family:
        "Poppins",
        sans-serif;

    text-align: center;

    cursor: pointer;
}


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

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-image-wrap {
    width: 100%;

    display: flex;

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

    margin-bottom: 12px;
}


/* ========================================
   SQUARE FABRIC SWATCH
   160 × 160PX
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-image {
    display: block;

    width: 160px;
    height: 160px;

    min-width: 160px;
    min-height: 160px;

    max-width: 160px;
    max-height: 160px;

    aspect-ratio: 1 / 1;

    object-fit: cover;

    padding: 0;

    margin: 0;

    border:
        1px solid #d8dadd;

    /*
     * Subtle radius keeps it
     * looking like a material sample.
     */
    border-radius: 4px;

    background: #eee;

    box-sizing: border-box;

    box-shadow:
        0 1px 3px
        rgba(0,0,0,.08);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


/* ========================================
   SWATCH HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-item:hover
.ct-fabric-image {
    transform:
        translateY(-3px);

    border-color:
        #aeb3b6;

    box-shadow:
        0 5px 14px
        rgba(0,0,0,.13);
}


/* ========================================
   COLOR NAME
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-color {
    display: block;

    width: 100%;

    max-width: 160px;

    color: #555;

    font-size: 12px;
    font-weight: 400;

    line-height: 1.4;

    text-align: center;

    overflow-wrap: break-word;
}


/* ========================================
   FAMILY HEADING HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-heading:hover {
    background:
        #fafafa !important;
}


/* ========================================
   FOCUS
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-heading:focus-visible {
    outline:
        2px solid #4f7896 !important;

    outline-offset: -4px;
}


.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-item:focus-visible
.ct-fabric-image {
    outline:
        2px solid #4f7896;

    outline-offset: 4px;
}


/* ========================================
   ERROR
======================================== */

.elementor-6 .elementor-element.elementor-element-c70e3ce .ct-error {
    color: #a33;
}


/* ========================================
   SMALL DESKTOP / LAPTOP

   STILL 6 COLUMNS
======================================== */

@media (max-width: 1200px) {

    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-panel {
        padding:
            26px 28px 36px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-swatches {
        grid-template-columns:
            repeat(6, minmax(0, 1fr));

        column-gap: 24px;

        row-gap: 36px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-image {
        width: 135px;
        height: 135px;

        min-width: 135px;
        min-height: 135px;

        max-width: 135px;
        max-height: 135px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-color {
        max-width: 135px;
    }

}


/* ========================================
   TABLET
   4 COLUMNS
======================================== */

@media (max-width: 1024px) {

    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-heading {
        padding:
            16px 22px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-panel {
        padding:
            24px 24px 30px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-swatches {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        column-gap: 26px;

        row-gap: 34px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-image {
        width: 125px;
        height: 125px;

        min-width: 125px;
        min-height: 125px;

        max-width: 125px;
        max-height: 125px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-color {
        max-width: 125px;

        font-size: 11px;
    }

}


/* ========================================
   MOBILE
   2 COLUMNS
======================================== */

@media (max-width: 767px) {

    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-family {
        margin-bottom: 10px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-heading {
        padding:
            15px 16px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-panel {
        padding:
            20px 16px 26px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-family-swatches {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 20px;

        row-gap: 28px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-image {
        width: 120px;
        height: 120px;

        min-width: 120px;
        min-height: 120px;

        max-width: 120px;
        max-height: 120px;
    }


    .elementor-6 .elementor-element.elementor-element-c70e3ce .ct-fabric-color {
        max-width: 120px;

        font-size: 11px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-720a471 *//* ========================================
   COMFORTEK FRAME LIBRARY
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 #ct-frame-library {
    width: 100%;

    font-family:
        "Poppins",
        sans-serif;

    color:
        #4f575b;
}


/* ========================================
   FRAME CARD
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-card {
    width: 100%;

    margin-bottom: 16px;

    background:
        #fff;

    border:
        1px solid #e8e8e8;

    border-radius:
        8px;

    overflow:
        hidden;

    box-sizing:
        border-box;
}


/* ========================================
   FRAME HEADING
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-heading,
.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-heading[type="button"] {
    width: 100%;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 20px;

    margin: 0;

    padding:
        17px 28px;

    border:
        0 !important;

    border-bottom:
        1px solid #eceeef !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    cursor:
        pointer;

    text-align:
        left;

    font-family:
        "Poppins",
        sans-serif;

    color:
        #555;
}


/* ========================================
   HEADING LEFT
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-heading-text {
    display:
        flex;

    align-items:
        baseline;

    gap:
        8px;
}


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

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-title {
    color:
        #555;

    font-size:
        12px;

    font-weight:
        500;

    line-height:
        1.2;

    letter-spacing:
        1px;

    text-transform:
        uppercase;
}


/* ========================================
   COUNT
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-count {
    color:
        #999;

    font-size:
        11px;

    font-weight:
        400;

    line-height:
        1.2;
}


/* ========================================
   ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-arrow {
    width:
        18px;

    height:
        18px;

    flex:
        0 0 18px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #777;

    transition:
        transform .25s ease;
}


.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-arrow svg {
    width:
        16px;

    height:
        16px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/* ========================================
   CLOSED ARROW
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-closed
.ct-frame-arrow {
    transform:
        rotate(180deg);
}


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

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-panel {
    max-height:
        5000px;

    overflow:
        hidden;

    opacity:
        1;

    padding:
        30px 36px 42px;

    transition:
        max-height .35s ease,
        opacity .25s ease,
        padding .30s ease;
}


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

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-closed
.ct-frame-panel {
    max-height:
        0;

    opacity:
        0;

    padding-top:
        0;

    padding-bottom:
        0;
}


/* ========================================
   LOADING / STATUS
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-status {
    margin-bottom:
        20px;

    color:
        #777;

    font-size:
        12px;

    line-height:
        1.4;
}


/* ========================================
   FRAME GRID

   DESKTOP = 6 PER ROW
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-swatches {
    width:
        100%;

    display:
        grid;

    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        );

    column-gap:
        36px;

    row-gap:
        42px;

    align-items:
        start;
}


/* ========================================
   FRAME BUTTON
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-item,
.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-item[type="button"],
.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-item:hover,
.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-item[type="button"]:hover,
.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-item:focus {
    width:
        100%;

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    font-family:
        "Poppins",
        sans-serif;

    text-align:
        center;

    cursor:
        pointer;
}


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

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-image-wrap {
    width:
        100%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        12px;
}


/* ========================================
   SQUARE FRAME SWATCH
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-image {
    display:
        block;

    width:
        160px;

    height:
        160px;

    min-width:
        160px;

    min-height:
        160px;

    max-width:
        160px;

    max-height:
        160px;

    aspect-ratio:
        1 / 1;

    object-fit:
        cover;

    padding:
        0;

    margin:
        0;

    border:
        1px solid #d8dadd;

    border-radius:
        4px;

    background:
        #eee;

    box-sizing:
        border-box;

    box-shadow:
        0 1px 3px
        rgba(0,0,0,.08);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


/* ========================================
   FRAME HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-item:hover
.ct-frame-image {
    transform:
        translateY(-3px);

    border-color:
        #aeb3b6;

    box-shadow:
        0 5px 14px
        rgba(0,0,0,.13);
}


/* ========================================
   FRAME NAME
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-name {
    display:
        block;

    width:
        100%;

    max-width:
        160px;

    color:
        #555;

    font-size:
        12px;

    font-weight:
        400;

    line-height:
        1.4;

    text-align:
        center;

    overflow-wrap:
        break-word;
}


/* ========================================
   HEADING HOVER
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-heading:hover {
    background:
        #fafafa !important;
}


/* ========================================
   FOCUS
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-heading:focus-visible {
    outline:
        2px solid #4f7896 !important;

    outline-offset:
        -4px;
}


.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-item:focus-visible
.ct-frame-image {
    outline:
        2px solid #4f7896;

    outline-offset:
        4px;
}


/* ========================================
   ERROR
======================================== */

.elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-error {
    color:
        #a33;
}


/* ========================================
   SMALL DESKTOP
   STILL 6 COLUMNS
======================================== */

@media (max-width: 1200px) {

    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-panel {
        padding:
            26px 28px 36px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-swatches {
        grid-template-columns:
            repeat(
                6,
                minmax(0, 1fr)
            );

        column-gap:
            24px;

        row-gap:
            36px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-image {
        width:
            135px;

        height:
            135px;

        min-width:
            135px;

        min-height:
            135px;

        max-width:
            135px;

        max-height:
            135px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-name {
        max-width:
            135px;
    }

}


/* ========================================
   TABLET
   4 COLUMNS
======================================== */

@media (max-width: 1024px) {

    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-heading {
        padding:
            16px 22px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-panel {
        padding:
            24px 24px 30px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-swatches {
        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            );

        column-gap:
            26px;

        row-gap:
            34px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-image {
        width:
            125px;

        height:
            125px;

        min-width:
            125px;

        min-height:
            125px;

        max-width:
            125px;

        max-height:
            125px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-name {
        max-width:
            125px;

        font-size:
            11px;
    }

}


/* ========================================
   MOBILE
   2 COLUMNS
======================================== */

@media (max-width: 767px) {

    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-card {
        margin-bottom:
            10px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-heading {
        padding:
            15px 16px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-panel {
        padding:
            20px 16px 26px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-swatches {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        column-gap:
            20px;

        row-gap:
            28px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-image {
        width:
            120px;

        height:
            120px;

        min-width:
            120px;

        min-height:
            120px;

        max-width:
            120px;

        max-height:
            120px;
    }


    .elementor-6 .elementor-element.elementor-element-720a471 .ct-frame-name {
        max-width:
            120px;

        font-size:
            11px;
    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4f258bc6 *//* =====================================================
   HERO CTA BUTTON
===================================================== */

/*
Add this CSS class to every Hero button:

hero-cta
*/

.hero-swiper .hero-cta .elementor-button{

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

    gap:16px;

    min-height:48px;
    padding:12px 30px;

    border:1.5px solid rgba(255,255,255,.90);
    border-radius:8px;

    background:rgba(0,0,0,.12);

    color:#fff;
    text-decoration:none;

    font-size:16px;
    font-weight:500;
    line-height:1.2;

    box-shadow:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;

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

/* Arrow */

.hero-swiper .hero-cta .elementor-button::after{

    content:"→";

    display:inline-block;

    font-size:18px;
    line-height:1;

    transform:translateX(0);

    transition:transform .25s ease;
}

/* Hover */

.hero-swiper .hero-cta .elementor-button:hover,
.hero-swiper .hero-cta .elementor-button:focus-visible{

    background:rgba(0,0,0,.28);
    border-color:#fff;
    color:#fff;
}

/* Arrow Animation */

.hero-swiper .hero-cta .elementor-button:hover::after,
.hero-swiper .hero-cta .elementor-button:focus-visible::after{

    transform:translateX(5px);
}

/* Keyboard Focus */

.hero-swiper .hero-cta .elementor-button:focus-visible{

    outline:2px solid #fff;
    outline-offset:3px;
}

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

@media (max-width:1024px){

.hero-swiper .hero-cta .elementor-button{

    min-height:46px;
    padding:11px 26px;
    font-size:15px;
    gap:14px;
}

}

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

@media (max-width:767px){

.hero-swiper .hero-cta .elementor-button{

    min-height:44px;
    padding:10px 22px;
    font-size:14px;
    gap:12px;
}

.hero-swiper .hero-cta .elementor-button::after{

    font-size:16px;
}

}

/* =====================================================
   TOUCH DEVICES
===================================================== */

@media (hover:none){

.hero-swiper .hero-cta .elementor-button{

    background:rgba(0,0,0,.16);
}

}

/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion:reduce){

.hero-swiper .hero-cta .elementor-button,
.hero-swiper .hero-cta .elementor-button::after{

    transition:none;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-442c0eb2 *//* ==========================================================
COMFORTEK FABRIC HERO CAROUSEL
FINAL TIGHT HEIGHT VERSION

CLASSES:
Hero Content Container = hero-content
Heading Widget          = hero-title
Text Editor Widget      = hero-intro
Button Widget           = hero-cta
========================================================== */


/* ==========================================================
MAIN CAROUSEL
No viewport-height calculations
========================================================== */

.elementor-6 .elementor-element.elementor-element-442c0eb2 {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box;
}


/* Remove inherited full-height behavior */
.elementor-6 .elementor-element.elementor-element-442c0eb2 > .e-con-inner,
.elementor-6 .elementor-element.elementor-element-442c0eb2 .elementor-widget-slides {
    height: auto !important;
    min-height: 0 !important;
}


/* ==========================================================
DESKTOP
========================================================== */

.elementor-6 .elementor-element.elementor-element-442c0eb2 .hospitality-hero-slide {
    height: 500px !important;
    min-height: 500px !important;
    position: relative;
    overflow: hidden !important;
}


.elementor-6 .elementor-element.elementor-element-442c0eb2 .hospitality-hero-content {
    position: relative;
    z-index: 2;
}


/* ==========================================================
TABLET
768px - 1024px
========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-6 .elementor-element.elementor-element-442c0eb2 .hospitality-hero-slide {
        height: 470px !important;
        min-height: 470px !important;
    }


    .hero-title .elementor-heading-title {
        font-size: 54px !important;
        line-height: 1.08 !important;
    }


    .hero-intro,
    .hero-intro p {
        font-size: 19px !important;
        line-height: 1.45 !important;
    }

}


/* ==========================================================
MOBILE
421px - 767px
========================================================== */

@media (min-width: 421px) and (max-width: 767px) {

    .elementor-6 .elementor-element.elementor-element-442c0eb2 .hospitality-hero-slide {
        height: 450px !important;
        min-height: 450px !important;
    }


    .elementor-6 .elementor-element.elementor-element-442c0eb2 .hospitality-hero-content {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 24px 60px !important;

        justify-content: center !important;
        align-items: flex-start !important;

        position: relative;
        z-index: 2;
    }


    .hero-title .elementor-heading-title {
        font-size: 42px !important;
        line-height: 1.08 !important;
    }


    .hero-intro,
    .hero-intro p {
        font-size: 17px !important;
        line-height: 1.4 !important;
    }


    .hero-cta .elementor-button {
        padding: 13px 22px !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        min-width: 0 !important;
    }

}


/* ==========================================================
SMALL MOBILE
420px AND BELOW
========================================================== */

@media (max-width: 420px) {

    .elementor-6 .elementor-element.elementor-element-442c0eb2 .hospitality-hero-slide {
        height: 420px !important;
        min-height: 420px !important;
    }


    .elementor-6 .elementor-element.elementor-element-442c0eb2 .hospitality-hero-content {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 20px 55px !important;

        justify-content: center !important;
        align-items: flex-start !important;

        position: relative;
        z-index: 2;
    }


    .hero-title .elementor-heading-title {
        font-size: 36px !important;
        line-height: 1.08 !important;
    }


    .hero-intro,
    .hero-intro p {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }


    .hero-cta .elementor-button {
        padding: 12px 20px !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        min-width: 0 !important;
    }

}


/* ==========================================================
MOBILE CAROUSEL CONTROLS
========================================================== */

@media (max-width: 767px) {

    /* Hide arrows */
    .elementor-6 .elementor-element.elementor-element-442c0eb2 .swiper-button-prev,
    .elementor-6 .elementor-element.elementor-element-442c0eb2 .swiper-button-next,
    .elementor-6 .elementor-element.elementor-element-442c0eb2 .elementor-swiper-button-prev,
    .elementor-6 .elementor-element.elementor-element-442c0eb2 .elementor-swiper-button-next {
        display: none !important;
    }


    /* Pagination */
    .elementor-6 .elementor-element.elementor-element-442c0eb2 .swiper-pagination {
        bottom: 16px !important;
        left: 50% !important;
        width: auto !important;

        transform: translateX(-50%) !important;

        z-index: 5;
    }


    .elementor-6 .elementor-element.elementor-element-442c0eb2 .swiper-pagination-bullet {
        margin: 0 5px !important;
    }

}/* End custom CSS */