.review-card,.title,.video-card,.videoModalBox{overflow:hidden}.play-btn{inset:0;display:flex}.videoModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:9999}.videoModalBox{width:380px;height:600px;background:#000;border-radius:18px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.6)}.insta-thumb,.review-card video,.videoModalBox video{width:100%;height:100%;object-fit:cover}.closeVideo{position:absolute;top:10px;right:12px;background:rgba(0,0,0,.6);border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer;z-index:10}.review-title,.text-box h2{font-size:32px;font-weight:700}.offer-banner{border-radius:10px;width:100%;height:180px;object-fit:cover}.review-section{background:#f5f5f5;padding:60px 0}.new-drops-section,.review-card{background:#000;border-radius:16px}.review-title{text-align:center;margin-bottom:40px}.review-title span{color:#19c37d}.review-card{height:420px}.new-drops-section{color:#fff;padding:70px 0}.text-box h2{line-height:1.3}.text-box span{color:#1dd1a1}.product-tabs{list-style:none;padding:0;margin-top:20px}.product-tabs li{margin-bottom:10px;cursor:pointer;font-size:16px;opacity:.8}.product-tabs li.active{opacity:1;text-decoration:underline}.product-card{background:#fff;border-radius:14px;padding:15px;color:#000}.product-img{height:180px;display:flex;align-items:center;justify-content:center}.play-btn,.price{align-items:center}.product-img img{max-height:160px;width:auto}.stock{font-size:13px;color:#2ecc71;margin-bottom:6px}.title{font-size:14px;height:40px}.price{margin-top:10px;display:flex;gap:8px}.sale{font-weight:700;font-size:18px}.price del{font-size:13px;color:#999}.off{background:#2ed573;color:#fff;padding:2px 8px;border-radius:6px;font-size:12px}@media (max-width:768px){.new-drops-section{background:#000;color:#fff;padding:21px 0;border-radius:16px}}.blog-card-img{width:100%;max-width:350px;height:200px;object-fit:cover;margin:0 auto;display:block;border-radius:10px}.blog-carousel .item{padding:10px}.video-card{position:relative;border-radius:18px}.play-btn{justify-content:center;z-index:2}.yt-play{font-size:48px;color:#fff;background:rgba(0,0,0,.35)}.insta-circle{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);display:flex;align-items:center;justify-content:center}.insta-circle i{color:#fff;font-size:30px}.video-testimonial-carousel .owl-dots{gap:10px;display:flex!important;justify-content:center;margin-top:20px;position:relative;z-index:9999}.video-testimonial-carousel{overflow:visible!important;padding-bottom:40px}.video-testimonial-carousel .owl-dot{background:0 0!important}.video-testimonial-carousel .owl-dot span{display:block!important;width:8px;height:8px;background:#cbd5e1;border-radius:50%}.video-testimonial-carousel .owl-dot.active span{background:#b60104;transform:scale(1.2)}@media (max-width:576px){.video-testimonial-carousel .video-card{transform:none!important;opacity:1!important}}.video-testimonial-carousel .video-card{position:relative;height:360px;border-radius:20px;overflow:hidden;background:#000;transform:scale(.82);opacity:.45;transition:.45s}.video-testimonial-carousel .center .video-card{transform:scale(1);opacity:1;box-shadow:0 30px 60px rgba(0,0,0,.35)}.video-testimonial-carousel iframe{width:100%;height:100%;border:none}.play-btn{position:absolute;align-items:center;justify-content:center;font-size:64px;color:#fff;background:rgba(0,0,0,.35);cursor:pointer;transition:.3s}.play-btn:hover{background:rgba(0,0,0,.55)}
.process-video-section {
    padding: 30px 0;
    background: #000;
}

.process-video-section .container {
    max-width: 1200px;  
}

.process-title {
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

.process-title span {
    color: #ad0403;
    border-bottom: 2px solid #ad0403;
}

/* WRAPPER */
.video-wrapper {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: auto;
    border-radius: 20px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 20px 50px rgba(0,0,0,0.6);
}

/* aspect ratio */
.video-wrapper::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

/* VIDEO */
.video-wrapper video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;      
    height: 100%;    
    transform: translate(-50%, -50%);
    object-fit: cover; /*  better look */
}


.video-overlay {
    position: relative; /* 
    max-width: 850px;
    margin: -60px auto 0; /*  overlap effect */
    background: #038fad;
    color: #fff;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
    z-index: 2;
}

/* =========================
   MOBILE (0 - 576px)
========================= */
@media (max-width: 576px) {

    .process-video-section {
        padding: 10px 0;
    }

    .video-wrapper {
        max-width: 100%;
        border-radius: 10px;
    }

    .video-overlay {
        margin-top: -25px;
        padding: 15px;
        border-radius: 12px;
    }

    .video-overlay h3 {
        font-size: 16px;
    }

    .video-overlay p {
        font-size: 13px;
    }
}

/* =========================
    TABLET (577px - 991px)
========================= */
@media (min-width: 577px) and (max-width: 991px) {

    .process-video-section {
        padding: 20px 0;
    }

    .video-wrapper {
        max-width: 700px;
    }

    .video-overlay {
        margin-top: -40px;
        padding: 20px;
        font-size: 14px;
    }
    
    .video-wrapper video {
   
    top: 39%;
   
}
    
}

/* =========================
    DESKTOP (992px+)
========================= */
@media (min-width: 992px) {

    .video-wrapper {
        max-width: 900px;
    }

    .video-overlay {
        margin-top: -60px;
    }
}