.elementor-3984 .elementor-element.elementor-element-fccf4f0{--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;}.elementor-3984 .elementor-element.elementor-element-cc08fea{--display:flex;}.elementor-3984 .elementor-element.elementor-element-a027a32{--display:flex;--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-start;--align-items:center;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:8rem;--padding-bottom:8rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3984 .elementor-element.elementor-element-0b0bdec{--display:flex;}.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-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-3984 .elementor-element.elementor-element-15ad23b{padding:1.5rem 0rem 2rem 0rem;}.elementor-3984 .elementor-element.elementor-element-3c97b9d{--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:flex-start;--align-items:flex-start;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-51b5d13 );--border-color:var( --e-global-color-51b5d13 );--margin-top:0rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-3984 .elementor-element.elementor-element-5b2b2ee .elementor-heading-title{font-family:"aktiv-grotesk", Sans-serif;font-weight:400;}.elementor-3984 .elementor-element.elementor-element-16b0dce{--display:flex;--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-start;--align-items:center;--gap:0.5rem 0.5rem;--row-gap:0.5rem;--column-gap:0.5rem;}.elementor-3984 .elementor-element.elementor-element-2e2be4c{--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:center;}.elementor-3984 .elementor-element.elementor-element-2477083{--display:flex;}.elementor-3984 .elementor-element.elementor-element-e229e4a{--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:center;}.elementor-3984 .elementor-element.elementor-element-5d14dce{--display:flex;}.elementor-3984 .elementor-element.elementor-element-a46ead8{--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:center;}.elementor-3984 .elementor-element.elementor-element-5a58ab4{--display:flex;}.elementor-3984 .elementor-element.elementor-element-bef3181{--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:center;}.elementor-3984 .elementor-element.elementor-element-db3da80{--display:flex;}.elementor-3984 .elementor-element.elementor-element-670f29d{--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:center;}.elementor-3984 .elementor-element.elementor-element-4c478ef{--display:flex;}.elementor-3984 .elementor-element.elementor-element-2812af5{--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:center;}.elementor-3984 .elementor-element.elementor-element-70420b2{--display:flex;}.elementor-3984 .elementor-element.elementor-element-6cafd17{--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:center;}.elementor-3984 .elementor-element.elementor-element-35280bf{--display:flex;}.elementor-3984 .elementor-element.elementor-element-401616e{--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:center;}.elementor-3984 .elementor-element.elementor-element-a8a96e1{--display:flex;}.elementor-3984 .elementor-element.elementor-element-45b37a2{--display:flex;}.elementor-3984 .elementor-element.elementor-element-09d5007{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3984 .elementor-element.elementor-element-6cf0de4 img{width:100%;}@media(max-width:1024px){.elementor-3984 .elementor-element.elementor-element-a027a32{--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:flex-start;}}@media(max-width:767px){.elementor-3984 .elementor-element.elementor-element-a027a32{--padding-top:3rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3984 .elementor-element.elementor-element-15ad23b{padding:1rem 0rem 1.25rem 0rem;}.elementor-3984 .elementor-element.elementor-element-3c97b9d{--gap:0.75rem 0.75rem;--row-gap:0.75rem;--column-gap:0.75rem;--margin-top:0rem;--margin-bottom:0.75rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-3984 .elementor-element.elementor-element-5b2b2ee .elementor-heading-title{font-size:1.25rem;}.elementor-3984 .elementor-element.elementor-element-16b0dce{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0.45rem 0.45rem;--row-gap:0.45rem;--column-gap:0.45rem;}.elementor-3984 .elementor-element.elementor-element-e229e4a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-3984 .elementor-element.elementor-element-0b0bdec{--width:33.33%;}.elementor-3984 .elementor-element.elementor-element-45b37a2{--width:8.33%;}.elementor-3984 .elementor-element.elementor-element-09d5007{--width:58.34%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3984 .elementor-element.elementor-element-0b0bdec{--width:100%;}.elementor-3984 .elementor-element.elementor-element-09d5007{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-6cf0de4 */.elementor-3984 .elementor-element.elementor-element-6cf0de4 img {
    aspect-ratio: 3/2;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a027a32 */.swatch:hover,
.swatch.active { border: 1px solid #231F20; }

.swatch:hover .swatch-color,
.swatch.active .swatch-color {
  width: 1.5rem;
  height: 1.5rem;
}

.swatch,
.swatch * { cursor: pointer; }

.swatch {
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    border-radius: 100px;
    border: solid 1px transparent;
    transition: all cubic-bezier(.25,.1,.25,1) 0.25s;
}

.swatch.white {
    border: 1px solid #231F2026;
}

.swatch-color {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100px;
    transition: all cubic-bezier(.25,.1,.25,1) 0.15s;
}


.swatch:hover,
.swatch.is-active {
  border: solid 1px #231F20;
}
.swatch:hover .swatch-color,
.swatch.is-active .swatch-color {
  width: 1.5rem;
  height: 1.5rem;
}


.swatch:hover {
    border: solid 1px #231F20;
}

.swatch:hover .swatch-color {
    width: 1.5rem;
    height: 1.5rem;
}


.color-line {
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 600;
}

.js-color-label {
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 400;
}



@media only screen and (max-width: 728px) {
  
.color-line {
    font-size: 0.75rem;
}

.js-color-label {
    font-size: 0.875rem;
}


}



.swatch-color.color-1 {
    background-color: #3E4245;
}

.swatch-color.color-2 {
    background-color: #394357;
}

.swatch-color.color-3 {
    background-color: #EBDFBF;
}

.swatch-color.color-4 {
    background-color: #FFFFFF;
}

.swatch-color.color-5 {
    background-color: #442E2A;
}

.swatch-color.color-6 {
    background-color: #7F7A7A;
}

.swatch-color.color-7 {
    background-color: #A8A9AC;
}


.swatch-color.color-8 {
    background-image: url("https://hardtop-pergola.com/wp-content/uploads/2025/09/color-wheel-x.jpg");
    background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
}/* End custom CSS */