/* =========================================================
   Internal Page Hero
   ========================================================= */

.page-hero {

    position: relative;

    width: 100%;

    height: 360px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    background-image: url("../images/main_background_for_main_btpchiptuningfiles.png");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}


/* =========================================================
   Overlay
   ========================================================= */

.page-hero-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to bottom,
            rgba(3,3,10,.35),
            rgba(3,3,10,.65)
        );

}


/* =========================================================
   Content
   ========================================================= */

.page-hero-content {

    position: relative;

    z-index: 2;

    width: min(1100px, calc(100% - 40px));

    margin: 0 auto;

    text-align: center;

}


.page-hero-content h1 {

    margin: 0;

    color: #ffffff;

    font-size: clamp(38px, 5vw, 64px);

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

}


.page-hero-content h1 span {

    color: #ef1111;

}


.page-hero-content p {

    max-width: 800px;

    margin: 22px auto 0;

    color: rgba(255,255,255,.82);

    font-size: 17px;

    line-height: 1.8;

}


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 991px) {

    .page-hero {

        height: 320px;

    }

}


@media (max-width: 575px) {

    .page-hero {

        height: 280px;

    }

    .page-hero-content {

        width: calc(100% - 30px);

    }

    .page-hero-content h1 {

        font-size: 34px;

    }

    .page-hero-content p {

        font-size: 15px;

        line-height: 1.6;

    }

}