.image-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.image-item {
    width: 300px;
}

.image-item img {
    width: 100%;
    height: auto;
}
/* Add these for tab show/hide */
.gallery-section {
    display: none;
}

.gallery-section.active {
    display: block;
}
        .gallery-section {
            display: none;
        }

        .gallery-section.active {
            display: block;
        }

        .gallery-container .gallery-tabs .tab-button {
            cursor: pointer;
            padding: 8px 16px;
            border: none;
            background: transparent;
            margin-right: 0px;
            border-bottom: 2px solid #767676;
            font-size: 16px;
            text-align: left;
            font-family: "HyundaiMedium";
            color: #767676;
            text-transform: uppercase;
        }

        .gallery-container .gallery-tabs .tab-button:focus {
            outline: 0;
        }

        .gallery-container .gallery-tabs .tab-button.active {
            background: transparent;
            color: #002c5f;
            border-bottom: 2px solid #002c5f;
        }

        .gallery-container .image-group {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }

        .gallery-container .color-tabs {
            display: block;
            gap: 10px;
            margin: 20px 0;
        }

        .gallery-container .vehicle-colors {
            font-size: 20px;
            font-family: "HyundaiMedium";
            padding-top: 50px;
            display: inline-block;
            text-align: center;
            width: 100%;
        }

        .gallery-container .color-chip {
            border: none;
            padding: 3px;
            border-radius: 50%;
            outline: none;
            cursor: pointer;
        }

        .gallery-container .color-chip img {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            border: 3px solid transparent;
        }

        .gallery-container .color-chip.active img {
            border-color: #7b7b7b;
        }

        .gallery-container .carousel-item img {
            width: 100%;
            height: auto;
        }

        .gallery-container .carousel-item {
            transition: none !important;
        }

        .gallery-container #modeLabel {
            margin-right: 10px;
        }

        .gallery-container #dayCarousel {
            background: url("../../../../../../../content/dam/hyundai/in/en/data/find-a-car/venue/day_bg.png");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            height: 500px;
        }

        .gallery-container #nightCarousel {
            background: url("../../../../../../../content/dam/hyundai/in/en/data/find-a-car/venue/night_bg.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            height: 500px;
        }

        .gallery-container .carousel-inner {
            height: auto !important;
        }

        .gallery-container .outdoor-carousel {
            display: none;
        }

        .gallery-container .outdoor-carousel.active {
            display: block;
        }

        .gallery-container .gallery-tabs li {
            display: inline-block;
        }

        .gallery-container .day-night-toggle {
            display: none;
            vertical-align: middle;
            margin-left: 10px;
        }

        .gallery-container .switch {
            position: relative;
            display: inline-block;
            width: 50px;
            height: 24px;
            margin-bottom: 0;
            vertical-align: middle;
        }

        .gallery-container .switch input {
            display: none;
        }

        .gallery-container .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #767676;
            transition: .4s;
            border-radius: 24px;
        }

        .gallery-container .slider:before {
            content: "";
            position: absolute;
            height: 15px;
            width: 15px;
            left: 5px;
            bottom: 4px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }

        .gallery-container input:checked+.slider {
            background-color: #002c5f;
        }

        .gallery-container input:checked+.slider:before {
            transform: translateX(26px);
        }

        #studioCarousel .carousel-control-prev-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
        }

        #studioCarousel .carousel-control-next-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
        }

        @media screen and (max-width: 1024px) {

            .gallery-container #nightCarousel,
            .gallery-container #dayCarousel {
                height: auto;
            }
        }