/* index 1 */
.hero-section {
            background-color: #232323;
            padding-top: 6rem;
            padding-bottom: 1rem;
        }

        .hero-buttons {
            text-align: center;
        }

        .hero-buttons>a {
            margin: 0 12px 4px 0;
        }

        .hero-carousel {
            background: #111;
            border-radius: 0.5rem;
            overflow: hidden;
        }

        .hero-carousel .carousel-item img {
            width: 100%;
            height: 600px;
            object-fit: contain;
            background: #111;
            transform: scale(1);
        }

        .hero-carousel .carousel-item.active img {
            animation: heroZoom 3.2s ease-in-out;
        }

        .hero-carousel .carousel-indicators [data-bs-target] {
            width: 8px;
            height: 8px;
            border-radius: 50%;
        }

        @keyframes heroZoom {
            0% {
                transform: scale(1);
            }

            100% {
                transform: scale(1.06);
            }
        }

        .gallery-image .item-wrapper {
            position: relative;
            cursor: pointer;
        }

        .gallery-image .icon-wrapper {
            position: absolute;
            inset: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.2s ease-in-out;
        }

        .gallery-image .item-wrapper:hover .icon-wrapper {
            opacity: 1;
        }

        .gallery-icon {
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            padding: 0.45rem 0.9rem;
            border-radius: 999px;
            font-size: 0.9rem;
            font-weight: 600;
        }

        @media screen and (max-width: 480px) {
            .hero-section {
                padding-bottom: 0 !important;
                min-height: 84vh;
                padding-top: 4.6rem !important;
            }

            .hero-carousel .carousel-item img {
                height: 399px !important;
            }
        }

        @media (min-width: 769px) and (max-width: 1000px) {
            .hero-carousel .carousel-item img {
                height: 440px;
            }
        }
/* index 0 */