/* ==========================================================================
   ⚡ MR STORMY CANVAS BACKGROUND - M R JANNAT SWAPON EXACT INVERTED CLONE CSS
   ========================================================================== */

/* --- প্যারেন্ট কন্টেইনারকে ব্যাকগ্রাউন্ড মোডে রূপান্তর --- */
.dbw-hero-master-wrap {
    position: relative !important;
    overflow: hidden !important;
}

/* --- ক্যানভাস লেয়ার সেটিংস --- */
.dbw-canvas-fx {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0 !important;
    backface-visibility: hidden;
    will-change: transform;
}
.dbw-layer-rain-canvas { z-index: 1 !important; }
.dbw-layer-bolt-canvas { z-index: 2 !important; }

/* --- এলিমেন্টর কন্টেন্ট লেয়ারিং সিকিউরিটি --- */
.dbw-hero-master-wrap > .elementor-container,
.dbw-hero-master-wrap > .elementor-widget-wrap,
.dbw-hero-master-wrap > .elementor-column,
.dbw-hero-master-wrap > *:not(.dbw-canvas-fx):not(.dbw-mechanical-wave-divider) {
    position: relative;
    z-index: 5 !important;
}

/* --- এম আর জান্নাত স্বপন স্টাইল উল্টানো ও গভীর বাউন্ডারি ঢেউ (Inverted Shape) --- */
.dbw-mechanical-wave-divider {
    position: absolute;
    bottom: -2px !important; /* নিচে কোনো ফাঁকা গ্যাপ যেন না থাকে */
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0 !important;
    font-size: 0 !important;
    transform: rotate(180deg) !important; /* ঢেউটিকে পুরোপুরি উল্টিয়ে দেওয়া হলো */
    z-index: 3 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- ঢেউয়ের উচ্চতা সেটিংস (M R Jannat Swapon লার্জ সাইজ ম্যাচ) --- */
.dbw-animated-waves {
    position: relative;
    display: block;
    width: 100%;
    height: 90px !important; /* সাইজ বাড়িয়ে ৯০ পিক্সেল করা হয়েছে গভীর কার্ভ পাওয়ার জন্য */
    min-height: 90px !important;
    max-height: 110px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: bottom;
}

/* --- এম আর জান্নাত স্বপন রিয়ালিস্টিক থৈ থৈ প্যারালাক্স মোশন অ্যানিমেশন --- */
.dbw-parallax-wave-wrapper > use {
    animation: waveJannatSwaponMotion 18s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

/* প্রতিটি লেয়ারের স্বতন্ত্র স্পিড ও টাইমিং */
.dbw-parallax-wave-wrapper > use:nth-child(1) { 
    animation-delay: -2s; 
    animation-duration: 6s; 
}
.dbw-parallax-wave-wrapper > use:nth-child(2) { 
    animation-delay: -3s; 
    animation-duration: 9s; 
}
.dbw-parallax-wave-wrapper > use:nth-child(3) { 
    animation-delay: -4s; 
    animation-duration: 12s; 
}
.dbw-parallax-wave-wrapper > use:nth-child(4) { 
    animation-delay: -5s; 
    animation-duration: 16s; 
}

/* অ্যানিমেশন কিফ্রেম (স্মুথ ডানে-বামে সুইং মোশন) */
@keyframes waveJannatSwaponMotion {
    0%   { transform: translate3d(-90px, 0, 0); }
    100% { transform: translate3d(85px, 0, 0); }
}

/* মোবাইল ও ট্যাবলেটের জন্য রেস্পন্সিভনেস */
@media (max-width: 767px) {
    .dbw-animated-waves { 
        height: 55px !important; 
        min-height: 55px !important; 
    }
}