:root {
    --primary: #f5c726;
    --secondary: #757575;
    --light: #F3F6F8;
    --dark: #0C2B4B;
    --color-black:#000;
    --border-gray-300:#eee;
    --border-gray-400:#ddd;
    --border-gray-500:#333;
    --color-white:#fff;
    --transition-3:all 0.3s ease;
    --transition-5: 0.5s;
    --color-green-700:#4CAF50;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-success-text-emphasis: #0a3622;
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --breadcrumb-text-color:#999;
    --copy-right-bg:#092139;
    --border-gray-600:#666;
    --table-hover:#f2f2f2;
    --table-odd:#f9f9f9;
    --table-even:#fff;
    --tabletrhover:#f1f1f1;
    --sidebar-bg:#fff;
    --side-menu-items:#d1d1d1;
    --side-menu-items-hover:#007bff;
    --side-menu-hover-after-bg:#0056b3;
    --bs-btn-default:#f5c726;
    --bs-text-color: #f5c726;
    --bs-btn-hover: #F3BD00;
    --bs-hover-text:#F3BD00;
    --bs-tertiary-bg:#e9ecef;
    --table-subtitle:#e2e6ea;
    --menu-dark:#0C2B4B;
    --lang-menu-color:#000;
    --menu-hover:#f5c726;
    --menu-dropdown-bg:#ffffff;
    --bgthemecolor:#ffffff;
    --heading-color:#0C2B4B;
    --inner-bg:#ffffff;
    --text-default:#fff;
    --bs-border:#ddd;
    --tabbg:#0c2b4b;
    --border-color: #E1E1E1;
    --color-gary-100: #f5f5f5;
    --faq-b-border:rgba(0, 0, 0, .125);
}
/* Define dark theme */
[data-bs-theme=dark]{
    --dark: #000000;
    --bs-body-color: #dee2e6;
    --body-text:#f5c726;
    --bgthemecolor:#181818;
    --menu-dark:#ffffff;
    --lang-menu-color:#fff;
    --menu-hover:#f5c726;
    --menu-dropdown-bg:#000000;
    --copy-right-bg: #181818;
    --heading-color:#f5c726;
    --bs-white-rgb: 0, 0, 0;
    --inner-bg:#000000;
    --text-default:#f5c726;
    --bs-border:#181818;
    --tabbg:#000;
    --dropdown-border-dark-yellow: #FFFF00;
    --border-color: #f5c726;
    --color-gary-100: #000;
    --sidebar-bg:#000;
    --table-odd: #000;
    --table-even:#181818;
    --tabletrhover:#000;
    --faq-b-border:rgb(255 255 255);
}
body.theme_dark{background: var(--dark);    color: var(--bs-body-color);}
body.theme_dark a {color: var(--body-text) !important;}
body.theme_dark .navbar .navbar-nav .nav-link{color: var(--body-text);}
.dropdown-item:focus, .dropdown-item:hover{background-color: var(--menu-hover);}
[data-bs-theme=dark] img.jaylogo  {filter: invert(50%);}
[data-bs-theme=dark] .faq-container .accordion-button::after{filter: invert(100%);}
[data-bs-theme=dark] h1.display-4.text-white {color: #f5c726 !important;}
[data-bs-theme=dark] .breadcrumb-item a{color: #fff !important}
[data-bs-theme=dark] .carousel-control-prev-icon, 
[data-bs-theme=dark] .carousel-control-next-icon {
    background-color: var(--color-black);
    color: var(--color-white);
    border: 10px solid var(--color-black);
}
.bgthemecolor{background: var(--bgthemecolor);}
.dropdown-item:focus, .dropdown-item:hover{background-color: var(--menu-hover);color: var(--color-white);}
a{transition: .5s; text-decoration: none;}
body{overflow-x: hidden; font-family: "Work Sans", sans-serif;}
.bs-bg-light{background: var(--menu-dropdown-bg);}
.text-default{color: var(--text-default);}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
}
.logo h2{font-weight: 600;color: var(--body-text);}
.top_bg{background: var(--dark);}
.text-black{color: var(--color-black);}
.btn-link{color: var(--bs-link-color);}
.btn:hover{background:var(--bs-btn-hover) !important;}
.btn-link:focus,
.btn-link:visit,
.btn-link:hover{color: var(--bs-btn-hover) !important;}
.top_bg a{color:var(--color-white) !important;}
.top_bg a:hover{background: transparent !important; color: var(--bs-hover-text) !important;}
.bg-primary {border:0;}
.bg-primary{background: var(--bs-text-color) !important;}
.dropdown-item.active, .dropdown-item:active{background-color:var(--bs-btn-default) !important;}
.text-primary{color: var(--bs-text-color) !important;}

.back-to-top {
    position: fixed;
    display: none;
    right: 20px;
    bottom: 40px;
    z-index: 99;
    border:0;
    border-radius: 0;
    background:var(--btn-color-bg);
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


.btn {font-weight: 500;transition: .5s;}
.btn-primary{background:var(--bs-btn-default) !important; border:0 }
.btn-outline-primary:focus,
.btn-outline-primary{border-color:var(--bs-btn-default); color: var(--bs-btn-default);}
.btn-outline-primary:focus,
.btn-outline-primary:hover{border-color:var(--bs-btn-hover)}
.btn-square {width: 38px;height: 38px;}
.btn-sm-square {width: 32px;height: 32px;}
.btn-lg-square {width: 48px;height: 48px;}
.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    text-decoration: none;
}
.navbar.sticky-top {top: -100px;transition: .5s;}
.navbar .navbar-brand,
.navbar a.btn {height: 75px}
.navbar .navbar-nav .nav-link {
    margin-right: 18px;
    padding: 25px 0;
    color: var(--menu-dark);
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {color: var(--primary);}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
    transition: var(--transition-3);
}
.dropdown-item{white-space: normal;}
@media(min-width: 992px){
    .facts-top-n1{margin-top: -85px}
    .navbar .nav-item:focus .nav-link, 
    .navbar .nav-item:hover .nav-link {color: var(--primary);}
    .navbar .nav-item:hover .nav-link.dropdown-toggle::after {transform: rotate(180deg);}
}
@media(max-width: 991px){
    .facts-top-n1{margin-top: -45px}
    .top-sm-0{top:0 !important}
}

@media(min-width: 992px) and (max-width: 1199px){
    .logo img{height: 50px}
    .logo h2{font-size: 1rem}
    .navbar .navbar-nav .nav-link{margin-right: 8px;}

}
@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {margin-right: 0;padding: 10px 0;}
    .navbar .navbar-nav {border-top: 1px solid var(--border-gray-300);}
    .logo img{height: 50px}
    .logo h2{font-size: 1rem}
    .navbar .dropdown-toggle::after{position: absolute; right: 0}
}

@media (min-width: 992px) {
    .logo img{height: 75px}
    .dropdown-menu{min-width: 15rem; padding: 0;border-radius: 0;}
    .dropdown .topbardropdown,
    .mygov-lang-menu,
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }
    .dropdown:hover .mygov-lang-menu,
    .dropdown:hover .topbardropdown,
    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* background: rgba(0, 0, 0, .75); */
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    background-color: var(--primary);
    border: 10px solid var(--primary);
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 320px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.page-header {
    background: url(../img/inner-page-banner.webp) top center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
    aspect-ratio: auto
}
.page-header h1{margin-bottom: 0;font-weight: 500}

/*.breadcrumb-main{text-align: right;justify-content: end !important;}*/
@media (min-width: 992px) {
  .page-header {padding: 240px 0 200px 0;}
  .breadcrumb-top{top: 85px;}
}

@media (max-width: 991px) {
    .page-header {padding: 150px 0 120px 0;}
    .breadcrumb-top{top:30px}
}
@media (max-width: 768px) {
    .page-header {min-height: 250px}
    .page-header-sm{min-height: 350px}
    .breadcrumb-top{padding-left: 1.5rem;}
    .breadcrumb-top{top:40px}
}
.page-header:before {
    content: "";
    background-color: rgb(0 0 0 / 45%);
    position: absolute;
    inset: 0;
    z-index: -1;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: var(--breadcrumb-text-color);
}

.breadcrumb-main{width: 100%;display: flex;justify-content: start;}

.courses {
    min-height: 100vh;
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url(../img/carousel-1.jpg) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.courses-item .courses-overlay {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.courses-item:hover .courses-overlay {
    height: 100%;
    opacity: 1;
}


/*** Team ***/
.team-items {
    margin: -.75rem;
}

.team-item {
    padding: .75rem;
    border: 1px solid var(--primary);
    height: 100%;
    transition: --transition-5;
    position: relative;
    background: var(--bgthemecolor);
    z-index: 0;
    border-radius: var(--bs-border-radius);
}

.team-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: var(--color-white);
    transition: .5s;
    z-index: -1;
}

.team-item:hover::after {
    height: 100%;
    transition: var(--transition-5);
    background: var(--primary);
}

.team-item .team-social {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .75);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.team-item:hover .team-social {
    height: 100%;
    opacity: 1;
}


/*** Testimonial ***/
.testimonial-carousel .owl-dots {
    height: 40px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 2px solid var(--primary);
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 40px;
    height: 40px;
    background: var(--primary);
}

.testimonial-carousel .owl-item img {
    width: 150px;
    height: 150px;
}


/*** Footer ***/
footer{background: var(--dark);}
footer a{text-decoration: none; color: var(--bs-text-color)}
footer a:hover{color: var(--color-white);}
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--light);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--light);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {color: var(--primary);letter-spacing: 1px;box-shadow: none;}
.copyright {background: var(--copy-right-bg);}
.copyright a {color: var(--primary);text-decoration: none;}
.copyright a:hover {color: var(--light);}

/* Basic reset */
/*.container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 20px auto;
    padding: 20px;
}*/

.sidebar {
    flex: 1;
    background: var(--sidebar-bg);
    color: var(--bs-black);
    padding: 20px;
    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}

.content {
    flex: 2;
    background: var(--color-white);
    padding: 20px;
    margin-left: 20px;
}

blockquote {
    border-left: 4px solid var(--border-gray-500);
    padding-left: 20px;
    margin: 20px 0;
    font-style: italic;
    color: var(--border-gray-600);
}

@media (max-width: 768px) {
    .inner-page-body {padding: 15px;}
    ul {padding-left: 15px;}
    .text-decoration-underline, .font-weight-bold {font-size: 14px;}
}

@media (max-width: 480px) {
    .inner-page-body { padding: 0px;}
    .text-decoration-underline, .font-weight-bold {font-size: 12px;}
    ul {padding-left: 10px;}
    p {font-size: 14px;}
}
/* Basic Reset */
/* Table Container */
.table-container {
    max-width: 100%;
    overflow-x: auto; /* Allows horizontal scrolling on small screens */
    margin: 20px;
}

/* Table Styles */
.responsive-table {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--color-white);; /* White background for the table */
    border: 1px solid var(--border-gray-400); /* Light border color */
}

.responsive-table th, .responsive-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid var(--border-gray-400); /* Border between rows */
}

.responsive-table thead {
    background-color: #f4f4f4; /* Light grey background for the header */
}

.responsive-table tbody tr:nth-child(odd) {
    background-color: var(--table-odd); /* Zebra striping: light grey for odd rows */
}

.responsive-table tbody tr:hf1f1f1over {
    background-color: var(--tabletrhover); /* Highlight on hover */
}

/* Responsive Styles */
@media (max-width: 768px) {
    .responsive-table {
        display: block;
        overflow-x: auto; /* Scroll horizontally on small screens */
        white-space: nowrap;
    }

    /*.responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr {
        display: block;
    }*/

    .responsive-table th, .responsive-table td {
        position: relative;
        /*padding-left: 50%;
        text-align: right;*/
    }

    .responsive-table th::before, .responsive-table td::before {
        content: attr(data-label); /* Show the column header before each cell */
        position: absolute;
        left: 0;
        width: 45%;
        padding-left: 10px;
        font-weight: bold;
        white-space: nowrap;
    }
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important;
}
.text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important;
}
.teamimg {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 124px;
}
.teamimg .pimg {
    display: flex;
    flex-shrink: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    justify-content: center;
}

.teamimg img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border:2px solid #f5ca33;
    aspect-ratio: 14 / 6;
    object-fit: cover;
    object-position: center;
}
.read-more{color: var(--lang-menu-color)}
.read-more:hover{text-decoration: underline;color: var(--lang-menu-color);text-decoration-color: var(--lang-menu-color); text-underline-offset: 0.375em;}
@media(min-width: 768px){
 .team-content{min-height: 50px}   
}
.team-inner{background: var(--inner-bg); padding: 10px 10px;    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    transition: var(--transition-5);
    word-wrap: break-word;
}
.social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #545454;
    border-radius:0%;
}
.flexcard {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}
.flexcard-body {
    flex: 1 1 auto;
}
.text-justify {text-align: justify;}
.img-profile {
    object-fit: cover;
    object-position: center;
    border:2px solid #f5ca33;
    border-radius: 100%;
    width: 250px;
    height: 250px;
}
.rounded-2-2{border-radius: 0.5rem}
.sidebar {
    position: sticky;
    top: 100px;
    z-index: 1;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175);
    display: flex;
    border:1px solid var(--border-gray-400);
    flex-direction: column;
}
.sidebar .menu-item {
    font-size: 18px;
    color: var(--lang-menu-color);
    font-weight: 600;
    cursor: pointer;
    border-bottom:1px solid var(--border-gray-400);
    margin: 0px 0;
    padding: 15px 0;
    position: relative;
    transition: background-color 0.3s ease, color 0.3s ease, padding-left 0.3s ease;
}
/*.sidebar .menu-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-left:2px solid var(--side-menu-items);
    transition: background-color 0.3s ease;
}*/
.sidebar .menu-item:hover {background-color:var(--bs-btn-default);color: var(--color-white);;padding-left: 15px;}
/*.sidebar .menu-item:hover::after {border-left:2px solid var(--side-menu-hover-after-bg);}*/
/*.sidebar .menu-item[data-target="section1"]:hover {background-color: #28a745;}
.sidebar .menu-item[data-target="section2"]:hover {background-color: #ffc107;}
.sidebar .menu-item[data-target="section3"]:hover {background-color: #17a2b8;}
.sidebar .menu-item[data-target="section4"]:hover {background-color: #fd7e14;}
.sidebar .menu-item[data-target="section5"]:hover {background-color: #6610f2;}*/
.responsive-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    text-align: left;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.responsive-table th {
    padding: 12px;
    background-color: var(--color-green-700);
    color: var(--color-white);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.responsive-table td {
    padding: 10px;
    border: 1px solid var(--border-gray-400);
    word-wrap: break-word;
}
.table-title {
    background-color: var(--side-menu-hover-after-bg) !important;
    color:var(--color-white);
    font-weight: bold;
    text-align: center;
    padding: 12px;
    font-size: 18px;
}

.table-subtitle {
    background-color: var(--table-subtitle);
    color: var(--border-gray-500);
    font-weight: bold;
    padding: 12px;
}

@media (max-width: 768px) {
    .responsive-table {display: block;overflow-x: auto;}
    .table-sm-full tr td{display: block; width: 100%}
}
.responsive-table tr{transition: var(--transition-3);}
/*.responsive-table tr:hover {background-color: var(--table-hover);transform: scale(1.01);}*/
.responsive-table tbody tr:nth-child(even){background:var(--table-even) }
/*.responsive-table tbody tr:nth-child(odd) {background-color: var(--table-odd);}*/
.responsive-table td,
.responsive-table th {border: 1px solid var(--border-gray-400);}
.links-list {list-style-type: none;padding: 0;}
.links-list li {margin-bottom: 10px;}
.team-item .active{transition: var(--transition-5);}        
.teamdetails {
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    transition: var(--transition-5);
    transform: translateY(-20px);
}
.active .teamdetails {
    opacity: 1;
    padding-top:0.75rem;
    transform: translateY(0);
    visibility: visible;
    max-height: 100%;
    transition: var(--transition-5);
}
.img-small{width: 40px;height: 40px;object-fit: cover;border-radius: 100%; border:1px solid rgb(0 0 0 / 42%)}
.white-spcae-nowrap{white-space: nowrap;}
.content0, .content1, .content2, .content3, .content4, .content5, .content6, .content7, .content8 {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    /*transform: translateX(-50%);*/
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 20px;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
    z-index: 1031;
}

.close-btn button {
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 20px;
    position: absolute;
    top: 1.125rem;
    right: 10px;
    box-shadow:none !important;
    border:0;
}

.close-btn button:hover {
    opacity: .85;
    box-shadow: none;
    border:0;
}
.max-width-600{margin-top: 2rem;}
/*.news-scrollbar{max-height: 400px; overflow: auto;}*/

.inner-page-content {
    padding: 30px;
    background-color: var(--table-odd);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.hr-bottom {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.hr-bottom span {position: relative;z-index: 1;}
.hr-bottom::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #007bff;
    z-index: 0;
}


.inner-page-body {
    background-color:var(--bgthemecolor);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.guideline-list {
    color: var(--lang-menu-color);
    line-height: 1.8;
}

.guideline-list li {
    margin-bottom: 15px;
}

.guideline-list li a {
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.guideline-list li a:hover {
    color: #0056b3;
}

.guideline-list .text-danger {
    color: #e74c3c;
    font-weight: bold;
}

.guideline-list .text-danger:hover {
    color: #c0392b;
}


.address {
    margin: 15px 0;
    padding: 10px;
    background-color: #e3f9e5;
    border-radius: 5px;
    line-height: 1.5;
}


.guideline-list img {
    vertical-align: middle;
    margin-left: 5px;
}

@media (max-width: 768px) {
    .inner-page-content {padding: 15px;}
    .inner-content {padding: 5px;}
    .hr-bottom {font-size: 20px;}
    .inner-page-body {padding: 15px;}
    .guideline-list li {font-size: 14px;}
}
@media(min-width: 992px){
    .max-width-600{max-width: 600px;}
}
@media(max-width:991px){
    .max-width-600{max-width: 96%;}
}

.user_accessibility {
    position: relative
}

.lang-box{position: relative;z-index: 9999;list-style: none;}
.lang-box .dropdown-menu2{    
    min-width: 14rem;margin-top: 4px !important;right:0;background: var(--menu-dropdown-bg);
}
.lang-box .dropdown-menu3{    
    min-width: 182px;
    right: 0;
}
.pointer-events-none{pointer-events: none;}
.pointer-after .dropdown-toggle::after,
.lang-box .dropdown .dropdown-toggle::after{display: none;}
.mygov-lang-menu ul {}
.mygov-lang-menu li a {
    color: var(--lang-menu-color) !important;
}
.mygov-lang-menu li a:hover{
    background: var(--menu-hover) !important;
    color: #fff !important;
}
.social-area{margin: 0; padding: 0; list-style: none;}
.social-area li{display: inline-flex;

    border-left: 1px solid #c5c5c5;
    width: 30px;
}
.font-14{font-size: 14px}
.social-area li a{    display: block;
    text-align: center;
    padding: 8px;
    height: auto;
    color: #000;}
/*.mygov-lang-menu li.hi a {
    background: #DAEBFF;
    color: #1594EE !important;
}
.mygov-lang-menu li.as a {
    background: #FFC3C3;
    color: #FF4A4A !important;
}*/
.pointer-after:hover .topbardropdown,
.lang-hover:hover .dropdown-menu3,
.lang-hover:hover .dropdown-menu2{
      display: block;
}
.topbardropdown {
    display: none;
    position: absolute;
    width: 321px;
    top: 24px;
    z-index: 9999;
    right:0;
    margin-top: 2px !important;
    background: var(--menu-dropdown-bg);
    padding: 10px;
    border: 1px solid #d8d8d8;
    border-radius: 0px;
    box-shadow: var(--box-shadow-2);
}
.topbardropdown.dropdown-menu li a::after{display: none;} 
.heading5 {
    font-size: 1em;
}
.size-control-list li {
    display: inline-flex;
}
.size-control-list{padding: 0; margin: 0;}
.size-control-list li{list-style: none; text-align: center; border:1px solid var(--border-color);
    margin-bottom:0.25rem; margin:3px;background:var(--color-gary-100);border-radius: 0.25rem; }
.size-control-list li p,
.size-control-list li h4{margin-bottom: 0;text-transform: capitalize;}
.size-control-list li p{line-height: 16px !important; font-size: 14px;}
.size-control-list li a{ padding: 8px 5px !important;
    display: flex;border-radius: 0.25rem;
    
    flex-direction: column;
    align-items: center;
    color: var(--lang-menu-color) !important;
    justify-content: center;
    width: 87px;
    height: 77px;
    background: var(--color-gary-100);
}
.size-control-list li p{max-width: 65px; margin: 0 auto;padding-left: 0px;padding-right: 0px;font-weight: normal;}
.size-control-list li a:hover{padding-left: 5px !important;background: var(--bs-btn-default) !important;color: var(--color-white) !important}
.size-control-list i{font-size: 1.25rem}
.size-control-list li a{position: relative;}
.size-control-list li a:hover:before{color: var(--color-white);}


.shop_container {
    overflow: auto;
    max-height: 430px;
    overflow-x: hidden;
    min-height: 440px;
}
.tab-style1-border{border-bottom: 1px solid var(--bs-border) !important;padding-bottom: 10px;}
.tab-style1 .nav-tabs{    display: flex;
        flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;}
@media(max-width:767px){
.d-hidenone{display: none;}
}
@media (max-width: 991px) {
    .topbardropdown {
        left: -230px !important;
        right: auto;
        width: 321px;
    }
}

.text_height p,
.text_height div,
.text_height strong {
    line-height: 2.5;
}



/* .text_space  {
    word-spacing: 0.32em !important;
    letter-spacing: 0.24em !important;
} */
.text_space p,
.text_space div,
.text_space strong,
.text_space body {
    word-spacing: 0.32em !important;
    letter-spacing: 0.24em !important;
}

/* Exclude elements inside .topbar */
.text_space .top_bg p,
.text_space .top_bg div,
.text_space .top_bg strong,
.text_space .top_bg body {
    word-spacing: normal !important;
    letter-spacing: normal !important;
}


/* Apply line-height to elements inside .text_height */

.text_height .top_bg p,
.text_height .top_bg div,
.text_height .top_bg strong {
    line-height: unset;
    /* Resets to the default value */
}

.text_resize_increase a,
.big-cursor a,
.big-cursor button,
.big-cursor img,
.big-cursor option,
.big-cursor select {
    cursor: url(../img/pointer.svg), pointer
}

.big-cursor .text_resize_increase,
.text_height #text_height_event,
.saturation #saturation,
.big-cursor .access_icon,
.theme_light #theme_light,
.big-cursor #language-switcher,
.big-cursor #backtotop,
.big-cursor .search_title_box {
    cursor: url(../img/pointer.svg), pointer !important
}

.big-cursor {
    cursor: url(../img/cursor.svg), auto
}



/*.theme_dark #theme_dark:before,
.theme_light #theme_light:before,*/
.saturation #saturation:before,
.theme_link #theme_link:before,
.big-cursor #big-cursor:before,
.changer #text_resize_increase:before,
.hideimage #hideimage:before,
.text_space #text_space_event:before,
.text_height #text_height_event:before {
    content: "";
    position: absolute;
    top: 2px;
    right: 6px;
    width: 14px;
    height: 14px;
    background: url(../img/header-icon.svg) no-repeat;
    border-radius: 50%;
    letter-spacing: 0;
    background-size: cover;
}

/* ----------------------- start Style of Preloader --------------------*/

.ctn-preloader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9000;
  }
  
  .ctn-preloader .animation-preloader {
    z-index: 1000;
    position:relative;
  }
  
  .ctn-preloader .animation-preloader .spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-top-color: #FF5B5B;
    height: 150px;
    margin: 0 auto 3.5em auto;
    width: 150px;
  }
.ctn-preloader .animation-preloader img{
    position: absolute;
    left: 50%;
    top: 45px;
    transform: translateX(-50%);
}
  
  .ctn-preloader .animation-preloader .txt-loading {
    font: bold 3em "Poppins", sans-serif;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .ctn-preloader .animation-preloader .txt-loading .letters-loading {
    color: rgba(0, 0, 0, 0.2);
    position: relative;
  }
  
  .ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
    -webkit-animation: letters-loading 4s infinite;
    animation: letters-loading 4s infinite;
    color: #000000;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    font-family: "Poppins", sans-serif;
    position: absolute;
    top: -3px;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  
  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
  
  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  
  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  
  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }
  
  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  
  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  
  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
  }
  
  .ctn-preloader.dark .animation-preloader .spinner {
    border-color: rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
  }
  
  .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading {
    color: rgba(255, 255, 255, 0.2);
  }
  
  .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading:before {
    color: #fff;
  }
  
  .ctn-preloader p {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: #3b3b3b;
  }
  
  .ctn-preloader .loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
    pointer-events: none;
  }
  
  .ctn-preloader .loader .row {
    height: 100%;
  }
  
  .ctn-preloader .loader .loader-section {
    padding: 0px;
  }
  
  .ctn-preloader .loader .loader-section .bg {
    background-color: #ffffff;
    height: 100%;
    left: 0;
    width: 100%;
    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  
  .ctn-preloader .loader.dark_bg .loader-section .bg {
    background: #111339;
  }
  
  .ctn-preloader.loaded .animation-preloader {
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }
  
  .ctn-preloader.loaded .loader-section .bg {
    width: 0;
    -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
    -o-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
    transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
  }
  
  @-webkit-keyframes spinner {
    to {
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
    }
  }
  
  @keyframes spinner {
    to {
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
    }
  }
  
  @-webkit-keyframes letters-loading {
    0%,
    75%,
    100% {
      opacity: 0;
      -webkit-transform: rotateY(-90deg);
      transform: rotateY(-90deg);
    }
    25%,
    50% {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
  }
  
  @keyframes letters-loading {
    0%,
    75%,
    100% {
      opacity: 0;
      -webkit-transform: rotateY(-90deg);
      transform: rotateY(-90deg);
    }
    25%,
    50% {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
  }
  
  @media screen and (max-width: 767px) {
    .ctn-preloader .animation-preloader .spinner {
      height: 8em;
      width: 8em;
    }
    .ctn-preloader .animation-preloader .txt-loading {
      font: bold 3.5em "Poppins", sans-serif;
    }
  }
  
  @media screen and (max-width: 500px) {
    .ctn-preloader .animation-preloader .spinner {
      height: 7em;
      width: 7em;
    }
    .ctn-preloader .animation-preloader .txt-loading {
      font: bold 2em "Poppins", sans-serif;
    }
  }

/* ----------------------- start Style of Ajex Loader --------------------*/
#loader{
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    background-color: rgb(255 255 255 / 90%);
    justify-content: center;
    align-items: center;
    z-index: 2;
}
#loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -79%);
}

#loader .ajex_spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-top-color: #FF5B5B;
    height: 150px;
    margin: 0 auto 3.5em auto;
    width: 150px;
  }

  @-webkit-keyframes ajex_spinner {
    to {
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
    }
  }
  
  @keyframes ajex_spinner {
    to {
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
    }
  }
  @media screen and (max-width: 767px) {
    .ctn-preloader .animation-preloader .ajex_spinner {
      height: 8em;
      width: 8em;
    }
  }
  
  @media screen and (max-width: 500px) {
    .ctn-preloader .animation-preloader .ajex_spinner {
      height: 7em;
      width: 7em;
    }
  }
/* ----------------------- End  Style of Preloader --------------------*/

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 12 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");

}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.faq-container .accordion-button::after {
  transition: all 0.5s;
  position: absolute; left: 10px;
}
.faq-container .accordion-button{    
  padding-left: 2.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--bs-navbar-brand-color);
  box-shadow: none !important;
  border-radius:  0.5rem !important;}
.faq-container .accordion-item{border-radius:  0.5rem;box-shadow: none; border: 2px solid #d8d8d8;}
.faq-container .accordion-button:not(.collapsed){  background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid var(--faq-b-border);box-shadow: none; border-radius: 0.5rem 0.5rem 0rem 0rem !important;}
.faq-containe .accordion-item:first-of-type>.accordion-header .accordion-button{border-radius: 0.5rem;}
.pdf{    border: 2px solid #06a048;
    border-radius: 0.25rem;
    padding: 2px 8px;
    transition: var(--transition-3);
    color: var(--color-white);
    background: #03a148}
.faq-container .accordion-header{}
.pdflist{margin: 0; padding: 0}
.pdflist .textsize{font-size: 1.25rem}
.pdflist li{padding-left: 0.25rem;margin-left: 1rem;}
.pdflist li a{color: var(--bs-navbar-brand-color);transition: var(--transition-3);}
.pdflist li a:hover{color:var(--bs-text-color) }
.pdflist li a:hover .pdf{border:2px solid var(--bs-text-color);background: var(--bs-text-color)}
.tab-style1 .nav-tabs li.nav-item a{background-color: var(--tabbg);color: var(--color-white);    margin-left: 1px;
    margin-right: 1px;    border-radius: 0; margin-bottom:2px }
.tab-style1 .nav-tabs li.nav-item a.active, .tab-style1 .nav-tabs li.nav-item a.active:hover, .tab-style2 .nav-tabs li.nav-item a.active, .tab-style2 .nav-tabs li.nav-item a.active:hover{
    background: var(--bs-text-color) !important; color: var(--color-white) !important;
}
/* .tab-style1 .nav-tabs li.nav-item a {
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    padding: 5px 20px;
}*/
/*.tab-style1 .nav-tabs li.nav-item a {
    background-color: #0c2b4b;
    border: 0;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    padding: 5px 20px;
}*/
.tab-style1 .nav-tabs, .tab-style2 .nav-tabs {
    border-bottom: 0;
}
.tab-style1 .nav-link:focus, .tab-style1 .nav-link:hover {
    color: #f5c726;
}
.tab-content {
    margin-top: 25px;
}
.tab-content {
    margin-top: 25px;
}
.tab-style1 .nav-tabs,
.tab-style2 .nav-tabs {
    border-bottom: 0;
}
.tab-style1 .nav-tabs li.nav-item a.active, .tab-style1 .nav-tabs li.nav-item a.active:hover,
.tab-style2 .nav-tabs li.nav-item a.active, .tab-style2 .nav-tabs li.nav-item a.active:hover {
    color: #f5c726;
}
.nav-tabs li.nav-item a {
    background-color: transparent;
    border: 0;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    padding: 5px 20px;
}
.nav-link {
    color: #292b2c;
}
.block-highlights .loop-small {
                margin-top: 26px;
            }
            .small-post .content {
    margin-top: 2px;
    flex-grow: 1;
}.loop-small .l-post {
    position: relative;
}
.small-post {
    display: flex;
    width: 100%;
    --post-format-scale: .82;
}
.block-highlights .loop-small {
    margin-top: 26px;
}
.loop-sep {
    overflow: hidden;
}

.post-meta {
    --p-meta-sep: "—";
    display: flex;
    flex-direction: column;
 
    font-size: 12px;
    color: #8a8a8a;
    line-height: 1.5;
}
.notification-wrap h4 a,
.post-title a{
    color:#161616;
}
.small-post .post-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
}
.loop-sep .l-post:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: calc(15px / 2 * -1);
    border-bottom: 1px solid #e8e8e8;
}   
    .notification-wrap{ transition: .5s;}
    .notification-wrap h4{font-size: 14px;font-weight: 600;line-height: 1.43;margin-bottom: 0}
    .notification-wrap h4 a{color: var(--lang-menu-color)}
    .thumbdate{ background: var(--bs-text-color);
    color: var(--color-white);
    min-width: 80px;
    padding: 0.35rem;
    line-height: normal;
    border-right: 4px solid #ed8722;
    font-size: 14px;}
   .thumbdate span{display: block;} 
   .notification-wrap:hover{background: var(--dark);color: var(--color-white);text-decoration: underline;
    text-decoration-color: var(--bs-text-color);
    text-underline-offset: 0.375em;} 
    .notification-wrap a:hover .thumbdate{text-decoration: none;text-underline-offset: 0em;}
   .notification-wrap:hover h4 a{color: var(--color-white); } 
    .border-gray{border:1px solid #ddd}  
/*.modal .modal-dialog {transition: transform .15s ease-out;transform: translateY(-100px) scale(0.8)}
.modal.show .modal-dialog {transform: translateY(0) scale(1)}
.modal.modal-static .modal-dialog {transform: scale(1.02)}*/
.highlight-links a{color: #ed8722 !important; text-decoration: underline;}
.hide {
    display: none !important;
}
body.hideimage img {
    visibility: hidden !important;
}
body.saturation {
    filter: saturate(0.5) !important;
}