.text-large {
    font-size: 60px;
    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.52);
    color: rgb(255, 215, 0) !important;
}

.product-box {
    background-color: #04253d !important;
}

.product-media {
    opacity: 60% !important;
    width: 100% !important;
    height: 100% !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-radius: 10px !important;
}

.btn-rounded {
    border-radius: 100% !important;
    width: 80px !important;
    height: 80px !important;
}

.dz-card {
    .product-media::before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 0;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    &:hover {
        .product-media:before {
            -webkit-animation: dzShine .75s;
            animation: dzShine .75s;
        }
    }
}

.swiper-wrapper {
    height: auto !important;
}

.product-box {
    background-color: #04253d !important;
}

.product-media {
    opacity: 60% !important;
    width: 100% !important;
    height: 100% !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-radius: 10px !important;
}

.btn-rounded {
    border-radius: 100% !important;
    width: 80px !important;
    height: 80px !important;
}

.product-content {
    .main-content {
        display: block !important;
        margin: auto !important;
        width: 100% !important;

        .sub-title2 {
            font-size: 18px !important;
            text-shadow: #0b0b0b !important;
        }
    }
}

.sticky-top {
    background: linear-gradient(to top, rgb(0, 28, 122) 0%, rgb(2, 72, 176) 100%) !important;

    .cart-item {
        &.style-1 {
            border-bottom: 1px solid rgba(255, 255, 255, 0.47) !important
        }
    }
}

.text-lokasi {
    text-transform: capitalize;
}

.title-berita{
    font-size: 18px;
    color: white !important;
}

.is-dekstop{
    @media only screen and (min-width: 1024px) and (max-width: 1380px) {
        display: none !important;
    }
}