@import url('https://fonts.googleapis.com/css2?family=Tiro+Bangla:ital@0;1&display=swap');
html {
  scroll-padding-top: 170px; /* adjust to your navbar height */
}

/* @font-face {
    font-family: "Nikosh" !important;
    src: url("../webfonts/Nikosh.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
} */

body {
    /* font-family: "Nikosh", sans-serif !important; */
    font-family: "Tiro Bangla", serif;
    font-size: large !important;
    font-weight: 100;
    /* background-color: #f8f9fa !important; */
    background: linear-gradient(to top left, #e4eef1, #fff);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size: cover;

    top: 0px !important;
}
/* Hide dropdown and frame */
.goog-te-banner-frame
.goog-te-gadget-icon,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-te-banner {
    display: none !important;
}

.skiptranslate{
    display: none !important;
}


/* Optional: reduce the small Google attribution */
.goog-logo-link, .goog-te-gadget span {
    font-size: 0px !important;
}

.side-buttons {
    position: absolute;
    top: 250px;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 150;
}
.btn-custom {
    width: 100px;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    /* background-color: white; */
}
.btn-opinion { background-color: #6f42c1; }
.btn-accessibility { background-color: #6f42c1; }
.btn-helpline { background-color: #dc3545; }
.content {
    position: relative;
    padding-right: 150px; /* Adjust based on button width */
}


/* span, div, a, li, td, th{
    color: #006273 !important;
} */

.nav-link {
    color: #fff !important;
}

.contact-section {
    padding: 50px 0;
}

.contact-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.contact-info {
    background-color: #006273;
    color: #fff;
    padding: 40px 30px;
}

.contact-info h4 {
    font-weight: bold;
    margin-bottom: 20px;
}

.contact-info p {
    margin-bottom: 10px;
    font-size: 15px;
}

.social-icons a {
    color: #fff;
    font-size: 22px;
    margin-right: 20px;
    transition: 0.3s;
}

.social-icons a:hover {
    color: #ffd700;
}

.send-btn {
    background-color: #006273;
    color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: none;
}

.send-btn:hover {
    background-color: #009e7d;
}

.sticky-navbar{
    position: sticky;
    top:0;
    z-index: 2000;
}

.nav-item
{
    margin-right: 25px;
}
.nav-item:hover
{
    background-color: #003c5e;
    border-radius: 20px;
}
.nav-active
{
    border:1px solid #afcfe4;
    border-radius: 10px;
}
/* .nav-link
{
    font-weight: bold;
} */

.modules{
    color: #fff;
    font-weight: bold;
}

.service-card
{
    background-image: linear-gradient(to bottom right, #005d92, #00817b);
}
.contact-card
{
    background-image: linear-gradient(to bottom right, #cff5d9, #afcfe4);
}


.bg-success-dark{
    background-color: #00788d;
}

.lang-active{
    background-color: #f8f9fa;
    color: #006273 !important;
}
.lang-active:hover{
    background-color: #dfdfdf;
}

.btn-openimis
{
    background-color: #006273;
    color: #fff;
}

.btn-openimis:hover
{
    background-color: #0d7987;
    color: #fff;
}
.btn-openimis-two
{
    background-color: #0f90a7;
    color: #fff;
}

.btn-openimis-two:hover
{
    background-color: #308a96;
    color: #fff;
}
.btn-outline-openimis
{
    border: 1px solid #006273;
    color: #006273;
}
.btn-outline-openimis:hover
{
    background-color: #006273;
    color: #fff;
}

.text-openimis
{
    color: #006273 !important;
}



.section-title {
            color: #006273;
            font-weight: 800;
        }
        .list-numbered-custom {
            counter-reset: item;
        }
        .list-numbered-custom li {
            position: relative;
            padding-left: 50px;
            margin-bottom: 1rem;
            counter-increment: item;
        }
        .list-numbered-custom li::before {
            content: counter(item);
            position: absolute;
            left: 0;
            top: 0;
            width: 30px;
            height: 30px;
            background: #006273;
            color: white;
            font-size: small;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.1rem;
        }
        .vice-chair {
            color: #ffffff;
            font-weight: 600;
        }
        .member {
            font-weight: 500;
        }


        .loader { display: none; text-align: center; padding: 20px; }
        .document-list { margin-top: 20px; }
        .document-item {
            background: #fff;
            padding: 12px 16px;
            margin-bottom: 12px;
            border-radius: 6px;
            box-shadow: 0 1px 4px rgba(0,0,0,0.08);
            border-left: 5px solid #007bff; /* default = primary */
        }
        .document-item.mandatory {
            border-left-color: #dc3545 !important; /* danger/red */
        }
        .mandatory-label {
            color: #dc3545;
            font-weight: 600;
            font-size: 0.9em;
        }


    .main-card {
            border: none;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
            height: 100%;
            overflow: hidden;
        }
        
        .main-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        }

        .card-header-custom {
            padding: 25px;
            /* color: rgb(0, 0, 0); */
            position: relative;
        }

        /* Central Fund Theme (Teal/Green) */
        .theme-fund .card-header-custom {
            background: linear-gradient(155deg, #eeeeee 60%, #1d7d8b 40%);
        }
        .theme-fund .service-icon {
            color: #0f639b;
            background-color: #e8f5e9;
        }

        /* Welfare Foundation Theme (Blue/Indigo) */
        .theme-foundation .card-header-custom {
            background: linear-gradient(155deg, #eeeeee 60%, #1d7d8b 40%);
        }
        .theme-foundation .service-icon {
            color: #0d6efd;
            background-color: #e7f1ff;
        }

        /* Inner Service Cards */
        .service-card-two {
            background: #fff;
            border: 1px solid #e9ecef;
            border-radius: 10px;
            padding: 30px;
            /* display: flex;
            align-items: center; */
            gap: 15px;
            transition: all 0.2s ease;
            height: 100%;
        }

        .service-card-two:hover {
            border-color: rgba(0,0,0,0.1);
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
        }

        .service-icon {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 2rem;
            flex-shrink: 0;
            margin-bottom: 1rem;
        }

        .service-title {
            /* font-weight: 600; */
            /* font-size: 1rem; */
            color: #2c3e50;
            /* margin: 0; */
        }

        .description-text {
            color: #555;
            /* font-size: 0.95rem; */
            line-height: 1.7;
            text-align: justify;
        }

        .highlight-badge {
            display: inline-block;
            padding: 5px 12px;
            border-radius: 20px;
            /* font-size: 0.8rem; */
            /* font-weight: 600; */
            margin-bottom: 15px;
            background: #006273;
            color: white !important;
            backdrop-filter: blur(5px);
        }


        .topic-card {
            border: none;
            border-bottom: 1px solid #c5c5c5;
            border-radius: 1rem;
            transition: background-color 0.3s;
            padding: .5rem 0;
            transition: border-color 1s ease, box-shadow 1s ease;
        }
        .topic-card:hover {
            background-color: #f8f9fa;
            border: 1px solid #48828a;
            cursor: pointer;
        }
        .topic-title {
            color: #1c74d3;
            font-weight: 600;
            /* font-size: 1.1rem; */
            margin-bottom: 0.5rem;
            text-decoration: none;
        }
        .topic-title:hover {
            text-decoration: underline;
        }
        .topic-desc {
            color: #555;
            font-size: 0.95rem;
            margin-bottom: 0;
        }
        .arrow {
            color: #007bff;
        }
        .section-header {
            color: #6c757d;
            font-size: 1.4rem;
            font-weight: bold;
            margin-bottom: 2rem;


        }


    .accordion-button{
        border-left: 6px solid #006273;
        color: #006273;
    }

    .accordion-button::after {
        display: none; /* Hide default Bootstrap arrow */
    }
    .accordion-button i {
        transition: transform 0.3s ease;
    }
    .accordion-button:not(.collapsed) i {
        transform: rotate(180deg);
    }
    .accordion-button {
        background-color: #ecf5f8;
        box-shadow: none;
    }
    .accordion-button:focus {
        box-shadow: none;
    }
    .accordion-item {
        background-color: transparent;
    }