.elementor-2252 .elementor-element.elementor-element-05accaf{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-2252 .elementor-element.elementor-element-9fab692 .bdt-custom-gallery .bdt-overlay{text-align:center;justify-content:center;}.elementor-2252 .elementor-element.elementor-element-9fab692{width:100%;max-width:100%;}#bdt-custom-gallery-9fab692 .bdt-gallery-thumbnail img{height:165px;}.elementor-2252 .elementor-element.elementor-element-9fab692 .bdt-custom-gallery.bdt-grid{margin-left:-0px;margin-top:-0px;}.elementor-2252 .elementor-element.elementor-element-9fab692 .bdt-custom-gallery.bdt-grid > *{padding-left:0px;margin-top:0px;}.elementor-2252 .elementor-element.elementor-element-9fab692 .bdt-custom-gallery .bdt-gallery-thumbnail, .elementor-2252 .elementor-element.elementor-element-9fab692 .bdt-custom-gallery .bdt-overlay, .elementor-2252 .elementor-element.elementor-element-9fab692 .bdt-custom-gallery .bdt-custom-gallery-inner{border-radius:0px 0px 0px 0px;}.elementor-2252 .elementor-element.elementor-element-9fab692 .bdt-custom-gallery .bdt-gallery-item .bdt-gallery-item-text{color:#FFFFFF;}.elementor-2252 .elementor-element.elementor-element-9fab692 .bdt-gallery-item .bdt-gallery-item-text{font-family:"Kollektif", Sans-serif;}.elementor-2252 .elementor-element.elementor-element-b1235cd .bdt-custom-gallery .bdt-overlay{text-align:center;padding:10px 10px 10px 10px;justify-content:center;}.elementor-2252 .elementor-element.elementor-element-b1235cd{width:100%;max-width:100%;}#bdt-custom-gallery-b1235cd .bdt-gallery-thumbnail img{height:165px;}.elementor-2252 .elementor-element.elementor-element-b1235cd .bdt-custom-gallery.bdt-grid{margin-left:-0px;margin-top:-0px;}.elementor-2252 .elementor-element.elementor-element-b1235cd .bdt-custom-gallery.bdt-grid > *{padding-left:0px;margin-top:0px;}.elementor-2252 .elementor-element.elementor-element-b1235cd .bdt-custom-gallery .bdt-gallery-thumbnail, .elementor-2252 .elementor-element.elementor-element-b1235cd .bdt-custom-gallery .bdt-overlay, .elementor-2252 .elementor-element.elementor-element-b1235cd .bdt-custom-gallery .bdt-custom-gallery-inner{border-radius:0px 0px 0px 0px;}.elementor-2252 .elementor-element.elementor-element-b1235cd .bdt-custom-gallery .bdt-gallery-item .bdt-gallery-item-text{color:#FFFFFF;}.elementor-2252 .elementor-element.elementor-element-b1235cd .bdt-gallery-item .bdt-gallery-item-text{font-family:"Kollektif", Sans-serif;}.elementor-2252 .elementor-element.elementor-element-0622033{width:var( --container-widget-width, 102.249% );max-width:102.249%;--container-widget-width:102.249%;--container-widget-flex-grow:0;}.elementor-2252 .elementor-element.elementor-element-0622033.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-2252 .elementor-element.elementor-element-05accaf{--width:100%;}}/* Start custom CSS for bdt-custom-gallery, class: .elementor-element-9fab692 *//* Ensure the overlay has a transparent background */
.bdt-overlay {
    background-color: transparent; /* Make the overlay background transparent */
}
.bdt-custom-gallery .bdt-gallery-item .bdt-gallery-item-title {
    margin: 0; /* Remove margins to avoid spacing issues */
    /* Optionally, you can add some padding for spacing */
    padding: 0 5px; /* Adjust as necessary */
}


/* Style for the gallery content with the title */
.bdt-custom-gallery-content {
    background-color: #AF2222; /* Set the background color of the content area to red */
    padding: 5px; /* Adjust padding as needed */
    text-align: center; /* Center align the text */
    position: absolute;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Offset by 50% of its width and height to truly center it */
    width: 330px; /* Adjust width based on content */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Optional: Add shadow for better visibility */
    display: flex;
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
}
/* Target the grid container to adjust the gap between columns */
#bdt-custom-gallery-9fab692.bdt-grid {
    gap: 5px; /* Adjust the value to your desired gap */
    /* If using an older browser that requires grid-gap */
    grid-gap: 0px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05accaf *//* Container for the slider */
#bdt-custom-gallery-9fab692,
#bdt-custom-gallery-b1235cd {
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* Slider styling with horizontal scrolling */
#bdt-custom-gallery-9fab692,
#bdt-custom-gallery-b1235cd {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    transition: transform 0.5s ease-in-out;
}

/* Gallery items with reduced gap */
.bdt-gallery-item {
    flex: 0 0 25%; /* Adjust based on the number of items per row */
    max-width: 25%; /* Adjust based on the number of items per row */
    clip-path: polygon(2% 0, 75% 0, 100% 100%, 30% 120%);
    box-sizing: border-box;
    margin-right: 5px; /* Adjust this value to control the gap */
    padding: 0; /* Ensure no padding */
}

/* Remove the margin for the last item in each row */
.bdt-gallery-item:last-child {
    margin-right: 0;
}


/* Navigation container styling */
#gallery-nav {
    position: absolute;
    top: 50%;
    width: 105%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-545%);
    z-index: 10;
}

/* Navigation buttons styling */
#prevSlide,
#nextSlide {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    height: 40px;
    padding: 13px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 50%;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Initially hide prevSlide */
#prevSlide {
    opacity: 0;
    visibility: hidden;
}

/* Navigation arrows for the second gallery */
#bdt-custom-gallery-b1235cd {
    margin-left: 63px;
}/* End custom CSS */