/*globals start*/
@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
:root {
    --font_primary: sans-serif;
    --default_text: #333333;
    --dark_text: #000000;
    --light_text: #ffffff;
    --nav-bg: #22201E;
    --nav_text: #ffffff;
    --nav_item_hover: #1e1907;
    --nav_item_active: #544409;
    --nav_item_border: #454545;
    --footer_bg: #22201E;
    --footer_text: #ffffff;
    --default_bg: #ffffff;
    --default_bg_contrast:#333333; 
    --primary_bg: #22201E;
    --primary_bg_contrast: #fff;
    --secondary_bg: #E2BE69;
    --secondary_bg_contrast: #000;
    --success: #28a745;
    --success_contrast: #ffffff;
    --info: #17a2b8;
    --info_contrast: #ffffff;
    --warning: #ffc107;
    --warning_contrast: #333333;
    --danger: #dc3545;
    --danger_contrast: #ffffff;
    --table_border: #a9a9a9;
    --carousel_dots_bg: #282828;
    --scrollbar-track-bg: rgba(34, 32, 30, 0.3);
    --scrollbar-thumb-bg: rgba(84, 68, 9, 0.3);
    --scrollbar-thumb-bg-active: rgba(84, 68, 9, 0.8);
}
html, body {
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}
body {
    font-family: var(--font_primary);
    color: var(--default_text);
}
* {
    /*for firefox scrollbar*/
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-bg-active) var(--scrollbar-track-bg);
    box-sizing: border-box;
}
/*scrollbar chrome and safari start*/
*::-webkit-scrollbar {
    width: 7px;
    height: 9px;
}

*::-webkit-scrollbar-track {
    width: 8px;
    background: var(--scrollbar-track-bg);
}

*::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-bg);
    border-radius: 8px;
    transition: ease-in-out 1s;
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-bg-active);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
    box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
}
/*scrollbar chrome and safari end*/
.root-container {
    display: flex;
    justify-content: center;
    width: 100%;
}
.main-container {
    width: 980px;
}
.page-container {
    padding: 0;
    min-height: 70vh;
}
.flexbox {
    display: flex;
}
.flex-justify-space-between {
    justify-content: space-between;
}
.flex-justify-center {
    justify-content: center;
}
.flex-justify-flex-end {
    justify-content: flex-end;
}
.flex-align-items-center {
    align-items: center;
}
.flex-direction-column {
    flex-direction: column;
}
.gap-5 {
    gap: 5px;
}
.gap-10 {
    gap: 10px;
}
.gap-15 {
    gap: 15px;
}
.w-100p {
    width: 100%;
}
.w-50p {
    width: 50%;
}
.text-align-center {
    text-align: center;
}
.flag-icon.new {
    background: url(../../../images/main/new_blinking.gif);
    width: 32px;
    height: 12px;
    display: block;
}
.bg-primary {
    background: var(--primary_bg);
    color: var(--primary_bg_contrast);
}
.bg-secondary {
    background: var(--secondary_bg);
    color: var(--secondary_bg_contrast);
}
.page-marque.primary {
    background: var(--primary_bg);
}
.page-marque.primary a {
    color: var(--primary_bg_contrast);
}
.page-marque.secondary {
    background: var(--secondary_bg);
}
.page-marque.secondary a {
    color: var(--secondary_bg_contrast);
}
.page-marque a {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 5px;
}
.page-marque a .text{
    font-family: var(--font_primary);
    font-weight: 500;
}
.form-group {
    margin: 5px 0;
}
input.form-control  {
    padding: 5px 6px;
}
input.form-control, textarea.form-control, select.form-control  {
    padding: 5px 6px;
    border: none;
    outline: solid 1px #bcbcbc;
    border-radius: 3px;
}
input.form-control:focus, textarea.form-control:focus, select.form-control:focus {
    border: none;
    outline: solid 1px var(--secondary_bg);
}
.btn {
    padding: 3px 15px;
    border-radius: 3px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-align: center;
    user-select: none;
    outline: none;
    border: solid 1px #bcbcbc;
}
.btn.btn-md {
    min-width: 90px;
    min-height: 30px;
}
.btn.btn-lg {
    min-width: 130px;
    min-height: 40px;
}
.btn.primary {
    background: var(--primary_bg);
    color: var(--primary_bg_contrast);
    border: solid 1px var(--primary_bg);
}
.btn.secondary {
    background: var(--secondary_bg);
    color: var(--secondary_bg_contrast);
    border: solid 1px var(--secondary_bg);
}
.alert {
    padding: 20px;
    margin-bottom: 15px;
    min-width: 300px;
    max-width: 80%; 
}
.alert.success {
    background-color: var(--success);
}
.alert.info {
    background-color: var(--info);
}
.alert.danger {
    background-color: var(--danger);
}
.alert.warning {
    background-color: var(--warning);
}
.alert.success p {
    color: var(--success_contrast);
}
.alert.info p {
    color: var(--info_contrast);
}
.alert.danger p {
    color: var(--danger_contrast);
}
.alert.warning p {
    color: var(--warning_contrast);
}
.alert-closebtn {
    margin-left: 15px;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.alert.success .alert-closebtn {
    color: var(--success_contrast);
}
.alert.info .alert-closebtn {
    color: var(--info_contrast);
}
.alert.danger .alert-closebtn {
    color: var(--danger_contrast);
}
.alert.warning .alert-closebtn {
    color: var(--warning_contrast);
}
.alert-closebtn:hover {
    color: var(--default_text);
}
.block {
    display: block;
}
.owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
}
.owl-carousel .owl-dots .owl-dot {
    height: 9px;
    width: 9px;
    background: var(--carousel_dots_bg);
    border-radius: 50%;
    margin: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(191,191,191,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(191,191,191,1);
    box-shadow: 0px 0px 5px 0px rgba(191,191,191,1);
}
.owl-carousel .owl-dots .owl-dot.active {
    background: var(--secondary_bg);
}
/*globals end*/

/*main topbar start*/
.main-topbar-wrap {
    padding: 15px 0 5px;
    margin: 0;
}
.topbar-inner-wrap {
    height: 172px;
}
.topbar-content-left {
    width: 90px;
}
.topbar-content-left .topbar-left-image-wrapper {
    height: 100%;
    padding: 15px 0;
}
.topbar-content-right {
    flex-grow: 1;
    position: relative;
}
.tb-title-en {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.9rem;
    font-family: var(--font_primary);
    font-weight: 500;
    margin: 3px 0;
    line-height: 0.9;
    display: block;
}
.tb-title-hi {
    font-size: 2.6rem;
    margin-bottom: 15px;
    display: block;
}
.tb-addn-info {
    text-transform: uppercase;
    font-family: var(--font_primary);
    font-size: 1.2rem;
    display: block;
}
.tobar-right-image-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
}
/*main topbar end*/


/*main header start*/
.main-nav-wrap {
    padding: 0;
    margin: 0;
}
.main-nav-inner-wrap {
    /* background: url(../../../images/main/nav_back.jpg);
    background-size: cover;
    background-position: center;
    position: relative; */
    background: var(--nav-bg);
    border-radius: 4px 4px 0 0;
}
.mobile-brand-wrapper {
    display: none;
    position: absolute;
    left: 25px;
    padding: 2px;
}
.mobile-brand-wrapper img {
    height: 46px;
}
.mobile-menu-wrapper {
    display: none;
    position: absolute;
    top: 12px;
    right: 35px
}
.mobile-menu-btn {
    background: none;
    border-color: transparent;
    border-width: 0;
    cursor: pointer;
    z-index: 1;
    position: relative;
    color: var(--nav_text);
}
.mobile-menu-btn i {
    color: var(--nav_text);
    font-size: 1.5rem;
}
.menu-wrapper {
    height: 40px;
    display: flex;
    align-items: center;
    overflow: visible;
}
.nav-menu {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding-inline-start: 0 !important;
    margin-block-start: 0;
    margin-block-end: 0;
    width: 100%;
    height: 100%;
    /* gap: 20px; */
}
.nav-menu .nav-menu-item {
    /* margin-left: 10px; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    flex-grow: 1;
    position: relative;
}
.nav-menu .nav-menu-item .menu-drop-down-ind {
    position: absolute;
    bottom: -12px;
    left: 40%;
    opacity: 0;
}
.nav-menu .nav-menu-item .menu-drop-down-ind i {
    font-size: 26px;
    color: var(--nav-bg);
}
.nav-menu .nav-menu-item:hover {
    background: var(--nav_item_active);
}
.nav-menu .nav-menu-item:first-child {
    border-radius: 5px 0 0 0;
}
.nav-menu .nav-menu-item:last-child {
    border-radius: 0 5px 0 0;
}
.nav-menu .nav-menu-item.active {
    transform: scale(1.2,1.2);
    background: var(--nav_item_active);
    /* -webkit-box-shadow: 0px 0px 5px 0px rgba(84,83,84,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(84,83,84,1);
    box-shadow: 0px 0px 5px 0px rgba(84,83,84,1); */
}
.nav-menu .nav-menu-item:hover .menu-drop-down-ind {
    opacity: 1;
}
.nav-menu .nav-menu-item:not(:last-child) {
    border-right: solid 1px var(--nav_item_border);
}
.nav-menu .nav-menu-item .nav-menu-link {
    text-decoration: none;
    cursor: pointer;
    color: var(--nav_text);
    font-family: var(--font_primary);
    font-weight: 500;
    font-size: 13.5px;
    flex-grow: 1;
    text-align: center;
    height: 100%;
    padding: 13px 0 0 0;
}
/* .nav-menu .nav-menu-item .nav-menu-link:hover {
    border-bottom: solid 1px var(--nav_text);
} */
.nav-menu-dropdown-parent {
    position: relative;
}
.dropdown-menu-container {
    display: none;
    position: absolute;
    top: 24px;
    z-index: 9;
    padding-top: 13px;
}
.dropdown-menu-container:hover {
    display: block;
}
.up-arrow-container {
    width: 100%;
    text-align: center;
    background: transparent;
}
.up-arrow-shape {
    width: 0; 
    height: 0; 
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid green;
    margin: 2rem;
}
.nav-menu-dropdown-menu {
    padding: 0;
    margin: 0;
    /* background: url(../../../images/main/nav_back.jpg);
    background-size: cover;
    background-position: center; */
    background: var(--nav-bg);
    min-width: 100px;
    width: 300px;
    list-style: none;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(52,52,52,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(52,52,52,1);
    box-shadow: 0px 2px 5px 0px rgba(52,52,52,1);
    z-index: 2;
}
.nav-menu-dropdown-parent:hover .dropdown-menu-container {
    display: block;
}
.nav-menu-dropdown-list-item {
    padding: 10px 10px;
    display: flex;
    align-items: center;
}
.nav-menu-dropdown-list-item:hover {
    background: var(--nav_item_hover);
}
.nav-menu-dropdown-list-item:not(:last-child) {
    border-bottom: solid 1px var(--nav_item_border);
}
.nav-menu-dropdown-list-item .nav-menu-dropdown-link {
    color: var(--nav_text);
    cursor: pointer;
    word-wrap: break-word;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 500;
    width: 100%;
    flex-grow: 1;
}
/* .nav-menu-dropdown-list-item .nav-menu-dropdown-link:hover {
    text-decoration: underline;
} */
.user_nav_bar {
    display: flex;
    justify-content: space-between;
    background: var(--nav-bg);
    padding: 0 5px;
}
.user_nav_bar .user_nav_bar_info {
    display: flex;
    padding: 0 10px;
}
.user_nav_bar .user_nav_bar_info .user-text {
    font-size: 13px;
    color: var(--nav_text);
    padding: 2px 10px 0;
}
.user_nav_bar .user_nav_bar_links {
    display: flex;
    justify-content: flex-end;
}
.user_nav_bar .user_nav_bar_links ul {
    display: flex;
    list-style: none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}
.user_nav_bar .user_nav_bar_links ul li {
    padding: 5px;
}
.user_nav_bar .user_nav_bar_links ul li a {
    text-decoration: none;
    cursor: pointer;
    padding: 2px 10px 0;
    display: block;
    color: var(--nav_text);
    font-size: 13px;
}
.user_nav_bar .user_nav_bar_links ul li a:hover {
    text-decoration: underline;
}
/*main header end*/

/*main footer start*/
.footer {
    /* background: url(../../../images/main/nav_back.jpg); */
    background: var(--footer_bg);
    color: var(--footer_text);
    background-size: cover;
    background-position: center;
}
.footer .inner-container {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.copyright-text {
    text-align: center;
}
.copyright-text p {
    margin-top: 0;
    margin-bottom: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    color: var(--footer_text);
    font-family: var(--font_primary);
    font-size: 12px;
}
/*main footer end*/

/* home start*/
.home-carousel-container {
    margin: 2px 0;
}
.marque-container {
    margin: 2px 0;
}
.homepage-top-marque {
    margin: 0 0 -6px;
}
.home-mid-section {
    margin: 0 0 3px;
}
.mid-section-inner-container {
    justify-content: space-between;
}
.mid-section-column .content-title {
    font-family: var(--font_primary);
    font-weight: 600;
    text-align: center;;
}
.section-content {
    padding: 0 15px 10px;
}
.column-left .content-wrapper {
    padding: 0 0;
}
.mid-section-column .section-content .content-wrapper {
    height: 644px;
}
.notice-board-content {
    padding: 5px 2px;
}
.notice-board-content ul {
    list-style: none;
}
.notice-board-content ul b {
    font-weight: 500;
}
.notice-board-content.bg-primary ul a {
    color: var(--primary_bg_contrast);
}
/* home end*/

/*media queries start*/
@media all and (max-width: 1200px) {
    .main-container {
        width: 100%;
    }
    .tb-title-en {
        font-size: 1.6rem;
    }
    .tb-title-hi {
        font-size: 2.5rem;
    }
    .tobar-right-image-wrapper {
        right: 50px;
    }
    .table {
        width: auto;
    }
    .table-container {
        width: 90vw;
        overflow-x: auto;
    }
} 
@media all and (max-width: 991px) {
    .w-50p {
        width: 100%;
    }
    .mobile-brand-wrapper {
        display: block;
    }
    .mobile-menu-wrapper {
        display: block;
    }
    .menu-wrapper {
        position: relative;
        height: 51px;
    }
    .nav-menu {
        display: none;
        /* display: flex; */
        flex-direction: column;
        position: absolute;
        top: 40px;
        z-index: 2;
        background: var(--primary_bg);
        width: max-content;
        /* padding: 15px 20px; */
        border-radius: 0 0 5px 0;
        -webkit-box-shadow: 0 5px 5px 0 rgba(33,33,33,0.8);
        -moz-box-shadow: 0 5px 5px 0 rgba(33,33,33,0.8);
        box-shadow: 0 5px 5px 0 rgba(33,33,33,0.8);
        height: auto;
    }
    .nav-menu .nav-menu-item {
        width: auto;
        align-items: flex-start;
        justify-content: center;
        position: relative;
    }
    .nav-menu .nav-menu-item .nav-menu-link {
        color: var(--primary_bg_contrast);
        text-align: left;
        padding: 10px;
    }
    .main-nav-inner-wrap {
        position: relative;
        border-radius: 0 0 0 0;
    }
    .nav-menu .nav-menu-item:not(:last-child) {
        border-right: none;
        border-bottom: solid 1px var(--nav_item_border);
    }
    .nav-menu-dropdown-menu {
        width: max-content;
        background: var(--default_bg);
        min-width: 200px !important;
        z-index: 9999 !important;
    }
    .nav-menu-dropdown-list-item:hover {
        background: var(--default_bg);
    }
    .nav-menu-dropdown-list-item:hover .nav-menu-dropdown-link {
        color: var(--default_bg_contrast);
        text-align: right;
    }
    .nav-menu-dropdown-menu .nav-menu-dropdown-link {
        color: var(--default_bg_contrast);
        text-align: right;
    }
    .nav-menu .nav-menu-item.active {
        transform: scale(1,1);
    }
    .dropdown-menu-container {
        left: 0;
    }
}
@media all and (max-width: 940px) {
    .tobar-right-image-wrapper {
        right: 25px;
    }
}
@media all and (max-width: 884px) {
    .tb-title-en {
        font-size: 1.4rem;
    }
    .tb-title-hi {
        font-size: 2.1rem;
    }
}
@media all and (max-width: 860px) {
    .tobar-right-image-wrapper {
        display: none;
    }
}
@media all and (max-width: 768px) {
    .main-topbar-wrap {
        padding: 5px 0;
    }
    .topbar-inner-wrap {
        flex-direction: column;
        align-items: center;
        height: 215px;
    }
    .topbar-content-left .topbar-left-image-wrapper {
        padding: 5px 0;
        height: auto;
    }
    .topbar-content-left .topbar-left-image-wrapper img {
        height: 90px;
    }
    .tb-title-hi {
        margin-bottom: 0;
    }
    .main-nav-inner-wrap {
        height: 50px;
    }
    .mobile-menu-wrapper {
        top: 12px;
    }
}
@media all and (max-width: 627px) {
    .topbar-inner-wrap {
        height: 125px;
    }
    .topbar-content-left {
        display: none;
    }
}
@media all and (max-width: 621px) {
    .main-topbar-wrap {
        padding: 15px 0;
        width: auto;
    }
    .topbar-inner-wrap {
        height: auto;
    }
    .tb-title-en {
        font-size: 1.4rem;
    }
    .tb-title-hi {
        font-size: 1.6rem;
    }
    .tb-addn-info {
        font-size: 1rem;
    }
    .mobile-menu-wrapper {
        top: 12px;
        right: 15px;
    }
}
@media all and (max-width: 450px) {
    .tb-title-en {
        font-size: 0.95rem;
    }
    .tb-title-hi {
        font-size: 1.2rem;
    }
    .tb-addn-info {
        font-size: 0.8rem;
    }
}
/*media queries end*/