/* Start Banner Section */
.banner {
    background-image: url(../../img/testimonial/banner-bg.webp);
    background-size: cover;
}

.banner .banner-container .breadcrumb li a {
    color: var(--black) !important;
}

.banner .breadcrumb li:first-child a {
    width: 18px;
    height: 18px;
}

/* End Banner Section */

/* Start Empty Section */
.empty .empty-container h3 {
    color: var(--darkBlue);
}

.empty span img {
animation: upDown 3s linear infinite;
}

.empty .btn-blue img {
    width: 15px;
    height: 15px;
    filter: invert(1);
}

/* End Empty Section */

@media screen and (min-width: 768px) {

    /* Start Empty Section */
    .empty .empty-container span {
        width: 355px;
    }

    /* End Empty Section */

}

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

    /* Start Banner Section */
    .banner .banner-container h1::after {
        content: "";
        background-image: url(../../img/testimonial/arrow.webp);
        background-size: 100% 100%;
        min-width: 85px;
        height: 82px;
        margin-left: 3rem;
    }

    /* End Banner Section */
}

@media screen and (min-width: 1366px) {

    /* Start Banner Section */
    .banner {
        background-size: 100% 100%;
    }

    .banner .banner-container h1 {
        font-size: 50px;
    }

    /* End Banner Section */

    /* Start Empty Section */
    .empty .empty-container h3 {
        font-size: 55px !important;
    }

    /* End Empty Section */
}