.elementor-9095 .elementor-element.elementor-element-8b54e64{--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;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-ucaddon_diagonal_hero .ue-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_diagonal_hero .ue-sub-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_diagonal_hero .ue-btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9095 .elementor-element.elementor-element-66a5d8a .diagonal_hero{background-color:#1B1B1B;flex-direction:row;overflow:visible;}.elementor-9095 .elementor-element.elementor-element-66a5d8a > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-9095 .elementor-element.elementor-element-66a5d8a .ue-title{display:block;color:#ffffff;}.elementor-9095 .elementor-element.elementor-element-66a5d8a .ue-separator-wrapper{display:block;}.elementor-9095 .elementor-element.elementor-element-66a5d8a .ue-sub-title{display:block;color:#ffffff;font-family:"Roboto", Sans-serif;font-size:28px;font-weight:400;margin-top:20px;}.elementor-9095 .elementor-element.elementor-element-66a5d8a .ue-btn{display:inline-block;color:#000000;background-color:#ffffff;padding:10px 30px 10px 30px;border-radius:100px 100px 100px 100px;text-align:center;}.elementor-9095 .elementor-element.elementor-element-66a5d8a .ue-image{width:64%;clip-path:polygon(30% 0, 100% 0, 100% 100%, 0 100%);background-position:right center;opacity:100%;height:100vh;}.elementor-9095 .elementor-element.elementor-element-66a5d8a .ue-content{padding:50px 50px 50px 50px;text-align:inherit;}.elementor-9095 .elementor-element.elementor-element-66a5d8a .ue-btn-wrap{margin-top:20px;text-align:inherit;}.elementor-9095 .elementor-element.elementor-element-66a5d8a .ue-separator{background-color:#585858;margin-top:20px;margin-bottom:0px;width:50px;height:5px;}.elementor-9095 .elementor-element.elementor-element-5133470:not(.elementor-motion-effects-element-type-background), .elementor-9095 .elementor-element.elementor-element-5133470 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-9095 .elementor-element.elementor-element-5133470{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:190px 0px 160px 0px;}.elementor-9095 .elementor-element.elementor-element-5133470 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9095 .elementor-element.elementor-element-e67b0a8 > .elementor-element-populated{padding:0px 105px 0px 15px;}.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-9095 .elementor-element.elementor-element-8856a00{padding:0px 0px 35px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9095 .elementor-element.elementor-element-7b5b231{padding:0px 0px 33px 0px;}.elementor-9095 .elementor-element.elementor-element-7b5b231 .elementor-heading-title{font-size:50px;font-weight:700;}.elementor-9095 .elementor-element.elementor-element-da76b1e{padding:0px 0px 35px 0px;}.elementor-widget-ucaddon_gradient_hover_effect_button .ue_gradient_he_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9095 .elementor-element.elementor-element-8539a1e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_gradient_hover_button{text-align:center;}.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_gradient_hover_button,.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_gradient_hover_button *{transition:all 700ms ease-out;}.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_gradient_he_btn{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;padding:5px 30px 5px 30px;border-style:solid;border-width:2px;border-color:var( --e-global-color-primary );flex-direction:row;gap:8px;}.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_gradient_he_btn,.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_gradient_he_btn *{color:var( --e-global-color-primary );}.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_gradient_he_btn:hover,.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_gradient_he_btn:hover *{color:#FFFFFF;}.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_gradient_he_btn:hover{border-style:solid;border-width:1px;border-color:#DFBE6A00;}.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_btn_icon i,.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_btn_icon svg{font-size:14px;}.elementor-9095 .elementor-element.elementor-element-8539a1e .ue_btn_icon{border-radius:0px;}.elementor-9095 .elementor-element.elementor-element-101f0f4 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-9095 .elementor-element.elementor-element-881fa96:not(.elementor-motion-effects-element-type-background), .elementor-9095 .elementor-element.elementor-element-881fa96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-9095 .elementor-element.elementor-element-881fa96{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:70px;padding:190px 0px 160px 0px;}.elementor-9095 .elementor-element.elementor-element-881fa96 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9095 .elementor-element.elementor-element-56c3e12 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-9095 .elementor-element.elementor-element-70e0318 > .elementor-element-populated{padding:0px 15px 0px 105px;}.elementor-9095 .elementor-element.elementor-element-c986b99{padding:0px 0px 35px 0px;}.elementor-9095 .elementor-element.elementor-element-b2550c1{padding:0px 0px 33px 0px;}.elementor-9095 .elementor-element.elementor-element-b2550c1 .elementor-heading-title{font-size:50px;font-weight:700;color:var( --e-global-color-primary );}.elementor-9095 .elementor-element.elementor-element-e4c6eb3{padding:0px 0px 35px 0px;}.elementor-9095 .elementor-element.elementor-element-9ffff8f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_gradient_hover_button{text-align:center;}.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_gradient_hover_button,.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_gradient_hover_button *{transition:all 700ms ease-out;}.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_gradient_he_btn{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;padding:5px 30px 5px 30px;border-style:solid;border-width:2px;border-color:var( --e-global-color-primary );flex-direction:row;gap:8px;}.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_gradient_he_btn,.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_gradient_he_btn *{color:var( --e-global-color-primary );}.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_gradient_he_btn:hover,.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_gradient_he_btn:hover *{color:#FFFFFF;}.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_gradient_he_btn:hover{border-style:solid;border-width:1px;border-color:#DFBE6A00;}.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_btn_icon i,.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_btn_icon svg{font-size:14px;}.elementor-9095 .elementor-element.elementor-element-9ffff8f .ue_btn_icon{border-radius:0px;}.elementor-9095 .elementor-element.elementor-element-f2dbffc{margin-top:-116px;margin-bottom:0px;}.elementor-9095 .elementor-element.elementor-element-005084b > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-9095 .elementor-element.elementor-element-8c5b262{text-align:center;font-size:40px;font-weight:700;color:#000000;}.elementor-9095 .elementor-element.elementor-element-7689b9f > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_gradient_hover_button{text-align:center;}.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_gradient_hover_button,.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_gradient_hover_button *{transition:all 700ms ease-out;}.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_gradient_he_btn{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;padding:5px 30px 5px 30px;border-style:solid;border-width:2px;border-color:var( --e-global-color-primary );flex-direction:row;gap:8px;}.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_gradient_he_btn,.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_gradient_he_btn *{color:var( --e-global-color-primary );}.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_gradient_he_btn:hover,.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_gradient_he_btn:hover *{color:#FFFFFF;}.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_gradient_he_btn:hover{border-style:solid;border-width:1px;border-color:#DFBE6A00;}.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_btn_icon i,.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_btn_icon svg{font-size:14px;}.elementor-9095 .elementor-element.elementor-element-7689b9f .ue_btn_icon{border-radius:0px;}.elementor-9095 .elementor-element.elementor-element-65551a6{--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-9095 .elementor-element.elementor-element-ab02663 > .elementor-widget-container{margin:0px 0px 11px 0px;}@media(min-width:768px){.elementor-9095 .elementor-element.elementor-element-e67b0a8{width:54.792%;}.elementor-9095 .elementor-element.elementor-element-101f0f4{width:45.035%;}.elementor-9095 .elementor-element.elementor-element-56c3e12{width:50.625%;}.elementor-9095 .elementor-element.elementor-element-70e0318{width:49.375%;}}@media(max-width:1024px){.elementor-9095 .elementor-element.elementor-element-8b54e64{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9095 .elementor-element.elementor-element-5133470:not(.elementor-motion-effects-element-type-background), .elementor-9095 .elementor-element.elementor-element-5133470 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-9095 .elementor-element.elementor-element-5133470{padding:100px 0px 100px 0px;}.elementor-9095 .elementor-element.elementor-element-e67b0a8 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-9095 .elementor-element.elementor-element-7b5b231 .elementor-heading-title{font-size:35px;}.elementor-9095 .elementor-element.elementor-element-881fa96:not(.elementor-motion-effects-element-type-background), .elementor-9095 .elementor-element.elementor-element-881fa96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-9095 .elementor-element.elementor-element-881fa96{padding:100px 0px 100px 0px;}.elementor-9095 .elementor-element.elementor-element-70e0318 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-9095 .elementor-element.elementor-element-b2550c1 .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-9095 .elementor-element.elementor-element-8b54e64{--margin-top:-132px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9095 .elementor-element.elementor-element-66a5d8a .diagonal_hero{flex-direction:column-reverse;}.elementor-9095 .elementor-element.elementor-element-66a5d8a .ue-image{width:100%;clip-path:polygon(0 0, 100% 0, 100% 50%, 0 100%);background-position:right top;}.elementor-9095 .elementor-element.elementor-element-7b5b231 .elementor-heading-title{font-size:25px;}.elementor-9095 .elementor-element.elementor-element-8539a1e > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-9095 .elementor-element.elementor-element-b2550c1 .elementor-heading-title{font-size:25px;}.elementor-9095 .elementor-element.elementor-element-8c5b262{font-size:35px;}}/* Start custom CSS for bwp_product_categories, class: .elementor-element-ab02663 *//* Make arrows always visible and style them */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-arrow {
    opacity: 1 !important; /* This is the key to making them always visible */
    color: #A07A4F !important; /* Sets the arrow icon color to your brand color */
    background-color: rgba(255, 255, 255, 0.8) !important; /* Adds a semi-transparent white background */
    border: 1px solid #A07A4F; /* Adds a border in your brand color */
    border-radius: 50%; /* Makes the background circular */
    width: 45px; /* Sets the width of the circle */
    height: 45px; /* Sets the height of the circle */
    line-height: 43px !important; /* Helps vertically center the arrow icon */
    box-shadow: 0 2px 5px rgba(0,0,0,0.15); /* Adds a subtle shadow */
}

/* Style the arrows on hover for a nice effect */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-arrow:hover {
    background-color: #A07A4F !important; /* The background becomes your brand color */
    color: #FFFFFF !important; /* The arrow icon becomes white */
}

/* Adjust the position of the arrows if needed */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-prev {
    left: -20px; /* Moves the left arrow slightly further out. Adjust -20px as needed. */
}

.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-next {
    right: -20px; /* Moves the right arrow slightly further out. Adjust -20px as needed. */
    
    /* --- Global Styling for SLICK ARROWS & PAGINATION --- */

/* Make arrows always visible and style them */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-arrow {
    opacity: 1 !important; /* Force arrows to always be visible */
    color: #A07A4F !important; /* Arrow icon color */
    background-color: rgba(255, 255, 255, 0.8) !important; /* Semi-transparent white background */
    border: 1px solid #A07A4F; /* Border in brand color */
    border-radius: 50%; /* Circular background */
    width: 45px; /* Size of the circle */
    height: 45px;
    line-height: 43px !important; /* Vertically center the icon */
    box-shadow: 0 2px 5px rgba(0,0,0,0.15); /* Subtle shadow */
    z-index: 10; /* Ensure arrows are above slider content */
}

/* Position adjustment for arrows (tweak -20px as needed) */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-prev {
    left: -20px;
}
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-next {
    right: -20px;
}

/* Arrow hover state */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-arrow:hover {
    background-color: #A07A4F !important; /* Background becomes brand color */
    color: #FFFFFF !important; /* Arrow icon becomes white */
}

/* Style for the Pagination Dots (Container) */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-dots {
    bottom: -30px; /* Adjust position below slider if needed */
    list-style: none;
    text-align: center;
    padding: 0;
    margin-top: 20px; /* Space between slider and dots */
}

/* Style for individual Pagination Dots */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-dots li button {
    font-size: 0; /* Hide default number if any */
    line-height: 0;
    display: block;
    width: 12px; /* Size of the dot */
    height: 12px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 1px solid #A07A4F; /* Border in brand color */
    border-radius: 50%; /* Make it circular */
    background: transparent; /* Default state - transparent background */
    transition: all 0.3s ease; /* Smooth transition for hover/active */
    outline: none; /* Remove outline on focus */
}

/* Style for the Active Pagination Dot */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-dots li.slick-active button {
    background-color: #A07A4F !important; /* Active dot background is brand color */
    border-color: #A07A4F !important; /* Active dot border is brand color */
    transform: scale(1.2); /* Slightly larger for active dot */
}

/* Style for Pagination Dots on Hover */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-dots li button:hover,
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-dots li button:focus {
    background-color: rgba(160, 122, 79, 0.5) !important; /* Semi-transparent brand color on hover */
    border-color: #A07A4F !important;
}

/* Ensure the dots themselves are positioned correctly */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px; /* Space each dot needs */
    height: 20px;
    margin: 0 5px; /* Spacing between dots */
    padding: 0;
    cursor: pointer;
}

/* If the dots are currently hidden by default, this will make them appear */
.elementor-9095 .elementor-element.elementor-element-ab02663 .slick-dots {
    opacity: 1 !important;
}
}
/* --- ARROWS --- */

/* Force arrows to be visible and set their base style */
.elementor-9095 .elementor-element.elementor-element-ab02663 .bwp-woo-categories .slick-arrow {
    opacity: 1 !important;
    color: #A07A4F !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #A07A4F !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    line-height: 43px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important;
    z-index: 10;
}

/* Arrow hover state */
.elementor-9095 .elementor-element.elementor-element-ab02663 .bwp-woo-categories .slick-arrow:hover {
    background-color: #A07A4F !important;
    color: #FFFFFF !important;
}

/* Adjust arrow positioning if needed */
.elementor-9095 .elementor-element.elementor-element-ab02663 .bwp-woo-categories .slick-prev {
    left: -20px;
}

.elementor-9095 .elementor-element.elementor-element-ab02663 .bwp-woo-categories .slick-next {
    right: -20px;
}

/* --- PAGINATION DOTS (The little circles) --- */

/* Make the dots container visible */
.elementor-9095 .elementor-element.elementor-element-ab02663 .bwp-woo-categories .slick-dots {
    opacity: 1 !important;
    display: block !important;
    bottom: -35px !important; /* Move dots down slightly */
}

/* Style for individual dots */
.elementor-9095 .elementor-element.elementor-element-ab02663 .bwp-woo-categories .slick-dots li button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    border: 2px solid #A07A4F !important;
    padding: 0 !important;
}

/* Style for the ACTIVE dot */
.elementor-9095 .elementor-element.elementor-element-ab02663 .bwp-woo-categories .slick-dots li.slick-active button {
    background-color: #A07A4F !important;
    transform: scale(1.1);
}

/* Hide the numbers inside the dot buttons */
.elementor-9095 .elementor-element.elementor-element-ab02663 .bwp-woo-categories .slick-dots li button::before {
    content: '' !important;
}

/* Spacing between the dots */
.elementor-9095 .elementor-element.elementor-element-ab02663 .bwp-woo-categories .slick-dots li {
    margin: 0 5px !important;
}





/* --- Category Title & Icon Styling --- */

/* Default color for category titles */
.elementor-9095 .elementor-element.elementor-element-ab02663 .item-product-cat-content .item-title a {
    color: #36453A !important; /* Your secondary (dark) brand color for default text */
    transition: color 0.3s ease; /* Smooth transition for hover */
}

/* Hover color for category titles */
.elementor-9095 .elementor-element.elementor-element-ab02663 .item-product-cat-content .item-title a:hover {
    color: #A07A4F !important; /* Your primary (Labrador) brand color on hover */
}

/* Default color for category icons */
.elementor-9095 .elementor-element.elementor-element-ab02663 .item-product-cat-content .icon-cat i {
    color: #A07A4F !important; /* Your primary (Labrador) brand color for icons */
    transition: color 0.3s ease; /* Smooth transition for hover */
}

/* Hover color for category icons */
.elementor-9095 .elementor-element.elementor-element-ab02663 .item-product-cat-content .item-title a:hover + .icon-cat i,
.elementor-9095 .elementor-element.elementor-element-ab02663 .item-product-cat-content .icon-cat i:hover {
    color: #36453A !important; /* Your secondary (dark) brand color on icon hover */
}

/* Ensure current active/selected category (if theme applies one) uses primary color */
.elementor-9095 .elementor-element.elementor-element-ab02663 .item-product-cat-content .item-title a.current-cat,
.elementor-9095 .elementor-element.elementor-element-ab02663 .item-product-cat-content .item-title a.active {
    color: #A07A4F !important;
}/* End custom CSS */