html, body {
   /* overflow-x: hidden;*/
}
.secondary-banner-section .banner-overlay {
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgba(255, 0, 0, 0) 70%);
   /* height: 100vh;*/
}

    .secondary-banner-section img {
        object-fit: cover;
    }
.secondary-banner-inner-content .btn {
    margin-left: 10px;
    width: 206.2px;
    gap: 10px;
    margin: 0%;
    background-color: #0078D6 !important;
}
.secondary-banner-inner-content .btn span{
   font-weight: 700;
}

.secondary-banner-inner-content .btn:hover {
    background-color: #424242 !important;
    border-color: #696969 !important;
    color: #fff !important;
}
.secondary-banner-inner-content .btn:not(.btn-outline-light):hover{
    background: #014880!important;
    color: #fff!important;
    background-color: #014880!important;
    border-color: #014880!important;
}

.secondary-banner-inner-content h1{
    /* font-size: 30px !important; */
    /* font-size: 37.49px; */
    font-size: 64px;
    width: 38% !important;
}


.secondary-banner-inner-content p{
    font-size: 18px;
    line-height: 30px;
    width: 100%;
}

.secondary-banner-inner-content {
    position: absolute;
    top: 0;
}

.top-cBox {
    width: 100%;
}

.cbox-txt h1 {
    margin: 0px 0px 16px;
    /* padding-left: 50px; */
}

.cbox-txt .p {
    padding-left: 0px;
    padding-right: 00%;
    margin: 0px 0px 16px;
    width: 100%;
    /* padding-left: 50px; */
}

.display-5 {
    width: 45%;
}
.slick-dots {
    position: absolute;
    bottom: 1px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
/* .top-cBox h1,
.top-cBox p {
    padding-left: 70px;
} */
.spotlight-benz-sprinter-container,
.citan-container {
    margin: 5rem 10rem;
}
.GP-description {
    font-size: 18px;
}

@media (max-width: 1200px) {
    .secondary-banner-inner-content h1{
        font-size: 5vw;
        width: 100% !important;
    }
    .spotlight-benz-sprinter-container,
    .citan-container {
        margin: 5rem 3rem;
    }
}
    @media (min-width: 992px) {
        .card .card-img-overlay p {
            opacity: 0;
            transition: opacity .4s ease-in-out;
            /* transition: opacity .4s ease-in-out,transform .4s ease-in-out; */
        }

        .card:hover > .card-img-overlay p {
            opacity: 1;
            /* transform: translateY(0); */
        }

        .card .card-img-overlay {
            transform: translateY(calc(100% - 120px));
            transition: opacity .4s ease-in-out, transform .4s ease-in-out;
        }

        .card:hover > .card-img-overlay {
            opacity: 1;
            transform: translateY(0);
        }

        .card > .card-img-wrap img {
            transition: transform 0.5s;
        }

        .card:hover > .card-img-wrap img {
            transform: scale(1.1);
        }

        .banner-txt-pos {
            margin-left: 5%;
            /* margin-top: 15%; */
        }
    }
    @media (max-width: 991px) {
        .banner-txt-pos {
            margin-left: 3%;
        }
        .spotlight-benz-sprinter-container,
        .citan-container {
            margin: 3rem 1rem;
        }
    }

    @media only screen and (max-width: 576px ) {
        .banner-txt-pos {
            bottom: 0;
            background-color: rgb(0, 0, 0);
            margin: 0 !important;
            top: 70%;
        }

            .banner-txt-pos h1,
            banner-txt-pos p,
            banner-txt-pos div {
                /* margin-left: 8%; */
                width: auto;
                padding-left: 1.5rem;
            }

        .secondary-banner-inner-content {
            top: 70%;
            position: relative;
        }

        .banner-txt-pos h1 {
            padding-top: 2rem;
        }

        .secondary-banner-inner-content .btn {
            width: 100%;
            margin: 1rem 0;
            margin: 1rem 1.5rem 2rem !important;
        }
        .top-cBox p {
            padding-left: 0;
            text-align: justify;
        }

        .top-cBox h1 {
            padding-left: 0;
        }
        .secondary-banner-inner-content p {
            width: 100% !important;
            padding-left: 1.5rem;
        }
    }


    @media only screen and (max-width: 768px) {
        .banner-txt-pos {
            /* margin-left: 3%; */
            /* margin-top: 8%; */
        }

            /* .banner-txt-pos h1,
            banner-txt-pos p,
            banner-txt-pos div {
                margin-left: 3%;
            } */

        .card img {
            width: 275px;
        }


        .secondary-banner-inner-content h1 {
            width: unset;
            font-size: 36.46px;
            /* margin-left: 7%; */
        }

        .secondary-banner-inner-content p {
            /*display: none;*/
            width: 80%;
            font-size: 18px;
            /* margin-left: 7%; */
            Line-height:25.2px;
        }

        .secondary-banner-inner-content .btn {
            /* width: 380px; */
            /* margin: 3%; */
        }

        .top-cBox {
            width: unset;
            padding-left: 0;
        }

        .cbox-txt h1 {
            padding-left: 0;
        }

        .cbox-txt .p {
            padding-left: 0;
            padding-right: 0;
            width: 100%;
        }

        .display-5 {
            width: unset;
        }
        .GP-description {
            font-size: 16px;
        }
    }

    @media only screen and (min-width: 768px) {
        .card img {
            width: 400px;
        }

        .secondary-banner-inner-content .btn {
            /* width: 280px;
        margin: 3%;*/
        }
    }