.elementor-5785 .elementor-element.elementor-element-fad509d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5785 .elementor-element.elementor-element-50e6af1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-5785 .elementor-element.elementor-element-88bc577{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-5785 .elementor-element.elementor-element-b1c51b2{--grid-columns:3;}.elementor-5785 .elementor-element.elementor-element-b1c51b2 > .elementor-widget-container{margin:29px 3px 30px 3px;padding:0px 0px 0px 0px;}.elementor-5785 .elementor-element.elementor-element-b1c51b2 .elementor-pagination{text-align:end;}body:not(.rtl) .elementor-5785 .elementor-element.elementor-element-b1c51b2 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 12px/2 );}body:not(.rtl) .elementor-5785 .elementor-element.elementor-element-b1c51b2 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 12px/2 );}body.rtl .elementor-5785 .elementor-element.elementor-element-b1c51b2 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 12px/2 );}body.rtl .elementor-5785 .elementor-element.elementor-element-b1c51b2 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 12px/2 );}@media(max-width:1024px){.elementor-widget-loop-grid .elementor-pagination{line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{line-height:var( --e-global-typography-secondary-line-height );}.elementor-5785 .elementor-element.elementor-element-b1c51b2{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-loop-grid .elementor-pagination{line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{line-height:var( --e-global-typography-secondary-line-height );}.elementor-5785 .elementor-element.elementor-element-b1c51b2{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-88bc577 *//* ========================================================
   1. TAXONOMY FILTER (Perfect Alignment & Hide Category)
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-88bc577 .e-filter {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important; /* সব ডিভাইসে সেন্টারে রাখবে */
    align-items: center !important;
    gap: 12px !important;
    margin: 0 auto 50px auto !important;
    width: 100% !important; /* সেন্টারিং ফিক্স করার জন্য ফুল উইডথ */
    border: none !important;
    padding: 0 !important;
}

.elementor-5785 .elementor-element.elementor-element-88bc577 .e-filter-item {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #4A5568 !important; /* Slate Text */
    background: #ffffff !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 50px !important; /* ক্যাপসুল শেপ */
    padding: 10px 24px !important;
    margin: 0 !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; 
    cursor: pointer !important;
}

/* 🔥 FORCE HIDE "Resources" (৫ নাম্বার আইটেম হিসেবে এবং অ্যাট্রিবিউট দিয়ে) 🔥 */
.elementor-5785 .elementor-element.elementor-element-88bc577 .e-filter-item:nth-child(5),
.elementor-5785 .elementor-element.elementor-element-88bc577 .e-filter-item[data-filter="resources"],
.elementor-5785 .elementor-element.elementor-element-88bc577 .e-filter-item[data-filter="Resources"] {
    display: none !important; 
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    pointer-events: none !important;
}

/* ক্যাটাগরি হোভার ও অ্যাকটিভ অ্যানিমেশন */
.elementor-5785 .elementor-element.elementor-element-88bc577 .e-filter-item:hover,
.elementor-5785 .elementor-element.elementor-element-88bc577 .e-filter-item[aria-pressed="true"],
.elementor-5785 .elementor-element.elementor-element-88bc577 .e-filter-item.e-active {
    background-color: #00A8B5 !important; /* Trek Teal */
    color: #ffffff !important;
    border-color: #00A8B5 !important;
    transform: translateY(-4px) !important; 
    box-shadow: 0 10px 25px -5px rgba(0, 168, 181, 0.35) !important; 
}

/* ========================================================
   2. BENTO GRID LAYOUT (প্রথম কার্ড বড়)
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
}

@media (min-width: 1024px) {
    .elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container > div:nth-child(1) {
        grid-column: span 2 !important;
        grid-row: span 2 !important;
    }
    .elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container > div:nth-child(1) .elementor-widget-theme-post-featured-image {
        height: 440px !important;
    }
    .elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container > div:nth-child(1) .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.25 !important;
    }
}

@media (max-width: 1023px) {
    .elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 767px) {
    .elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container { grid-template-columns: 1fr !important; }
}

/* ========================================================
   3. AESTHETIC CARD DESIGN (ব্লার্ব ডিজাইন)
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container > div {
    background: #ffffff !important;
    border: 1px solid #F1F5F9 !important;
    border-radius: 28px !important;
    overflow: hidden !important; 
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.04) !important;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
}

.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container > div > * {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* কার্ড হোভার অ্যানিমেশন */
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container > div:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px -10px rgba(0, 168, 181, 0.15) !important; 
    border-color: transparent !important;
}

/* ========================================================
   4. IMAGE ZOOM HOVER
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-widget-theme-post-featured-image {
    width: 100% !important;
    height: 220px !important; 
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-widget-theme-post-featured-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container > div:hover .elementor-widget-theme-post-featured-image img {
    transform: scale(1.06) !important;
}

/* ========================================================
   5. TYPOGRAPHY & SPACING
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-widget-post-info {
    padding: 24px 24px 10px 24px !important; 
}
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-widget-post-info .elementor-icon-list-item {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 500 !important;
}
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-widget-post-info .elementor-icon-list-icon i {
    color: #00A8B5 !important;
}

.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-widget-theme-post-title {
    padding: 0px 24px 15px 24px !important;
}
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-widget-theme-post-title .elementor-heading-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    color: #153243 !important;
    transition: color 0.3s ease !important;
}
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container > div:hover .elementor-widget-theme-post-title .elementor-heading-title {
    color: #00A8B5 !important;
}

/* ========================================================
   6. CLICK HERE BUTTON ANIMATION
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-widget-button {
    padding: 0px 24px 24px 24px !important;
    margin-top: auto !important; 
}

.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-widget-button .elementor-button {
    background: transparent !important;
    color: #153243 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 0 !important;
    display: inline-block !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; 
}

.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-loop-container > div:hover .elementor-widget-button .elementor-button {
    color: #00A8B5 !important;
    transform: translateX(6px) !important; 
}

/* ========================================================
   7. TEXT PAGINATION (Previous/Next) PILL DESIGN
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 60px !important;
    padding: 0 !important;
}

.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-pagination .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important; 
    padding: 10px 28px !important; 
    border-radius: 50px !important; 
    border: 1px solid #E2E8F0 !important;
    color: #4A5568 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    background: #ffffff !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; 
    text-decoration: none !important;
}

.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-pagination .page-numbers:hover,
.elementor-5785 .elementor-element.elementor-element-88bc577 .elementor-pagination .page-numbers.current {
    background-color: #00A8B5 !important;
    color: #ffffff !important;
    border-color: #00A8B5 !important;
    transform: translateY(-3px) scale(1.02) !important; 
    box-shadow: 0 10px 25px -5px rgba(0, 168, 181, 0.35) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50e6af1 *//* ========================================================
   1. BENTO GRID LAYOUT (প্রথম কার্ড বড় থাকবে) - FIXED TITLE
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* ৩ কলামের গ্রিড */
    gap: 30px !important; /* কার্ডের মাঝে স্পেসিং */
}

@media (min-width: 1024px) {
    .elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container > div:nth-child(1) {
        grid-column: span 2 !important;
        grid-row: span 2 !important;
    }
    
    .elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container > div:nth-child(1) .elementor-widget-theme-post-featured-image {
        height: 440px !important;
    }
    
    /* 🔥 FIX: প্রথম কার্ডের টাইটেল ফোর্সফুলি ভিজিবল করা হলো 🔥 */
    .elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container > div:nth-child(1) .elementor-widget-theme-post-title {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container > div:nth-child(1) .elementor-widget-theme-post-title .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.25 !important;
        display: block !important;
        visibility: visible !important;
        color: #153243 !important; 
    }
}

@media (max-width: 1023px) {
    .elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 767px) {
    .elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container { grid-template-columns: 1fr !important; }
}

/* ========================================================
   2. AESTHETIC CARD DESIGN (মেইন ব্লার্ব ডিজাইন)
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container > div {
    background: #ffffff !important;
    border: 1px solid #F1F5F9 !important;
    border-radius: 28px !important; /* প্রিমিয়াম রাউন্ডেড কর্নার */
    overflow: hidden !important; 
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.04) !important;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; /* খুব স্মুথ ট্রানজিশন */
    display: flex !important;
    flex-direction: column !important;
}

.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container > div > * {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* কার্ডে হোভার করলে উপরে ওঠা এবং Teal গ্লো ইফেক্ট */
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container > div:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px -10px rgba(0, 168, 181, 0.15) !important; 
    border-color: transparent !important;
}

/* ========================================================
   3. IMAGE ZOOM HOVER & SIZING
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-widget-theme-post-featured-image {
    width: 100% !important;
    height: 220px !important; 
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-widget-theme-post-featured-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s ease !important;
}

.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container > div:hover .elementor-widget-theme-post-featured-image img {
    transform: scale(1.05) !important;
}

/* ========================================================
   4. TYPOGRAPHY & SPACING
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-widget-post-info {
    padding: 24px 24px 10px 24px !important; 
    margin: 0 !important;
}

.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-widget-post-info .elementor-icon-list-item {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 500 !important;
}

.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-widget-post-info .elementor-icon-list-icon i {
    color: #00A8B5 !important;
}

.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-widget-theme-post-title {
    padding: 0px 24px 15px 24px !important;
    margin: 0 !important;
}

.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-widget-theme-post-title .elementor-heading-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    color: #153243 !important;
    transition: color 0.3s ease !important;
}

.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container > div:hover .elementor-widget-theme-post-title .elementor-heading-title {
    color: #00A8B5 !important;
}

/* ========================================================
   5. BUTTON CLICK ANIMATION & STYLING
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-widget-button {
    padding: 0px 24px 24px 24px !important;
    margin-top: auto !important; 
}

.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-widget-button .elementor-button {
    background: transparent !important;
    color: #153243 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 0 !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; /* বাউন্সি ফিল */
    display: inline-block !important;
}

/* কার্ড হোভার করলে বাটনটি हल्का ডান দিকে সরে আসবে */
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-loop-container > div:hover .elementor-widget-button .elementor-button {
    color: #00A8B5 !important;
    transform: translateX(6px) !important;
}

/* বাটনে ক্লিক করলে (Active State) সুন্দর প্রেস/বাউন্স ইফেক্ট হবে */
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-widget-button .elementor-button:active {
    transform: translateX(6px) scale(0.90) !important; 
    opacity: 0.7 !important;
}

/* ========================================================
   6. CAPSULE PAGINATION WITH SMOOTH HOVER & CLICK EFFECT
   ======================================================== */
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 50px !important;
    padding: 0 !important;
}

.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-pagination .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important; /* টেক্সট অনুযায়ী সাইজ নিবে */
    height: auto !important;
    padding: 10px 28px !important; /* পিল/ক্যাপসুল শেপের জন্য প্যাডিং */
    border-radius: 50px !important; /* ক্যাপসুল শেপ */
    border: 1px solid #E2E8F0 !important;
    color: #4A5568 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    background: #ffffff !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}

/* হোভার করলে একটু লাফিয়ে উঠবে এবং গ্লো করবে */
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-pagination .page-numbers:hover,
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-pagination .page-numbers.current {
    background-color: #00A8B5 !important;
    color: #ffffff !important;
    border-color: #00A8B5 !important;
    transform: translateY(-4px) scale(1.02) !important; 
    box-shadow: 0 10px 25px -5px rgba(0, 168, 181, 0.35) !important;
}

/* প্যাজিনেশনে ক্লিক করলে প্রেস ইফেক্ট হবে */
.elementor-5785 .elementor-element.elementor-element-50e6af1 .elementor-pagination .page-numbers:active {
    transform: scale(0.95) !important;
}/* End custom CSS */
/* Start custom CSS *//* ========================================================
   1. GLOBAL BASE (Clean Slate Background + Visible Dust)
   ======================================================== */
body {
    background-color: #F8FAFC !important; 
    /* অপাসিটি বাড়ানো হয়েছে (৬%-৫%) যাতে ডাস্টগুলো সুন্দরভাবে চোখে পড়ে */
    background-image: 
        radial-gradient(circle, rgba(0, 168, 181, 0.06) 1.5px, transparent 1.5px),
        radial-gradient(circle, rgba(21, 50, 67, 0.05) 2px, transparent 2px);
    background-size: 70px 70px, 110px 110px;
    background-position: 0 0, 35px 35px;
    position: relative;
    overflow-x: hidden;
    z-index: 0;
}

/* ========================================================
   2. PREMIUM LIQUID AURORA (Glow Opacity Increased)
   ======================================================== */
.elementor-location-archive::before,
.elementor-location-archive::after {
    content: '';
    position: fixed;
    border-radius: 50%;
    filter: blur(90px); /* ব্লার একটু কমানো হয়েছে যাতে কালার ছড়ায় */
    z-index: -3;
    pointer-events: none;
    will-change: transform;
}

/* Teal Glow */
.elementor-location-archive::before {
    width: 45vw; height: 45vh;
    background: #00A8B5;
    opacity: 0.18; /* ১২% থেকে বাড়িয়ে ১৮% করা হয়েছে */
    top: -10%; left: -10%;
    animation: floatAurora 18s infinite alternate ease-in-out;
}

/* Navy Glow */
.elementor-location-archive::after {
    width: 50vw; height: 50vh;
    background: #153243;
    opacity: 0.14; /* ৮% থেকে বাড়িয়ে ১৪% করা হয়েছে */
    bottom: -10%; right: -10%;
    animation: floatAuroraRev 22s infinite alternate-reverse ease-in-out;
}

/* ========================================================
   3. NATURAL BOKEH PARTICLES (More Visible Glow Dots)
   ======================================================== */
body::before {
    content: '';
    position: fixed;
    width: 1px; height: 1px;
    top: 50%; left: 50%;
    z-index: -2;
    pointer-events: none;
    /* অপাসিটি ৮% থেকে বাড়িয়ে গড়ে ১৩%-১৫% করা হয়েছে */
    box-shadow: 
        -35vw -30vh 0 12px rgba(0, 168, 181, 0.14),
         25vw -25vh 0 18px rgba(21, 50, 67, 0.10),
        -40vw  20vh 0 8px  rgba(0, 168, 181, 0.12),
         35vw  35vh 0 20px rgba(21, 50, 67, 0.08),
         15vw   5vh 0 10px rgba(0, 168, 181, 0.15);
    filter: blur(5px); 
    animation: floatBokeh 35s infinite alternate ease-in-out;
}

/* ========================================================
   4. ELEGANT OVERSIZE RING (Thicker & More Visible)
   ======================================================== */
body::after {
    content: '';
    position: fixed;
    top: -15%; right: -10%;
    width: 80vh; height: 80vh;
    border-radius: 50%;
    border: 1.5px solid rgba(0, 168, 181, 0.12); /* অপাসিটি এবং থিকনেস বাড়ানো হয়েছে */
    z-index: -2;
    pointer-events: none;
    animation: floatRing 35s infinite alternate ease-in-out;
}

/* ========================================================
   5. MULTIPLE FLOATING ELEMENTS (Circles & Stars Added)
   ======================================================== */
/* ১টির বদলে ৩টি ফ্লোটিং সার্কেল (Box-shadow দিয়ে মাল্টিপ্লাই করা) */
html::before {
    content: '';
    position: fixed;
    width: 35px; height: 35px;
    border-radius: 50%;
    border: 1.5px solid rgba(0, 168, 181, 0.15); /* অপাসিটি ৪% থেকে ১৫% করা হলো */
    top: 20%; left: 15%;
    z-index: -2;
    pointer-events: none;
    box-shadow: 
        45vw 40vh 0 -5px rgba(21, 50, 67, 0.12), /* ২য় সার্কেল */
        10vw 60vh 0 10px rgba(0, 168, 181, 0.10); /* ৩য় সার্কেল */
    animation: floatTinyCircle 22s infinite alternate ease-in-out;
}

/* ১টির বদলে ৩টি ফ্লোটিং স্টার (Text-shadow দিয়ে মাল্টিপ্লাই করা) */
html::after {
    content: '✦';
    position: fixed;
    font-size: 22px;
    color: rgba(21, 50, 67, 0.15); /* অপাসিটি ৪% থেকে ১৫% করা হলো */
    bottom: 25%; right: 20%;
    z-index: -2;
    pointer-events: none;
    text-shadow: 
        -45vw -50vh 0 rgba(0, 168, 181, 0.14), /* ২য় স্টার */
        -70vw 10vh 0 rgba(21, 50, 67, 0.12);  /* ৩য় স্টার */
    animation: floatTinyStar 28s infinite alternate-reverse ease-in-out;
}

/* ========================================================
   6. ORGANIC MOTION KEYFRAMES
   ======================================================== */
@keyframes floatAurora { 
    0% { transform: translate(0, 0) scale(1); } 
    100% { transform: translate(6vw, 6vh) scale(1.1); } 
}
@keyframes floatAuroraRev { 
    0% { transform: translate(0, 0) scale(1); } 
    100% { transform: translate(-6vw, -6vh) scale(1.1); } 
}
@keyframes floatBokeh { 
    0% { transform: translate(0, 0); } 
    100% { transform: translate(6vw, -6vh); } 
}
@keyframes floatRing { 
    0% { transform: translate(0, 0) scale(1); } 
    100% { transform: translate(-4vw, 4vh) scale(1.03); } 
}
@keyframes floatTinyCircle {
    0% { transform: translate(0, 0) rotate(0deg); }
    100% { transform: translate(5vw, -5vh) rotate(180deg); }
}
@keyframes floatTinyStar {
    0% { transform: translate(0, 0) rotate(0deg); }
    100% { transform: translate(-4vw, 6vh) rotate(90deg); }
}/* End custom CSS */