/* 
Theme Name: Landscape | Schaduf | Child
Theme URI: https://la.schaduf.com
Description: Landscape | Schaduf  is a custom wp theme , created by WM
Author: WM Team
Author URI: https://wessam.com/
Template: landscape-schaduf
Version: 2.0.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: landscape-schaduf
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



/* Header Styles */



#show-hide-header {
    background: #000000b6;
}

/******* End Header ********/

.ls_container_section {
    padding: 2rem 0rem 0rem 0rem !important;
}

.ls_container_title {
    padding-top: 1.0625rem !important;
    padding-bottom: 1.0625rem !important;
}

.ls_container_content {
    padding-bottom: 10px !important;
}

.ls_image_container img {
    background: linear-gradient(to bottom, transparent 65%, black 100%);
}

.bottom_gradient {
    box-shadow: 0px -250px 100px -100px #000000 inset;
}


a.elementor-element.ls_image_container {
    position: relative;
    /* Required for pseudo-elements */
    display: inline-block;
    /* Ensures the pseudo-element aligns with the content */
}

a.elementor-element.ls_image_container::before {
    content: "";
    /* Pseudo-element content */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 55%, black 100%);
    z-index: 1;
    /* Ensures it appears above the image */
    pointer-events: none;
    /* Allows clicks to pass through to the link */
}

.ls_img_title h2 {
    position: absolute;
    bottom: 24px;
    left: 24px;
    z-index: 1;
}


/* Common Styles for the Zoom Effect */
.ls_img_zoom {
    position: relative;
    /* Ensure proper positioning for the child image */
    overflow: hidden;
    /* Hide overflow for the zoom effect */
    width: 100%;
    /* Full width */
    height: 260px;
    /* Default height for desktop */
    /* background-color: #f0f0f0;  Optional for debugging */
}

.home_expertise_section .ls_img_zoom {
    height: 260px;
    /* Default height for desktop */
}

.ls_img_zoom img {
    position: absolute;
    /* Ensure proper alignment */
    top: 0;
    left: 0;
    width: 100%;
    /* Ensure full width */
    height: 100% !important;
    /* Ensure full height */
    object-fit: cover;
    /* Always behave like background cover */
    transition: transform 0.9s ease;
    /* Smooth transition for zoom */
}

/* Hover Effect */
.ls_img_zoom img:hover {
    transform: scale(1.03);
    /* Add zoom effect */
}

/* Top-Center Position */
.ls_img_zoom.top-center img {
    object-position: top center;
    /* Align the top-center part of the image */
}

/* Center-Center Position */
.ls_img_zoom.center-center img {
    object-position: center center;
    /* Ensure center alignment */
}

/* Bottom-Center Position */
.ls_img_zoom.bottom-center img {
    object-position: bottom center;
    /* Align the bottom-center part of the image */
}





/* Responsive Styles for laptop */
@media (max-width: 1650px) {
    .ls_img_zoom {
        height: 260px;
        /* Reduce height for mobile view */
    }
}


/* Responsive Styles for Tablet */
@media (max-width: 1025px) {
    .ls_img_zoom {
        height: 260px;
        /* Reduce height for mobile view */
    }

    .ls_container_content.ls_wide_img_info .ls_image_container {
        padding-bottom: 0px !important;
    }
}


/* Responsive Styles for Mobile */
@media (max-width: 768px) {
    .ls_img_zoom {
        height: 220px;
        /* Reduce height for mobile view */
    }

    .ls_img_zoom img {
        width: 100%;
        /* Ensure the image fully covers width */
        height: 100%;
        /* Ensure the image fully covers height */
        object-fit: cover;
        /* Maintain cover behavior */
    }


    .ls_container_content.ls_wide_img_info .ls_image_container {
        padding-bottom: 0px !important;
    }
}





/********** Start Menu Style ***********/

.la_brand_color,
.la_brand_color p,
.la_brand_color a,
.la_brand_color div,
.la_brand_color h1,
.la_brand_color h2,
.la_brand_color h3,
.la_brand_color h4,
.la_brand_color h5,
.la_brand_color h6 {
    background: linear-gradient(to right, #55a8c8, #40b449);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}


.colored_links a,
.colored_links {
    color: #fff;
}

.menu_bc_links a {
    color: #878382;
}

.colored_links a:hover,
.menu_bc_links a:hover {
    background: linear-gradient(to right, #55a8c8, #40b449);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}


/* Optional: Specific style for submenu links to avoid conflicts */


#menu-main-menu a:not(.current-menu-item > a) {
    font-weight: 400;
}

#menu-main-menu a:not(.current-menu-item > a):hover {
    font-weight: 500;
}


/********** End Menu Style ***********/




/******** ACF Slider *********/
/* Wrapper dimensions */
.acf-gallery-slider-wrapper {
    position: relative;
    overflow: hidden;
    height: 100vh;
    width: 100%;
}

/* Slick slider container */
.acf-gallery-slider {
    height: 100%;
    width: 100%;
}

/* Each slide dimensions */
.acf-gallery-slider .slide {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Image styling */
.acf-gallery-slider .slide img {
    width: 100%;
    /* Fill the width of the container */
    height: 100vh;
    /* Ensure it matches the height of the container */
    object-fit: cover;
    /* Ensure it scales correctly */
}

/* Gradient overlay */
.acf-gallery-slider .slide::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    /* Adjust gradient height as needed */
    background: linear-gradient(to bottom, #0000 0%, black 100%);
    pointer-events: none;
}

/******** ACF Slider *********/





/* Ensure the main container prevents overflow */
.ls_main_caro_container {
    position: relative;
    overflow: hidden;
    /* Ensures everything stays inside */
}

/* Set background containment */
.ls_carousel_container {
    position: relative;
    overflow: hidden;
    /* Prevents zoomed image from escaping */
}

/* Background layer for zoom effect */
.ls_bg_zoom {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.5s ease-in-out;
}

/* Apply zoom effect on hover while keeping it inside */
.ls_main_caro_container:hover .ls_bg_zoom {
    /* transform: scale(1.1); */
}

/* Gradient overlay BEHIND the text */
.ls_carousel_container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Adjust height if needed */
    background: linear-gradient(to bottom, transparent 65%, black 100%);
    z-index: 1;
    /* Places it above the background but behind text */
}

/* Ensure text stays above the gradient */
.ls_carousel_container .elementor-widget-theme-post-title {
    position: relative;
    z-index: 2;
    /* Ensures text stays on top */
}





/*************************************/
/********** Swiper Slider ************/
/*************************************/
/* Ensure the slider container has a fixed height */
.acf-gallery-swiper-wrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

/* Force all slides to have the same height */
.acf-gallery-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
    /* Set a fixed height, adjust as needed */
    overflow: hidden;
    position: relative;
    transform: scale(0.7);
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
    background: #000;
    /* Black background while loading */
}

/* Ensure images fill the slide container while keeping aspect ratio */
.acf-gallery-swiper .swiper-slide img {
    width: 100%;
    /* Ensure width is 100% */
    height: 100%;
    /* Fill the height of the container */
    object-fit: cover;
    /* Crop images to fit without distortion */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    /* Initially hidden */
}

/* Make the image visible once loaded */
.acf-gallery-swiper .swiper-slide img.loaded {
    opacity: 1;
}

/* Active Slide - Full Size */
.acf-gallery-swiper .swiper-slide-active-custom {
    transform: scale(1);
    opacity: 1;
}

/* Overlay for non-active slides */
.acf-gallery-swiper .swiper-slide:not(.swiper-slide-active-custom) .slide-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Swiper Navigation */
.acf-gallery-swiper .swiper-button-next,
.acf-gallery-swiper .swiper-button-prev {
    color: #ffffff;
}

/* Pagination Bullets */
.acf-gallery-swiper .swiper-pagination-bullet {
    background: #ffffff;
}


.acf-gallery-swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.acf-gallery-swiper .swiper-slide {
    width: 20%;
    /* Default width for non-active slides */
    transition: width 0.3s ease;
}

.acf-gallery-swiper .swiper-slide-active {
    width: 60%;
    /* Width for the active slide */
}

.acf-gallery-swiper .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.acf-gallery-swiper .swiper-slide-active img {
    width: 100%;
    height: auto;
    display: block;
}

/*************************************/
/*************************************/
/*************************************/

#history .swiper-pagination-horizontal {
    padding-bottom: 4%;
}

/* Ensure any container with the ls_image_container class is positioned relative */
.ls_image_container,
a.ls_image_container,
.elementor-element.ls_image_container {
    position: relative;
    display: inline-block;
    /* or block if needed */
}

/* Create a pseudo-element for the bottom shadow overlay */
.ls_image_container::before,
a.ls_image_container::before,
.elementor-element.ls_image_container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 55%, black 100%);
    z-index: 1;
    pointer-events: none;
}

/* Ensure the image itself stays below the overlay */
.ls_image_container img,
a.ls_image_container img,
.elementor-element.ls_image_container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 0;
}

/* Ensure Elementor image links span the full width */
.elementor-widget-image a {
    display: block;
    width: 100%;
}





/* Transparent by default */
.la_header {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100%;
    background-color: transparent !important;
    z-index: 9999;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* When sticky is active (scrolled) */
.la_header.elementor-sticky--active {
    background-color: rgba(0, 0, 0, 0.95) !important;
    /* Change to your desired color */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}



.ug-thumb-overlay {
    background-color: initial !important;
}



.related_projs .ls_carousel_container {
    min-height: 215px;
}

/* default full-width cells */


.acf-gallery-flickity-wrapper {
    overflow: visible;
    /* let dots show */
    margin-bottom: 40px;
    /* space for dots */
    position: relative;
}


/* 2) Position page dots at bottom, full‑width, centered */
.acf-gallery-flickity-wrapper .flickity-page-dots {
    position: absolute;
    bottom: 10px;
    /* distance from bottom of wrapper */
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* Flickity page dots styling */
.flickity-page-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* optional: style the dots themselves */
.flickity-page-dots .dot {
    width: 7px !important;
    height: 7px !important;
    margin: 0 5px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: inline-block;
}

.flickity-page-dots .dot.is-selected {
    background: #fff;
}

.acf-gallery-flickity {
    height: 100%;
}

.carousel-cell {
    width: 80%;
    height: 100%;
    margin-right: 10px;
    position: relative;
    z-index: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Establish stacking context for child elements */
}

.carousel-cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    /* 👈 Add this line */
    display: block;
}

.acf-gallery-flickity .carousel-cell::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 15%;
    background: linear-gradient(to top, #000000c3, transparent);
    pointer-events: none;
}

/* new overlay text */
.slide-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding: 0.5em 1em;
    color: #fff;
    font-size: 1.2rem;
    /* background: rgba(0, 0, 0, 0.5); */
    text-align: center;
    pointer-events: none;
    z-index: 2;
    /* Ensures the text appears above the gradient */
}

.carousel-cell:not(.is-selected)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

/* Add this new rule to override the absolute positioning when the dots are after the slider wrapper */
.acf-gallery-flickity-wrapper+.flickity-page-dots {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 20px auto 0 !important;
    /* 20px top margin & auto horizontal centering */
    width: 100% !important;
    text-align: center !important;
}

/* Override Flickity page dots styling */
.acf-gallery-flickity .flickity-page-dots {
    position: static !important;
    /* Remove absolute positioning */
    transform: none !important;
    margin: 14px auto 0 !important;
    /* 20px gap on top and centered */
    width: 100% !important;
    text-align: center !important;
}

.acf-gallery-flickity .carousel-cell::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 15%;
    background: linear-gradient(to top, #000000c3, transparent);
    pointer-events: none;
}



/* smooth transition */
.la-sticky-header {
    background-color: transparent;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    z-index: 1000;
    /* keep it on top */
}

/* 2) Once Elementor adds the --effects class, give it a bg + shadow */
.la-sticky-header.elementor-sticky--effects {
    background-color: #000 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.la-sticky-header.elementor-sticky--effects .custom-menu-class a {
    color: #fff !important;
    /* your sticky-state color */
}

.la-sticky-header.elementor-sticky--effects #menu-main-menu .sub-menu a {
    color: #ddd !important;
}




.infinite-carousel-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.infinite-carousel .team-member {
    width: 120px;
    /* Reduced width as requested */
    margin: 0 5px;
    position: relative;
    overflow: hidden;
}

.infinite-carousel .team-member img {
    width: auto;
    /* Let the image width adjust */
    height: 100%;
    /* Full height without cropping */
    object-fit: contain;
    /* Ensure the entire image is visible */
    display: block;
}

.infinite-carousel .team-member .team-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    text-align: center;
    padding: 5px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.infinite-carousel .team-member:hover .team-title {
    opacity: 1;
}


html:has(.light_header) .elementor-kit-7 {
    background-color: #fff !important;
}


.light_header .slider_shadow {
    background: linear-gradient(to top, transparent 85%, #00000090 100%);
}


#career_btn {
    background: linear-gradient(to right, #55a8c8, #40b449);
    color: #fff;
    border-radius: 5px;
    padding: 15px 50px;
    cursor: pointer;
    margin-top: 20px;
    border: none !important
}

#career_btn:hover {
    background: #fff;
    color: #000;
}



.ug-textpanel .ug-textpanel-bg {
    background: linear-gradient(to bottom, transparent 10%, black 100%) !important;
}





.team_block_container {
    position: relative !important;
    overflow: hidden !important;
    min-width: 180px !important;
}


.team_block_container::after {
    content: "" !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    transition: transform 0.5s ease, filter 0.5s ease !important;
    transform: scale(1) !important;
    z-index: 0 !important;
}


.team_block_container:hover::after {
    transform: scale(1.04) !important;
}


.bg_img_zoom.black_white .team_block_container::after {
    filter: grayscale(100%) !important;
}

.bg_img_zoom.black_white .team_block_container:hover::after {
    filter: grayscale(0%) !important;
}


.team_block_container::before {
    content: "" !important;
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .65) 11%, transparent 32%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}


.team_block_container .e-con-inner {
    position: relative !important;
    z-index: 2 !important;
}



.related-case-studies-container {
    margin-top: 20px;
    width: 100% !important;
    max-width: 100% !important;
}

.related-case-studies-container .related-case-study-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    /* 👈 Only one column */
    gap: 10px !important;
    margin-top: 10px;
}

.related-case-studies-container .related-case-study-item {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    display: block;
    text-align: left;
    cursor: pointer;
}

.related-case-studies-container .related-case-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.5s ease-in-out;
    z-index: 0;
}

.related-case-studies-container .related-case-study-item:hover .related-case-image {
    transform: scale(1.04);
}

.related-case-studies-container .related-case-study-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, transparent 30%, black 100%);
    z-index: 1;
}

.related-case-studies-container .related-case-text {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 2;
}

.related-case-studies-container .related-case-title {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    color: white;
    text-transform: uppercase;
}

.related-case-studies-container .related-case-date {
    font-size: 14px;
    font-weight: lighter;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 1024px),
(max-width: 768px) {
    .related-case-studies-container .related-case-study-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}





.partners-row-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.fixed-logo {
    padding-right: 0;
    border-right: none;
}

.fixed-logo.has-border {
    border-right: 1px solid #fff;
    padding-right: 15px;
}

.fixed-logo img {
    max-height: 60px;
    width: auto;
    display: block;
}

.dynamic-logos {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.partner-logo img {
    max-height: 60px;
    width: auto;
    display: block;
}

.dynamic-logos img {
    filter: brightness(0) invert(1);
}







.related-projects-container {
    margin-top: 20px;
    width: 100% !important;
    max-width: 100% !important;
}

.related-projects-container .related-project-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    /* full width per row */
    gap: 20px !important;
    margin-top: 20px;
}

.related-projects-container .related-project-item {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    display: block;
    text-align: left;
    cursor: pointer;
}

.related-projects-container .related-project-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.5s ease-in-out;
    z-index: 0;
}

.related-projects-container .related-project-item:hover .related-project-image {
    transform: scale(1.1);
}

.related-projects-container .related-project-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, transparent 30%, black 100%);
    z-index: 1;
}

.related-projects-container .related-project-text {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 2;
}

.related-projects-container .related-project-title {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    color: white;
    text-transform: uppercase;
}

.related-projects-container .related-project-date {
    font-size: 14px;
    font-weight: lighter;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.8);
}



#uc_ue_side_menu_elementor_3348135 .side-menu-buttons {
    justify-content: flex-start;
    gap: 15px;
}

#uc_ue_side_menu_elementor_3348135 .side-menu-button {
    flex: initial !important;
}



.la_insite_titles{
  line-height:1.3;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
  min-height: calc(1.3em * 2);
}
.la_insite_shortdesc{
  line-height:1.4;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
  min-height: calc(1.4em * 3);
}


@media (max-width: 768px) {

    .mobile_home_slider .la_brand_color h3{
        font-size: 1.2em !important;
    }

    .mobile_carousel_overlay {
        position: relative;
    }

    .mobile_carousel_overlay::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, transparent 65%, black 100%);
        /* Customize gradient */
        z-index: 1;
        pointer-events: none;
    }

    .mobile_carousel_overlay>.e-con-inner {
        position: relative;
        z-index: 2;
    }

    .mobile_carousel_overlay .e-con-inner {
        position: relative;
    }

    .mobile_carousel_overlay .e-con-inner>a {
        position: absolute;
        inset: 0;
        z-index: 3;
        display: block;
    }

    /* Optional: Prevent pointer issues on children if needed */
    .mobile_carousel_overlay .e-con-inner>a * {
        pointer-events: none;
    }

    .project-search-container .custom-project-grid,
    .related-case-studies-container .related-case-study-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .project-filter-container input,
    .project-filter-container select {
        min-width: 200px;
    }

    .elementor-1559 .elementor-element.elementor-element-2f303dc{
        width: 100%;
    }

    .la-jobs-left li {
        margin-right: 0px !important;
    }

    .la-jobs-container {
    flex-direction: column;
    }

    .la-jobs-left {
        order: 2;
        width: 100%;
    }

    .la-jobs-right {
        order: 1;
        width: 100%;
        margin-top:30px;
    }

    .la-job-application-form p {
        display: block !important;
    }

    .la-sticky-header {
        transition: transform 0.3s ease;
    }

    .la-sticky-header.la-header-hidden {
        transform: translateY(-100%);
    }

}



@media screen and (min-width: 481px) and (max-width: 768px) {
    .mobile_carousel_slider .elementor-swiper-button{
        display: none !important;
    }
}



@media (max-width: 600px) {
    .slide-text {
        left: 5px !important;
        right: 5px !important;
        padding: 0.5em 0.2em;
    }
    .fixed-logo.has-border{
        padding-right: 8px !important;
        border-right: 1px solid #fff;
    }
    .dynamic-logos {
        gap: 0px !important;
    }
    .fixed-logo img {
        max-height: 36px !important;
    }
    .partners-row-container {
        justify-content: center !important;
        gap: 10px !important;
    }
    
}




.flickity-button:focus {
  box-shadow:none !important
}


[type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover {
  background-color: #1a1a1a !important
}