@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    font-size: 90.5%;
}

body {
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}
/*li {
    list-style: none;
}*/

p {
    margin-bottom: 0;
}

img {
    width: 100%;
}

input:focus {
    outline: none;
}

select:focus {
    outline: none !important;
    box-shadow: none !important;
}

textarea:focus {
    outline: none;
}

:root {
    --theam-colour: #008dc9;
    --white: #fff;
    --black: #000;
    --light-blue: #009fe2;
    --dark-blue: #002273;
    --sky-blue: #f2fbff;
    --dark-green: #3abe21;
    --gray: #707070;
    --light-gray: #f3f3f3;
    --orange: #ff6600;
    --light-orange: #ffb032;
    --siment: #828282;
    --secondery-bule-dark: #c8efff;
    --t-color-7a7a7a: #7a7a7a;
    --unnamed-color-e6f0f1: #e6f0f1;
}

/* ============ loging-page-section Start ============ */
.loging-page-section {
    margin-top: 40px;
}

    .loging-page-section .left-contain {
        background-color: var(--theam-colour);
        padding: 50px;
    }

        .loging-page-section .left-contain .text-container .text-title {
            font-size: 46px;
            color: var(--white);
            font-weight: 200;
        }

            .loging-page-section .left-contain .text-container .text-title span {
                font-size: 46px;
                font-weight: 600 !important;
            }

        .loging-page-section .left-contain .info-title {
            font-size: 24px;
            color: var(--white);
            padding-top: 40px;
            font-weight: 300;
        }

    .loging-page-section .right-contain {
        background-color: var(--light-blue);
        padding: 50px;
    }

        .loging-page-section .right-contain .from-section a {
            color: var(--white);
        }

        .loging-page-section .right-contain .from-section .input-text {
            padding: 15px 10px;
            border: none;
            margin: 5px 0px;
        }

        .loging-page-section .right-contain .from-section .btn-sing-in {
            border: 1px solid var(--theam-colour);
            padding: 10px 35px;
            background: var(--theam-colour);
            border-radius: 25px;
            color: var(--white);
        }

            .loging-page-section .right-contain .from-section .btn-sing-in:hover {
                background-color: transparent;
                border: 1px solid white;
            }

        .loging-page-section .right-contain .from-section .Registe-text {
            color: var(--white);
        }

        .loging-page-section .right-contain .from-section .captcha-section {
            margin: 10px 0;
        }

/* ==============   header section start  ============== */
header {
    min-height: 40px;
    display: flex;
    align-items: center;
}

    header ul {
        margin: 0;
    }

        header ul li .login-i {
            color: var(--black);
        }

            header ul li .login-i:hover {
                font-weight: 500;
            }

        header ul li .active {
            font-weight: 500;
        }

        header ul li .contact-admin {
            color: var(--black);
        }

            header ul li .contact-admin:hover {
                color: var(--dark-blue);
            }

        header ul li .user-dropdown .user-icon {
            width: 20px !important;
            display: block;
            float: left;
            margin-right: 7px;
        }

        header ul li .user-dropdown-menu {
            width: 100%;
            z-index: 9999;
        }

            header ul li .user-dropdown-menu li a:hover {
                color: var(--dark-blue);
            }

            header ul li .user-dropdown-menu li a:focus {
                background-color: transparent !important;
            }

    header select {
        border: none !important;
        width: 70px;
        box-shadow: none;
        outline: none;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

        header select:focus {
            outline: none !important;
            box-shadow: none !important;
        }

/* ================  header section End  ============= */
/* ==============  navabar section start ================  */
.nvabar-setion {
    background-color: var(--theam-colour);
    padding: 0;
}

    .nvabar-setion .navbar-brand {
        width: 150px;
        margin: 0;
    }

    .nvabar-setion .nav-title {
        color: var(--white);
        font-size: 22px;
    }

/* ==============  navabar section End ================  */
/* ================== secondary-menu-section start ================ */
.secondary-menu-section {
    background-color: var(--dark-green);
    padding: 0;
}

    .secondary-menu-section .dropdown-section .dropdown-title {
        position: relative;
        width: 96%;
        padding: 10px 5px;
        display: flex;
        background-color: var(--light-gray);
    }

        .secondary-menu-section .dropdown-section .dropdown-title::after {
            border: none;
        }

        .secondary-menu-section .dropdown-section .dropdown-title .icon-box i {
            rotate: 180deg;
            font-size: 1.3rem;
        }

        .secondary-menu-section .dropdown-section .dropdown-title:hover i {
            rotate: 0deg;
        }

        .secondary-menu-section .dropdown-section .dropdown-title:hover .up-down-arro {
            rotate: 0deg;
        }

    .secondary-menu-section .dropdown-section .dropdown-menu {
        border-top: none;
        border-radius: 0;
        margin-top: 0;
        width: 96%;
        background-color: var(--light-gray);
    }

        .secondary-menu-section .dropdown-section .dropdown-menu li:hover {
            background-color: var(--white);
        }

            .secondary-menu-section .dropdown-section .dropdown-menu li:hover a {
                color: var(--dark-blue);
            }

                .secondary-menu-section .dropdown-section .dropdown-menu li:hover a:focus {
                    background-color: transparent;
                }

        .secondary-menu-section .dropdown-section .dropdown-menu:hover .up-down-arro {
            rotate: 0deg;
        }

    .secondary-menu-section .select-menu-box {
        border: 0.5px solid var(--gray);
        background-color: var(--light-gray);
    }

    .secondary-menu-section .menu-iteam {
        display: flex;
        justify-content: space-between;
        padding: 0;
        margin: 0;
    }

        .secondary-menu-section .menu-iteam li {
            padding: 0px 20px;
        }

            .secondary-menu-section .menu-iteam li a {
                display: flex !important;
                font-size: 16px;
                font-weight: 500;
            }

                .secondary-menu-section .menu-iteam li a iconify-icon {
                    font-size: 20px;
                    margin-right: 10px;
                    color: var(--black);
                }

                .secondary-menu-section .menu-iteam li a i {
                    font-size: 20px;
                    margin-right: 10px;
                    color: var(--black);
                }

                .secondary-menu-section .menu-iteam li a:hover {
                    color: var(--dark-blue);
                    border-bottom: 2px solid var(--orange);
                    transition: 0.3s ease-in-out;
                }

                .secondary-menu-section .menu-iteam li a .logo-img {
                    display: block;
                    float: left;
                    margin-right: 10px;
                }

            .secondary-menu-section .menu-iteam li .active {
                color: var(--dark-blue);
                border-bottom: 2px solid var(--orange);
            }

/* ================== secondary-menu-section End ================ */
/* ================== Previous & Next button bottom section start ===========*/
.pre-next-setion {
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
}

    .pre-next-setion .preview-tile {
        font-size: 18px;
        cursor: pointer;
    }

        .pre-next-setion .preview-tile:hover {
            color: var(--light-blue);
            text-decoration: underline;
        }

    .pre-next-setion .next-title {
        font-size: 18px;
        cursor: pointer;
    }

        .pre-next-setion .next-title:hover {
            color: var(--light-blue);
            text-decoration: underline;
        }

    .pre-next-setion .active {
        color: var(--light-blue);
        text-decoration: underline;
    }

/* ================== Previous & Next button bottom section End ===========*/
.button {
    border: 1px solid black;
    background-color: transparent;
    padding: 5px 10px;
}

/* =================   all pages same aside    latest updates section  start ============= */
.Latest-updates-section {
    border: 0.5px solid var(--gray);
    margin: 10px 0px;
    display: none !important;
}

    .Latest-updates-section .latest-box {
        padding: 10px 20px;
        border-bottom: 1px solid var(--gray);
    }

        .Latest-updates-section .latest-box .main-title {
            color: var(--theam-colour);
            margin-bottom: 30px;
            font-weight: 400;
        }

        .Latest-updates-section .latest-box .info-title {
            line-height: 15px;
            color: var(--black);
            font-size: 1.2rem;
            cursor: pointer;
        }

            .Latest-updates-section .latest-box .info-title:hover {
                color: var(--dark-blue);
                text-decoration: underline;
            }

        .Latest-updates-section .latest-box .date {
            color: var(--siment);
        }

.left-site-list-section {
    margin-top: 10px;
}

    .left-site-list-section .card {
        position: relative;
        overflow: hidden;
        border: none;
        border-radius: 0;
    }

    .left-site-list-section .default-card {
        background-color: #ffb032 !important;
    }

    .left-site-list-section .card-body {
        background-color: var(--dark-green);
        margin-bottom: 5px;
        padding: 0px 18px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .left-site-list-section .card-body:hover {
            background-color: var(--orange);
        }

            .left-site-list-section .card-body:hover .card-title {
                color: var(--white);
            }

            .left-site-list-section .card-body:hover .card-link {
                color: var(--white);
            }

        .left-site-list-section .card-body .card-title {
            color: var(--black);
            font-size: 1.174rem;
            margin-bottom: 0;
        }

        .left-site-list-section .card-body .card-link {
            color: var(--black);
            font-size: 2rem;
        }

        .left-site-list-section .card-body .card-btn-link {
            color: var(--white);
            font-size: 2rem;
        }

/* =================   all pages same aside    latest updates section  End ============= */
/* =================   all pages same blog-post-section section  start ============= */
.all-blog-contain {
    margin: 10px 0px;
}

    .all-blog-contain .baner-img {
        height: 350px;
    }

        .all-blog-contain .baner-img img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center center;
            object-position: center center;
        }

    .all-blog-contain .edit-title-section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin: 10px 0;
    }

        .all-blog-contain .edit-title-section .date-title {
            color: var(--siment);
        }

            .all-blog-contain .edit-title-section .date-title .green-title {
                color: var(--dark-green);
            }

        .all-blog-contain .edit-title-section .edit-setion {
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-width: 160px;
            margin-left: auto;
        }

            .all-blog-contain .edit-title-section .edit-setion .translate-btn {
                border: 1px solid var(--theam-colour);
                color: var(--white);
                border-radius: 20px;
                background-color: var(--theam-colour);
            }

                .all-blog-contain .edit-title-section .edit-setion .translate-btn a {
                    color: var(--white);
                }

                .all-blog-contain .edit-title-section .edit-setion .translate-btn:hover {
                    background-color: var(--light-blue);
                }

            .all-blog-contain .edit-title-section .edit-setion .edit-btn {
                border-left: 1px solid #000000;
                min-width: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0 10px;
            }

                .all-blog-contain .edit-title-section .edit-setion .edit-btn .edit {
                    color: var(--black);
                }

            .all-blog-contain .edit-title-section .edit-setion .trash-btn {
                min-width: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-left: 1px solid #000000;
            }

                .all-blog-contain .edit-title-section .edit-setion .trash-btn .trash {
                    color: var(--black);
                }

    .all-blog-contain .btn-box .Download-btn {
        width: 175px;
        border: none;
        border-radius: 30px;
        background-color: var(--theam-colour);
        font-size: 17px;
        padding: 5px 10px;
        color: white;
    }

        .all-blog-contain .btn-box .Download-btn:hover {
            background-color: var(--light-blue);
        }

    .all-blog-contain .date {
        color: var(--siment);
    }

    .all-blog-contain .main-title {
        color: var(--black);
        font-size: 1.3rem;
        line-height: 18px;
        cursor: pointer;
    }

    .all-blog-contain .info-text {
        font-size: 14.48px;
        padding: 10px 0px;
    }

/* =================   all pages same blog-post-section section  End ============= */
/* ============== user admin table section start ================= */
.user-iner-table {
    white-space: nowrap;
    border-collapse: separate;
    border-spacing: 0 0.5em;
}

.user-admin-table-section {
    overflow-x: auto;
    width: 100%;
}

.table-user {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    border-collapse: separate;
    border-spacing: 0 1em;
}

    .table-user .number-of-user {
        width: 3%;
    }

    .table-user .name-td-box {
        width: 25%;
        vertical-align: top;
    }

    .table-user .select-td-box {
        width: 20%;
        vertical-align: top;
    }

    .table-user .td-two-list-box {
        width: 42%;
    }

    .table-user .edit-td-box {
        width: 10%;
        vertical-align: top;
    }

    .table-user .main-box-tr {
        background-color: #f2fbff;
    }

        .table-user .main-box-tr .number-of-user {
            vertical-align: top;
        }

        .table-user .main-box-tr .user-title {
            color: var(--black);
            text-decoration: underline;
            font-weight: 600;
        }

        .table-user .main-box-tr .user-table-select {
            height: 25px;
            background-color: var(--light-gray);
            padding: 1px 3px;
        }

        .table-user .main-box-tr .temorary-acc-link {
            color: var(--theam-colour);
        }

        .table-user .main-box-tr .edit-link {
            color: var(--black);
            border-left: 1px solid var(--black);
            padding: 7px;
            font-size: 16px;
            cursor: pointer;
        }

        .table-user .main-box-tr .user-delete-link {
            color: var(--black);
            border-left: 1px solid var(--black);
            padding: 7px;
            font-size: 16px;
            cursor: pointer;
        }

        .table-user .main-box-tr .td-two-list-box {
            max-width: 215px;
        }

    .table-user .contain-bg-gray-box {
        background-color: var(--light-gray);
    }

        .table-user .contain-bg-gray-box .blank-td-numbr {
            width: 3%;
        }

        .table-user .contain-bg-gray-box .administrator-td-width {
            width: 25%;
        }

        .table-user .contain-bg-gray-box .Temp-acces-td-width {
            width: 20%;
        }

        .table-user .contain-bg-gray-box .date-td-width {
            width: 21%;
        }

        .table-user .contain-bg-gray-box .Approval-td-width {
            width: 21%;
        }

        .table-user .contain-bg-gray-box .blank-td-edit-width {
            width: 10%;
        }

        .table-user .contain-bg-gray-box .administrator-link {
            color: var(--black);
        }

        .table-user .contain-bg-gray-box .approval-pending-text {
            color: var(--orange);
        }

        .table-user .contain-bg-gray-box .approved-text {
            color: var(--dark-green);
        }

    .table-user th,
    .table-user td {
        /* border: 2px solid green; */
        padding: 5px;
        text-wrap: wrap;
    }

/* ============== user admin table section End ================= */
/* ======================= flag-page start ========================= */
.flag-body .flag-card {
    background-color: var(--sky-blue);
    margin-bottom: 15px;
}

    .flag-body .flag-card .flag-head-box {
        display: flex;
        padding: 10px 10px;
        width: 100%;
    }

        .flag-body .flag-card .flag-head-box .number-list {
            width: min(100% - 0px, 5%);
        }

        .flag-body .flag-card .flag-head-box .title-box {
            width: 95%;
        }

            .flag-body .flag-card .flag-head-box .title-box .main-title-contain {
                max-width: 100%;
                width: min(100% - 0px, 70%);
                display: flex;
            }

                .flag-body
                .flag-card
                .flag-head-box
                .title-box
                .main-title-contain
                .main-title {
                    font-size: 16px;
                    font-weight: 500;
                }

                .flag-body
                .flag-card
                .flag-head-box
                .title-box
                .main-title-contain
                .icon-comment {
                    margin-left: auto;
                }

                    .flag-body
                    .flag-card
                    .flag-head-box
                    .title-box
                    .main-title-contain
                    .icon-comment
                    .comment-number {
                        font-size: 20px;
                        margin-left: 5px;
                    }

            .flag-body .flag-card .flag-head-box .title-box .sub-title {
                color: var(--siment);
            }

                .flag-body .flag-card .flag-head-box .title-box .sub-title .green-title {
                    color: var(--dark-green);
                }

    .flag-body .flag-card .flag-footer-box .reviews-box {
        display: flex;
        margin: 2px 0;
        padding: 10px 10px;
        border: 1px solid #707070;
        border-radius: 13px;
    }

        .flag-body .flag-card .flag-footer-box .reviews-box .img-section {
            width: 100px;
            display: flex;
            justify-content: center;
        }

            .flag-body
            .flag-card
            .flag-footer-box
            .reviews-box
            .img-section
            .img-reviews-box {
                border-radius: 50%;
                width: 66px;
                height: 66px;
            }

                .flag-body
                .flag-card
                .flag-footer-box
                .reviews-box
                .img-section
                .img-reviews-box
                img {
                    -o-object-fit: cover;
                    object-fit: cover;
                    height: 100%;
                    border-radius: 50%;
                }

        .flag-body .flag-card .flag-footer-box .reviews-box .reviews-chate-box {
            width: 100%;
            margin-left: 20px;
        }

            .flag-body
            .flag-card
            .flag-footer-box
            .reviews-box
            .reviews-chate-box
            .title-Setion-dic {
                display: flex;
                flex-wrap: wrap;
            }

                .flag-body
                .flag-card
                .flag-footer-box
                .reviews-box
                .reviews-chate-box
                .title-Setion-dic
                .name-title {
                    font-size: 1.3rem;
                    font-weight: 500;
                }

                .flag-body
                .flag-card
                .flag-footer-box
                .reviews-box
                .reviews-chate-box
                .title-Setion-dic
                .date-post {
                    color: var(--siment);
                    font-size: 1rem;
                    margin-top: 7px;
                    margin-left: 20px;
                }

            .flag-body
            .flag-card
            .flag-footer-box
            .reviews-box
            .reviews-chate-box
            .Description-text {
                padding: 10px 0;
                font-size: 17px;
                font-weight: 400;
            }

            .flag-body
            .flag-card
            .flag-footer-box
            .reviews-box
            .reviews-chate-box
            .comment-edit-action
            a {
                font-size: 1.1rem;
                color: var(--theam-colour);
            }

            .flag-body
            .flag-card
            .flag-footer-box
            .reviews-box
            .reviews-chate-box
            .comment-edit-action
            .flag-color {
                color: red;
            }

/* ======================= flag-page End ========================= */
/* ================ Document-page-section Start ===================== */
.Doc-contain-section {
    margin: 10px 0px;
}

    .Doc-contain-section .search-section {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid var(--gray);
        margin: 16px 0px 10px 0px;
    }

        .Doc-contain-section .search-section .search__input {
            width: 98%;
            border: none;
            padding: 5px 10px;
        }

        .Doc-contain-section .search-section .search__button {
            background: transparent;
            border: none;
            display: flex;
            align-items: center;
            margin-right: 6px;
        }

            .Doc-contain-section .search-section .search__button .search__icon {
                font-size: 20px;
                color: var(--black);
            }

    .Doc-contain-section .dropdown {
        border: 1px solid var(--gray);
        margin: 5px 0px;
    }

        .Doc-contain-section .dropdown .dropdown-title {
            position: relative;
            padding: 7px 5px;
            display: flex;
            background-color: var(--light-gray);
            width: 100%;
            border: none;
        }

            .Doc-contain-section .dropdown .dropdown-title::after {
                border: none;
            }

            .Doc-contain-section .dropdown .dropdown-title .icon-box iconify-icon {
                rotate: 180deg;
            }

            .Doc-contain-section .dropdown .dropdown-title .icon-box i {
                rotate: 180deg;
                font-size: 1.3rem;
            }

            .Doc-contain-section .dropdown .dropdown-title:hover iconify-icon {
                rotate: 0deg;
            }

            .Doc-contain-section .dropdown .dropdown-title:hover i {
                rotate: 0deg;
            }

        .Doc-contain-section .dropdown .dropdown-menu {
            border-top: none;
            border-radius: 0;
            margin-top: 0;
            width: 100%;
            background-color: var(--light-gray);
        }

            .Doc-contain-section .dropdown .dropdown-menu li:hover {
                background-color: var(--white);
            }

                .Doc-contain-section .dropdown .dropdown-menu li:hover a {
                    color: var(--dark-blue);
                }

                    .Doc-contain-section .dropdown .dropdown-menu li:hover a:focus {
                        background-color: transparent;
                    }

.document-body .document-card-body {
    padding: 12px 20px;
    background-color: #f2fbff;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

    .document-body .document-card-body .main-title {
        font-size: 16px;
    }

    .document-body .document-card-body .sub-title {
        font-size: 14px;
        color: var(--siment);
        margin-bottom: 7px;
    }

    .document-body .document-card-body .Document-edit-setion {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-width: 210px;
        margin-left: auto;
    }

        .document-body .document-card-body .Document-edit-setion .translate-btn {
            border: 1px solid var(--theam-colour);
            color: var(--white);
            border-radius: 20px;
            width: 114px;
            background-color: var(--theam-colour);
        }

            .document-body .document-card-body .Document-edit-setion .translate-btn a {
                color: var(--white);
            }

            .document-body .document-card-body .Document-edit-setion .translate-btn:hover {
                background-color: var(--light-blue);
            }

        .document-body .document-card-body .Document-edit-setion .download-btn {
            min-width: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .document-body .document-card-body .Document-edit-setion .download-btn a {
                color: var(--black);
            }

        .document-body .document-card-body .Document-edit-setion .edit-btn {
            border-left: 1px solid #000000;
            min-width: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .document-body .document-card-body .Document-edit-setion .edit-btn i {
                color: var(--black);
            }

        .document-body .document-card-body .Document-edit-setion .trash-btn {
            min-width: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-left: 1px solid #000000;
        }

            .document-body .document-card-body .Document-edit-setion .trash-btn i {
                color: var(--black);
            }

.document-body .from-details-section .document-from-box {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    margin-bottom: 15px;
}

    .document-body .from-details-section .document-from-box .title-docu {
        font-size: 16px;
        font-weight: 500;
        width: 20%;
    }

    .document-body .from-details-section .document-from-box .doc-link {
        color: var(--theam-colour);
        text-decoration: underline;
        margin: 10px 0;
        font-size: 16px;
    }

    .document-body .from-details-section .document-from-box .all-btn-setion {
        display: flex;
        align-items: center;
        margin: 0px 0px;
        flex-wrap: wrap;
    }

        .document-body
        .from-details-section
        .document-from-box
        .all-btn-setion
        .btn-box {
            border: 1px solid var(--orange);
            padding: 7px 15px;
            border-radius: 20px;
            margin: 5px 5px;
            cursor: pointer;
        }

/* ================ Document-page-section End ===================== */
/* ================ News-page-section Start ===================== */
.news-grid-section {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding-inline: 0.5rem;
}

    .news-grid-section .card {
        width: 49%;
        padding: 0;
        border: 1px solid var(--gray);
        margin-top: 1.5rem;
    }

    .news-grid-section .img-box {
        height: 280px;
    }

        .news-grid-section .img-box img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center top;
            object-position: center top;
        }

    .news-grid-section .card-body {
        padding: 10px 20px;
    }

        .news-grid-section .card-body .date {
            color: var(--siment);
        }

        .news-grid-section .card-body .card-text {
            padding: 10px 0px;
            font-size: 1.3rem;
            color: var(--black);
            line-height: 28px;
        }

            .news-grid-section .card-body .card-text:hover {
                color: var(--theam-colour);
            }

/* ================ News-page-section End ===================== */
/* ============= Event and News page-section start  =============== */
.Event-body {
    margin-top: 10px;
}

    .Event-body .event-card-body {
        background-color: var(--light-gray);
        border-radius: 10px;
        margin-bottom: 10px;
    }

        .Event-body .event-card-body .img-box {
            height: 172px;
            overflow: hidden;
        }

            .Event-body .event-card-body .img-box img {
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: center;
                object-position: center;
            }

        .Event-body .event-card-body .event-contain-body {
            padding: 10px 10px;
        }

            .Event-body .event-card-body .event-contain-body .edit-card-title {
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap;
            }

                .Event-body .event-card-body .event-contain-body .edit-card-title .date-title {
                    color: var(--siment);
                }

                .Event-body .event-card-body .event-contain-body .edit-card-title .edit-setion {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    min-width: 150px;
                }

                    .Event-body
                    .event-card-body
                    .event-contain-body
                    .edit-card-title
                    .edit-setion
                    .translate-btn {
                        border: 1px solid var(--theam-colour);
                        color: var(--white);
                        border-radius: 20px;
                        background-color: var(--theam-colour);
                    }

                        .Event-body
                        .event-card-body
                        .event-contain-body
                        .edit-card-title
                        .edit-setion
                        .translate-btn
                        a {
                            color: var(--white);
                        }

                        .Event-body
                        .event-card-body
                        .event-contain-body
                        .edit-card-title
                        .edit-setion
                        .translate-btn:hover {
                            background-color: var(--light-blue);
                        }

                    .Event-body
                    .event-card-body
                    .event-contain-body
                    .edit-card-title
                    .edit-setion
                    .edit-btn {
                        border-left: 1px solid #000000;
                        min-width: 30px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                        .Event-body
                        .event-card-body
                        .event-contain-body
                        .edit-card-title
                        .edit-setion
                        .edit-btn
                        .edit {
                            color: var(--black);
                        }

                    .Event-body
                    .event-card-body
                    .event-contain-body
                    .edit-card-title
                    .edit-setion
                    .trash-btn {
                        min-width: 30px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-left: 1px solid #000000;
                    }

                        .Event-body
                        .event-card-body
                        .event-contain-body
                        .edit-card-title
                        .edit-setion
                        .trash-btn
                        .trash {
                            color: var(--black);
                        }

            .Event-body .event-card-body .event-contain-body a .main-title {
                padding: 7px 0px;
                font-size: 1.3rem;
                color: var(--black);
                line-height: 28px;
            }

                .Event-body .event-card-body .event-contain-body a .main-title:hover {
                    color: var(--theam-colour);
                }

            .Event-body .event-card-body .event-contain-body .footet-title {
                color: var(--siment);
                padding: 5px 0px;
            }

                .Event-body .event-card-body .event-contain-body .footet-title .green-title {
                    color: var(--dark-green);
                }

/* ============= Event and News page-section End  =============== */
/* ============= Document-details-page-section Start  =============== */
.doc-details-right-section {
    margin-top: 10px;
}

    .doc-details-right-section .doc-details-box {
        border-bottom: 1px solid var(--gray);
        padding-bottom: 50px;
    }

        .doc-details-right-section .doc-details-box .doc-details-title {
            margin-top: 22px;
        }

            .doc-details-right-section .doc-details-box .doc-details-title .main-title {
                color: var(--black);
                font-size: 1.3rem;
                line-height: 18px;
                cursor: pointer;
            }

                .doc-details-right-section
                .doc-details-box
                .doc-details-title
                .main-title:hover {
                    color: var(--theam-colour);
                }

            .doc-details-right-section .doc-details-box .doc-details-title .text-info-box {
                padding: 10px 0px;
            }

        .doc-details-right-section
        .doc-details-box
        .doc-details-btn-setion
        .all-btn-setion {
            display: flex;
            align-items: center;
            margin: 10px 0px;
            flex-wrap: wrap;
        }

            .doc-details-right-section
            .doc-details-box
            .doc-details-btn-setion
            .all-btn-setion
            .btn-box {
                border: 1px solid var(--orange);
                padding: 7px 15px;
                border-radius: 20px;
                margin: 5px 5px;
                cursor: pointer;
            }

        .doc-details-right-section .doc-details-box .list-group-doc {
            padding: 10px 0;
        }

            .doc-details-right-section .doc-details-box .list-group-doc .list-inline-box {
                display: flex;
                background-color: var(--sky-blue);
                padding: 10px 5px;
                margin: 10px 0;
            }

                .doc-details-right-section
                .doc-details-box
                .list-group-doc
                .list-inline-box
                .number-list {
                    margin-inline: 20px;
                }

        .doc-details-right-section .doc-details-box .doc-contain-box {
            margin: 25px 0;
        }

            .doc-details-right-section .doc-details-box .doc-contain-box .title-text {
                color: var(--dark-blue);
                font-size: 1.3rem;
            }

        .doc-details-right-section .doc-details-box .back-btn-box {
            margin-right: 40px;
        }

            .doc-details-right-section .doc-details-box .back-btn-box .Back-doc {
                color: var(--light-blue);
                text-decoration: underline;
            }

    .doc-details-right-section .reviews-section {
        margin: 50px 0;
    }

        .doc-details-right-section .reviews-section .reviews-box {
            display: flex;
            margin: 20px 0;
        }

            .doc-details-right-section .reviews-section .reviews-box .img-section {
                width: 100px;
                display: flex;
                justify-content: center;
            }

                .doc-details-right-section
                .reviews-section
                .reviews-box
                .img-section
                .img-reviews-box {
                    border-radius: 50%;
                    width: 66px;
                    height: 66px;
                }

                    .doc-details-right-section
                    .reviews-section
                    .reviews-box
                    .img-section
                    .img-reviews-box
                    img {
                        -o-object-fit: cover;
                        object-fit: cover;
                        height: 100%;
                        border-radius: 50%;
                    }

            .doc-details-right-section .reviews-section .reviews-box .reviews-commnent {
                width: 500px;
                margin-left: 20px;
            }

                .doc-details-right-section
                .reviews-section
                .reviews-box
                .reviews-commnent
                .reviews-chate-comment-box {
                    width: min(100% - 0px, 89%);
                }

                    .doc-details-right-section
                    .reviews-section
                    .reviews-box
                    .reviews-commnent
                    .reviews-chate-comment-box
                    textarea {
                        width: 100%;
                        border: 1px solid var(--siment);
                        padding: 10px;
                        border-radius: 9px;
                    }

                        .doc-details-right-section
                        .reviews-section
                        .reviews-box
                        .reviews-commnent
                        .reviews-chate-comment-box
                        textarea:focus {
                            outline: none;
                        }

                .doc-details-right-section
                .reviews-section
                .reviews-box
                .reviews-commnent
                .post-btn {
                    margin-top: 20px;
                    cursor: pointer;
                }

                    .doc-details-right-section
                    .reviews-section
                    .reviews-box
                    .reviews-commnent
                    .post-btn
                    p {
                        background-color: var(--theam-colour);
                        width: 70px;
                        height: 45px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        text-align: center;
                        /* padding: 10px 0px; */
                        border-radius: 40px;
                        color: var(--white);
                        cursor: pointer;
                    }

                        .doc-details-right-section
                        .reviews-section
                        .reviews-box
                        .reviews-commnent
                        .post-btn
                        p:hover {
                            background-color: var(--light-blue);
                        }

            .doc-details-right-section .reviews-section .reviews-box .reviews-chate-box {
                width: 500px;
                margin-left: 20px;
            }

                .doc-details-right-section
                .reviews-section
                .reviews-box
                .reviews-chate-box
                .title-Setion-doc {
                    display: flex;
                    justify-content: space-between;
                }

                    .doc-details-right-section
                    .reviews-section
                    .reviews-box
                    .reviews-chate-box
                    .title-Setion-doc
                    .name-title {
                        font-size: 1.3rem;
                    }

                    .doc-details-right-section
                    .reviews-section
                    .reviews-box
                    .reviews-chate-box
                    .title-Setion-doc
                    .date-post {
                        color: var(--siment);
                        font-size: 1rem;
                        margin-left: 20px;
                    }

                .doc-details-right-section
                .reviews-section
                .reviews-box
                .reviews-chate-box
                .Description-text {
                    padding: 10px 0;
                }

                .doc-details-right-section
                .reviews-section
                .reviews-box
                .reviews-chate-box
                .edit-bar {
                    display: flex;
                }

                    .doc-details-right-section
                    .reviews-section
                    .reviews-box
                    .reviews-chate-box
                    .edit-bar
                    a {
                        color: var(--theam-colour);
                        margin-right: 1.5rem;
                    }

/* ============= Document-details-page-section End  =============== */
/* ================ Discussion forum  page Start =================== */
.Discussion-right-Section .Discussion-table-section {
    overflow-x: auto;
    max-width: 100%;
    margin-top: 5px;
}

    .Discussion-right-Section .Discussion-table-section .dic-table {
        width: 100%;
        border-spacing: 0px 15px !important;
        border-collapse: separate !important;
    }

        .Discussion-right-Section .Discussion-table-section .dic-table tbody tr {
            background-color: #f2fbff;
        }

            .Discussion-right-Section .Discussion-table-section .dic-table tbody tr th {
                padding: 10px;
            }

            .Discussion-right-Section .Discussion-table-section .dic-table tbody tr td {
                padding: 15px;
            }

                .Discussion-right-Section
                .Discussion-table-section
                .dic-table
                tbody
                tr
                td
                .dic-title {
                    font-size: 16px;
                    font-weight: 500;
                }

                    .Discussion-right-Section
                    .Discussion-table-section
                    .dic-table
                    tbody
                    tr
                    td
                    .dic-title
                    a {
                        color: var(--black);
                    }

                .Discussion-right-Section
                .Discussion-table-section
                .dic-table
                tbody
                tr
                td
                .dic-date {
                    font-size: 14px;
                    color: var(--siment);
                }

                .Discussion-right-Section
                .Discussion-table-section
                .dic-table
                tbody
                tr
                td
                .fa-comment {
                    color: var(--black);
                }

                .Discussion-right-Section
                .Discussion-table-section
                .dic-table
                tbody
                tr
                td
                .comment-number {
                    margin-left: 7px;
                    font-size: 20px;
                    font-weight: 500;
                    color: var(--black);
                }

                .Discussion-right-Section
                .Discussion-table-section
                .dic-table
                tbody
                tr
                td
                .edit-link {
                    color: var(--black);
                    border-left: 1px solid var(--black);
                    padding: 7px;
                    padding-left: 20px;
                    font-size: 16px;
                    cursor: pointer;
                }

                .Discussion-right-Section
                .Discussion-table-section
                .dic-table
                tbody
                tr
                td
                .user-delete-link {
                    color: var(--black);
                    border-left: 1px solid var(--black);
                    padding: 7px;
                    padding-left: 20px;
                    font-size: 16px;
                    cursor: pointer;
                }

                .Discussion-right-Section
                .Discussion-table-section
                .dic-table
                tbody
                tr
                td
                .green-title {
                    color: var(--dark-green);
                }

            .Discussion-right-Section
            .Discussion-table-section
            .dic-table
            tbody
            tr
            .dic-number {
                font-size: 12px;
                vertical-align: top;
                padding-top: 17px;
                width: 3%;
            }

            .Discussion-right-Section
            .Discussion-table-section
            .dic-table
            tbody
            tr
            .dic-title-td {
                width: 60%;
            }

            .Discussion-right-Section
            .Discussion-table-section
            .dic-table
            tbody
            tr
            .dic-comment-td {
                vertical-align: top;
                width: 10%;
            }

            .Discussion-right-Section
            .Discussion-table-section
            .dic-table
            tbody
            tr
            .edit-td-box {
                width: 20%;
                vertical-align: top;
            }

/* ================ Discussion forum page End =================== */
/* ========= Discussion-comments-page-section Start =========== */
.Discussion-comments-box .dic-comment-head-setion {
    margin: 10px 0;
    background-color: var(--light-blue);
    padding: 20px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    .Discussion-comments-box .dic-comment-head-setion .main-title {
        color: var(--white);
        font-size: 1.3rem;
    }

    .Discussion-comments-box .dic-comment-head-setion .sub-title {
        color: var(--white);
        font-size: 1rem;
    }

    .Discussion-comments-box .dic-comment-head-setion .pending-coment-title {
        color: var(--white);
        font-size: 1.3rem;
    }

.Discussion-comments-box .Description-title {
    font-size: 1.3rem;
    font-weight: 500;
}

.Discussion-comments-box .dic-comment-box {
    border: 1px solid var(--gray);
    border-radius: 13px;
    margin: 20px 0;
    padding: 0px 0;
}

    .Discussion-comments-box .dic-comment-box .reviews-box-colour {
        background-color: var(--sky-blue);
    }

    .Discussion-comments-box .dic-comment-box .reviews-box {
        display: flex;
        margin: 0px 0;
        padding: 10px 10px;
        border-radius: 10px;
    }

        .Discussion-comments-box .dic-comment-box .reviews-box .img-section {
            width: 100px;
            display: flex;
            justify-content: center;
        }

            .Discussion-comments-box
            .dic-comment-box
            .reviews-box
            .img-section
            .img-reviews-box {
                border-radius: 50%;
                width: 66px;
                height: 66px;
            }

                .Discussion-comments-box
                .dic-comment-box
                .reviews-box
                .img-section
                .img-reviews-box
                img {
                    -o-object-fit: cover;
                    object-fit: cover;
                    height: 100%;
                    border-radius: 50%;
                }

        .Discussion-comments-box .dic-comment-box .reviews-box .reviews-commnent {
            width: 500px;
            margin-left: 20px;
        }

            .Discussion-comments-box
            .dic-comment-box
            .reviews-box
            .reviews-commnent
            .reviews-chate-comment-box {
                width: min(100% - 0px, 89%);
            }

                .Discussion-comments-box
                .dic-comment-box
                .reviews-box
                .reviews-commnent
                .reviews-chate-comment-box
                textarea {
                    width: 100%;
                    border: 1px solid var(--siment);
                    padding: 10px;
                }

                    .Discussion-comments-box
                    .dic-comment-box
                    .reviews-box
                    .reviews-commnent
                    .reviews-chate-comment-box
                    textarea:focus {
                        outline: none;
                    }

            .Discussion-comments-box
            .dic-comment-box
            .reviews-box
            .reviews-commnent
            .post-btn {
                margin-top: 20px;
                cursor: pointer;
            }

                .Discussion-comments-box
                .dic-comment-box
                .reviews-box
                .reviews-commnent
                .post-btn
                p {
                    background-color: var(--theam-colour);
                    width: 70px;
                    height: 45px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    /* padding: 10px 0px; */
                    border-radius: 40px;
                    color: var(--white);
                    cursor: pointer;
                }

                    .Discussion-comments-box
                    .dic-comment-box
                    .reviews-box
                    .reviews-commnent
                    .post-btn
                    p:hover {
                        background-color: var(--light-blue);
                    }

        .Discussion-comments-box .dic-comment-box .reviews-box .reviews-chate-box {
            width: min(100% - 0px, 80%);
            margin-left: 20px;
        }

            .Discussion-comments-box
            .dic-comment-box
            .reviews-box
            .reviews-chate-box
            .title-Setion-dic {
                display: flex;
                flex-wrap: wrap;
            }

            .Discussion-comments-box
            .dic-comment-box
            .reviews-box
            .reviews-chate-box
            .name-title {
                font-size: 1.3rem;
                font-weight: 500;
            }

            .Discussion-comments-box
            .dic-comment-box
            .reviews-box
            .reviews-chate-box
            .date-post {
                color: var(--siment);
                font-size: 1rem;
                margin-top: 7px;
                margin-left: 20px;
            }

            .Discussion-comments-box
            .dic-comment-box
            .reviews-box
            .reviews-chate-box
            .Description-text {
                padding: 10px 0;
                font-size: 17px;
                font-weight: 400;
            }

            .Discussion-comments-box
            .dic-comment-box
            .reviews-box
            .reviews-chate-box
            .comment-i {
                color: var(--theam-colour);
            }

                .Discussion-comments-box
                .dic-comment-box
                .reviews-box
                .reviews-chate-box
                .comment-i
                a {
                    color: var(--theam-colour);
                    font-size: 1.1rem;
                }

                .Discussion-comments-box
                .dic-comment-box
                .reviews-box
                .reviews-chate-box
                .comment-i
                .flag-color {
                    color: red;
                }

            .Discussion-comments-box
            .dic-comment-box
            .reviews-box
            .reviews-chate-box
            .form-comment
            textarea {
                width: 100%;
                border: 1px solid var(--gray);
                padding: 10px;
                border-radius: 9px;
            }

            .Discussion-comments-box
            .dic-comment-box
            .reviews-box
            .reviews-chate-box
            .form-comment
            .post-btn {
                margin-top: 10px;
                border: 1px solid var(--theam-colour);
                background-color: var(--theam-colour);
                width: 70px;
                height: 45px;
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                /* padding: 10px 0px; */
                border-radius: 40px;
                color: var(--white);
                cursor: pointer;
            }

                .Discussion-comments-box
                .dic-comment-box
                .reviews-box
                .reviews-chate-box
                .form-comment
                .post-btn:hover {
                    background-color: var(--light-blue);
                }

/* ========= Discussion-comments-page-section End =========== */
/* =========== Quiz-page-section Start =============*/
.Quiz-right-section {
    margin-top: 10px;
}

    .Quiz-right-section .Quiz-que-box {
        background-color: #eeeeee;
        padding: 20px;
        margin-bottom: 15px;
    }

        .Quiz-right-section .Quiz-que-box .Quiz-title p {
            padding: 10px 0;
        }

            .Quiz-right-section .Quiz-que-box .Quiz-title p a {
                color: var(--black);
                font-size: 1.3rem;
            }

        .Quiz-right-section .Quiz-que-box form .input-box {
            display: flex;
            align-items: baseline;
        }

        .Quiz-right-section .Quiz-que-box form input {
            margin: 8px 0;
            width: 20px;
        }

        .Quiz-right-section .Quiz-que-box form label {
            margin-left: 10px;
        }

        .Quiz-right-section .Quiz-que-box form button {
            margin: 15px 0;
            border: 1px solid var(--theam-colour);
            border-radius: 40px;
            padding: 7px 30px;
            color: var(--white);
            background-color: var(--theam-colour);
        }

            .Quiz-right-section .Quiz-que-box form button:hover {
                background-color: var(--light-blue);
            }

/* =========== Quiz-page-section End =============*/
/* =========== Quiz-answer-page-section Start =============*/
.Quiz-answer-right-section {
    margin-top: 10px;
}

    .Quiz-answer-right-section .Quiz-que-box {
        background-color: #eeeeee;
        padding: 20px;
        margin-bottom: 15px;
    }

        .Quiz-answer-right-section .Quiz-que-box .Quiz-title p {
            padding: 10px 0;
        }

            .Quiz-answer-right-section .Quiz-que-box .Quiz-title p a {
                color: var(--black);
                font-size: 1.3rem;
            }

        .Quiz-answer-right-section .Quiz-que-box form {
            padding: 0 30px;
        }

            .Quiz-answer-right-section .Quiz-que-box form .input-box {
                display: flex;
                align-items: baseline;
            }

            .Quiz-answer-right-section .Quiz-que-box form .progress-setion-box {
                margin: 10px 0;
            }

                .Quiz-answer-right-section .Quiz-que-box form .progress-setion-box .progress {
                    border: 1px solid #d9d9d9;
                    background-color: #d9d9d9;
                    height: 15px;
                }

                    .Quiz-answer-right-section
                    .Quiz-que-box
                    form
                    .progress-setion-box
                    .progress
                    .progress-bar {
                        background-color: var(--dark-green);
                        border-top-right-radius: 7px;
                        border-bottom-right-radius: 7px;
                        text-align: end;
                        padding: 7px 10px 7px 0px;
                    }

            .Quiz-answer-right-section .Quiz-que-box form input {
                margin: 8px 0;
                width: 20px;
            }

            .Quiz-answer-right-section .Quiz-que-box form label {
                margin-left: 10px;
            }

            .Quiz-answer-right-section .Quiz-que-box form button {
                margin: 15px 0;
                border: 1px solid var(--theam-colour);
                border-radius: 40px;
                padding: 7px 30px;
                color: var(--white);
                background-color: var(--theam-colour);
            }

                .Quiz-answer-right-section .Quiz-que-box form button:hover {
                    background-color: var(--light-blue);
                }

/* =========== Quiz-answer-page-section End =============*/
/* ============= member-page-setion-start =============*/
.member-contain-section {
    margin: 10px 0px;
}

    .member-contain-section .search-section {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid var(--gray);
        margin: 0px 0px 10px 0px;
    }

        .member-contain-section .search-section .search__input {
            width: 98%;
            border: none;
            padding: 5px 10px;
        }

        .member-contain-section .search-section .search__button {
            background: transparent;
            border: none;
            display: flex;
            align-items: center;
            margin-right: 6px;
        }

            .member-contain-section .search-section .search__button .search__icon {
                font-size: 20px;
                color: var(--black);
            }

    .member-contain-section .dropdown {
        border: 1px solid var(--gray);
        margin: 5px 0px;
    }

        .member-contain-section .dropdown .dropdown-title {
            position: relative;
            padding: 7px 5px;
            display: flex;
            background-color: var(--light-gray);
        }

            .member-contain-section .dropdown .dropdown-title::after {
                border: none;
            }

            .member-contain-section .dropdown .dropdown-title .icon-box i {
                rotate: 180deg;
                font-size: 1.3rem;
            }

            .member-contain-section .dropdown .dropdown-title .icon-box iconify-icon {
                rotate: 180deg;
            }

            .member-contain-section .dropdown .dropdown-title:hover iconify-icon {
                rotate: 0deg;
            }

            .member-contain-section .dropdown .dropdown-title:hover i {
                rotate: 0deg;
            }

        .member-contain-section .dropdown .dropdown-menu {
            border-top: none;
            border-radius: 0;
            margin-top: 0;
            width: 100%;
            background-color: var(--light-gray);
        }

            .member-contain-section .dropdown .dropdown-menu li:hover {
                background-color: var(--white);
            }

                .member-contain-section .dropdown .dropdown-menu li:hover a {
                    color: var(--dark-blue);
                }

                    .member-contain-section .dropdown .dropdown-menu li:hover a:focus {
                        background-color: transparent;
                    }

    .member-contain-section .member-boday {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 0px;
        margin-top: 10px;
    }

        .member-contain-section .member-boday .card {
            border: none;
            display: flex;
            justify-content: center;
        }

            .member-contain-section .member-boday .card .img-box {
                overflow: hidden;
                height: 150px;
                width: min(100% - 10px, 150px);
                margin-inline: auto;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .member-contain-section .member-boday .card .card-body .card-text {
                text-align: center;
            }

                .member-contain-section .member-boday .card .card-body .card-text a {
                    color: var(--black);
                    font-size: 1.1rem;
                }

                    .member-contain-section .member-boday .card .card-body .card-text a:hover {
                        color: var(--theam-colour);
                    }

/* ============= member-page-setion-End =============*/
/* ============= Member-detail-page-section start ====================*/
.member-detail-contain-section {
    margin-top: 10px;
}

    .member-detail-contain-section .member-detail-head-section {
        background-color: var(--light-gray);
        padding: 15px;
    }

        .member-detail-contain-section .member-detail-head-section .title-text {
            font-size: 1.3rem;
        }

        .member-detail-contain-section .member-detail-head-section .img-box {
            overflow: hidden;
            height: 150px;
            width: min(100% - 10px, 150px);
            margin-inline: auto;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .member-detail-contain-section .member-detail-head-section .e-mail-section {
            display: flex;
            align-items: baseline;
            margin: 10px 0;
        }

            .member-detail-contain-section .member-detail-head-section .e-mail-section a {
                margin-left: 10px;
                color: var(--black);
            }

        .member-detail-contain-section .member-detail-head-section .link-body {
            margin: 10px 0;
        }

            .member-detail-contain-section .member-detail-head-section .link-body a {
                color: var(--orange);
                text-decoration: underline;
            }

    .member-detail-contain-section .member-box {
        margin: 10px 0;
        display: flex;
        align-items: initial;
        flex-wrap: wrap;
    }

        .member-detail-contain-section .member-box .first-title {
            padding: 5px 10px;
            display: flex;
            background-color: #d2d6d2;
            place-items: center;
            font-size: 1.3rem;
        }

        .member-detail-contain-section .member-box .second-p {
            padding: 10px;
            background-color: var(--unnamed-color-e6f0f1);
        }

    .member-detail-contain-section .member-contain {
        margin: 10px 0;
    }

    .member-detail-contain-section .btn-section {
        margin-top: 2rem;
    }

        .member-detail-contain-section .btn-section button {
            color: var(--white);
            border-radius: 30px;
            border: 1px solid var(--theam-colour);
            background-color: var(--theam-colour);
            display: flex;
            justify-content: center;
            align-items: center;
            width: 170px;
            padding: 8px 5px;
        }

            .member-detail-contain-section .btn-section button:hover {
                border: 1px solid var(--light-blue);
                background-color: var(--light-blue);
            }

/* ============= Member-detail-page-section End ====================*/
/* ========= contact-admin-page-section Start ============*/
.contact-admin-body {
    margin-top: 10px;
}

    .contact-admin-body .head-title p {
        font-size: 1.3rem;
        color: #545454;
    }

    .contact-admin-body .connect-form-setion form .cheakbox-section {
        display: inline-flex;
        margin: 3px 0;
    }

    .contact-admin-body .connect-form-setion form textarea {
        width: 100%;
        border: 0.5px solid var(--gray);
        padding: 10px;
        margin: 10px 0;
    }

    .contact-admin-body .connect-form-setion form .btn-section button {
        color: var(--white);
        border-radius: 30px;
        border: 1px solid var(--theam-colour);
        background-color: var(--theam-colour);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100px;
        padding: 8px 5px;
    }

        .contact-admin-body .connect-form-setion form .btn-section button:hover {
            border: 1px solid var(--light-blue);
            background-color: var(--light-blue);
        }

/* ========= contact-admin-page-section End ============*/
/* ============ countries-communities-page-section start ============== */
.countries-communities-body {
    margin-top: 10px;
}

    .countries-communities-body .head-title {
        margin: 10px 0;
    }

        .countries-communities-body .head-title p {
            font-size: 1.3rem;
            color: #545454;
        }

    .countries-communities-body .input-box {
        display: flex;
        align-items: center;
    }

        .countries-communities-body .input-box input {
            accent-color: var(--theam-colour);
        }

        .countries-communities-body .input-box label {
            margin-left: 10px;
        }

    .countries-communities-body .table-section .tab-pane {
        overflow-x: auto;
    }

    .countries-communities-body .table-section .dic-table {
        margin-top: 15px;
        min-width: 700px;
        border-spacing: 0px 5px !important;
        border-collapse: separate !important;
    }

        .countries-communities-body .table-section .dic-table thead tr {
            background-color: var(--secondery-bule-dark);
        }

            .countries-communities-body .table-section .dic-table thead tr th {
                padding: 15px;
                font-size: 1.3rem;
                font-weight: 400;
            }

            .countries-communities-body .table-section .dic-table thead tr .country {
                width: 300px;
            }

        .countries-communities-body .table-section .dic-table tbody tr {
            background-color: var(--sky-blue);
        }

            .countries-communities-body .table-section .dic-table tbody tr td {
                padding: 15px;
            }

                .countries-communities-body .table-section .dic-table tbody tr td a {
                    font-size: 16px;
                    color: var(--black);
                }

            .countries-communities-body .table-section .dic-table tbody tr .dic-number {
                font-size: 12px;
            }

/* ============ countries-communities-page-section End ============== */
/* =============== Users-Community-page-section start ==================*/
.Users-Community-right-body {
    margin: 10px 0;
}

    .Users-Community-right-body .head-title {
        font-size: 1.3rem;
        margin: 10px 0;
    }

    .Users-Community-right-body .btn-section {
        margin-top: 20px;
    }

        .Users-Community-right-body .btn-section .btn-box {
            border: 1px solid var(--orange);
            padding: 7px 15px;
            border-radius: 20px;
            margin: 5px 10px;
            cursor: pointer;
            color: black;
        }

/* =============== Users-Community-page-section End ==================*/
/* ================== footer section start =============== */
footer {
    margin-top: auto;
    bottom: 0px !important;
    background-color: var(--theam-colour);
}

    footer .connect-info {
        color: var(--light-gray);
    }

    footer .footer-icon-box {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 10px 0px;
        margin: 0;
    }

        footer .footer-icon-box .icon {
            padding: 0px 10px;
            border-right: 1px solid var(--light-gray);
        }

            footer .footer-icon-box .icon i {
                font-size: 20px;
                color: var(--light-gray);
            }

        footer .footer-icon-box .icon-b {
            border: none;
        }

/* ================== footer section End =============== */ /*# sourceMappingURL=style.css.map */

.wh-menu {
    background-color: #ffffff;
}

.wh-menu-icon {
    padding: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.2;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.375rem;
    transition: box-shadow 0.15s ease-in-out;
    margin: 2px 0px 0px 4px;
    text-align: center;
}