/*==================================================================================
    Custom Stylesheet (Any custom styling you want to apply should be defined here).
====================================================================================*/

.banner-slider .slider-inner-wrap {
    height: 100vh;
    background: linear-gradient(110deg,#ededed 30%,#c3c3c3 50%,#ededed 70%) 0 0/400%;
    position: relative;
    animation: shimmer 1.5s linear infinite;
}

.banner-carousel1 .single-slider-wrap{
    height: 100vh;
}

.banner-slider .slider-inner-wrap::after {
    content: 'Welcome to Tô Mỳ Tôm';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: 3.125rem;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
    font-family: "Cherry Bomb One", system-ui;
    font-style: normal;
    /* text-shadow: rgb(255, 255, 255) 0.0625rem 0rem 0rem, rgb(255, 255, 255) 0.0338rem 0.0526rem 0rem, rgb(255, 255, 255) -0.026rem 0.0568rem 0rem, rgb(255, 255, 255) -0.0619rem 0.0088rem 0rem, rgb(255, 255, 255) -0.0409rem -0.0473rem 0rem, rgb(255, 255, 255) 0.0177rem -0.0599rem 0rem, rgb(255, 255, 255) 0.06rem -0.0175rem 0rem; */
    text-shadow: rgb(255, 255, 255) 0.125rem 0rem 0rem, rgb(255, 255, 255) 0.1097rem 0.0599rem 0rem, rgb(255, 255, 255) 0.0675rem 0.1052rem 0rem, rgb(255, 255, 255) 0.0088rem 0.1247rem 0rem, rgb(255, 255, 255) -0.052rem 0.1137rem 0rem, rgb(255, 255, 255) -0.1001rem 0.0748rem 0rem, rgb(255, 255, 255) -0.1237rem 0.0176rem 0rem, rgb(255, 255, 255) -0.1171rem -0.0438rem 0rem, rgb(255, 255, 255) -0.0817rem -0.0946rem 0rem, rgb(255, 255, 255) -0.0263rem -0.1222rem 0rem, rgb(255, 255, 255) 0.0355rem -0.1199rem 0rem, rgb(255, 255, 255) 0.0886rem -0.0882rem 0rem, rgb(255, 255, 255) 0.12rem -0.0349rem 0rem;
}

@keyframes shimmer {
    0% {
        background-position: 100% 100%
    }

    to {
        background-position: 0 0
    }
}


@media (max-width: 992px) {
    .banner-slider .slider-inner-wrap,
    .banner-carousel1 .single-slider-wrap {
        height: 90vh;
    }
}


@media (max-width: 768px) {
    #menu-header-01 {
        display: none;
    }

    .banner-slider .slider-inner-wrap,
    .banner-carousel1 .single-slider-wrap {
        height: 80vh;
    }
}

@media (max-width: 576px) {

    .banner-slider .slider-inner-wrap,
    .banner-carousel1 .single-slider-wrap {
        height: 70vh;
    }
    

    .banner-slider .slider-inner-wrap::after {
        font-size: 2.0714rem;
    }
}