html, body { height:100%; margin:0; background:#f8f9fa; overflow:hidden; display:flex; flex-direction:column; }
    body { font-family: 'Hind Siliguri', sans-serif; background-image:url('../images/body-bg.png');background-size: cover;background-repeat: no-repeat;background-position: center center;}
    header, footer { background:#ffffff63; flex-shrink:0; box-shadow:0 2px 6px rgba(0,0,0,.04); }
    header { padding:.35rem 1rem; }
    .header-left { font-weight:700; font-size:1.15rem; color:#1f2937; }
    .header-left img { max-height:60px; max-width:100%; }
    .header-middle h2 { font-size:1.6rem; padding:0; margin:0; text-align:center; }
	.header-middle h2 small{font-size: 1.0rem;padding: 2px;margin: 2px;text-align: center;display: block;border-top: 1px solid #ccc;}
    .header-right { font-size:.92rem; color:#374151; white-space:nowrap; /*display:flex; gap:1.0rem; align-items:center;*/ }
    .header-right i { margin-right:.3rem; color:#0d6efd; font-size:1.1rem; }
	.ron_footer {font-size:12px; line-height:18px;color:#333; text-decoration:none;padding: .3rem;letter-spacing: 1px;}
	.ron_footer a{text-decoration:none;color:#c0392b;}
	.ron_footer a:hover{color:#d35400;}
    main { flex:1 1 auto; display:flex; flex-direction:column; gap:.75rem; padding:1rem; overflow:hidden; }

    /* top-level desktop tab cards (unchanged) */
    .desktop-tabs .tab-card { border-radius:.6rem; cursor:pointer; user-select:none; min-height:104px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.45rem; transition:box-shadow .3s, border-color .3s; border:1px solid transparent; font-weight:600; color:white; position:relative; }
    .desktop-tabs .tab-card[data-tab="tab1"] { background-color:#498e43; }
    .desktop-tabs .tab-card[data-tab="tab2"] { background-color:#122e6f; }
    .desktop-tabs .tab-card[data-tab="tab3"] { background-color:#3ea0c5; }
    .desktop-tabs .tab-card[data-tab="tab4"] { background-color:#5733a6; }
    .desktop-tabs .tab-card .bi { font-size:1.6rem; color:rgba(255,255,255,.85); }
    .desktop-tabs .tab-card:hover { filter:brightness(1.06); box-shadow:0 6px 18px rgba(0,0,0,.08); }
    .desktop-tabs .tab-card.active::after { content:""; position:absolute; bottom:-12px; left:50%; transform:translateX(-50%); border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid; filter:drop-shadow(0 1px 1px rgba(0,0,0,.08)); }
    .desktop-tabs .tab-card[data-tab="tab1"].active::after { border-top-color:#498e43; }
    .desktop-tabs .tab-card[data-tab="tab2"].active::after { border-top-color:#122e6f; }
    .desktop-tabs .tab-card[data-tab="tab3"].active::after { border-top-color:#3ea0c5; }
    .desktop-tabs .tab-card[data-tab="tab4"].active::after { border-top-color:#5733a6; }

    /* Hide original full content inside tab-card (we source it from here) */
    .tab-content-data { display:none; }

    /* Content area */
    #tabContent { border-radius:.6rem;border:1px solid rgba(0, 0, 0, 0.08); padding:1rem 1.25rem; flex:1 1 auto; overflow-y:auto; color:#000; box-shadow:0 2px 15px rgba(0,0,0,.1); transition:background-color .3s; position:relative; background-color:#498e43; will-change:transform,opacity; }
    #tabContent h5 { margin-top:0; margin-bottom:.4rem; font-weight:600; }
    #tabContent p { margin:0 0 1rem 0; font-weight:500; opacity:.95; }
    #tabContent ul, #tabContent ol { padding-left:1.3rem; margin:0; }
    

    /* ----------------
       INNER tab-container (ron_tab) styles use class .ron_tab
       ---------------- */
    .ron_tab.tab-container { display:flex; flex-wrap:wrap; gap:20px; padding:15px 0px; border:1px solid rgba(0, 0, 0, 0.08); background:transparent; }
    .ron_tab .tab-list { padding-left:0; flex:1 1 200px; border-right:1px solid rgba(0, 0, 0, 0.08); list-style:none; margin:0; }
    .ron_tab .tab-list li { padding:12px; cursor:pointer; border-bottom:1px solid rgba(0, 0, 0, 0.08); margin-bottom:0 !important; transition:background .3s; list-style:none; }
    .ron_tab .tab-list li:hover { background:none; border-left:1px solid rgba(0, 0, 0, 0.08); border-radius:3px; }
    .ron_tab .tab-list li.active { background:rgba(0,0,0,.15); color:#000; }
    .ron_tab .tab-details { flex:2 1 300px; padding:10px; }
	.ron_tab ul li{ margin-bottom:0; font-weight:400; font-size:16px; }
	.ron_tab .tab-detail ol li{margin-bottom: .1rem;font-weight: 400;font-size: 15px;list-style-type: bengali;}
    .ron_tab .tab-detail { display:none; }
    .ron_tab .tab-detail.active { display:block; animation:fadeIn .3s ease-in-out; }
    @keyframes fadeIn { from { opacity:0 } to { opacity:1 } }

    /* slide in up for main content */
    @keyframes slideInUp { 0% { opacity:0; transform:translateY(25px); } 100% { opacity:1; transform:translateY(0); } }
    .slide-in-up { animation: slideInUp .6s cubic-bezier(.4,0,.2,1) forwards; }
	.ron_button{text-align:right;position: absolute;top: 25px;right: 20px;}
	.ron_button .btn.btn-navyblue{background:#122e6f;color:#fff; border-color:#122e6f;}
	.ron_button .btn.btn-purple{background:#5733a6;color:#fff; border-color:#5733a6;}
	.ron_button .btn.btn-navyblue:hover, .ron_button .btn.btn-purple:hover{background:#000;}
    /* responsive tweaks */
    @media (max-width:767.98px) {
      .desktop-tabs { display:none; }
      header .d-flex { display:block !important; text-align:center; }
      .header-middle h2 { font-size:1.1rem; }
      .header-middle h2 small { font-size:.7rem; }
      .header-right { display:flex; gap:1.0rem; align-items:center; justify-content:center; }
	  .accordion-body{display:none;}
	  .ron_button{position: relative;padding-bottom:.9rem;}
    }
    @media (min-width:768px) { 
	  .mobile-accordion { display:none } 
	}