/* =========================
           FANATEC HERO SECTION
        ========================= */

            .fanatec-hero {
                width: 100%;
                overflow: hidden;
            }

            /* LOGO */

            .fanatec-logo {
                background: #000;
                padding: 20px;
                border-radius: 4px;
            }

            .fanatec-logo img {
                max-width: 100%;
                height: auto;
            }

            /* HERO BANNER */

            .hero-banner {
                position: relative;
                width: 100%;
                overflow: hidden;
                border-radius: 6px;
                background: #000;
            }

            /* VIDEO */

            .hero-video {
                width: 100%;
                height: auto;
                min-height: 250px;
                max-height: 750px;
                object-fit: cover;
                display: block;
            }

            /* DARK LAYER */

            .banner-layer {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.35);
                z-index: 1;
            }

            /* OVERLAY CONTENT */

            .hero-overlay {
                position: absolute;
                top: 70%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 2;
                width: 100%;
                padding: 20px;
            }

            /* HEADING */

            .hero-overlay h1 {
                font-size: 64px;
                font-weight: 800;
                font-style: italic;
                line-height: 1.1;
                color: #ffffff;
                text-transform: uppercase;
                letter-spacing: 1px;
                margin: 0;
                opacity: 0.9;
                font-family:  "Tomorrow", sans-serif;
};

         

            /* =========================
           LARGE DEVICES
        ========================= */

            @media (max-width: 1400px) {

                .hero-overlay h1 {
                    font-size: 52px;
                }
            }

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

            @media (max-width: 991px) {

                .hero-overlay h1 {
                    font-size: 38px;
                }

                .hero-overlay {
                    width: 100%;
                }
            }

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

            @media (max-width: 767px) {

                .fanatec-logo {
                    padding: 12px;
                }

                .hero-banner {
                    border-radius: 4px;
                }

                .hero-video {
                    min-height: 220px;
                    object-fit: cover;
                }

                .hero-overlay {
                    width: 100%;
                    padding: 15px;
                }

                .hero-overlay h1 {
                    font-size: 24px;
                    line-height: 1.4;
                    letter-spacing: 0.5px;
                }
            }

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

            @media (max-width: 480px) {

                .hero-overlay h1 {
                    font-size: 18px;
                    line-height: 1.5;
                }

                .hero-video {
                    min-height: 180px;
                }
            }

            /* =========================
           FANATEC CATEGORY SECTION
        ========================= */

            .fanatec-category {
                background: #ffffff;
            }

            /* TITLE */

            .fanatec-heading {
                font-size: 58px;
                font-weight: 800;
                font-style: italic;
                text-transform: uppercase;
                color: #000;
                letter-spacing: 1px;
                margin-bottom: 0;
                font-family: 'Tomorrow', sans-serif;
            }

            /* CARD */

            .category-card {
                position: relative;
                display: block;
                overflow: hidden;
                text-decoration: none;
                background: #efefef;
                height: 100%;
            }

            /* IMAGE AREA */

            .category-image {
                position: relative;
                width: 100%;
                height: 320px;
                overflow: hidden;
                background: #efefef;
            }

            /* IMAGE */

            .category-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.5s ease;
                display: block;
            }

            /* HOVER EFFECT */

            .category-card:hover .category-image img {
                transform: scale(1.08);
            }

            /* OPTIONAL DARK OVERLAY */

            .category-image::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.05);
                z-index: 1;
                transition: 0.3s ease;
            }

            .category-card:hover .category-image::before {
                background: rgba(0, 0, 0, 0.15);
            }

            /* =========================
           RESPONSIVE
        ========================= */

            @media(max-width:1400px) {

                .fanatec-heading {
                    font-size: 48px;
                }

                .category-image {
                    height: 280px;
                }
            }

            @media(max-width:991px) {

                .fanatec-heading {
                    font-size: 38px;
                }

                .category-image {
                    height: 220px;
                }
            }

            @media(max-width:767px) {

                .fanatec-category {
                    padding-top: 40px !important;
                    padding-bottom: 40px !important;
                }

                .fanatec-heading {
                    font-size: 28px;
                }

                .category-image {
                    height: 180px;
                }
            }

            @media(max-width:480px) {

                .fanatec-heading {
                    font-size: 24px;
                }

                .category-image {
                    height: 140px;
                }
            }

            .section-title p {
                max-width: 79.33% !important;
                font-size: 20px !important;
                margin: 10px auto 0px;
            }
            h2{
                font-family: 'Tomorrow', sans-serif !important;
                font-style: italic !important;
                font-weight: 800;
                text-transform: uppercase;
                letter-spacing: 1px;
            }

          #promoCarousel .carousel-item img {
    width: 100%;
    height: auto;
    display: block;
}