@charset "UTF-8";
/* ============================================================
   PREMIUM ENHANCEMENT LAYER  (premium.css)
   Theme: NewsFlash / CodeDokan based Bangla News Portal
   ------------------------------------------------------------
   ✦ এই ফাইলটি মূল থিমের কোনো কিছু পরিবর্তন করে না — শুধু উপরে
     একটি প্রিমিয়াম "লুক ও ফিল" যোগ করে (color accent, depth,
     rounded corners, hover micro-interaction, animation)।
   ✦ পুরো প্রিমিয়াম লেয়ারের রঙ এক জায়গা (:root) থেকে বদলানো যায়।
   ✦ বন্ধ করতে চাইলে functions.php থেকে এই ফাইলের enqueue লাইন
     মুছে দিলেই থিম আগের মতো হয়ে যাবে।
   ============================================================ */

/* ----------------------------------------------------------------
   1) ডিজাইন টোকেন / কালার প্যালেট  (এক জায়গা থেকে কন্ট্রোল)
   ---------------------------------------------------------------- */
:root{
    /* Brand core – থিমের লাল/নেভি পরিচয় ঠিক রেখে আরও পরিশীলিত */
    --pr-ink:        #16202b;   /* deep navy (structure) */
    --pr-ink-2:      #243443;
    --pr-crimson:    #b81b22;   /* premium red (primary accent) */
    --pr-crimson-2:  #e0353c;   /* bright red (gradient end) */
    --pr-crimson-dk: #8b1010;   /* original brand red (kept) */
    --pr-gold:       #f2b21d;   /* warm gold micro-accent */

    /* Surfaces */
    --pr-bg:         #eef3f8;   /* soft cool page background */
    --pr-surface:    #ffffff;
    --pr-surface-2:  #f6f9fc;
    --pr-line:       rgba(16,32,43,.09);
    --pr-line-strong:rgba(16,32,43,.16);

    /* Text */
    --pr-text:       #1c2733;
    --pr-muted:      #6c7a89;

    /* Gradients */
    --pr-grad-red:   linear-gradient(135deg, var(--pr-crimson-2) 0%, var(--pr-crimson) 55%, var(--pr-crimson-dk) 100%);
    --pr-grad-ink:   linear-gradient(135deg, var(--pr-ink-2) 0%, var(--pr-ink) 100%);
    --pr-grad-gold:  linear-gradient(135deg, #ffd75e 0%, var(--pr-gold) 100%);

    /* Elevation – নরম, স্তরযুক্ত ছায়া (premium feel) */
    --pr-sh-sm: 0 1px 2px rgba(16,32,43,.06), 0 2px 6px rgba(16,32,43,.06);
    --pr-sh-md: 0 4px 10px rgba(16,32,43,.07), 0 10px 24px rgba(16,32,43,.08);
    --pr-sh-lg: 0 10px 24px rgba(16,32,43,.10), 0 22px 48px rgba(16,32,43,.12);
    --pr-sh-red:0 8px 20px rgba(184,27,34,.28);

    /* Shape & motion */
    --pr-radius:   14px;
    --pr-radius-sm:10px;
    --pr-radius-xs:8px;
    --pr-ease:     cubic-bezier(.22,.61,.36,1);
    --pr-fast:     .25s;
    --pr-slow:     .55s;
}

/* ----------------------------------------------------------------
   2) বেস রিফাইনমেন্ট
   ---------------------------------------------------------------- */
html{ scroll-behavior:smooth; }

body{
    background:
        radial-gradient(1200px 600px at 100% -5%, rgba(184,27,34,.05), transparent 60%),
        radial-gradient(1000px 500px at -5% 0%, rgba(22,32,43,.05), transparent 55%),
        var(--pr-bg);
    color:var(--pr-text);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    /* আধুনিক বাংলা ফন্ট (Hind Siliguri) — না থাকলে SolaimanLipi fallback.
       চাইলে নিচের লাইনটি মুছে দিলে আগের ফন্টে ফিরে যাবে। */
    font-family:"Hind Siliguri","SolaimanLipiNormal",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* সুন্দর টেক্সট-সিলেকশন */
::selection{ background:rgba(184,27,34,.18); color:var(--pr-ink); }

/* প্রিমিয়াম স্ক্রলবার (ডেস্কটপ) */
@media (min-width:993px){
    *{ scrollbar-width:thin; scrollbar-color:var(--pr-crimson) transparent; }
    *::-webkit-scrollbar{ width:10px; height:10px; }
    *::-webkit-scrollbar-thumb{
        background:var(--pr-grad-red); border-radius:20px;
        border:2px solid var(--pr-bg);
    }
    *::-webkit-scrollbar-track{ background:transparent; }
}

/* মূল কন্টেন্ট র‍্যাপারে হালকা শ্বাস-প্রশ্বাস */
.main-section{ position:relative; }

/* ----------------------------------------------------------------
   3) টাইপোগ্রাফি — প্রিমিয়াম ওজন ও স্পেসিং
   (font-size এ হাত দিচ্ছি না, যাতে admin সেটিং ঠিক থাকে)
   ---------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{ letter-spacing:.1px; }

.sec-one-title a,
.secOne-title2 a,
.secOne_smallTitle a,
.tab_hadding a,
.secOne_smallTitle a{
    font-weight:700;
    line-height:1.32;
    transition:color var(--pr-fast) var(--pr-ease);
}

a{ transition:color var(--pr-fast) var(--pr-ease), background var(--pr-fast) var(--pr-ease), opacity var(--pr-fast) var(--pr-ease); }

/* হেডলাইন hover — পরিশীলিত ক্রিমসন */
.sec-one-title a:hover,
.secOne-title2 a:hover,
.secOne_smallTitle a:hover,
.tab_hadding a:hover{ color:var(--pr-crimson) !important; }

/* ----------------------------------------------------------------
   4) READING PROGRESS BAR + SCROLL-REVEAL ইউটিলিটি
   (premium.js এই এলিমেন্ট/ক্লাসগুলো যোগ করে)
   ---------------------------------------------------------------- */
.pr-progress{
    position:fixed; top:0; left:0; height:3px; width:0;
    background:var(--pr-grad-red);
    box-shadow:0 0 12px rgba(184,27,34,.6);
    z-index:100000; border-radius:0 3px 3px 0;
    transition:width .12s linear;
}

/* কন্টেন্ট সবসময় দৃশ্যমান থাকবে — JS চললে তবেই অ্যানিমেশন হয় */
html.pr-ready .pr-reveal{
    opacity:0; transform:translateY(22px);
    transition:opacity var(--pr-slow) var(--pr-ease), transform var(--pr-slow) var(--pr-ease);
    will-change:opacity,transform;
}
html.pr-ready .pr-reveal.pr-in{ opacity:1; transform:none; }

/* ----------------------------------------------------------------
   5) ছবি — রাউন্ডেড, ক্লিপড র‍্যাপার + hover zoom (premium)
   ---------------------------------------------------------------- */
.sec-one-image,
.secOne-sub-image,
.secOne-image2,
.secOne-smallImg,
.tab-image,
.live_image,
.secFour-image,
.gallery-image,
.photoSlider-image{
    position:relative;
    overflow:hidden;
    border-radius:var(--pr-radius-sm);
    background:linear-gradient(110deg,#e9eef3 8%,#f4f7fa 18%,#e9eef3 33%);
    background-size:200% 100%;
}

.sec-one-image img,
.secOne-sub-image img,
.secOne-image2 img,
.secOne-smallImg img,
.tab-image img,
.live_image img,
.secFour-image img,
.gallery-image img{
    width:100%;
    display:block;
    transition:transform .8s var(--pr-ease), filter var(--pr-fast) var(--pr-ease);
}

/* hover এ মসৃণ zoom + একটু উজ্জ্বল */
.sec-one-image:hover img,
.sec-one-wrpp:hover .secOne-sub-image img,
.sec-one-wrpp2:hover .secOne-image2 img,
.secOne-smallItem:hover .secOne-smallImg img,
.tab-image:hover img,
.live_image:hover img,
.codedokan-3:hover .secOne-image2 img{
    transform:scale(1.07);
    filter:saturate(1.08) contrast(1.02);
}

/* ছবির উপরে মসৃণ গ্রেডিয়েন্ট — টেক্সট/আইকন আরও পরিষ্কার */
.sec-one-image::after,
.secOne-image2::after,
.secOne-sub-image::after,
.live_image::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(180deg,rgba(16,32,43,0) 45%,rgba(16,32,43,.30) 100%);
    opacity:.85;
    transition:opacity var(--pr-fast) var(--pr-ease);
    pointer-events:none;
}
.sec-one-image:hover::after,
.secOne-image2:hover::after,
.secOne-sub-image:hover::after{ opacity:1; }

/* ----------------------------------------------------------------
   6) কার্ড সারফেস — লিড/সাব/স্মল নিউজে depth ও lift
   ---------------------------------------------------------------- */
.secOne_newsContent,
.sec-one-wrpp,
.sec-one-wrpp2,
.secOne-smallItem{
    background:var(--pr-surface);
    border:1px solid var(--pr-line);
    border-radius:var(--pr-radius);
    padding:10px;
    box-shadow:var(--pr-sh-sm);
    transition:transform var(--pr-fast) var(--pr-ease), box-shadow var(--pr-fast) var(--pr-ease), border-color var(--pr-fast) var(--pr-ease);
}
.secOne_newsContent{ padding:12px; }

.secOne_newsContent:hover,
.sec-one-wrpp:hover,
.sec-one-wrpp2:hover,
.secOne-smallItem:hover{
    transform:translateY(-4px);
    box-shadow:var(--pr-sh-md);
    border-color:var(--pr-line-strong);
}

.secOne_newsContent .sec-one-title{ padding:12px 6px 4px; }
.secOne-title2{ padding:10px 6px 4px; }
.secOne_smallTitle{ padding:8px 4px 2px; }

/* "তারিখ/ক্যাটাগরি" মেটা — সূক্ষ্ম pill */
.cat-meta a,
.sec-small-cat a{ font-weight:600; }
.cat-meta{ padding:2px 6px 6px; }
.cat-meta a{
    display:inline-flex; align-items:center; gap:6px;
    color:var(--pr-muted);
}
.cat-meta a:hover{ color:var(--pr-crimson); }
.cat-meta i, .secOne-title2 + .cat-meta i{ color:var(--pr-crimson); }

/* লিড নিউজের ছোট ক্যাটাগরি ট্যাগ — গ্লাসি ক্রিমসন */
.sec-small-cat{
    background:var(--pr-grad-red) !important;
    border-radius:0 0 10px 0;
    box-shadow:var(--pr-sh-red);
    backdrop-filter:blur(2px);
}

/* ----------------------------------------------------------------
   7) ক্যাটাগরি টাইটেল বার (codedokan_cat01..10)
   admin রঙ রেখে — শুধু shape, depth, sheen ও hover যোগ
   ---------------------------------------------------------------- */
[class^="codedokan_cat"],
[class*=" codedokan_cat"]{
    position:relative;
    border-radius:var(--pr-radius-xs);
    box-shadow:var(--pr-sh-sm);
    overflow:hidden;
}
/* হালকা উপরের আলো (premium sheen) */
[class^="codedokan_cat"]::before,
[class*=" codedokan_cat"]::before{
    content:"";
    position:absolute; left:0; top:0; right:0; height:50%;
    background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0));
    pointer-events:none;
}
/* "আরও খবর" লিংক — সূক্ষ্ম pill */
[class^="codedokan_cat"] > span > a,
[class*=" codedokan_cat"] > span > a{
    display:inline-flex; align-items:center; gap:6px;
    padding:3px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    transition:gap var(--pr-fast) var(--pr-ease), background var(--pr-fast) var(--pr-ease);
}
[class^="codedokan_cat"] > span > a:hover{ gap:10px; background:rgba(255,255,255,.28); }

/* cat05 underline স্টাইল — একটু পুরু ও মসৃণ */
.codedokan_cat05 .catBar::before{ border-radius:4px; }

/* ----------------------------------------------------------------
   8) ভিডিও / প্লে আইকন — গ্লাসি বৃত্ত + pulse
   ---------------------------------------------------------------- */
.video-icon1 i,
.small-icon1 i,
.tab-icon i,
.live-icon i{
    background:rgba(16,32,43,.32) !important;
    border:2px solid rgba(255,255,255,.92) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.35) !important;
    backdrop-filter:blur(3px);
    opacity:1 !important;
    transition:transform var(--pr-fast) var(--pr-ease), background var(--pr-fast) var(--pr-ease), color var(--pr-fast) var(--pr-ease) !important;
}
.sec-one-image:hover .video-icon1 i,
.sec-one-wrpp:hover .video-icon1 i,
.sec-one-wrpp2:hover .video-icon1 i,
.secOne-smallItem:hover .small-icon1 i,
.tab-image:hover .tab-icon i,
.live_image:hover .live-icon i{
    background:var(--pr-grad-red) !important;
    color:#fff !important;
    transform:translate(-50%,-50%) scale(1.12) !important;
    animation:pr-pulse 1.6s var(--pr-ease) infinite;
}
@keyframes pr-pulse{
    0%{ box-shadow:0 0 0 0 rgba(224,53,60,.55); }
    70%{ box-shadow:0 0 0 16px rgba(224,53,60,0); }
    100%{ box-shadow:0 0 0 0 rgba(224,53,60,0); }
}

/* ----------------------------------------------------------------
   9) LIVE TV — প্রিমিয়াম ব্যাজ, glow ও frame
   ---------------------------------------------------------------- */
.live-item{
    background:var(--pr-surface);
    border:1px solid var(--pr-line);
    border-radius:var(--pr-radius);
    padding:10px;
    box-shadow:var(--pr-sh-sm);
}
.live_title{
    background:var(--pr-grad-ink) !important;
    border-radius:10px;
    overflow:hidden;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.live_title a{
    font-weight:700; letter-spacing:.3px;
    display:flex !important; align-items:center;
}
/* "LIVE" লেখার পাশে জ্বলজ্বলে লাল ডট (থিমেই আছে .codedokan) — উন্নত glow */
.live_title .codedokan{
    background:var(--pr-crimson-2) !important;
    box-shadow:0 0 0 0 rgba(224,53,60,.7);
}
.live_image{
    border:0 !important;
    border-radius:12px;
    box-shadow:0 0 0 2px var(--pr-crimson), 0 12px 26px rgba(184,27,34,.22);
}
.live_image img{ border-radius:11px; }

/* ----------------------------------------------------------------
   10) সার্চ — pill ইনপুট, focus ring, প্রিমিয়াম বাটন
   ---------------------------------------------------------------- */
.searchIcon{
    transition:transform var(--pr-fast) var(--pr-ease), color var(--pr-fast) var(--pr-ease);
}
.searchIcon:hover{ color:var(--pr-crimson); transform:rotate(270deg) scale(1.12); }

.searchBar input[type="text"]{
    border:2px solid var(--pr-line-strong) !important;
    border-radius:999px !important;
    height:52px !important;
    padding:0 58px 0 20px !important;
    box-shadow:var(--pr-sh-md);
    transition:border-color var(--pr-fast) var(--pr-ease), box-shadow var(--pr-fast) var(--pr-ease);
}
.searchBar input[type="text"]:focus{
    border-color:var(--pr-crimson) !important;
    box-shadow:0 0 0 4px rgba(184,27,34,.14), var(--pr-sh-md);
}
.searchBar button{
    background:var(--pr-grad-red) !important;
    border-radius:0 999px 999px 0 !important;
    padding:0 18px !important;
}

/* ----------------------------------------------------------------
   11) স্টিকি মেনু — shadow, frosted ও slide-down
   ---------------------------------------------------------------- */
.menu_section{
    border-radius:0 0 14px 14px;
    transition:box-shadow var(--pr-fast) var(--pr-ease);
}
.menu_section.sticky{
    box-shadow:var(--pr-sh-lg) !important;
    backdrop-filter:saturate(1.4) blur(6px);
    border-radius:0;
    animation:pr-slide-down .45s var(--pr-ease) both;
}
@keyframes pr-slide-down{ from{ transform:translateY(-100%); } to{ transform:translateY(0); } }

/* নেভ লিংকে নিচ থেকে বেড়ে ওঠা আন্ডারলাইন */
.stellarnav > ul > li{ position:relative; }
.stellarnav > ul > li > a::after{
    content:""; position:absolute; left:14px; right:14px; bottom:8px; height:3px;
    background:var(--pr-grad-red); border-radius:3px;
    transform:scaleX(0); transform-origin:left;
    transition:transform var(--pr-fast) var(--pr-ease);
}
.stellarnav > ul > li:hover > a::after,
.stellarnav > ul > li.current-menu-item > a::after{ transform:scaleX(1); }

/* সাব-মেনুতে depth */
.stellarnav ul ul{
    box-shadow:var(--pr-sh-md) !important;
    border-radius:0 0 10px 10px; overflow:hidden;
    border-top:3px solid var(--pr-crimson);
}

/* ----------------------------------------------------------------
   12) সোশ্যাল আইকন — গোলাকার chip, hover lift
   ---------------------------------------------------------------- */
.header-social ul li{ display:inline-block; }
.header-social ul li a{
    display:inline-flex; align-items:center; justify-content:center;
    width:34px; height:34px; margin:0 3px;
    border-radius:50%;
    background:var(--pr-surface-2);
    border:1px solid var(--pr-line);
    color:var(--pr-ink) !important;
    box-shadow:var(--pr-sh-sm);
    transition:transform var(--pr-fast) var(--pr-ease), background var(--pr-fast) var(--pr-ease), color var(--pr-fast) var(--pr-ease), box-shadow var(--pr-fast) var(--pr-ease);
}
.header-social ul li a:hover{
    transform:translateY(-3px);
    background:var(--pr-grad-red);
    color:#fff !important;
    box-shadow:var(--pr-sh-red);
}

/* ----------------------------------------------------------------
   13) ট্যাব (সর্বশেষ / জনপ্রিয়) — সেগমেন্টেড কন্ট্রোল
   ---------------------------------------------------------------- */
.recentPopular .nav-pills{
    background:var(--pr-surface-2);
    border:1px solid var(--pr-line);
    border-radius:999px;
    padding:5px;
    gap:4px;
    box-shadow:var(--pr-sh-sm);
}
.recentPopular .nav-link{
    border-radius:999px !important;
    font-weight:700;
    color:var(--pr-ink) !important;
    cursor:pointer;
    padding:8px 14px !important;
    transition:all var(--pr-fast) var(--pr-ease);
}
.recentPopular .nav-link.active{
    background:var(--pr-grad-red) !important;
    color:#fff !important;
    box-shadow:var(--pr-sh-red);
}
.news-titletab .tab-image{
    display:flex; gap:12px; align-items:center;
    background:var(--pr-surface);
    border:1px solid var(--pr-line);
    border-radius:12px; padding:8px;
    margin-bottom:10px;
    box-shadow:var(--pr-sh-sm);
    transition:transform var(--pr-fast) var(--pr-ease), box-shadow var(--pr-fast) var(--pr-ease);
}
.news-titletab .tab-image:hover{ transform:translateX(4px); box-shadow:var(--pr-sh-md); }
.news-titletab .tab-image img{ border-radius:9px; }

/* ----------------------------------------------------------------
   14) Owl Carousel — প্রিমিয়াম nav ও dots
   ---------------------------------------------------------------- */
.owl-nav button.owl-prev,
.owl-nav button.owl-next{
    background:rgba(16,32,43,.55) !important;
    border-radius:50% !important;
    width:46px !important; height:46px !important;
    backdrop-filter:blur(3px);
    box-shadow:var(--pr-sh-md);
    transition:background var(--pr-fast) var(--pr-ease), transform var(--pr-fast) var(--pr-ease) !important;
}
.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover{
    background:var(--pr-crimson) !important;
    transform:scale(1.08);
}
.owl-dots .owl-dot span{
    transition:all var(--pr-fast) var(--pr-ease) !important;
    border-radius:999px !important;
}
.owl-dots .owl-dot.active span{
    background:var(--pr-crimson) !important;
    width:26px !important;
}

/* ----------------------------------------------------------------
   15) সাইডবার উইজেট হেডিং — accent বার
   ---------------------------------------------------------------- */
.codedokan_widget h3{
    position:relative;
    padding:10px 14px;
    background:var(--pr-surface);
    border:1px solid var(--pr-line);
    border-left:5px solid var(--pr-crimson);
    border-radius:8px;
    font-weight:700;
    box-shadow:var(--pr-sh-sm);
}

/* ----------------------------------------------------------------
   16) scrollToTop — hover lift ও glow (থিমেই আছে, উন্নত)
   ---------------------------------------------------------------- */
.scrollToTop{
    box-shadow:var(--pr-sh-lg);
    transition:transform var(--pr-fast) var(--pr-ease), box-shadow var(--pr-fast) var(--pr-ease);
}
.scrollToTop:hover{ transform:translateY(-4px); box-shadow:var(--pr-sh-red); }

/* ----------------------------------------------------------------
   17) ফুটার — পরিশীলিত সারফেস ও লিংক
   ---------------------------------------------------------------- */
.footer-area .footerColor{ position:relative; }
.footer-title{
    position:relative; padding-bottom:10px; margin-bottom:14px; font-weight:700;
}
.footer-title::after{
    content:""; position:absolute; left:0; bottom:0; width:46px; height:3px;
    background:var(--pr-grad-red); border-radius:3px;
}
.footer-menu ul li a,
.footer-content a{ transition:color var(--pr-fast) var(--pr-ease); }
.footer-menu ul li a:hover,
.footer-content a:hover{ color:var(--pr-gold) !important; }

/* ----------------------------------------------------------------
   18) সাধারণ বাটন ও ফর্ম পলিশ
   ---------------------------------------------------------------- */
.wordpress-date input[type="submit"],
button[type="submit"]{
    border-radius:8px;
    transition:transform var(--pr-fast) var(--pr-ease), box-shadow var(--pr-fast) var(--pr-ease), filter var(--pr-fast) var(--pr-ease);
}
.wordpress-date input[type="submit"]:hover,
button[type="submit"]:hover{ transform:translateY(-1px); filter:brightness(1.05); box-shadow:var(--pr-sh-sm); }

.wordpress-date input[type="text"],
input#wordpress{
    border-radius:8px !important;
    border:2px solid var(--pr-line-strong) !important;
    transition:border-color var(--pr-fast) var(--pr-ease);
}
.wordpress-date input[type="text"]:focus,
input#wordpress:focus{ border-color:var(--pr-crimson) !important; }

/* ----------------------------------------------------------------
   19) Lazy-load shimmer (ছবি লোডের আগে নরম placeholder)
   ---------------------------------------------------------------- */
@keyframes pr-shimmer{ to{ background-position:-200% 0; } }
img.lazyload:not(.loaded){
    animation:pr-shimmer 1.4s linear infinite;
    background:linear-gradient(110deg,#e9eef3 8%,#f4f7fa 18%,#e9eef3 33%);
    background-size:200% 100%;
}

/* ----------------------------------------------------------------
   20) সেকশনে শ্বাস-প্রশ্বাস (vertical rhythm)
   ---------------------------------------------------------------- */
.codedokan_section_one,
[class^="codedokan_section"],
[class*=" codedokan_section"]{ padding-block:6px; }

/* ----------------------------------------------------------------
   21) reduced-motion সম্মান — কেউ অ্যানিমেশন না চাইলে বন্ধ
   ---------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation-duration:.001ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.001ms !important;
        scroll-behavior:auto !important;
    }
    html.pr-ready .pr-reveal{ opacity:1 !important; transform:none !important; }
}

/* ----------------------------------------------------------------
   22) ছোট স্ক্রিন টিউনিং
   ---------------------------------------------------------------- */
@media (max-width:992px){
    .secOne_newsContent,.sec-one-wrpp,.sec-one-wrpp2,.secOne-smallItem{ padding:8px; }
    .header-social ul li a{ width:32px; height:32px; }
}
@media (max-width:660px){
    .live_image{ box-shadow:0 0 0 2px var(--pr-crimson), 0 8px 18px rgba(184,27,34,.18); }
    /* মোবাইলে hover-zoom বন্ধ (টাচে দরকার নেই, পারফরম্যান্স ভালো) */
    .sec-one-image:hover img,.secOne-image2 img,.tab-image:hover img{ transform:none; }
}