/* smileGalleryGridSec */
.smileGalleryGridSec .secHeader {
    text-align: center;
    margin-bottom: 64px;
}

.smileGalleryGridSec .secHeader .headingXL {
    color: var(--neutral900);
    margin-bottom: 24px;
}

.smileGalleryGridSec .secHeader .paragraphL {
    color: var(--neutral700);
}

/* Tabs */
.smileGalleryGridSec .tabWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin-bottom: 52px;
}

.smileGalleryGridSec .tabWrapper .tabLink {
    background-color: #8B6E421A;
    padding: 13px 20px;
    min-width: 226px;
    color: var(--neutral900);
    text-align: center;
    position: relative;
    text-decoration: none;
    transition: 0.4s;
}

.smileGalleryGridSec .tabWrapper .tabLink:hover {
    background-color: var(--primaryBrand400);
}

.smileGalleryGridSec .tabWrapper .tabLink::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0%;
    height: 1px;
    transition: 0.4s;
    background-color: var(--primaryBrand);
    z-index: 2;
}

.smileGalleryGridSec .tabWrapper .tabLink.active::before {
    width: 100%;
}

/* Gallery Grid */
.smileGalleryGridSec .smileGalleryGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.smileGalleryGridSec .smileGalleryGrid .imgWrapper {
    width: calc(33.3333% - 16px);
}

.smileGalleryGridSec .smileGalleryGrid .imgWrapper .innerWrapper {
    width: 100%;
    padding-top: 83%;
    position: relative;
    overflow: hidden;
    display: block;
}

.smileGalleryGridSec .smileGalleryGrid .imgWrapper img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Bottom Info Text */
.smileGalleryGridSec .infoText {
    color: var(--neutral700);
    margin-top: 52px;
    text-align: center;
}

/* Responsive - 1199px */
@media (max-width: 1199px) {
    .smileGalleryGridSec .secHeader {
        margin-bottom: 32px;
    }
}

/* Responsive - 767px */
@media (max-width: 767px) {
    .smileGalleryGridSec .smileGalleryGrid .imgWrapper {
        width: calc(50% - 12px);
    }

    .smileGalleryGridSec .tabWrapper {
        margin-bottom: 32px;
    }
}

/* Responsive - 575px */
@media (max-width: 575px) {
    .smileGalleryGridSec .tabWrapper {
        gap: 10px;
    }

    .smileGalleryGridSec .tabWrapper .tabLink {
        min-width: calc(50% - 5px);
        padding: 13px 8px;
    }

    .smileGalleryGridSec .smileGalleryGrid {
        gap: 10px;
    }

    .smileGalleryGridSec .smileGalleryGrid .imgWrapper .innerWrapper {
        border-radius: 8px;
    }

    .smileGalleryGridSec .infoText {
        margin-top: 32px;
    }

    /* Temp font size */
    .smileGalleryGridSec .secHeader .headingXL {
        font-size: 36px;
        line-height: 46px;
    }
}