﻿.gallert-tab {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .gallert-tab li a {
        display: block;
        padding: 10px 16px;
        text-decoration: none;
        color: inherit;
        border-radius: 4px;
        transition: background 0.2s;
    }

    .gallert-tab li.active a,
    .gallert-tab li:hover a {
        /*background: #007bff;*/ /* replace with your existing active color */
        color: #000000;
    }

/* ── Gallery items ── */
.gallery-item {
    margin-bottom: 1rem;
}

    .gallery-item.hidden {
        display: none;
    }
/*        .gallery-item.fade-in {
                animation: fadeUp 0.3s ease forwards;
            }
            @keyframes fadeUp {
                from { opacity: 0; transform: translateY(10px); }
                to   { opacity: 1; transform: translateY(0); }
            }*/


/* Gallery Page css Start */
.gallery-right-row .col-lg-4 {
    margin-bottom: 1.5rem;
}

.img-raduis img {
    border-radius: 2rem;
}

.gallert-tab li {
    color: #070707;
    font-size: 2.5rem;
    text-align: left;
    font-weight: 500;
    line-height: 1.1;
    opacity: 0.8;
    letter-spacing: -1.12px;
    padding: 2rem;
    border-bottom: 2px solid #C1C1C1;
    border-radius: 0 !important;
    list-style: none;
    cursor: pointer;
}

    .gallert-tab li a {
        font-size: 2.5rem;
    }

    .gallert-tab li.active, .gallert-tab li:hover {
        color: #070707;
        background: #FFE3AD;
        border-color: #FFE3AD;
    }


.gallery-content .row .col-lg-4 {
    margin-bottom: 2rem;
}
/* gallery page tab css start */




/* the nitty gritty */
.gallery-tab-section .tabs-container {
    position: relative;
}

    .gallery-tab-section .tabs-container nav {
        /* position: absolute; */
        width: 100%;
    }

        .gallery-tab-section .tabs-container nav ul li.active:after {
            width: 1px;
            height: 1px;
            border: 5px solid transparent;
            border-top: 5px solid #555;
            content: "";
            position: absolute;
            right: 1.5em;
            top: 1.4em;
            z-index: 9999;
        }

        .gallery-tab-section .tabs-container nav ul li:not(.active) {
            position: absolute;
            top: -999em;
        }

        .gallery-tab-section .tabs-container nav ul.expanded li.active:after {
            border-top-color: transparent;
            border-bottom-color: #555;
            top: 1em;
        }

        .gallery-tab-section .tabs-container nav ul.expanded li:not(.active) {
            position: relative;
            top: auto;
        }

.gallery-tab-section .tab-content {
    display: none;
    padding: 15px;
}

    .gallery-tab-section .tab-content.current {
        display: inherit;
    }
/* gallery page tab css end */

@media screen and (max-width: 575px) {
    /* gallery section start */


    .gallery {
        flex-wrap: wrap;
    }

    .gallery__column {
        width: 20%;
    }

    .gallery .gallery__column:last-child {
        display: none;
    }

    /* gallery section ednd */

}

@media all and (min-width: 992px) {
    .gallery-tab-section nav {
        background: transparent;
    }

    .gallert-tab li a {
        font-size: 1.5rem;
    }

    .gallery-tab-section .tabs-container nav ul li:not(.active) {
        position: relative;
        top: auto;
    }


    .gallery-tab-section .tabs-container nav ul li.active:after {
        display: none;
    }
}

@media screen and (max-width: 414px) {
    .gallery-img img {
        height: 180px;
    }

    .gallert-tab li a {
        font-size: 1.5rem;
    }

    .gallert-tab li {
        padding: 1rem;
    }
}

.col-lg-4, .col-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width:992px) {
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}
