/* utility css */


/* Center Button */
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    width: 70px;
    height: 70px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 28px;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    transition: 0.3s;
}

.play-btn:hover {
    background: rgba(0,0,0,0.8);
}




/* index page css start */
/* index page css end */

/* about page css start */
 .about-hero-banner {
            padding: 0;
        }

        .about-hero-banner__img {
            display: block;
            width: 100%;
            height: auto;
        }

        .about-hero-banner__content {
            position: absolute;
            inset: 0;
            z-index: 2;
            display: flex;
            align-items: center;
            padding: 90px 0 70px;
        }

        .about-hero-banner__content .row {
            width: 100%;
        }

        .about-hero-banner .sw-overlay {
            z-index: 1;
        }

        .about-hero-banner .crumb-wrapper {
            z-index: 2;
        }

        @media (max-width: 767.98px) {
            .about-hero-banner__content {
                padding: 70px 0 50px;
            }
        }

        /* about page css end */

        /* coffee page css start */
        
        /* coffee page css end */