.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-019fbef:#BC9D40;--e-global-color-84027d8:#ECC34A;--e-global-color-e059dec:#F1F1F1;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-58ddaf6-font-family:"Raleway";--e-global-typography-58ddaf6-font-size:55px;--e-global-typography-58ddaf6-font-weight:500;--e-global-typography-58ddaf6-text-decoration:none;--e-global-typography-58ddaf6-line-height:1em;--e-global-typography-8237f5c-font-family:"Raleway";--e-global-typography-8237f5c-font-size:40px;--e-global-typography-8237f5c-font-weight:500;--e-global-typography-8237f5c-text-decoration:none;--e-global-typography-8237f5c-line-height:1em;--e-global-typography-5e77f39-font-family:"Raleway";--e-global-typography-5e77f39-font-size:35px;--e-global-typography-5e77f39-font-weight:500;--e-global-typography-5e77f39-text-decoration:none;--e-global-typography-5e77f39-line-height:1.5em;--e-global-typography-f7133ea-font-family:"Raleway";--e-global-typography-f7133ea-font-size:19px;--e-global-typography-f7133ea-font-weight:400;--e-global-typography-f7133ea-text-decoration:none;--e-global-typography-f7133ea-line-height:1.5em;--e-global-typography-6b5c44e-font-family:"Raleway";--e-global-typography-6b5c44e-font-size:14px;--e-global-typography-6b5c44e-font-weight:400;--e-global-typography-6b5c44e-text-decoration:none;--e-global-typography-6b5c44e-line-height:1.5em;--e-global-typography-235170f-font-family:"Raleway";--e-global-typography-235170f-font-size:19px;--e-global-typography-235170f-font-weight:600;--e-global-typography-235170f-text-decoration:none;--e-global-typography-235170f-line-height:1.5em;--e-global-typography-1903fb5-font-family:"Raleway";--e-global-typography-1903fb5-font-size:19px;--e-global-typography-1903fb5-font-weight:500;--e-global-typography-1903fb5-text-decoration:none;--e-global-typography-1903fb5-line-height:1.5em;--e-global-typography-ec8a692-font-family:"Raleway";--e-global-typography-ec8a692-font-size:17px;--e-global-typography-ec8a692-font-weight:500;--e-global-typography-ec8a692-text-decoration:none;--e-global-typography-ec8a692-line-height:1em;--e-global-typography-4ecaf86-font-family:"Raleway";--e-global-typography-4ecaf86-font-size:19px;--e-global-typography-4ecaf86-font-weight:500;--e-global-typography-4ecaf86-text-decoration:none;--e-global-typography-4ecaf86-line-height:1em;--e-global-typography-4ecaf86-letter-spacing:4px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-58ddaf6-font-size:50px;--e-global-typography-8237f5c-font-size:40px;--e-global-typography-5e77f39-font-size:30px;--e-global-typography-f7133ea-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* 1. Force the original SVG to stay hidden */
.jet-listing-grid__slider-icon.slick-arrow svg {
    display: none !important;
}

/* 2. Fix the container sizing and visibility */
.jet-listing-grid__slider-icon.slick-arrow {
    display: block !important; /* Slick sometimes toggles display:none */
    width: 40px !important;    /* Explicit width */
    height: 40px !important;   /* Explicit height */
    opacity: 1 !important;     /* Ensure it's not transparent */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    cursor: pointer;
    z-index: 10;               /* Ensure it sits above the images */
}

/* 3. Inject the Media Links */
/* Left Arrow */
.jet-listing-grid__slider-icon.prev-arrow {
    background-image: url('https://www.spacesbyuniq.com/wp-content/uploads/2026/02/left-arrow-thin.svg') !important;
}

/* Fix the Right Arrow position and direction */
.jet-listing-grid__slider-icon.next-arrow {
    background-image: url('https://www.spacesbyuniq.com/wp-content/uploads/2026/02/right-arrow-thin.svg') !important;
    /* Keeps vertical centering but forces the icon to face its natural direction */
    transform: translateY(-50%) scaleX(1) !important; 
    
    /* If the arrow is at the bottom or top and not vertically centered, use this instead: */
    /* transform: scaleX(1) !important; */
    
    filter: none !important; /* Some themes use filters to flip icons */
}

/* Ensure the container is actually visible */
.jet-listing-grid__slider-icon.next-arrow {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 4. Fix for Hover (Optional) */
.jet-listing-grid__slider-icon.slick-arrow:hover {
    opacity: 0.8 !important;
}

/* 1. Only apply the white color to Jet Listing Grid arrows */
.jet-listing-grid__slider-icon.slick-arrow {
    filter: invert(100%) brightness(200%) !important;
}

/* 2. Ensure Testimonials keep their original look (No filter) */
.elementor-swiper-button::before {
    filter: none !important;
}



/* 1. Reset both arrows to a clean slate for positioning */
.jet-listing-grid__slider-icon.prev-arrow,
.jet-listing-grid__slider-icon.next-arrow {
    top: 50% !important;
    bottom: auto !important;
    /* This ensures they both sit exactly in the middle of their container */
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* 2. Ensure the Right Arrow stays facing right without shifting */
.jet-listing-grid__slider-icon.next-arrow {
    /* scaleX(1) ensures it doesn't flip, while keeping the translateY for height */
    transform: translateY(-50%) scaleX(1) !important;
    right: 10px !important; /* Adjust if it's too close to the edge */
}

/* 3. Ensure the Left Arrow stays facing left */
.jet-listing-grid__slider-icon.prev-arrow {
    left: 10px !important; /* Adjust if it's too close to the edge */
}

/* 4. Fix for Mobile specifically */
@media (max-width: 767px) {
    .jet-listing-grid__slider-icon.slick-arrow {
        width: 30px !important;  /* Slightly smaller icons for mobile */
        height: 30px !important;
        margin-top: 0 !important; /* Remove any old margins that might cause shifts */
    }
}








/* 1. Hide the default Elementor Chevron */
.elementor-swiper-button svg.e-font-icon-svg {
    display: none !important;
}

/* 2. Set the container for the new icon */
.elementor-swiper-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.elementor-swiper-button::before {
    content: '';
    display: block;
    width: 30px; 
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 3. Inject the New Icons */
/* Left Arrow */
.elementor-swiper-button-prev::before {
    background-image: url('https://www.spacesbyuniq.com/wp-content/uploads/2026/02/left-arrow-thin.svg');
}

/* Right Arrow */
.elementor-swiper-button-next::before {
    background-image: url('https://www.spacesbyuniq.com/wp-content/uploads/2026/02/right-arrow-thin.svg');
}/* End custom CSS */