.navbar-light .navbar-nav .nav-link {    color: #000000;    font-weight: 500;}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus {    color: #0D1127;}.megamenu-title {    color: #921E33;    margin-left: 4px;}.dropdown-item {    color: #000000;}.dropdown-item:hover,.dropdown-item:focus {    color: #921E33;    background-color: #ffffff;}@media (min-width: 992px) {    .navbar-nav {        position: relative;    }    .navbar-nav .nav-item.dropdown {        position: static;    }    .navbar-nav .dropdown-menu {        position: absolute;        left: 50%;        transform: translateX(-50%);        border: none;        border-radius: 0.5rem;        box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);        margin-top: 0;        width: auto;    }    .navbar-nav .dropdown-menu.megamenu {        width: 850px;        max-width: 95vw;        padding: 2rem;    }    .navbar-nav .dropdown-menu:not(.megamenu) {        min-width: 12rem;        padding: 0.5rem 0;    }    .navbar-nav .dropdown-menu.megamenu > li {        padding: 0;        margin: 0;        width: 100%;    }    .navbar-nav .dropdown-menu.megamenu .row {        display: flex;        flex-wrap: nowrap;        width: 100%;        margin-left: -15px;        margin-right: -15px;    }    .navbar-nav .dropdown-menu.megamenu .row > [class*="col-"] {        padding-left: 15px;        padding-right: 15px;    }    .navbar-nav .nav-item.dropdown:hover .dropdown-menu {        display: block;    }}@media (min-width: 992px) {    .nav-wrapper {        position: fixed;        top: 0;        left: 0;        right: 0;        width: 100%;        z-index: 1030;        background: #fff;    }    /*body {*/    /*    padding-top: 100px;*/    /*}*/    .ftco-navbar-light .navbar-nav > .nav-item > .nav-link {        padding-left: 10px !important;        padding-right: 10px !important;        font-size: 13px !important;        letter-spacing: 0px !important;    }    .ftco-navbar-light .navbar-nav > .nav-item.ftco-seperator {        display: none !important;    }}@media (max-width: 991.98px) {    .nav-wrapper {        position: relative !important;        top: auto !important;    }    body {        padding-top: 0 !important;        align-items:center;    }    #ftco-nav .navbar-collapse {        max-height: 60vh;        overflow-y: auto;        background-color: #921E33;    }}.chairman-section {    background: #fff3f3;    padding: 60px 0;}.chairman-img {    border-radius: 12px;    box-shadow: 0 10px 25px rgba(0,0,0,0.15);    height: 350px;    width: 350px;}.quote-box {    background: #ffffff;    padding: 40px;    border-radius: 12px;    box-shadow: 0 10px 30px rgba(0,0,0,0.08);    position: relative;}.quote-box::before {    /*content: "“";*/    font-size: 180px;    color: #0d6efd;    position: absolute;    top: -20px;    left: 20px;}.chairman-name {    font-weight: 1500;    margin-top: 30px;    font-family: "Poppins", Arial, sans-serif;}.chairman-designation {    color: #6c757d;}/*align justify*/.history-section p,.history-section li {    text-align: justify;}/*small navbar*/.navbar-nav .nav-item.custom-dropdown .dropdown-toggle::after {    display: none !important;}/* =========================================   DESKTOP RULES (Screens wider than 992px)   ========================================= */@media (min-width: 992px) {    .navbar-nav .nav-item.custom-dropdown {        position: relative !important;    }    .navbar-nav .nav-item.custom-dropdown .dropdown-menu {        left: 0 !important;        right: auto !important;        top: 100% !important;        transform: none !important;        margin: 0 !important;        position: absolute !important;        display: none;    }    .navbar-nav .nav-item.custom-dropdown:hover .dropdown-menu {        display: block;    }}/* --- 3. MOBILE ONLY (Phone Fix) --- */@media (max-width: 991px) {    .navbar-nav .nav-item.custom-dropdown .dropdown-menu {        position: static !important;        float: none !important;        border: none !important;        background: transparent;        padding-left: 20px;    }    .navbar-nav .nav-item.custom-dropdown .dropdown-menu .dropdown-item {        color: #fff !important;    }    .navbar-nav .nav-item.custom-dropdown .dropdown-menu .dropdown-item:hover {        color: #0D1127 !important;        background: transparent;    }}/*syndicate*/.dropdown-item:hover {    color: #921E33 !important;}/* Card Hover Effect */.member-card{    height: 100%;    display: flex;    flex-direction: column;    transition: .3s;}.member-card:hover{    transform: translateY(-4px);    box-shadow: 0 10px 25px rgba(0,0,0,0.1);}/* Member Image */.member-img{    border: 2px solid #b30000;    padding: 3px;    height: 400px;      /* Final fixed height */    width: 100%;    object-fit: cover;    border-radius: 6px;}/* Paragraph spacing fix */.member-card p{    margin-bottom: 5px;}/*newsletter*//* ===============================   Newsletter Card Design================================= */.newsletter-card {    background: #ffffff;    border: 1px solid #e5e5e5;    padding: 20px;    border-radius: 6px;    transition: 0.3s ease;    height: 100%;    display: flex;    flex-direction: column;    justify-content: space-between;}/* Hover Effect */.newsletter-card:hover {    transform: translateY(-6px);    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);    border-color: #dcdcdc;}/* ===============================   Image/Viewer Container (Bigger Square)================================= *//* ===============================   Image/Viewer Container (Bigger Square)================================= */.img-container {    width: 100% !important;    height: 340px !important; /* আপনি চাইলে aspect-ratio: 1/1; ও রাখতে পারেন */    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 20px;    overflow: hidden;    border-radius: 0 !important;    padding: 0 !important; /* কোনো প্যাডিং থাকলে রিমুভ করে দিবে */}/* Force everything inside the container to be 100% full size */.img-container > * {    width: 100% !important;    height: 100% !important;    min-width: 100% !important;    min-height: 100% !important;    object-fit: cover !important;    border: none !important;    margin: 0 !important;}/* Newsletter Image & Iframe (PDF Viewer) */.newsletter-img,.img-container iframe,.img-container embed,.img-container object {    width: 100%;    height: 100%;    object-fit: cover; /* 'contain' এর বদলে 'cover' দিলে এটি পুরো স্কয়ার জায়গা জুড়ে থাকবে */    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);    border: none; /* Iframe এর বর্ডার রিমুভ করার জন্য */    border-radius: 0 !important;}/* Extra Safety Override */.newsletter-card img,.img-container img {    border-radius: 0 !important;}/* ===============================   Download Button================================= */.btn-download {    background-color: #981b1e;    border: 1px solid #981b1e;    color: #ffffff;    width: 100%;    font-weight: 500;    padding: 12px;    border-radius: 4px;    transition: 0.3s ease;}.btn-download:hover {    background-color: #7a1518;    border-color: #7a1518;    color: #ffffff;}.btn-download i {    margin-right: 8px;}/* ===============================   Responsive Design================================= *//* যেহেতু aspect-ratio ব্যবহার করা হয়েছে, তাই আলাদা করে height দেওয়ার প্রয়োজন নেই।   তবুও আপনি চাইলে কাস্টম সাইজ রাখতে পারেন *//* Tablet */@media (max-width: 992px) {    .newsletter-card {        padding: 18px;    }}/* Mobile */@media (max-width: 768px) {    .newsletter-card {        padding: 15px;    }    .btn-download {        padding: 10px;        font-size: 14px;    }}/*archive*/body{    background:#f5f7fa !important;}.document-section{    padding:60px 0 !important;}.document-card{    background:#fff !important;    border-radius:10px !important;    padding:20px !important;    box-shadow:0 6px 15px rgba(0,0,0,.08) !important;    transition:.3s !important;    height:100% !important;}.document-card:hover{    transform:translateY(-5px) !important;}.document-icon{    font-size:40px !important;    color:#0d6efd !important;}.document-title{    font-size:16px !important;    font-weight:600 !important;    margin:15px 0 !important;}.document-btn-download{    font-size:14px !important;}/*chairman*/body{    background:#f4f6fa;}/* Wrapper */.image-wrapper{    min-height:100vh;    display:flex;    justify-content:center;    align-items:center;    padding:20px; /* ছোট স্ক্রিনে স্পেস */}/* Image */.chairman-img{    width:100%;    max-width:761px;    height:auto;          /* Responsive height */    max-height:1024px;    border-radius:12px;    box-shadow:0px 8px 25px rgba(0,0,0,.2);    object-fit:cover;}/* ================= Responsive ================= *//* Tablet */@media (max-width: 992px){    .chairman-img{        max-width:600px;        max-height:900px;    }}/* Mobile */@media (max-width: 768px){    .chairman-img{        max-width:100%;        max-height:700px;        border-radius:10px;    }}/* Small Mobile */@media (max-width: 576px){    .image-wrapper{        min-height:auto;        padding:15px;    }    .chairman-img{        max-height:500px;        border-radius:8px;        object-fit:contain; /* যাতে ছবি কাটা না যায় */    }}/*board of trustees*/.member-card {    background: #fff;    border-radius: 12px;    box-shadow: 0 4px 20px rgba(0,0,0,0.1);    transition: transform 0.3s, box-shadow 0.3s;    display: flex;    flex-direction: column;    align-items: center;    padding: 20px;    height: 100%;}.member-card:hover {    transform: translateY(-5px);    box-shadow: 0 12px 25px rgba(0,0,0,0.15);}.member-img {    width: 100%;    max-width: 220px;    height: 220px;    object-fit: cover;    border-radius: 50%;    margin-bottom: 15px;}.member-card h5 {    font-size: 1.25rem;    margin-bottom: 5px;}.member-card p {    font-size: 0.9rem;    margin-bottom: 4px;    color: #6c757d;}/* Responsive */@media (max-width: 992px) {    .member-img {        max-width: 180px;        height: 180px;    }}@media (max-width: 768px) {    .member-img {        max-width: 150px;        height: 150px;    }}@media (max-width: 576px) {    .member-img {        max-width: 120px;        height: 120px;    }}/*vice chancellor*/body {    background-color: #f8f9fa;    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}.vc-section {    padding: 60px 0;}/* Image styling with hover effect */.vc-photo {    width: 100%;    max-width: 250px;    border-radius: 10px;    box-shadow: 0 4px 15px rgba(0,0,0,0.1);    margin-bottom: 20px;    transition: transform 0.3s ease, box-shadow 0.3s ease;}.vc-photo:hover {    transform: scale(1.05);    box-shadow: 0 8px 20px rgba(0,0,0,0.2);}.vc-contact p {    margin-bottom: 0.4rem;    font-size: 0.95rem;}.vc-title {    font-weight: 700;    font-size: 1.8rem;    margin-bottom: 0.2rem;}.vc-position {    font-weight: 500;    font-size: 1.1rem;    color: #555;    margin-bottom: 1rem;}/* Justify message content */.vc-message {    line-height: 1.8;    color: #333;    text-align: justify;}@media (max-width: 768px) {    .vc-photo {        max-width: 200px;    }}/*treasurer*/body {    background-color: #f8f9fa;    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}.treasurer-section {    padding: 60px 0;}/* Image styling with hover effect */.treasurer-photo {    width: 100%;    max-width: 250px;    border-radius: 10px;    box-shadow: 0 4px 15px rgba(0,0,0,0.1);    margin-bottom: 20px;    transition: transform 0.3s ease, box-shadow 0.3s ease;}.treasurer-photo:hover {    transform: scale(1.05);    box-shadow: 0 8px 20px rgba(0,0,0,0.2);}.treasurer-contact p {    margin-bottom: 0.4rem;    font-size: 0.95rem;}.treasurer-title {    font-weight: 700;    font-size: 1.8rem;    margin-bottom: 0.2rem;}.treasurer-position {    font-weight: 500;    font-size: 1.1rem;    color: #555;    margin-bottom: 1rem;}.treasurer-message {    line-height: 1.8;    color: #333;    text-align: justify;}@media (max-width: 768px) {    .treasurer-photo {        max-width: 200px;    }}/*faqs start*/.faqs-wrapper {    max-width: 800px;    margin: auto;}.faqs-item {    background: #fff;    border-radius: 8px;    margin-bottom: 12px;    box-shadow: 0 2px 8px rgba(0,0,0,0.05);    overflow: hidden;    transition: all 0.3s ease;}.faqs-question {    padding: 18px 20px;    cursor: pointer;    display: flex;    align-items: center;    font-weight: 500;    transition: background 0.3s ease;}.faqs-question:hover {    background: #f1f5ff;}.faqs-icon {    width: 32px;    height: 32px;    min-width: 32px;    background: #3b6fb6;    color: #fff;    display: flex;    align-items: center;    justify-content: center;    border-radius: 6px;    margin-right: 15px;    font-size: 20px;    font-weight: bold;    transition: all 0.3s ease;}/* Changed .active to .faqs-active to avoid conflicts */.faqs-item.faqs-active .faqs-icon {    background: #dc3545;}/* Updated CSS: content height auto, background expands naturally */.faqs-answer {    display: none;        /* hide by default */    padding: 0 20px;    color: #555;}.faqs-item.faqs-active .faqs-answer {    display: block;    padding: 15px 20px 20px;}@media (max-width: 576px) {    .faqs-question {        font-size: 14px;        padding: 15px;    }}/* Notice Section Custom Styles *//* Notice Section Custom Styles *//* Notice Section Custom Styles */.notice-home-header-wrapper {    border-bottom: 2px solid #112a46;    margin-bottom: 25px;    display: flex;    justify-content: space-between;    align-items: center;}.notice-home-title-tab {    background-color: #1B224E !important;    color: #fff;    padding: 8px 50px 8px 15px;    font-size: 20px;    font-weight: 700;    text-transform: uppercase;    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);    display: inline-block;}.notice-home-scroll-area {    padding: 15px 10px 15px 5px;}/* Card Style */.notice-home-card {    background: #fff;    border-radius: 8px;    margin-bottom: 15px;    padding: 15px 20px;    display: flex;    align-items: center;    text-decoration: none !important;    transition: all 0.3s ease-in-out;    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);    border: 1px solid #f0f0f0;}.notice-home-card:hover {    transform: translateY(-3px);    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);    border-color: #1B224E;}/* Compact Date Box */.notice-home-date-box {    background-color: #1B224E;    color: #fff;    width: 70px;    height: 70px;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    text-align: center;    flex-shrink: 0;    border-radius: 6px;    transition: 0.3s;}.notice-home-card:hover .notice-home-date-box {    background-color: #921E33;}.notice-home-date-box .day {    font-size: 24px;    font-weight: 800;    line-height: 1;}.notice-home-date-box .month-year {    font-size: 11px;    margin-top: 2px;}/* Content Area */.notice-home-desc {    color: #1B224E;    font-size: 18px;    font-weight: 700;    margin-bottom: 5px;    transition: 0.3s;    line-height: 1.3;}.notice-home-card:hover .notice-home-desc {    color: #921E33;}/* Meta Data Styling (Dept, Subject, Time) */.notice-home-meta {    display: flex;    flex-wrap: wrap;    column-gap: 20px;    row-gap: 5px;}.notice-home-meta span {    font-size: 13px;    color: #666;    display: flex;    align-items: center;}.notice-home-meta i {    margin-right: 6px;    color: #921E33;    font-size: 12px;}.notice-home-dept {    font-weight: 600;    color: #1B224E !important;}/* Read More Area */.notice-home-read-more {    color: #1B224E;    font-weight: 700;    font-size: 13px;    display: inline-flex;    align-items: center;    transition: 0.3s;    white-space: nowrap;}.notice-home-card:hover .notice-home-read-more {    color: #921E33;}/* Custom Scrollbar */.notice-home-scroll-area::-webkit-scrollbar {    width: 5px;}.notice-home-scroll-area::-webkit-scrollbar-thumb {    background: #1B224E;    border-radius: 10px;}/* =========================================   1. GLOBAL VARIABLES & UTILITIES   ========================================= */:root {    --theme-blue: #1b224e;    --theme-red: #921E33;    --text-gray: #555;    --bg-light: #f8f9fa;    --border-color: #e0e0e0;}body {    font-family: "Poppins", Arial, sans-serif; /* Assuming font family */    color: var(--text-gray);}.section-bg-light,.bg-light-theme {    background-color: var(--bg-light);}.ftco-section {    padding: 4em 0;}/* Color Utilities */.color-navy, .text-theme-blue { color: var(--theme-blue); }.color-maroon, .text-theme-red { color: var(--theme-red); }.page-header-wrapper,.hero-text {    padding: 40px 0;    border-bottom: 1px solid var(--border-color);    text-align: center;}.dept-subtitle {    color: var(--theme-red);    text-transform: uppercase;    letter-spacing: 2px;    font-weight: 500;    margin-bottom: 5px;}.dept-title {    color: var(--theme-blue);    font-weight: 500;    font-size: 2rem;    margin-bottom: 0;}.cse-logo {    max-height: 120px;}.sidebar-sticky-wrapper,.sticky-sidebar {    position: sticky;    top: 100px;    z-index: 10;}.nav-card {    background: #ffffff;    border-radius: 8px;    box-shadow: 0 10px 30px rgba(0,0,0,0.08);    overflow: hidden;    border-top: 5px solid var(--theme-red);}.nav-card-header {    padding: 20px 25px;    background: #fff;    color: var(--theme-blue);    font-weight: 800;    text-transform: uppercase;    letter-spacing: 1px;    font-size: 0.9rem;    border-bottom: 1px solid #f0f0f0;}/* --- Menu Items --- */.premium-menu {    list-style: none;    padding: 0;    margin: 0;}.premium-menu li a {    display: flex;    align-items: center;    padding: 12px 25px;    color: var(--text-gray);    font-size: 0.9rem;    font-weight: 500;    text-decoration: none;    transition: all 0.2s ease;    border-left: 3px solid transparent;}.dashed-connector {    flex-grow: 1;    border-bottom: 1px dashed #ccc;    margin: 0 15px;    height: 1px;    align-self: center;}.premium-menu li a i {    color: #bbb;    font-size: 1.1rem;    width: 25px;    transition: color 0.2s ease;    margin-right: 15px; /* Spacing for icons */}/* Hover State */.premium-menu li a:hover {    background-color: #fcfcfc;    color: var(--theme-blue);    padding-left: 30px;    border-left-color: var(--theme-red);}.premium-menu li a:hover i {    color: var(--theme-red);}/* Active State */.premium-menu li a.active {    background-color: #fff;    color: var(--theme-red);    font-weight: 700;    border-left-color: var(--theme-red);    box-shadow: inset 5px 0 0 rgba(146, 30, 51, 0.05);}.premium-menu li a.active i {    color: var(--theme-red);}/* Menu Divider */.menu-divider {    padding: 15px 25px 5px 25px;    font-size: 0.75rem;    text-transform: uppercase;    color: var(--theme-red);    font-weight: 700;    letter-spacing: 1px;    margin-top: 5px;    border-top: 1px solid #f0f0f0;}.content-box {    background-color: #ffffff;    padding: 3rem; /* equivalent to p-5 */    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); /* equivalent to shadow-sm */    border-radius: .25rem;}/* Headings & Dividers */.section-header-wrapper {    border-bottom: 1px solid #eee;    padding-bottom: 1rem;}.section-title,.section-main-title,.section-heading,.section-heading-text {    color: var(--theme-blue);    font-weight: 700;    text-transform: uppercase;    margin-bottom: 10px;}.content-subtitle {    font-weight: 700;    color: var(--theme-blue);}.section-divider,.divider {    height: 4px;    background-color: var(--theme-red);    margin-top: 10px;    margin-bottom: 20px;}/* Text Styling */.text-content,.content-body,.text-justify {    color: var(--text-gray);    line-height: 1.8;    text-align: justify;}/* --- Custom Lists (Bullet points) --- */.custom-list,.list-checked,.career-list {    list-style: none;    padding-left: 0;}.custom-list li,.list-checked li,.career-list li {    position: relative;    padding-left: 20px;    margin-bottom: 10px;    color: var(--text-gray);    line-height: 1.6;}/* Standard Bullet Style */.custom-list li::before {    content: "•";    color: var(--theme-red);    font-weight: bold;    position: absolute;    left: 0;    top: 0;}/* Icon overrides for lists that use <i> tags instead of bullets */.career-list li i,.list-checked li i,.icon-check {    color: var(--theme-red);}/* --- Quote Box --- */.quote-box {    background-color: var(--bg-light);    border-left: 5px solid var(--theme-red);    font-style: italic;    color: var(--text-gray);    padding: 1.5rem;    margin: 1.5rem 0;}/* --- Info/Vision/Mission Cards --- */.info-card,.card-theme {    background: #fff;    border-top: 4px solid transparent;    /* Add padding/shadow classes via Bootstrap in HTML */}.card-vision,.border-top-navy {    border-top-color: var(--theme-blue) !important;}.card-mission,.border-top-maroon {    border-top-color: var(--theme-red) !important;}.icon-lg,.icon-navy { font-size: 2rem; color: var(--theme-blue); }.icon-maroon { font-size: 2rem; color: var(--theme-red); }/* --- Tables --- */.scrollable-table-container {    max-height: 500px;    overflow-y: auto;}.table-header-navy {    background-color: var(--theme-blue);    color: #fff;}.table-body-text {    font-size: 0.95rem;    color: var(--text-gray);}.pdf-viewer-container {    height: 85vh;    min-height: 600px;    position: relative;    overflow: hidden;}.pdf-frame {    border: none;    width: 100%;    height: 100%;}.btn-download-fallback {    margin-top: 15px;}.profile-card {    background-color: var(--bg-light);    border-top: 4px solid var(--theme-red);    border-radius: 5px;    padding: 1.5rem;    text-align: center;}.profile-img {    width: 130px;    height: 130px;    object-fit: cover;    border: 3px solid #fff;    border-radius: 50%;    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}.profile-name {    color: var(--theme-blue);    font-weight: 700;    font-size: 1.1rem;    margin-top: 1rem;    margin-bottom: 0.25rem;}.profile-role {    color: var(--theme-red);    font-size: 0.8rem;    font-weight: 600;    text-transform: uppercase;    margin-bottom: 0.25rem;}.profile-dept-text {    line-height: 1.2;    font-size: 85%;    color: #6c757d;}.profile-contact {    text-align: left;    margin-top: 1rem;    padding-top: 1rem;    border-top: 1px solid #dee2e6;    font-size: 0.9rem;}.profile-contact p {    margin-bottom: 0.5rem;}.profile-contact i {    color: var(--theme-red);    margin-right: 10px;    width: 15px;    text-align: center;}.message-body {    color: var(--text-gray);    line-height: 1.7;    text-align: justify;}.signature-line {    border-top: 1px dotted #333;    width: 100px;    margin: 1rem 0;}/*why uits*/.why-uits-section {    background-color: #f8f9fa;}.why-uits-section h2 {    color: #921E33;}.custom-list li {    font-size: 15px;    line-height: 1.6;}.text-justify {    text-align: justify;}/*scholarship*//*.waiver-section {*//*    background-color: #f8f9fa;*//*}*//*.waiver-section h2 {*//*    color: #921E33;*//*}*//*.custom-list li {*//*    margin-bottom: 6px;*//*    font-size: 15px;*//*    line-height: 1.6;*//*}*//*.policy-card {*//*    background: #ffffff;*//*    border-left: 4px solid #921E33;*//*    padding: 18px;*//*    border-radius: 6px;*//*    box-shadow: 0 0 10px rgba(0,0,0,0.05);*//*}*//*.text-justify {*//*    text-align: justify;*//*}*//*--- today ---*//* --- Staff List Styling --- *//* Container: Force 3 faculty members per row */.staff-list {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 20px;    margin-bottom: 50px;}/* Card: Now vertical (Image on top, Text on bottom) */.staff-card {    display: flex;    flex-direction: column;    align-items: center;    background: #fff;    border: 1px solid #eee;    border-radius: 10px;    padding: 25px 15px;    transition: transform 0.3s ease, box-shadow 0.3s ease;    border-bottom: 4px solid var(--theme-blue);    height: 100%;    text-align: center;}/* Hover Effect */.staff-card:hover {    transform: translateY(-8px);    box-shadow: 0 12px 25px rgba(0,0,0,0.1);    border-bottom-color: var(--theme-red);}/* Image Section: Centered on top */.staff-img-wrapper {    flex-shrink: 0;    width: 150px;    height: 170px;    margin-bottom: 20px;    border: 1px solid #ddd;    padding: 5px;    background: #fff;    border-radius: 6px;    overflow: hidden;}.staff-img {    width: 100%;    height: 100%;    object-fit: cover;    border-radius: 4px;}/* Text Details Section */.staff-details {    width: 100%;}.staff-name {    color: var(--theme-blue);    font-weight: 700;    margin-bottom: 8px;    font-size: 1.15rem;    line-height: 1.3;}.staff-designation {    display: block;    font-size: 0.85rem;    color: var(--text-gray);    font-weight: 600;    text-transform: uppercase;    letter-spacing: 0.5px;    margin-bottom: 10px;}.faculty-degree {    font-size: 0.8rem;    color: #666;    margin-bottom: 15px;    line-height: 1.4;    font-style: italic;    min-height: 40px;}/* The Red Line Divider (Centered) */.staff-divider {    height: 3px;    width: 40px;    background: var(--theme-red);    margin: 0 auto 15px auto;}/* Contact List (Aligned Left for readability, or keep centered) */.staff-contact-list {    list-style: none;    padding: 0;    margin: 0;    text-align: left;    display: inline-block;}.staff-contact-list li {    font-size: 0.85rem;    color: #555;    margin-bottom: 5px;    line-height: 1.4;    word-break: break-all;    text-align: center;}.staff-contact-list li .label {    font-weight: 700;    color: var(--theme-blue);    margin-right: 5px;}@media (max-width: 992px) {    .staff-list {        grid-template-columns: repeat(2, 1fr);    }}@media (max-width: 600px) {    .staff-list {        grid-template-columns: 1fr;        gap: 20px;    }    .staff-card {        padding: 20px;    }}/* --- News Grid Cards --- */.news-card {    background-color: #fff;    border: 1px solid #eee;    border-radius: 6px;    overflow: hidden;    transition: transform 0.3s ease, box-shadow 0.3s ease;    display: flex;    flex-direction: column;}.news-card:hover {    transform: translateY(-5px);    box-shadow: 0 10px 25px rgba(0,0,0,0.1);    border-color: #ddd;}/* Image Wrapper: Enforces fixed height for uniformity */.news-img-box {    width: 100%;    height: 180px;    overflow: hidden;    position: relative;}.news-img {    width: 100%;    height: 100%;    object-fit: cover;    transition: transform 0.5s ease;}.news-card:hover .news-img {    transform: scale(1.05);}/* Card Body */.news-body {    padding: 20px;    display: flex;    flex-direction: column;    flex-grow: 1;}.news-title {    font-size: 0.95rem;    font-weight: 800;    color: var(--theme-blue);    line-height: 1.4;    margin-bottom: 12px;    /* Optional: Limit title to 3 lines if needed */    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;}.news-text {    font-size: 0.85rem;    color: var(--text-gray);    line-height: 1.6;    margin-bottom: 20px;    flex-grow: 1;}/* Read More Button */.read-more-btn {    font-size: 0.8rem;    font-weight: 600;    color: #921E33;    text-transform: uppercase;    text-decoration: none;    transition: color 0.2s;    align-self: flex-start;    margin-top: auto !important;}.read-more-btn:hover {    color: #fff;    background-color: #112a46;}/* --- Notice Cards --- */.notice-card {    background-color: #fff;    border: 1px solid #e0e0e0;    border-left: 4px solid transparent;    border-radius: 4px;    padding: 30px 25px;    display: flex;    flex-direction: column;    justify-content: space-between;    transition: all 0.3s ease;    box-shadow: 0 2px 5px rgba(0,0,0,0.02);}.notice-card:hover {    transform: translateY(-5px);    box-shadow: 0 10px 20px rgba(0,0,0,0.08);    border-left-color: var(--theme-blue);}.notice-title {    color: #333;    font-size: 1.1rem;    font-weight: 500;    line-height: 1.5;    margin-bottom: 25px;}/* Button Styling */.btn-notice {    display: inline-block;    padding: 8px 20px;    color: #fff;    background-color: #921E33 ;    border: 1px solid #921E33;    border-radius: 2px;    text-decoration: none;    font-size: 0.85rem;    font-weight: 500;    transition: all 0.3s ease;    align-self: flex-start;}.btn-notice:hover {    background-color: var(--theme-blue);    color: #fff;    text-decoration: none;}/* --- Committee Member Cards --- */.committee-card {    background: #fff;    border: 1px solid #eee;    border-radius: 8px;    overflow: hidden;    text-align: center;    padding: 25px 15px;    transition: transform 0.3s ease, box-shadow 0.3s ease;    height: 100%;    border-top: 4px solid var(--theme-blue); /* Default Navy top border */    box-shadow: 0 5px 15px rgba(0,0,0,0.05);}.committee-card:hover {    transform: translateY(-5px);    box-shadow: 0 10px 25px rgba(0,0,0,0.1);}/* Image styling */.committee-img-box {    width: 120px;    height: 120px;    margin: 0 auto 15px auto;    position: relative;    border-radius: 50%; /* Circular images */    padding: 4px;    border: 2px solid #eee;}.committee-img {    width: 100%;    height: 100%;    object-fit: cover;    border-radius: 50%;}/* Text styling */.committee-name {    font-size: 1.1rem;    font-weight: 700;    color: var(--theme-blue);    margin-bottom: 5px;}.committee-role {    display: block;    font-size: 0.9rem;    color: var(--theme-red);    font-weight: 600;    text-transform: uppercase;    letter-spacing: 0.5px;    margin-bottom: 5px;}.committee-desig {    font-size: 0.8rem;    color: #666;    margin-bottom: 0;    font-style: italic;}/* Utilities for Section Headings */.border-left-maroon {    border-left: 4px solid var(--theme-red);    padding-left: 15px;}.border-left-navy {    border-left: 4px solid var(--theme-blue);    padding-left: 15px;}/* Optional: Make every other card have a Maroon top border for variety */.col-lg-4:nth-child(even) .committee-card {    border-top-color: var(--theme-red);}/* Add this to your existing CSS file */.faculty-degree {    font-size: 0.85rem;    color: #666; /* Muted gray */    margin-bottom: 5px;    line-height: 1.4;    font-style: italic;}/*message box window home page*//* Backdrop blur for modern look */.modal-backdrop.show {    background-color: rgba(0,0,0,0.5);    backdrop-filter: blur(2px);}.modal-content {    border-radius: 12px;}.notice-text {    font-size: 1.2rem;}@media (max-width: 576px) {    .notice-text {        font-size: 1rem;    }}/*our departments*/     /* কার্ডগুলোকে সমান উচ্চতার করার জন্য */ .row.display-flex {     display: flex;     flex-wrap: wrap; }     /* কার্ডের মূল কন্টেইনার সমান করার জন্য */ .course.ftco-animate {     display: flex;     flex-direction: column;     height: 100%; /* প্রতিটি কার্ড তার পাশেরটার সমান হবে */ }/* ইমেজ সেকশনকে রেসপন্সিভ করা */.course .img {    width: 100%;    aspect-ratio: 16 / 10; /* যেকোনো স্ক্রিনে ইমেজের অনুপাত ঠিক রাখবে */    background-size: cover;    background-position: center;    flex-shrink: 0;}/* টেক্সট এরিয়া ডিজাইন */.course .text {    display: flex;    flex-direction: column;    flex-grow: 1; /* খালি জায়গা টেক্সট বক্স পূরণ করবে */    padding: 20px;    background: #fff;    border: 1px solid #f0f0f0;}/* শিরোনাম (Heading) ফিক্সড হাইট */.course .text h3 {    font-size: 18px;    height: 50px; /* টাইটেল দুই লাইন হলেও যেন ডিজাইন না ভাঙে */    overflow: hidden;    margin-bottom: 10px;}/* ডেসক্রিপশন টেক্সট সমান করা (সবচেয়ে গুরুত্বপূর্ণ) */.course .text .text-justify {    display: -webkit-box;    -webkit-line-clamp: 4; /* ঠিক ৪ লাইন দেখাবে, বেশি হলে ডট ডট হবে */    -webkit-box-orient: vertical;    overflow: hidden;    margin-bottom: 15px;    line-height: 1.6;    min-height: 100px; /* সব বক্সে টেক্সটের জায়গা সমান রাখবে */}/* বাটন সবসময় নিচে থাকবে */.course .text p:last-child {    margin-top: auto;}/* ডেসক্রিপশন টেক্সট সমান করার জন্য */.course .text-justify {    height: 120px; /* টেক্সটের জন্য নির্দিষ্ট জায়গা */    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 5; /* সর্বোচ্চ ৫ লাইন দেখাবে */    -webkit-box-orient: vertical;    margin-bottom: 20px;}/* বাটনকে সবসময় নিচে রাখার জন্য */.course .text p:last-child {    margin-top: auto;}/*recent blogs*/.blog-entry {    height: 100%;    display: flex;    flex-direction: column;}.blog-entry .text {    display: flex;    flex-direction: column;    height: 100%;    text-align: justify;}.blog-entry .text p {    flex-grow: 1; /* content যতই বড় হোক */}.blog-entry .d-flex {    margin-top: auto; /* Read More নিচে থাকবে */}/*vedio home page*//* CSS Start */body, html {    margin: 0;    padding: 0;    font-family: 'Poppins', sans-serif;}.main-banner {    position: relative;    width: 100%;    height: 100vh;    overflow: hidden;}/* Video Background Styling */#bg-video {    position: absolute;    top: 50%;    left: 50%;    min-width: 100%;    min-height: 100%;    width: auto;    height: auto;    z-index: -1;    transform: translate(-50%, -50%);    object-fit: cover;}/* Dark Overlay for Text Visibility */.video-overlay {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.6); /* Darker overlay for better contrast */    display: flex;    align-items: center;}.caption {    color: #fff;    text-align: left; /* Professional look er jonno left align kora hoyeche */}.caption h6 {    font-size: 18px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 2px;    color: #f5a425; /* Highlighted color */    margin-bottom: 15px;}.caption h2 {    font-size: 56px;    font-weight: 800;    text-transform: uppercase;    margin-bottom: 25px;    line-height: 1.2;}.caption p {    font-size: 16px;    line-height: 1.6;    max-width: 600px;    margin-bottom: 35px;}/* Responsive Button Styling */.main-button-red a {    font-size: 14px;    color: #fff;    background-color: #a12c2f;    padding: 12px 30px;    display: inline-block;    border-radius: 25px;    font-weight: 500;    text-transform: uppercase;    text-decoration: none;    transition: all 0.3s ease;    border: 2px solid transparent;}.main-button-red a:hover {    background-color: transparent;    border-color: #fff;    color: #fff;}/* Mobile Responsive Adjustments */@media (max-width: 768px) {    .caption h2 {        font-size: 32px;    }    .caption h6 {        font-size: 14px;    }    .caption p {        font-size: 14px;    }}/*scrollbar*/#scrollTopBtn {    position: fixed;    bottom: 40px;    right: 40px;    z-index: 99;    background-color: #921E33;    color: white;    border: none;    outline: none;    width: 50px;    height: 50px;    border-radius: 5px; /* Small radius to make it square */    cursor: pointer;    font-size: 24px;    display: none; /* Hidden by default */    align-items: center;    justify-content: center;    transition: background-color 0.3s;    display: flex;}#scrollTopBtn:hover {    background-color: #1e4b7b;}.arrow {    display: inline-block;    transform: translateY(-2px);}.logo-custom {    height: 80px;    width: auto;}/*@media (max-width: 1266px) {*//*    .navbar-expand-lg .navbar-collapse {*//*        display: none !important;*//*    }*//*    .navbar-expand-lg .navbar-toggler {*//*        display: block !important;*//*    }*//*    .navbar-expand-lg .d-lg-none {*//*        display: block !important;*//*    }*//*    .navbar-expand-lg .d-lg-flex,*//*    .navbar-expand-lg .d-lg-block {*//*        display: none !important;*//*    }*//*    .navbar-nav {*//*        flex-direction: column !important;*//*    }*//*}*//*@media (min-width: 1267px) {*//*    .navbar-expand-lg .navbar-collapse {*//*        display: flex !important;*//*        flex-basis: auto !important;*//*    }*//*    .navbar-expand-lg .navbar-toggler {*//*        display: none !important;*//*    }*//*    .navbar-expand-lg .navbar-nav {*//*        flex-direction: row !important;*//*    }*//*    .d-lg-block {*//*        display: block !important;*//*    }*//*    .d-lg-flex {*//*        display: flex !important;*//*    }*//*}*//*small slider*/.carousel-container {    max-width: 800px;    margin: 50px auto;    border-radius: 12px;    overflow: hidden;    box-shadow: 0 6px 20px rgba(0,0,0,0.2);    background: #000; /* সাদা অংশ বন্ধ করবে */}.carousel-item {    height: auto;    background: #000;}.carousel-item img {    width: 100%;    height: 100%;    object-fit: cover;}.carousel-control-prev,.carousel-control-next {    width: 6%;}.carousel-indicators [data-bs-target] {    background-color: #fff;}/*3 card slider*//*body {*//*    background: linear-gradient(135deg,#e9f5f1,#f0f2f5);*/    /*font-family: 'Inter', sans-serif;*//*}*//* Card Styling */.main-card {    background: rgba(255,255,255,0.9);    backdrop-filter: blur(10px);    border-radius: 20px;    overflow: hidden;    border: none;    box-shadow: 0 15px 35px rgba(0,0,0,0.1);    margin-bottom: 30px;    transition: all 0.4s ease;    position: relative;}.main-card:hover {    transform: translateY(-8px);    box-shadow: 0 20px 45px rgba(0,0,0,0.15);}.card-header-label {    background: linear-gradient(45deg, #921E33, #921E33);    color: white;    padding: 18px;    text-align: center;    font-weight: 700;    font-size: 1rem;    letter-spacing: 1px;}/* Slider */.slider-wrapper {    padding: 30px 15px;    position: relative;}.profile-box {    text-align: center;    padding: 15px;    transition: all 0.4s ease;}.profile-box:hover {    transform: scale(1.05);}.img-container {    width: 120px;    height: 120px;    margin: 0 auto 15px;    border-radius: 50%;    overflow: hidden;    border: 4px solid #fff;    box-shadow: 0 8px 20px rgba(0,0,0,0.15);    transition: 0.4s;}.profile-box:hover .img-container {    transform: rotate(5deg) scale(1.05);}.img-container img {    width: 100%;    height: 100%;    object-fit: cover;}.profile-name {    font-weight: 700;    color: #222;    margin-bottom: 5px;}.profile-desc {    font-size: 0.85rem;    color: #921E33;    line-height: 1.5;    padding: 0 15px;}/* Arrows */.slick-prev, .slick-next {    z-index: 10;}.slick-prev { left: 5px !important; }.slick-next { right: 5px !important; }.slick-prev:before, .slick-next:before {    color: #921E33 !important;    font-size: 26px;}/* Dots */.slick-dots li button:before {    font-size: 10px;    color: #921E33 !important;}/* Responsive */@media(max-width:768px){    .profile-desc{font-size:0.8rem;}}/*research*//* ফন্ট ইমপোর্ট */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');/* --- মেইন সেকশন স্টাইল --- */.research-section {    position: relative;    padding: 60px 0; /* 80px → 60px */    background: url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?q=80&w=1920&auto=format&fit=crop') no-repeat center center/cover;}/* ব্যাকগ্রাউন্ডের ওপর সাদা ঝাপসা লেয়ার (Overlay) */.research-section::before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(255, 255, 255, 0.85);}.container {    position: relative;    z-index: 1;}/* --- টাইটেল স্টাইল (দুই পাশে দাগ) --- */.section-header {    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 35px; /* 50px → 35px */}.section-header h2 {    color: #0f2c4c;    font-weight: 800;    font-size: 28px; /* 36px → 28px */    margin: 0 15px;    text-transform: uppercase;}.section-header::before,.section-header::after {    content: "";    height: 2px;    width: 50px; /* 60px → 50px */    background-color: #0f2c4c;    display: block;}/* --- কার্ডের সাধারণ ডিজাইন --- */.custom-card {    background: #fff;    border: none;    border-radius: 0;    box-shadow: 0 6px 20px rgba(0,0,0,0.07); /* Shadow কমানো */    height: 100%;    transition: transform 0.3s ease;    padding: 15px; /* 20px → 15px */}.custom-card:hover {    transform: translateY(-4px); /* একটু কম উঠবে */}/* --- বাম পাশের কার্ড --- */.icon-box1 {    font-size: 38px; /* 50px → 38px */    color: #0f2c4c;    margin-bottom: 15px;}.left-card-title {    color: #0f2c4c;    font-weight: 700;    margin-bottom: 20px;    font-size: 18px;}.menu-link {    display: flex;    justify-content: space-between;    align-items: center;    background: #f4f6f9;    padding: 10px 15px; /* কমানো হয়েছে */    margin-bottom: 8px;    text-decoration: none;    color: #333;    font-weight: 600;    font-size: 14px;    transition: 0.3s;    border-left: 4px solid transparent;}.menu-link:hover {    background: #e9ecef;    color: #0f2c4c;    border-left: 4px solid #0f2c4c;}.menu-link i {    font-size: 12px;}/* --- ডান পাশের ইমেজ কার্ড --- */.image-card-img {    width: 100%;    height: 160px; /* 200px → 160px */    object-fit: cover;    margin-bottom: 15px;}.news-title {    color: #0f2c4c;    font-size: 14px; /* 16px → 14px */    font-weight: 700;    line-height: 1.4;    text-align: left;}/*mini grid*/.link-card {    transition: 0.3s ease;    border-right: 1px solid #eee;}.link-card:hover {    background: #f8f9fa;    transform: translateY(-3px);}.icon-box {    width: 55px;    height: 55px;    background: #002147;    color: #fff;    display: flex;    align-items: center;    justify-content: center;    border-radius: 6px;    font-size: 20px;    transition: 0.3s;}.link-card:hover .icon-box {    background: #0056b3;}/* Responsive Fix */@media (max-width: 991px) {    .link-card {        border-right: none;        border-bottom: 1px solid #eee;    }}/*gallery*/.gallery-carousel .carousel-inner {    background: transparent;}.gallery-carousel .carousel-item {    transition: opacity .8s ease-in-out;}.gallery-box {    height: 280px;    overflow: hidden;    border-radius: 15px;    box-shadow: 0 10px 25px rgba(0,0,0,0.08);}.gallery-box img {    height: 280px;    object-fit: cover;    transition: transform .5s ease;}.gallery-box:hover img {    transform: scale(1.06);}@media (max-width:768px){    .gallery-box{        height:220px;    }    .gallery-box img{        height:220px;    }}/*latest news*//* Section */.news-section1{    padding:80px 0;}/* Title */.section-title1{    font-size:40px;    font-weight:700;    color:#0b2c55;}.title-line1{    height:2px;    width:60px;    background:#0b2c55;    opacity:0.3;}/* Card */.news-card1{    background:#ffffff;    border-radius:10px;    overflow:hidden;    transition:0.3s;    height:100%;    box-shadow:0 5px 15px rgba(0,0,0,0.05);}.news-card1:hover{    transform:translateY(-6px);    box-shadow:0 15px 30px rgba(0,0,0,0.1);}.news-img1{    height:200px;    object-fit:cover;    width:100%;}.news-content1{    padding:20px;}.news-title1{    font-weight:600;    font-size:18px;    color:#1c2c4c;    margin-bottom:10px;}.news-date1{    color:#b07a3f;    font-size:14px;}/* View All Button */.view-btn1{    background:#0b1f44;    color:#fff;    padding:12px 40px;    font-weight:600;    border:none;    border-radius:50px;    transition:all 0.3s ease;    display:inline-flex;    align-items:center;    gap:8px;}.view-btn1:hover{    background:#102a63;    transform:translateY(-3px);}/* Responsive Title */@media (max-width:768px){    .section-title1{        font-size:28px;    }}/*home page achievments congratulations*//*body {*//*    background-color: #f4f7f9;*//*    font-family: 'Poppins', sans-serif;*//*    display: flex;*//*    align-items: center;*//*    min-height: 100vh;*//*    margin: 0;*//*}*//* ===== UITS Celebration Section ===== */.uits-celebration-section {    background: #f9f9f9;}/* Common Card */.uits-celebration-card {    background: #ffffff;    border-radius: 20px;    box-shadow: 0 10px 30px rgba(0,0,0,0.05);    height: 100%;    transition: all 0.3s ease-in-out;    overflow: hidden;    border: 1px solid rgba(0,0,0,0.02);}/* Hover */.uits-celebration-card:hover {    transform: translateY(-5px) scale(1.02);    box-shadow: 0 20px 40px rgba(0,0,0,0.12);}/* Congrats Wide Card */.uits-congrats-wide {    background: linear-gradient(135deg, #ffffff 0%, #fff9e6 100%);    border-left: 8px solid #ffb800;    padding: 40px !important;}.uits-congrats-wide:hover {    border-left: 10px solid #ffb800;}/* Text */.uits-congrats-text {    color: #002d5b;    font-weight: 700;    font-size: 2.8rem;    line-height: 1.2;}.uits-highlight-gold {    color: #ffb800;}/* Trophy */.uits-trophy-icon {    font-size: 5rem;    margin-right: 25px;    filter: drop-shadow(0 5px 10px rgba(255,184,0,0.2));    transition: transform 0.3s ease;}.uits-celebration-card:hover .uits-trophy-icon {    transform: rotate(10deg) scale(1.1);}/* Side Card Label */.uits-card-label {    font-weight: 600;    color: #666;    margin-bottom: 12px;    display: block;    text-align: center;    font-size: 0.85rem;    text-transform: uppercase;}/* 🔥 Image Wrapper (MAIN FIX) */.uits-image-wrapper {    width: 100%;    height: 280px;        /* Fixed height */    overflow: hidden;    border-radius: 12px;    position: relative;}/* Image Fit Fix */.uits-card-img {    width: 100%;    height: 100%;    object-fit: cover;     /* 🔥 prevents design break */    object-position: center;    transition: transform 0.5s ease;}/* Hover Zoom */.uits-celebration-card:hover .uits-card-img {    transform: scale(1.05);}/* Responsive */@media (max-width: 991px) {    .uits-congrats-text {        font-size: 2rem;    }    .uits-trophy-icon {        font-size: 3.5rem;    }}/*upcomming events*//* ===== Background Section ===== */.events-section {    /*background-image: url('{{asset('/')}}front/images/playground.jpg');*/    background-size: cover;    background-position: center;    background-attachment: fixed;    position: relative;    padding: 100px 0;    overflow: hidden;}/* Dark Overlay - এটাকে একটু হালকা করেছি যেন ব্যাকগ্রাউন্ড ভালো দেখা যায় */.events-section::before {    content: "";    position: absolute;    inset: 0;    background: rgba(0, 0, 0, 0.6);}.events-content {    position: relative;    z-index: 2;}/* Section Title */.section-title {    color: #fff;    font-weight: 700;    font-size: 36px;    text-align: center;    margin-bottom: 60px;    text-transform: uppercase;    letter-spacing: 2px;}.line {    flex: 1;    height: 2px;    background: rgba(255, 255, 255, 0.5);    max-width: 60px;}/* Event Card - Transparent Glassmorphism */.event-card {    /* Background opacity কমিয়ে 0.05 করা হয়েছে */    background: rgba(255, 255, 255, 0.05);    /* Blur কমিয়ে দেওয়া হয়েছে যেন পেছনের ছবি ঝাপসা কম হয় */    backdrop-filter: blur(5px);    -webkit-backdrop-filter: blur(5px);    /* বর্ডার হালকা করা হয়েছে */    border: 1px solid rgba(255, 255, 255, 0.15);    border-radius: 20px;    padding: 40px 20px;    text-align: center;    color: #fff;    transition: all 0.4s ease;    height: 100%;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;}.event-card:hover {    transform: translateY(-10px);    /* হোভার করলে হালকা সাদাটে ভাব আসবে */    background: rgba(255, 255, 255, 0.15);    border-color: rgba(255, 255, 255, 0.3);    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);}/* Date Box */.date-box {    background: #ffffff;    color: #8b0000;    font-weight: 800;    padding: 12px 20px;    border-radius: 12px;    display: inline-block;    margin-bottom: 25px;    font-size: 16px;    line-height: 1.2;    text-transform: uppercase;}/* Event Text */.event-title {    font-size: 18px;    font-weight: 600;    margin-bottom: 15px;    min-height: 54px;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-shadow: 1px 1px 4px rgba(0,0,0,0.5); /* স্বচ্ছ কার্ডে লেখা পড়ার সুবিধার জন্য শ্যাডো */}.event-location {    font-size: 14px;    opacity: 0.9;    font-weight: 400;}.event-location i {    margin-right: 6px;    color: #ffc107;}/* Button */.view-btn {    background: #001f3f;    color: #fff;    padding: 14px 40px;    border-radius: 50px;    margin-top: 50px;    font-weight: 600;    letter-spacing: 1px;    text-decoration: none;    display: inline-block;    transition: 0.3s;}.view-btn:hover {    background: #ffffff;    color: #001f3f;    transform: scale(1.05);}@media (max-width: 768px) {    .section-title { font-size: 28px; }    .line { display: none; }}/*message*//* মেইন কন্টেইনার আইডি ব্যবহার করা হয়েছে যাতে গ্লোবাল স্টাইল ইফেক্ট না করে */#univ-hero-slider-section {    background: #0f2c4c;    padding: 60px 0;}#univ-hero-slider-section .univ-slider-card {    background: #f5f5f5;    border-radius: 10px;    padding: 40px;    box-shadow: 0 5px 15px rgba(0,0,0,0.1);    min-height: 400px;    display: flex;    align-items: center;}#univ-hero-slider-section .univ-slider-img {    width: 150px;    height: 150px;    border-radius: 50%;    object-fit: cover;    margin-bottom: 15px;    border: 3px solid #1c2d4a;}#univ-hero-slider-section .univ-slider-title {    font-weight: 700;    color: #1c2d4a;    font-size: 28px;}#univ-hero-slider-section .univ-slider-text {    color: #6c757d;    line-height: 1.8;    font-size: 16px;}#univ-hero-slider-section .univ-btn-custom {    border: 1px solid #1c2d4a;    padding: 8px 25px;    font-weight: 500;    margin-top: 15px;    transition: 0.3s;    text-decoration: none;    display: inline-block;    color: #1c2d4a;}#univ-hero-slider-section .univ-btn-custom:hover {    background: #1c2d4a;    color: white;}/* স্লাইড ট্রানজিশন কাস্টমাইজেশন */#universitySlider .carousel-item {    transition: transform 1.2s ease-in-out, opacity 1.2s ease-in-out;}/* নেভিগেশন বাটন কাস্টমাইজেশন */#universitySlider .univ-carousel-control {    width: 50px;    background: rgba(0,0,0,0.2);    border-radius: 50%;    height: 50px;    top: 50%;    transform: translateY(-50%);}/* ডট ইন্ডিকেটর কাস্টমাইজেশন */#universitySlider .univ-indicators [data-bs-target] {    background-color: #1c2d4a;    width: 12px;    height: 12px;    border-radius: 50%;}@media (max-width:768px){    #univ-hero-slider-section .univ-slider-card {        text-align: center;        display: block;    }    #univ-hero-slider-section .univ-slider-img {        margin: 0 auto 20px;    }}/*schoarships*//* Unique Scholarship Section Styles */.uni-scholarship-module {    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    padding: 60px 0;    background: #f4f6fb;}/* Section Title */.uni-scholarship-module .uni-section-title {    font-size: 36px;    font-weight: 700;    color: #0b2c55;    margin: 0;}.uni-scholarship-module .uni-title-line {    height: 2px;    width: 60px;    background: #0b2c55;    opacity: 0.2;}/* Card Styles */.uni-scholarship-module .uni-card-item {    background: #ffffff;    border-radius: 10px;    padding: 20px;    transition: all 0.3s ease;    height: 100%;    box-shadow: 0 4px 12px rgba(0,0,0,0.05);    border-top: 4px solid #0b2c55;    display: flex;    flex-direction: column;    justify-content: center;}.uni-scholarship-module .uni-card-item:hover {    transform: translateY(-5px);    box-shadow: 0 10px 20px rgba(0,0,0,0.08);}/* Icon */.uni-scholarship-module .uni-card-icon {    font-size: 26px;    color: #0b2c55;    margin-bottom: 8px;}/* Heading */.uni-scholarship-module .uni-card-heading {    font-size: 18px;    font-weight: 600;    color: #1c2c4c;    margin-bottom: 4px;    line-height: 1.3;}/* Benefit */.uni-scholarship-module .uni-card-benefit {    font-size: 15px;    font-weight: 600;    color: #198754;    margin-bottom: 4px;}/* Deadline */.uni-scholarship-module .uni-card-date {    font-size: 13px;    color: #b07a3f;    margin-top: 5px;}/* Button */.uni-scholarship-module .uni-action-btn {    background: #0b1f44;    color: #ffffff;    padding: 10px 35px;    font-weight: 600;    border: none;    border-radius: 50px;    transition: all 0.3s ease;    text-decoration: none;    display: inline-block;}.uni-scholarship-module .uni-action-btn:hover {    background: #102a63;    transform: translateY(-2px);    color: #fff;}@media(max-width: 768px) {    .uni-scholarship-module .uni-section-title {        font-size: 26px;    }}/*notices*//*.body1 {*//*    font-family: 'Segoe UI', Arial, sans-serif;*//*    background: #f8f9fa;*//*}*/.uits_notice_section {    padding: 50px 0;}/* --- Header Style (Exactly like the image) --- */.header-container {    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 45px;}.header-line {    height: 1px;    background-color: #b0bec5;    width: 1in; /* ১ ইঞ্চি লাইন */    flex-shrink: 0;}.uits_notice_title {    font-size: 40px;    font-weight: 700;    color: #0b2c55;    margin: 0 15px;    letter-spacing: -0.5px;}/* --- Compact Card Styling --- */.uits_notice_card {    background: #fff;    border-radius: 8px;    padding: 12px;    display: flex;    gap: 12px;    border: 1px solid #eee;    box-shadow: 0 3px 10px rgba(0,0,0,0.02);    transition: 0.3s ease;    height: 100%;    align-items: center;}.uits_notice_card:hover {    transform: translateY(-3px);    box-shadow: 0 6px 15px rgba(0,0,0,0.07);    border-color: #921E33;}.uits_notice_date {    background: #921E33;    color: #fff;    text-align: center;    padding: 6px;    border-radius: 5px;    min-width: 55px;    flex-shrink: 0;}.uits_notice_date span {    display: block;    font-size: 16px;    font-weight: 700;    line-height: 1;}.uits_notice_date small {    font-size: 9px;    text-transform: uppercase;}.uits_notice_card_title {    font-size: 14px;    font-weight: 700;    color: #0D1127;    margin-bottom: 2px;    line-height: 1.2;}.uits_notice_text {    font-size: 12px;    color: #666;    margin-bottom: 4px;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;}.uits_notice_btn {    text-decoration: none;    font-size: 11px;    font-weight: 700;    color: #921E33;}@media (max-width: 576px) {    .header-line { width: 0.5in; }    .uits_notice_title { font-size: 20px; }}/*mou-section*//* ===== MOU UNIQUE SECTION ===== */.mou-unique-section {    padding: 60px 0;    background: #ffffff;}/* Title */.mou-unique-title {    font-weight: 700;    color: #0b2c55;    margin-bottom: 40px;    text-transform: uppercase;    letter-spacing: 1px;    position: relative;}.mou-unique-title::after {    content: '';    display: block;    width: 60px;    height: 3px;    background: #007bff;    margin: 12px auto 0;}/* Grid */.mou-logo-grid {    border: 1px solid #e5e5e5;    border-radius: 10px;    overflow: hidden;    display: flex;    flex-wrap: wrap;    background: #fff;}/* Logo Box */.mou-logo-item {    flex: 1 0 20%;   /* 5 per row */    border: 1px solid #f1f1f1;    padding: 25px;    display: flex;    align-items: center;    justify-content: center;    min-height: 130px;    transition: all 0.3s ease;    background: #fff;}.mou-logo-item:hover {    background: #f8f9fa;    transform: scale(1.03);    z-index: 2;}/* Logo Image */.mou-logo-item img {    max-width: 100%;    max-height: 70px;    height: auto;    object-fit: contain;    filter: grayscale(20%);    transition: 0.3s;}.mou-logo-item img:hover {    filter: grayscale(0%);}/* Responsive */@media (max-width: 992px) {    .mou-logo-item {        flex: 1 0 33.33%;  /* 3 per row */    }}@media (max-width: 576px) {    .mou-logo-item {        flex: 1 0 50%;  /* 2 per row */    }    .mou-unique-title {        font-size: 1.5rem;    }}/*search bar style*/.search-input {    background: transparent;    outline: none;    box-shadow: none !important;}.searchform .search-input {    width: 100px;}@media (min-width: 992px) {    .searchform .search-input {        width: 85px;    }}.searchform .search {    height: auto;    width: auto;    cursor: pointer;}/*new what we offer*/.whatweoffer_section {    background: #f1f3f6;}/* Title */.whatweoffer_title {    font-weight: 700;    font-size: 30px;    color: #2c2c2c;}.whatweoffer_subtitle {    font-size: 15px;    color: #666;}/* Small Card */.whatweoffer_card_small {    background: #fff;    padding: 18px;    border-radius: 14px;    box-shadow: 0 5px 15px rgba(0,0,0,0.05);    transition: 0.3s;}.whatweoffer_card_small:hover {    transform: translateY(-5px);    box-shadow: 0 10px 25px rgba(0,0,0,0.1);}/* Icon Circle */.whatweoffer_icon_circle {    width: 45px;    height: 45px;    background: #921E33;    color: #fff;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 12px;    font-size: 18px;}/* Card Text */.whatweoffer_card_small h6 {    font-weight: 600;    margin-bottom: 6px;}.whatweoffer_card_small p {    font-size: 13px;    color: #666;    margin-bottom: 0;}/* Bigger Slider */.whatweoffer_big_img {    height: 520px;    object-fit: cover;}/* Responsive */@media (max-width: 991px) {    .whatweoffer_big_img {        height: 350px;    }}@media (max-width: 576px) {    .whatweoffer_big_img {        height: 250px;    }}/*what we offer*/.uits_offer_section {    padding: 60px 0;    background: #f4f6f9;}.uits_offer_main_row {    display: flex;    align-items: stretch;}/* RIGHT SIDE SLIDER */.uits_offer_image {    width: 100%;    height: 100%;    border-radius: 12px;    overflow: hidden;}#uitsOfferSlider {    height: 100%;    border-radius: 12px;    overflow: hidden;    box-shadow: 0 8px 25px rgba(0,0,0,0.15);}#uitsOfferSlider .carousel-inner,#uitsOfferSlider .carousel-item {    height: 100%;}.uits_offer_slide_img {    width: 100%;    height: 100%;    object-fit: cover;}/* Content */.uits_offer_content {    padding-right: 25px;}.uits_offer_title {    font-size: 26px;    font-weight: 700;    margin-bottom: 8px;    text-align: center;}.uits_offer_subtitle {    font-size: 14px;    color: #555;    margin-bottom: 25px;    text-align: center;}/* Card */.uits_offer_card {    background: #fff;    padding: 15px;    border-radius: 12px;    box-shadow: 0 4px 15px rgba(0,0,0,0.05);    transition: 0.3s;    height: 100%;}.uits_offer_card:hover {    transform: translateY(-5px);    box-shadow: 0 10px 25px rgba(0,0,0,0.1);}.uits_offer_icon {    width: 40px;    height: 40px;    background: #921E33;    color: #fff;    display: flex;    align-items: center;    justify-content: center;    border-radius: 50%;    font-size: 18px;    margin-bottom: 12px;}.uits_offer_card h5 {    font-size: 15px;    margin-bottom: 6px;}.uits_offer_card p {    font-size: 12.5px;    margin-bottom: 0;}/* Responsive */@media (max-width: 991px) {    .uits_offer_main_row {        display: block;    }    #uitsOfferSlider {        height: 320px;        margin-top: 25px;    }    .uits_offer_content {        padding-right: 0;    }}@media (max-width: 576px) {    #uitsOfferSlider {        height: 220px;    }}/*notices and latestnews*/.nl-main-wrapper {    background: #ffffff;    border: 1px solid #e3e6f0;    border-radius: 12px;    padding: 25px;    box-shadow: 0 5px 20px rgba(0,0,0,0.03);    margin-top: 30px;    position: relative;    z-index: 10;    clear: both;}.nl-header-box {    margin-bottom: 20px;    display: block !important;    width: 100%;    border-bottom: 3px solid #0d6efd;}.nl-section-title {    font-size: 1.25rem !important;    font-weight: 800 !important;    text-transform: uppercase !important;    color: #212529 !important;    letter-spacing: 1px !important;    display: inline-block !important;    padding-bottom: 5px;    margin: 0 !important;    visibility: visible !important;    opacity: 1 !important;}.nl-hover-card {    transition: all 0.3s ease;    border: 1px solid #eee !important;    box-shadow: 0 2px 4px rgba(0,0,0,0.05);    cursor: pointer;    background: #fff !important;    border-radius: 8px;    overflow: hidden;    display: flex;    flex-direction: column;}.nl-hover-card:hover {    transform: translateY(-3px);    box-shadow: 0 8px 15px rgba(0,0,0,0.1);    border-color: #0d6efd !important;}.nl-date-box {    background: #0d6efd !important;    color: white !important;    min-width: 75px;    text-align: center;    padding: 10px;    display: flex;    flex-direction: column;    justify-content: center;}.nl-date-box .nl-day { font-size: 1.4rem; font-weight: bold; margin: 0; line-height: 1; }.nl-date-box .nl-month { font-size: 0.75rem; text-transform: uppercase; font-weight: 600; }.nl-main-news-img {    height: 200px;    object-fit: cover;    width: 100%;}.nl-side-news-img {    width: 75px;    height: 75px;    object-fit: cover;    border-radius: 4px;}.nl-title-text {    font-size: 1.05rem !important;    font-weight: 700 !important;    color: #333 !important;    margin-bottom: 5px;}.nl-desc-text {    font-size: 0.95rem !important;    color: #555 !important;    line-height: 1.4;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}.nl-read-more {    font-size: 0.85rem;    font-weight: bold;    text-decoration: none !important;    color: #0d6efd !important;    margin-top: 5px;    display: inline-block;}.nl-btn-sm {    padding: 0.35rem 1rem;    font-size: 0.85rem;    border-radius: 5px;}/*small navbar webmail, resources and alumni*//* ===== FIX DROPDOWN HIDE ISSUE ===== */#ftco-navbar,#ftco-navbar .container-fluid,#ftco-navbar .navbar-nav,#ftco-navbar .nav-item {    overflow: visible !important;}#ftco-navbar {    position: relative;    z-index: 9999;}#ftco-navbar .dropdown-menu {    position: absolute;    z-index: 10000;}/* নিচের sticky navbar কে নিচে নামাও */.navbar.sticky-top {    z-index: 1000 !important;}/*new logo*/.logo-custom {    height: 80px;    width: auto;}/*@media (max-width: 1266px) {*//*    .navbar-expand-lg .navbar-collapse {*//*        display: none !important;*//*    }*//*    .navbar-expand-lg .navbar-toggler {*//*        display: block !important;*//*    }*//*    .navbar-expand-lg .d-lg-none {*//*        display: block !important;*//*    }*//*    .navbar-expand-lg .d-lg-flex,*//*    .navbar-expand-lg .d-lg-block {*//*        display: none !important;*//*    }*//*    .navbar-nav {*//*        flex-direction: column !important;*//*    }*//*}*//*@media (min-width: 1267px) {*//*    .navbar-expand-lg .navbar-collapse {*//*        display: flex !important;*//*        flex-basis: auto !important;*//*    }*//*    .navbar-expand-lg .navbar-toggler {*//*        display: none !important;*//*    }*//*    .navbar-expand-lg .navbar-nav {*//*        flex-direction: row !important;*//*    }*//*    .d-lg-block {*//*        display: block !important;*//*    }*//*    .d-lg-flex {*//*        display: flex !important;*//*    }*//*}*/.search-input {    background: transparent;    outline: none;    box-shadow: none !important;}.searchform .search-input {    width: 100px;}@media (min-width: 992px) {    .searchform .search-input {        width: 85px;    }}.searchform .search {    height: auto;    width: auto;    cursor: pointer;}/*Regular Waiver*/:root {    --rw-primary-red: #a32a2a;    --rw-sidebar-bg: #f5f5f5;    --rw-border-color: #ddd;    --rw-text-dark: #333;    --rw-text-muted: #555;}/* Scoped Container to prevent global bleed */.regular-waiver-wrapper {    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    color: var(--rw-text-dark);    line-height: 1.6;    max-width: 1200px;    margin: 40px auto;    display: flex;    gap: 30px;    padding: 0 20px;    scroll-behavior: smooth;}/* --- Sidebar --- */.regular-waiver-sidebar {    flex: 0 0 280px;}.regular-waiver-category-container {    border: 1px solid var(--rw-border-color);    position: sticky;    top: 20px;}.regular-waiver-category-title {    background-color: #ededed;    padding: 15px;    text-align: center;    font-size: 26px; /* 24px থেকে 26px করা হয়েছে */    font-weight: 500;    border-bottom: 1px solid var(--rw-border-color);}.regular-waiver-category-menu {    list-style: none;    padding: 0;    margin: 0;}.regular-waiver-category-menu li {    border-bottom: 1px solid var(--rw-border-color);    margin-bottom: 0;}.regular-waiver-category-menu li:last-child {    border-bottom: none;}.regular-waiver-category-menu a {    display: block;    padding: 12px 15px;    text-decoration: none;    color: var(--rw-primary-red);    font-size: 18px; /* 15px থেকে 18px করা হয়েছে */    text-align: center;    transition: 0.3s ease;}.regular-waiver-category-menu a:hover {    background-color: #fff;    font-weight: bold;    box-shadow: inset 4px 0 0 var(--rw-primary-red);}/* --- Main Content --- */.regular-waiver-main-content {    flex: 1;}.regular-waiver-page-header {    text-align: center;    margin-bottom: 30px;}.regular-waiver-page-header h1 {    font-size: 32px; /* 22px থেকে 32px করা হয়েছে */    text-decoration: underline;    text-transform: uppercase;    font-weight: bold;    margin: 0;}.regular-waiver-intro-box {    background: #f9f9f9;    padding: 20px;    border-left: 5px solid var(--rw-primary-red);    margin-bottom: 30px;    font-style: italic;}/* --- Tag Styling Scoped specifically to regular-waiver-wrapper --- */.regular-waiver-wrapper h2 {    font-size: 26px; /* 20px থেকে 26px করা হয়েছে */    color: var(--rw-primary-red);    margin: 30px 0 15px 0;    border-bottom: 1px solid #eee;    padding-bottom: 5px;}.regular-waiver-wrapper h3 {    font-size: 22px; /* 17px থেকে 22px করা হয়েছে */    margin-bottom: 10px;    color: #444;}.regular-waiver-wrapper p {    margin-bottom: 15px;    text-align: justify;    font-size: 18px; /* 15px থেকে 18px করা হয়েছে */}.regular-waiver-wrapper ul,.regular-waiver-wrapper ol {    margin-left: 30px;    margin-bottom: 20px;    padding-left: 0;}.regular-waiver-wrapper li {    margin-bottom: 8px;    font-size: 18px; /* 15px থেকে 18px করা হয়েছে */}.regular-waiver-highlight {    font-weight: bold;    color: var(--rw-primary-red);}.regular-waiver-table-style {    width: 100%;    border-collapse: collapse;    margin: 15px 0;}.regular-waiver-table-style td {    padding: 8px;    border: 1px solid #eee;}/* --- Responsive --- */@media (max-width: 900px) {    .regular-waiver-wrapper {        flex-direction: column;    }    .regular-waiver-sidebar {        width: 100%;        flex: none;    }    .regular-waiver-category-container {        position: static;    }}/* --- Scroll Fix --- */.regular-waiver-wrapper section,.regular-waiver-wrapper h2#rw-types {    scroll-margin-top: 100px; /* হেডারের সাইজ অনুযায়ী এটি পরিবর্তন করতে পারেন */}/*Special waiver*/:root {    --sw-primary-red: #a32a2a;    --sw-sidebar-bg: #f5f5f5;    --sw-border-color: #ddd;    --sw-text-dark: #333;    --sw-text-muted: #555;    --sw-card-bg: #ffffff;}/* Scoped Container */.special-waiver-wrapper {    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    color: var(--sw-text-dark);    line-height: 1.6;    max-width: 1200px;    margin: 40px auto;    display: flex;    gap: 30px;    padding: 0 20px;    scroll-behavior: smooth;}/* --- Sidebar --- */.special-waiver-sidebar {    flex: 0 0 280px;}.special-waiver-category-container {    border: 1px solid var(--sw-border-color);    position: sticky;    top: 20px;    background-color: var(--sw-card-bg);}.special-waiver-category-title {    background-color: #ededed;    padding: 15px;    text-align: center;    font-size: 24px;    font-weight: 500;    border-bottom: 1px solid var(--sw-border-color);}.special-waiver-category-menu {    list-style: none;    padding: 0;    margin: 0;}.special-waiver-category-menu li {    border-bottom: 1px solid var(--sw-border-color);    margin-bottom: 0;}.special-waiver-category-menu li:last-child {    border-bottom: none;}.special-waiver-category-menu a {    display: block;    padding: 12px 15px;    text-decoration: none;    color: var(--sw-primary-red);    font-size: 15px;    text-align: center;    transition: 0.3s ease;}.special-waiver-category-menu a:hover,.special-waiver-category-menu a.active {    background-color: #fcfcfc;    font-weight: bold;    box-shadow: inset 4px 0 0 var(--sw-primary-red);}/* --- Main Content --- */.special-waiver-main-content {    flex: 1;}/* Card Styling */.special-waiver-card {    background-color: var(--sw-card-bg);    border: 1px solid var(--sw-border-color);    border-radius: 8px; /* কার্ডের কোণা কিছুটা গোল করার জন্য */    padding: 40px;    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* হালকা শ্যাডো */}.special-waiver-page-header {    text-align: center;    margin-bottom: 30px;}.special-waiver-page-header h1 {    font-size: 24px;    text-decoration: underline;    text-transform: uppercase;    font-weight: bold;    margin: 0;    color: var(--sw-text-dark);}/* --- Tag Styling Scoped --- */.special-waiver-wrapper h2 {    font-size: 20px;    color: var(--sw-primary-red);    margin: 20px 0 15px 0;    border-bottom: 1px solid #eee;    padding-bottom: 5px;}.special-waiver-wrapper p {    margin-bottom: 15px;    text-align: justify;    font-size: 15px;}.special-waiver-wrapper ul {    margin-left: 30px;    margin-bottom: 20px;    padding-left: 0;}.special-waiver-wrapper li {    margin-bottom: 8px;    font-size: 15px;}.special-waiver-highlight {    font-weight: bold;    color: var(--sw-primary-red);}/* --- Responsive --- */@media (max-width: 900px) {    .special-waiver-wrapper {        flex-direction: column;    }    .special-waiver-sidebar {        width: 100%;        flex: none;    }    .special-waiver-category-container {        position: static;        margin-bottom: 30px;    }    .special-waiver-card {        padding: 20px; /* মোবাইলে প্যাডিং একটু কমিয়ে দেওয়া হলো */    }}/*faculty CSE profile*//* Top padding komano hoyeche (100px theke 40px) */.facultycseprofile-section {    padding: 40px 0 100px 0;}.facultycseprofile-section .container {    max-width: 1320px;}/* Card padding ektu adjust kora hoyeche */.facultycseprofile-card {    background: #ffffff;    border-radius: 20px;    box-shadow: 0 15px 40px rgba(0,0,0,0.08);    padding: 40px 60px; /* Top/Bottom 40px, Left/Right 60px */}.facultycseprofile-img {    width: 100%;    max-width: 300px;    height: 360px;    object-fit: cover;    border-radius: 14px;    border: 5px solid #921E33;}.facultycseprofile-message {    font-style: italic;    background: #fafafa;    border-left: 5px solid #921E33;    padding: 16px 20px;    margin-top: 20px;    border-radius: 10px;    color: #444;    font-size: 16px;    line-height: 1.6;}.facultycseprofile-name {    font-weight: 700;    color: #921E33;    font-size: 32px;    margin-top: 0; /* Extra gap sorate */}.facultycseprofile-designation {    font-weight: 500;    margin-bottom: 20px;    font-size: 20px;}.facultycseprofile-card p {    font-size: 17px;    margin-bottom: 8px;}.facultycseprofile-icon {    color: #921E33;    margin-right: 10px;    font-size: 18px;}/* Social Buttons Header */.facultycseprofile-social-header {    display: flex;    flex-wrap: wrap;    gap: 10px;    margin-top: 15px;}.facultycseprofile-social-btn {    background: #921E33;    color: #fff;    padding: 7px 15px;    border-radius: 35px;    font-weight: 600;    font-size: 14px;    transition: 0.3s ease;    display: inline-flex;    align-items: center;    text-decoration: none;}.facultycseprofile-social-btn:hover {    background: #6e1627;    color: #fff;    transform: translateY(-2px);}.facultycseprofile-social-btn i {    margin-right: 6px;}.facultycseprofile-cv-btn {    background: #444;    color: #fff;    border-radius: 35px;    padding: 8px 20px;    font-weight: 600;    font-size: 14px;    transition: 0.3s;    text-decoration: none;    display: inline-block;    margin-top: 15px;}.facultycseprofile-cv-btn:hover {    background: #222;    color: #fff;}/* Tabs */.facultycseprofile-tabs .nav-link {    border-radius: 30px;    margin: 5px;    color: #921E33;    font-weight: 600;    background: #f1f1f1;    border: none;    font-size: 15px;    padding: 8px 18px;}.facultycseprofile-tabs .nav-link.active {    background: #921E33;    color: #fff;}.facultycseprofile-tab-content {    background: #fafafa;    border-radius: 18px;    padding: 30px;    margin-top: 20px;    font-size: 16px;    line-height: 1.6;    width: 100%;    overflow-wrap: break-word; /* লম্বা টেক্সটকে ভেঙে নিচে নামাবে */    word-wrap: break-word;    word-break: normal;    overflow: hidden; /* বাইরে যাওয়া অংশ লুকাবে */}.tab-pane {    max-width: 100%; /* কার্ডের বাইরে যাবে না */} /*হোভার ইফেক্টের জন্য কাস্টম CSS*/     /* মেসেজ কার্ডের হোভার ইফেক্ট */ .hover-message-card {     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }.hover-message-card:hover {    transform: translateY(-5px); /* মাউস নিলে একটু উপরে উঠবে */    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important; /* সুন্দর শ্যাডো তৈরি হবে */    border-color: #17a2b8 !important; /* বর্ডারের রঙ হালকা নীল হবে */}/* নিচের ট্যাব বাটনগুলোর হোভার ইফেক্ট */.facultycseprofile-tabs .nav-link {    transition: all 0.3s ease-in-out;    border-radius: 5px; /* বাটনগুলো একটু গোল হবে */}.facultycseprofile-tabs .nav-link:hover {    transform: translateY(-3px); /* বাটন হালকা উপরে উঠবে */    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* বাটনে হালকা শ্যাডো পড়বে */    background-color: #f8f9fa; /* ব্যাকগ্রাউন্ড কালার একটু পরিবর্তন হবে */}/* অ্যাকটিভ বাটন হোভার করলে কালার ঠিক রাখার জন্য */.facultycseprofile-tabs .nav-link.active:hover {    background-color: #138496; /* আপনার থিমের সাথে মিল রেখে গাঢ় নীল/ইনফো কালার */    color: #fff;}@media(max-width:768px){    .facultycseprofile-section { padding: 20px 0; }    .facultycseprofile-card{ padding: 20px; text-align: center; }    .facultycseprofile-social-header { justify-content: center; }}/*search box*/#suggestionBox {    background: #ffffff;    border-radius: 12px;    max-height: 600px;           /* উইন্ডো উচ্চতায় বড় করা হলো */    width: 850px;                /* উইন্ডো চওড়ায় বড় করা হলো */    /* বামে আনার জন্য সবথেকে কার্যকর পদ্ধতি */    position: absolute;    top: 100%;                   /* ইনপুট বক্সের ঠিক নিচে থাকবে */    right: 0 !important;         /* ইনপুট বক্সের ডান পাশ থেকে শুরু হয়ে বামে আসবে */    left: auto !important;       /* বাম পাশের জোরপূর্বক পজিশন বন্ধ করবে */    overflow-y: auto;    border: 1px solid rgba(0,0,0,0.15);    margin-top: 10px;    box-shadow: 0 10px 30px rgba(0,0,0,0.25);    z-index: 999999;             /* অন্য সবকিছুর উপরে থাকার জন্য */    box-sizing: border-box;}/* আইটেম ডিজাইন (বড় এবং পরিষ্কার) */#suggestionBox .list-group-item {    padding: 18px 25px;          /* ভেতরের জায়গা বাড়ানো হলো */    font-size: 18px;             /* টেক্সট সাইজ বড় করা হলো */    border: none;    border-bottom: 1px solid #f1f1f1;    display: block;    width: 100%;}#suggestionBox .list-group-item:hover {    background-color: #f0f7ff;    padding-left: 35px;          /* হোভার করলে সুন্দর এনিমেশন হবে */}/* মোবাইল ভিউতে সাজেশন বক্সের পজিশন ঠিক করা */#suggestionBoxMobile {    right: 0 !important;      /* ডান পাশ ইনপুট ফিল্ডের সাথে এলাইন থাকবে */    left: auto !important;    /* বাম পাশের অটো উইথ বন্ধ */    border: 1px solid rgba(0,0,0,0.1);}/* লিস্ট আইটেমগুলো বড় এবং পরিষ্কার করা */#suggestionBoxMobile .list-group-item {    padding: 15px 20px !important;    font-size: 16px !important;    border: none;    border-bottom: 1px solid #eee;    white-space: normal;      /* লম্বা লেখা নিচে নেমে আসবে, কেটে যাবে না */}#suggestionBoxMobile .list-group-item:last-child {    border-bottom: none;}/*Navebar new correction for 1266*//* 1. RESET THE 992px EXPANSION (The "Stuck Open" Fix) */@media (min-width: 992px) and (max-width: 1266px) {    .navbar-expand-lg .navbar-collapse {        display: none !important;        flex-basis: 100% !important;    }    .navbar-expand-lg .navbar-collapse.show {        display: block !important;    }    .navbar-expand-lg .navbar-toggler {        display: block !important;    }}/* 2. THE LAYOUT FIX (Logo Left, Menu Below) */@media (max-width: 1266px) {    .navbar > .container-fluid {        display: flex !important;        flex-wrap: wrap !important;        flex-direction: row !important;        justify-content: space-between !important;        align-items: center !important;    }    .navbar-brand {        order: 1 !important;        margin-right: auto !important;        margin-left: 0 !important;    }    .btn-primary.rounded-pill {        order: 2 !important;        margin-right: 15px !important;        margin-left: auto !important;    }    .navbar-toggler {        order: 3 !important;        display: block !important;    }    /* The Menu (drops to new line) */    .navbar-collapse {        order: 4 !important;        width: 100% !important;    }    .navbar-nav {        flex-direction: column !important;    }    /* --- THE DROPDOWN FUNCTION (Pic 2 Style) --- */    .navbar-nav .dropdown-menu {        position: static !important;        float: none !important;        width: 100% !important;        transform: none !important;        box-shadow: none !important;        border: none !important;        padding-left: 20px !important;        background-color: transparent !important;        display: none;    }    /* Show when clicked */    .navbar-nav .dropdown-menu.show {        display: block !important;    }    /* Stack Megamenu Columns vertically */    .megamenu .row {        display: flex !important;        flex-direction: column !important;    }    .megamenu [class*="col-"] {        max-width: 100% !important;        flex: 0 0 100% !important;    }    /* Hide the desktop search bar */    .d-lg-flex.searchform {        display: none !important;    }    #ftco-nav .navbar-nav .dropdown-menu {        position: static !important;        float: none !important;        width: 100% !important;        transform: none !important;        background-color: rgba(0,0,0,0.1) !important;        border: none !important;        box-shadow: none !important;        padding-left: 20px !important;        display: none;    }    /* 2. Show the dropdown when clicked */    #ftco-nav .navbar-nav .dropdown.show .dropdown-menu,    #ftco-nav .navbar-nav .dropdown-menu.show {        display: block !important;    }    #ftco-nav .dropdown-item {        color: #ffffff !important;        padding: 10px 15px !important;        border-bottom: 1px solid rgba(255,255,255,0.1);    }    #ftco-nav .dropdown-item:hover {        background-color: rgba(255,255,255,0.2) !important;    }}/* --- 2. RESTORE DESKTOP VIEW AT 1267px+ --- */@media (min-width: 1267px) {    .navbar-expand-lg .navbar-collapse {        display: flex !important;    }    .navbar-expand-lg .navbar-toggler {        display: none !important;    }}/*successful alumni*/.alumni-wrapper {    background-color: #f8f9fa;    font-family: 'Poppins', sans-serif;    padding: 80px 0;    overflow: hidden;}/* Title with small Underline */.alumni-title {    text-align: center;    font-weight: 700;    margin-bottom: 50px;    position: relative;    display: block;}.alumni-title::after {    content: '';    display: block;    width: 50px;    height: 3px;    background: #0d6efd;    margin: 10px auto 0;    border-radius: 5px;}/* Card Styling */.alumni-card-item {    padding: 15px;    outline: none;}.alumni-card {    background: #fff;    border-radius: 15px;    padding: 25px; /* কার্ডের ভেতরের প্যাডিং কমানো হয়েছে ইমেজের জন্য */    text-align: center;    transition: 0.3s;    border: 2px solid #eee;    height: 100%;}.alumni-card:hover {    box-shadow: 0 10px 25px rgba(0,0,0,0.1);    border-color: #921E33;}/* LARGE SQUARE IMAGE BOX - আপনার স্কেচ অনুযায়ী */.alumni-img-box {    width: 100%; /* কন্টেইনারের পুরো জায়গা নিবে */    max-width: 250px; /* ইমেজের চওড়া কতটুকু হবে */    aspect-ratio: 1 / 1; /* ইমেজটিকে সবসময় স্কয়ার রাখবে */    margin: 0 auto 20px;    border-radius: 8px; /* হালকা রাউন্ডেড কর্নার, একদম স্কয়ার চাইলে ৪পিক্সেল দিন */    overflow: hidden; /* ইমেজের বাড়তি অংশ কেটে দিবে */    border: 2px solid #eee;}.alumni-img-box img {    width: 100%;    height: 100%;    object-fit: cover; /* ইমেজ চ্যাপ্টা হবে না, সুন্দরভাবে ফিট হবে */    display: block;}/* --------------------------- */.alumni-name { font-size: 1.25rem; font-weight: 700; color: #2d3436; margin-bottom: 5px; }.alumni-designation { font-size: 0.9rem; color: #921E33; font-weight: 600; margin-bottom: 15px; display: block; }.alumni-quote { font-size: 0.95rem; color: #636e72; line-height: 1.6; font-style: italic; }/* Slider Arrows */.slick-prev, .slick-next {    width: 40px;    height: 40px;    /*background-color: #0d6efd !important;*/    border-radius: 50%;    z-index: 10;}.slick-prev { left: -45px; }.slick-next { right: -45px; }@media (max-width: 992px) {    .slick-prev, .slick-next { display: none !important; }}@media (max-width: 768px) {    .alumni-img-box {        max-width: 200px;    }}/*new update publication mithu*//* publication *//* Unique Publication Section Styling */.publication-content-box {    width: 100%;}.publication-research-card {    display: flex;    flex-direction: column;    height: 100%;    background: #ffffff;    border: 1px solid #dee2e6;    border-radius: 10px;    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;    overflow: hidden;    position: relative;    box-shadow: 0 4px 6px rgba(0,0,0,0.05);}/* Hover Effect Fix */.publication-research-card:hover {    transform: translateY(-10px) !important; /* একটু বেশি উপরে উঠবে */    box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;    z-index: 5;    cursor: pointer;}/* PDF Container */.publication-pdf-container {    width: 100%;    height: 200px; /* উচ্চতা কিছুটা কমানো হয়েছে ভাল দেখানোর জন্য */    background: #f8f9fa;    border-bottom: 1px solid #eee;    overflow: hidden;}.publication-pdf-container embed {    width: 100%;    height: 100%;    pointer-events: none; /* কার্ড ক্লিকেবল রাখতে সাহায্য করবে */}/* Card Body Content */.publication-card-body-content {    padding: 1.1rem;    display: flex;    flex-direction: column;    flex-grow: 1;}.publication-paper-title {    font-size: 1rem;    font-weight: 700;    line-height: 1.4;    color: #212529;    margin-bottom: 10px;    min-height: 2.8em;}.publication-paper-meta {    font-size: 0.85rem;    color: #495057;    margin-bottom: 15px;    flex-grow: 1;}.publication-writer-name {    color: #921E33;    margin-bottom: 5px;    font-weight: 600;    font-size: 0.9rem;}/* Action Button */.publication-btn-download {    margin-top: auto;    background-color: #921E33;    color: white !important;    border: none;    font-weight: 600;    padding: 8px;    border-radius: 5px;    text-align: center;    text-decoration: none;    transition: background 0.2s;}.publication-btn-download:hover {    background-color: #0056b3;    text-decoration: none;}/*research & project*/     /* Mini Research Card Styling */ .research-mini-card {     background: #fff;     border: 1px solid #eee;     border-radius: 8px;     overflow: hidden;     display: flex;     flex-direction: column;     width: 100%;     transition: 0.3s ease;     box-shadow: 0 2px 8px rgba(0,0,0,0.05); }.research-mini-card:hover {    transform: translateY(-5px);    box-shadow: 0 8px 20px rgba(0,0,0,0.1);    border-color: #921E33;}.mini-card-img {    height: 130px; /* কার্ড ছোট করার জন্য হাইট কমানো হয়েছে */    background-size: cover;    background-position: center;    position: relative;    background-color: #f8f9fa;}.mini-status {    position: absolute;    top: 8px;    right: 8px;    padding: 2px 8px;    font-size: 10px;    font-weight: 700;    color: #fff;    border-radius: 4px;    text-transform: uppercase;}.mini-status.ongoing { background: #f39c12; }.mini-status.completed { background: #27ae60; }.mini-card-body {    padding: 12px;    display: flex;    flex-direction: column;    flex-grow: 1;}.mini-project-title {    font-size: 0.9rem;    font-weight: 700;    color: #333;    margin-bottom: 5px;    line-height: 1.3;    display: -webkit-box;    -webkit-line-clamp: 2; /* টাইটেল ২ লাইনের বেশি হলে ডট দেখাবে */    -webkit-box-orient: vertical;    overflow: hidden;    min-height: 2.6em;}.mini-investigator {    font-size: 0.8rem;    color: #921E33;    margin-bottom: 12px;    font-weight: 600;}.mini-card-footer {    margin-top: auto;    text-align: center;}.btn-view-mini {    display: block;    background: #f8f9fa;    color: #921E33;    font-size: 12px;    font-weight: 700;    padding: 6px;    border: 1px solid #921E33;    border-radius: 4px;    text-decoration: none;    transition: 0.3s;}.btn-view-mini:hover {    background: #921E33;    color: #fff !important;    text-decoration: none;}/*tuition fees menu table box digital*//* Body formatting using a class instead of tag */.fees-body-bg {    background-color: #f4f7f6;    font-family: 'Hind Siliguri', sans-serif;    padding: 20px 0;}/* Section Container */.uits-fee-section {    padding: 20px 10px;}.fees-main-card {    background: #fff;    border-radius: 12px;    overflow: hidden;    box-shadow: 0 10px 30px rgba(0,0,0,0.1);    border: none;    margin-bottom: 20px;}.fees-header-section {    background: #b30000;    color: white;    padding: 15px;    text-align: center;}/* Responsive Wrapper */.fees-table-wrapper {    width: 100%;    overflow-x: auto;    -webkit-overflow-scrolling: touch;}.table {    min-width: 850px;    margin-bottom: 0;}.table thead th.fees-th {    background-color: #0056b3;    color: white;    text-align: center;    vertical-align: middle;    font-weight: 600;    border: 1px solid #dee2e6;    white-space: nowrap;}.fees-dept-header {    background-color: #f1f8ff !important;    color: #0056b3;    font-weight: 700;    text-align: center;}.fees-highlight {    color: #d32f2f;    font-weight: 700;}/* Amount Colors Updated to Black */.amount-black {    color: #000000 !important;    font-weight: 600;}.fees-info-header {    background-color: #0056b3;    color: white;    padding: 10px;    font-weight: bold;    margin-bottom: 0;    border-radius: 5px 5px 0 0;}.table-hover tbody tr:hover {    background-color: #f1f7fd !important;    transition: 0.2s ease-in-out;}.fees-info-table td {    font-weight: 500;}.fees-sub-table-container {    min-width: 450px;}/* Sidebar Active State Customization */.sidebar-card .list-group-item { border: none; padding: 12px 20px; border-bottom: 1px solid #eee; }.sidebar-card .list-group-item.active { background-color: #0056b3 !important; color: white !important; border-color: #0056b3; }.sidebar-card .list-group-item:last-child { border-bottom: none; }/*civil events update*/.events-v2-section { padding: 20px 0; }.events-v2-main-title { font-weight: 700; color: #333; font-size: 1.8rem; margin-bottom: 10px; }.events-v2-underline { width: 50px; height: 4px; background: #0d6efd; margin-bottom: 15px; border-radius: 2px; }.events-v2-subtitle { color: #777; font-size: 0.95rem; margin-bottom: 30px; }.events-v2-card {    background: #fff;    border-radius: 15px;    box-shadow: 0 4px 15px rgba(0,0,0,0.05);    height: 100%;    display: flex;    flex-direction: column;    transition: 0.3s;    border: 1px solid #eee;}.events-v2-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }.events-v2-img-holder { position: relative; overflow: hidden; border-radius: 15px 15px 0 0; }.events-v2-img { width: 100%; height: 180px; object-fit: cover; transition: 0.5s; }.events-v2-card:hover .events-v2-img { transform: scale(1.05); }.events-v2-date-tag { position: absolute; top: 10px; left: 10px; background: #fff; padding: 4px 10px; border-radius: 5px; font-size: 0.75rem; font-weight: 700; color: #0d6efd; }.events-v2-body { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; }.events-v2-link-title { font-size: 1.1rem; font-weight: 700; color: #222; text-decoration: none; margin-bottom: 10px; display: block; }.events-v2-description { font-size: 0.85rem; color: #666; line-height: 1.5; margin-bottom: 15px; }.events-v2-action-btn { font-size: 0.85rem; font-weight: 700; color: #0d6efd; text-decoration: none; display: flex; align-items: center; }.events-v2-arrow { margin-left: 5px; transition: 0.3s; }.events-v2-action-btn:hover .events-v2-arrow { transform: translateX(5px); }/*our facilities*/.facilities-section {    background: #ffffff;    font-family: 'Segoe UI', sans-serif;}/* Title Styling with Solid Lines */.facilities-header-wrapper {    text-align: center;    margin-bottom: 50px;}.facilities-title-row {    display: flex;    align-items: center;    justify-content: center;    gap: 15px;    margin-bottom: 10px;}.facilities-title-row h2 {    font-weight: 700;    font-size: 32px;    color: #1e293b;    margin: 0;    text-transform: uppercase;    letter-spacing: 1px;}.title-line {    height: 2px;    width: 60px;    background-color: #921E33;}.facilities-desc {    color: #64748b;    max-width: 600px;    margin: 0 auto;    font-size: 16px;    line-height: 1.6;}/* Fixed Size Card Style */.facility-card-link {    text-decoration: none !important;    display: block;    height: 100%; /* কলামের পুরো উচ্চতা নিবে */}.facilities-box {    background: #f8fafc;    border-radius: 12px;    padding: 25px 15px;    text-align: center;    border: 1px solid #e2e8f0;    transition: all 0.3s ease;    /* সাইজ সমান রাখার জন্য */    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    min-height: 130px; /* সব কার্ডের ন্যূনতম উচ্চতা সমান হবে */    height: 100%;}/* Hover Effect */.facility-card-link:hover .facilities-box {    background: #ffffff;    transform: translateY(-5px);    box-shadow: 0 12px 20px rgba(13, 110, 253, 0.1);    border-color: #921E33;}.facilities-icon {    font-size: 26px;    color: #921E33;    margin-bottom: 12px;    transition: 0.3s;}.facility-card-link:hover .facilities-icon {    transform: scale(1.15);}.facilities-box h6 {    font-weight: 600;    font-size: 14px;    margin: 0;    color: #334155;    line-height: 1.2;}/* Responsive Grid for Mobile (2 items per row) */@media(max-width: 991px) {    .facilities-title-row h2 { font-size: 26px; }    .title-line { width: 50px; }}/*our services tab */.services-header-wrapper {    text-align: center;    margin-bottom: 40px;}.services-title-row {    display: flex;    align-items: center;    justify-content: center;    gap: 15px;    margin-bottom: 10px;}.services-title-row h2 {    font-weight: 700;    font-size: 30px;    color: #1e293b;    margin: 0;    text-transform: uppercase;}.services-line {    height: 2px;    width: 60px;    background-color: #0d6efd;}.services-desc {    color: #64748b;    max-width: 700px;    margin: 0 auto;    font-size: 15px;}/* Grid Colors & Styling */.link-card {    transition: all 0.3s ease;    min-height: 120px;}.link-card:hover {    transform: translateY(-5px);    filter: brightness(0.95);}/* Individual Card Colors (Soft Tones) */.bg-job { background-color: #eef2ff; } /* Indigo */.bg-events { background-color: #fff7ed; } /* Orange */.bg-academic { background-color: #f0fdf4; } /* Green */.bg-routine { background-color: #faf5ff; } /* Purple */.bg-degree { background-color: #fff1f2; } /* Rose */.bg-admission { background-color: #f0f9ff; } /* Sky */.bg-career { background-color: #f5f3ff; } /* Violet */.bg-directory { background-color: #ecfeff; } /* Cyan */.mini-icon-box {    width: 42px;    height: 42px;    background: #ffffff;    color: #921E33;    display: flex;    align-items: center;    justify-content: center;    border-radius: 10px;    font-size: 18px;    box-shadow: 0 2px 5px rgba(0,0,0,0.05);    transition: 0.3s;}.small-title {    font-size: 11px;    line-height: 1.3;    margin-top: 8px;}@media (min-width: 992px) {    .row-cols-lg-8 > * {        flex: 0 0 auto;        width: 12.5%;    }}@media (max-width: 767.98px) {    .nav-card {        border-radius: 8px;        box-shadow: 0 4px 10px rgba(0,0,0,0.1);        margin-top: 5px;    }    .premium-menu {        padding-bottom: 10px;    }}@media (max-width: 767.98px) {    .offcanvas-menu {        position: fixed;        top: 0;        left: -280px;        width: 280px;        height: 100%;        background: #fff;        z-index: 1050;        transition: 0.3s ease-in-out;        overflow-y: auto;        box-shadow: 5px 0 15px rgba(0,0,0,0.1);    }    .offcanvas-menu.active {        left: 0;    }    .offcanvas-overlay {        position: fixed;        top: 0;        left: 0;        width: 100%;        height: 100%;        background: rgba(0,0,0,0.5);        z-index: 1040;        display: none;    }    .offcanvas-overlay.active {        display: block;    }}.fixed-side-toggle {    position: fixed;    left: 0;    top: 50%;    transform: translateY(-50%);    z-index: 1060;    background-color: #921E33;    color: white;    border: none;    border-radius: 0 50px 50px 0;    padding: 15px 8px 15px 5px;    box-shadow: 2px 0 10px rgba(0,0,0,0.2);    transition: all 0.3s ease;}.fixed-side-toggle:hover {    padding-left: 10px;    background-color: #7a192b;    color: white;}.fixed-side-toggle i {    font-size: 24px;    display: block;}body.menu-open .fixed-side-toggle {    display: none;}@media (max-width: 991.98px) {    /* 1. Make the main mobile menu container scrollable */    .navbar-collapse {        max-height: 80vh !important;        overflow-y: auto !important;        -webkit-overflow-scrolling: touch;    }    /* 2. Fix for Megamenu overflow */    .navbar-nav .dropdown-menu.megamenu {        width: 100% !important;        max-height: none !important;        overflow: visible !important;        padding: 1rem !important;        background-color: #921E33;    }    /* 3. Ensure the inner rows don't cause horizontal scrolling */    .navbar-nav .dropdown-menu.megamenu .row {        flex-wrap: wrap !important;        margin-right: 0;        margin-left: 0;    }    /* 4. Improve visibility of links inside the dark mobile menu */    .dropdown-item {        color: #ffffff !important;        padding: 10px 15px !important;        white-space: normal !important;    }    .megamenu-title {        color: #ffc107 !important;        margin-top: 15px;        font-weight: bold;    }}/*scrollbar updown*/@media (max-width: 991.98px) {    /* 1. Make the main mobile menu container scrollable */    .navbar-collapse {        max-height: 80vh !important;        overflow-y: auto !important;        -webkit-overflow-scrolling: touch;    }    /* 2. Fix for Megamenu overflow */    .navbar-nav .dropdown-menu.megamenu {        width: 100% !important;        max-height: none !important;        overflow: visible !important;        padding: 1rem !important;        background-color: #921E33;    }    /* 3. Ensure the inner rows don't cause horizontal scrolling */    .navbar-nav .dropdown-menu.megamenu .row {        flex-wrap: wrap !important;        margin-right: 0;        margin-left: 0;    }    /* 4. Improve visibility of links inside the dark mobile menu */    .dropdown-item {        color: #000000 !important;        padding: 10px 15px !important;        white-space: normal !important;    }    .megamenu-title {        color: #921E33 !important;        margin-top: 15px;        font-weight: bold;    }}