.elementor-261 .elementor-element.elementor-element-e9db77d{padding:0px 0px 0px 0px;}.elementor-261 .elementor-element.elementor-element-e9db77d .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:59px;color:#C18A16;}.elementor-261 .elementor-element.elementor-element-c45c714{margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-261 .elementor-element.elementor-element-c45c714 .elementor-heading-title{font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-261 .elementor-element.elementor-element-0eb7001{--spacer-size:200px;}/* Start custom CSS for html, class: .elementor-element-f0721db *//* =========================================
   RESET
========================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* =========================================
   GALLERY SECTION
========================================= */

.gallery-section {
    position: relative;

    width: 100%;

    padding: 32px 22px 5px;

    background: #f7f7f5;

    overflow: hidden;

    font-family: "Poppins", sans-serif;
}


/* =========================================
   FILTER BUTTONS
========================================= */

.gallery-filters {
    position: relative;

    z-index: 3;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 28px;
}


.filter-btn {
    border: 1px solid #c9b889;

    background: #f8f8f6;

    color: #31463b;

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 500;

    padding: 10px 18px;

    border-radius: 3px;

    cursor: pointer;

    transition: all 0.3s ease;

    white-space: nowrap;
}


.filter-btn:hover {
    background: #173d2b;

    color: #ffffff;

    border-color: #173d2b;
}


.filter-btn.active {
    background: #173d2b;

    color: #ffffff;

    border-color: #173d2b;

    box-shadow: 0 4px 12px rgba(23, 61, 43, 0.18);
}


/* =========================================
   GALLERY GRID
========================================= */

.gallery-grid {
    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1500px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-auto-rows: 165px;

    gap: 6px;
}


/* =========================================
   GALLERY ITEM
========================================= */

.gallery-item {
    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

    border-radius: 3px;

    background: #deded9;

    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}


/* Hidden Gallery Items */

.gallery-item.hide {
    display: none;
}


/* =========================================
   GALLERY IMAGE
========================================= */

.gallery-item img {
    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.5s ease;
}


.gallery-item:hover img {
    transform: scale(1.05);
}


/* =========================================
   IMAGE PLACEHOLDER
========================================= */

/* This background will show while you add images */

.gallery-item::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            135deg,
            #e7e7e2,
            #dcdcd5
        );

    z-index: -1;
}


/* =========================================
   DECORATIVE LEAVES
========================================= */

.gallery-leaf {
    position: absolute;

    width: 180px;

    height: 130px;

    pointer-events: none;

    opacity: 0.16;

    z-index: 1;
}


.gallery-leaf::before,
.gallery-leaf::after {
    content: "";

    position: absolute;

    width: 90px;

    height: 35px;

    border: 1px solid #b79a5d;

    border-radius: 100% 0 100% 0;

    transform: rotate(-35deg);
}


.gallery-leaf::after {
    top: 35px;

    left: 35px;

    transform: rotate(35deg);
}


.gallery-leaf-left {
    top: 5px;

    left: -35px;
}


.gallery-leaf-right {
    top: 5px;

    right: -35px;

    transform: scaleX(-1);
}


/* =========================================
   DESKTOP LARGE SCREEN
========================================= */

@media (min-width: 1400px) {

    .gallery-section {
        padding-left: 35px;
        padding-right: 35px;
    }


    .gallery-grid {
        grid-auto-rows: 190px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .gallery-section {
        padding: 25px 18px;
    }


    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);

        grid-auto-rows: 220px;

        gap: 8px;
    }


    .gallery-filters {
        gap: 7px;
    }


    .filter-btn {
        padding: 9px 14px;

        font-size: 10px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .gallery-section {
        padding: 22px 12px;
    }


    /* Horizontal Scroll Filter Buttons */

    .gallery-filters {
        justify-content: flex-start;

        flex-wrap: nowrap;

        overflow-x: auto;

        padding-bottom: 5px;

        margin-bottom: 18px;

        scrollbar-width: none;
    }


    .gallery-filters::-webkit-scrollbar {
        display: none;
    }


    .filter-btn {
        flex-shrink: 0;

        padding: 9px 15px;

        font-size: 10px;
    }


    /* Gallery */

    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);

        grid-auto-rows: 145px;

        gap: 5px;
    }


    .gallery-item {
        border-radius: 3px;
    }


    .gallery-leaf {
        display: none;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 375px) {

    .gallery-grid {
        grid-auto-rows: 125px;
    }


    .filter-btn {
        padding: 8px 13px;
    }

}/* End custom CSS */