:root {

    

   /* Body */
    --body-bg: #304A83;
    --body-text: #FFFFFF;

    /* Navbar */
    --navbar-bg: #364E82;
    --navbar-text: #FFFFFF;

    /* Header */
    --header-hero-bg: #273E70;
    --header-hero-text: #FFFFFF;

    /* Header Title */
    --header-title-text: #CFDCF7;
    --header-subtitle-text: #E1E3E7;

    /* Buttons */
    --btn-primary-bg: #618BE7;
    --btn-primary-text: #0B0F14;

    --btn-secondary-bg: #6881AC;
    --btn-secondary-text: #0B0F14;

    --btn-success-bg: #6FC5F4;
    --btn-success-text: #0E131A;

    --btn-danger-bg: #F84A47;
    --btn-danger-text: #0E131A;

    --btn-warning-bg: #A880F2;
    --btn-warning-text: #0B0F14;

    --btn-info-bg: #76F1CA;
    --btn-info-text: #0E131A;

    --btn-light-bg: #2F3E61;
    --btn-light-text: #FFFFFF;

    --btn-dark-bg: #191919;
    --btn-dark-text: #FFFFFF;


    /* breadcrumb */
    --breadcrumb-bg: #374C7A;
    --breadcrumb-text: #FFFFFF;

    /* custom section 1 */
    --custom-section-1-bg: #304A83;
    --custom-section-1-text: #FFFFFF;

    /* custom section 2 */
    --custom-section-2-bg: #35518A;
    --custom-section-2-text: #FFFFFF;

    /* Cards */
    --card-bg: #375086;
    --card-text: #FFFFFF;

    /* Footer */
    --footer-bg:#2E4573;
    --footer-text: #FFFFFF;

    /* Sections */
    --section1-bg: #304A83;
    --section1-text: #FFFFFF;

    --section2-bg: #35518A;
    --section2-text: #FFFFFF;

    

    

    /* 
        Color Scheme: 
        
    */
        --theme-color-section-bg-1: var(--custom-section-1-bg);
    --theme-color-section-bg-1-text: var(--custom-section-1-text);
    --theme-color-section-bg-2: var(--custom-section-2-bg);
    --theme-color-section-bg-2-text: var(--custom-section-2-text);
    --theme-color-section-title-1: var(--header-title-text);
    --theme-color-section-sub-title-1: var(--header-subtitle-text) ;
    /* --bs-accordion-bg: var(--custom-section-1-bg);
    --bs-accordion-border-color: var(--custom-section-1-bg);
    --bs-accordion-btn-color: var(--header-title-text);
    --bs-accordion-btn-bg: var(--custom-section-1-bg);
    --bs-accordion-btn-icon: var(--header-title-text);
    --bs-accordion-body-bg: var(--custom-section-1-bg);
    --bs-accordion-active-color: var(--header-title-text);
    --bs-accordion-active-bg: var(--custom-section-1-bg); */


    --theme-top-infobar-bg-color: #ffffff;
    --theme-top-infobar-text-color: #20202e;
    --theme-top-infobar-link-color: #20202e;
    --theme-top-infobar-link-hover-color: #000000;
    --theme-top-infobar-link-active-color: #000000;
    --theme-top-infobar-link-active-bg-color: #ffffff;
    --theme-top-infobar-link-active-border-color: #ffffff;
    --theme-top-infobar-link-active-text-color: #000000;
    --theme-top-infobar-link-active-hover-color: #000000;


    --theme-color-section-title: ;
    --theme-color-section-sub-title: ;
    --theme-color-section-sub-item-title: ;
    --theme-color-section-sub-item-sub-title: ;
    --theme-color-section-desc: var(--bs-body-color);

    --theme-topnav-bg : #364E82;
    --theme-topnav-brand-color : #FFFFFF;
    --theme-topnav-link-color : #FFFFFF;
    --theme-topnav-link-hover-color : #FFFFFF;
    --theme-topnav-color-white : #ffffff;
    --theme-topnav-font-size: 1rem;
    --theme-topnav-link-active-color: #FFFFFF;
    --theme-topnav-dropdown-background-color: #ffffff;
    --theme-topnav-dropdown-text-color: #FFFFFF;
    --theme-topnav-dropdown-hover-color: #FFFFFF;
    --theme-topnav-dropdown-hover-text-color: #FFFFFF;

    --nav-bar-z-index: 999;
    --nav-bar-bg-color: var(--theme-topnav-bg);
    --nav-bar-brand-color: var(--theme-topnav-brand-color);
    --nav-bar-link-color: var(--theme-topnav-link-color);
    --nav-bar-link-hover-color: var(--theme-topnav-link-hover-color);
    --nav-bar-color-white: var(--theme-topnav-color-white);
    

    --page-title-bg-color: var(--theme-headers-bg-color);
    --page-title-bc-color: var(--theme-headers-bg-color-text);
    --page-title-text-color: var(--theme-headers-bg-color-text);
    --page-title-link-color: var(--theme-headers-bg-color-text);

    --nav-font-size: var(--theme-topnav-font-size);
    --nav-color-bg: var(--theme-topnav-bg);
    --nav-color-brand: var(--theme-topnav-brand-color);
    --nav-color: var(--theme-topnav-link-color);
    --nav-color-active: var(--theme-topnav-link-active-color);
    --nav-font: var(--bs-body-font-family);
    --nav-hover-color: var(--theme-topnav-link-hover-color);
    --nav-dropdown-background-color: var(--theme-topnav-dropdown-background-color);
    --nav-dropdown-color: var(--theme-topnav-dropdown-text-color);
    --nav-dropdown-hover-color: var(--theme-topnav-dropdown-hover-color);
    --nav-dropdown-hover-text-color: var(--theme-topnav-dropdown-hover-text-color);
    --nav-submenu-icon-size: 1.2rem;

        --theme-footer-bg-color: #2E4573;
    --theme-footer-desc-color: #FFFFFF;
    --theme-footer-feature-image-bg: #2E4573;
    --theme-footer-feature-image-text-color: #FFFFFF;
    --theme-footer-link-active-color: #FFFFFF;
    --theme-footer-link-bg-color: #FFFFFF;
    --theme-footer-link-color: #FFFFFF;
    --theme-footer-subitem-desc-color: #FFFFFF;
    --theme-footer-subitem-feature-image-bg: #2E4573;
    --theme-footer-subitem-feature-image-text-color: #FFFFFF;
    --theme-footer-subitem-subtitle-color: #FFFFFF;
    --theme-footer-subitem-title-color: #FFFFFF;
    --theme-footer-subtitle-color: #FFFFFF;
    --theme-footer-text-color: #FFFFFF;
    --theme-footer-title-color: #FFFFFF;
    

    }

    body {
        font-family: var(--bs-body-font-family) !important;
        background-color: var(--body-bg);
        color: var(--body-text);
    }

       
    /* 
        Top navbar  menu
        This file contains the styles for the top  navbar section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */

    .is-sticky {
        background: #333333 !important;
    }
    .top_navigation {
        background: var(--nav-color-bg);
        padding: 1rem 0;
    }

    .top_navigation a {
        color: var(--nav-color) !important;
    }

    .top_navigation .nav-brand  {
        color: var(--nav-color-brand) !important;
    }

    .top_navigation .navmenu li:hover>a, .top_navigation .navmenu .active, .top_navigation .navmenu .active:focus {
        color: var(--nav-color) !important;
    }

    .top_navigation .navmenu .active  {
        color: var(--nav-color-active) !important;
    }
    .navmenu .dropdown ul {
        background: var(--nav-color-bg);
    }
    .top_navigation .navmenu .dropdown .active  {
        color: var(--nav-color-active) !important;
        font-weight:900;
    }

    .top_navigation .navbar-toggler {
        color: var(--nav-color) !important;
        background-color: transparent;
        border: var(--bs-border-width) solid var(--nav-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
    }

    .top_navigation .navbar-brand  {
        color: var(--theme-color-5-text);
    }

    .top_navigation .bg-custom {
        background: var(--nav-bar-bg-custom-inside);
    }

    .top_navigation .bg-custom a {
        color: var(--nav-bar-bg-custom-inside-text-color) !important;
    }

    .top_navigation .bg-custom-active {
        background: var(--nav-bar-bg-custom-active-inside);
    }

    .top_navigation .bg-custom-active a {
        color: var(--nav-bar-bg-custom-active-inside-text-color) !important;
    }

    /*  **********
        End of top navebar menu styles
    ********** */
    
    
    .sectionTitle {
        
    }

    .sectionSubItemSubTitle  {
        
    }

    .subMenuDesc, .sectionDesc {
        
    }


    .sectionSubTitle {
        
    }
    
    .sectionSubItemTitle  {

    }


    .section__content__title  {
        /* font-weight: 700 !important;
        font-size: 3.5rem !important;
        line-height: 1.4 !important; */
        color: var(--theme-color-section-title-1);
    }
    
    
    .sectionItems__content__title, .section__content__subtitle  {
        /* font-weight: 600 !important;
        font-size: 2rem !important;
        line-height: 1.4 !important; */
        color: var(--theme-color-section-sub-title-1) !important;
    }
    
    .section__content__desc__short, .sectionItems__content__desc__short {
        /* line-height: 1.6 !important;
        font-size: 1.1rem !important; */
    }
    
    .list-group-item {
        background-color: var(--card-bg);
        color: var(--card-text);
    }
    
    
    .accordion-button {
        background-color: var(--card-bg) !important;
        color: var(--card-text) !important;
    }
    .accordion-body {
        background-color: var(--card-bg) !important;
        color: var(--card-text) !important;
    }
    
    .accordion {
        --bs-accordion-active-bg: #ffffff;
        --bs-accordion-active-color: #000000;
        --bs-accordion-btn-focus-box-shadow: none;
    }
    
    .accordion-item {
        background: transferant !important;
        color: var(--body-text) !important;
    }
    
    .accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
        border: 2px solid var(--theme-color-section-title-1);;
        box-shadow: 5px 5px var(--theme-color-section-title-1);
    }
    
    .accordion-button.collapsed {
        border: 1px solid #d8d8d8;
    }
    .accordion-button::after {
        background-image: none !important;
    }

    
    .accordion-collapse {
        transition: all 0.3s;
    }

    .accordion-button {
        position: relative;
        padding-right: 3rem; /* space for icon */
    }

    .accordion-button::before {
        content: "+";
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        
        width: 1.5rem;
        height: 1.5rem;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        font-size: 1rem;
        font-weight: 700;

        border: 2px solid currentColor;
        border-radius: .375rem;

        /* color: var(--bs-accordion-btn-color); */
        background: transparent;
        transition: all .25s ease;
    }

    /* OPEN state */
    .accordion-button:not(.collapsed)::before {
        content: "−";
        background: var(--bs-accordion-active-bg);
        color: var(--bs-accordion-active-color);
        border-color: var(--bs-accordion-active-color);
    }

    

    .btn-primary {
        --bs-btn-color: var(--btn-primary-text);
        --bs-btn-bg: var(--btn-primary-bg);
        --bs-btn-border-color: var(--btn-primary-bg);
        --bs-btn-hover-color:  var(--btn-primary-bg);
        --bs-btn-hover-bg: var(--btn-primary-text);
        --bs-btn-hover-border-color: var(--btn-primary-text);
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: var(--btn-primary-text);
        --bs-btn-active-bg: var(--btn-primary-bg);
        --bs-btn-active-border-color: var(--btn-primary-bg);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: var(--btn-primary-text);
        --bs-btn-disabled-bg: var(--btn-primary-bg);
        --bs-btn-disabled-border-color: var(--btn-primary-bg);
    }

    .btn-warning {
        --bs-btn-color: var(--btn-warning-text);
        --bs-btn-bg: var(--btn-warning-bg);
        --bs-btn-border-color: var(--btn-warning-bg);
        --bs-btn-hover-color:  var(--btn-warning-bg);
        --bs-btn-hover-bg: var(--btn-warning-text);
        --bs-btn-hover-border-color: var(--btn-warning-text);
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: var(--btn-warning-text);
        --bs-btn-active-bg: var(--btn-warning-bg);
        --bs-btn-active-border-color: var(--btn-warning-bg);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: var(--btn-warning-text);
        --bs-btn-disabled-bg: var(--btn-warning-bg);
        --bs-btn-disabled-border-color: var(--btn-warning-bg);
    }
    
    .btn-secondary {
        --bs-btn-color: var(--btn-secondary-text);
        --bs-btn-bg: var(--btn-secondary-bg);
        --bs-btn-border-color: var(--btn-secondary-bg);
        --bs-btn-hover-color:  var(--btn-secondary-bg);
        --bs-btn-hover-bg: var(--btn-secondary-text);
        --bs-btn-hover-border-color: var(--btn-secondary-text);
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: var(--btn-secondary-text);
        --bs-btn-active-bg: var(--btn-secondary-bg);
        --bs-btn-active-border-color: var(--btn-secondary-bg);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: var(--btn-secondary-text);
        --bs-btn-disabled-bg: var(--btn-secondary-bg);
        --bs-btn-disabled-border-color: var(--btn-secondary-bg);
    }
    
    .btn-success {
        --bs-btn-color: var(--btn-success-text);
        --bs-btn-bg: var(--btn-success-bg);
        --bs-btn-border-color: var(--btn-success-bg);
        --bs-btn-hover-color:  var(--btn-success-bg);
        --bs-btn-hover-bg: var(--btn-success-text);
        --bs-btn-hover-border-color: var(--btn-success-text);
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: var(--btn-success-text);
        --bs-btn-active-bg: var(--btn-success-bg);
        --bs-btn-active-border-color: var(--btn-success-bg);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: var(--btn-success-text);
        --bs-btn-disabled-bg: var(--btn-success-bg);
        --bs-btn-disabled-border-color: var(--btn-success-bg);
    }

    .btn-danger {
        --bs-btn-color: var(--btn-danger-text);
        --bs-btn-bg: var(--btn-danger-bg);
        --bs-btn-border-color: var(--btn-danger-bg);
        --bs-btn-hover-color:  var(--btn-danger-bg);
        --bs-btn-hover-bg: var(--btn-danger-text);
        --bs-btn-hover-border-color: var(--btn-danger-text);
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: var(--btn-danger-text);
        --bs-btn-active-bg: var(--btn-danger-bg);
        --bs-btn-active-border-color: var(--btn-danger-bg);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: var(--btn-danger-text);
        --bs-btn-disabled-bg: var(--btn-danger-bg);
        --bs-btn-disabled-border-color: var(--btn-danger-bg);
    }

    .btn-info {
        --bs-btn-color: var(--btn-info-text);
        --bs-btn-bg: var(--btn-info-bg);
        --bs-btn-border-color: var(--btn-info-bg);
        --bs-btn-hover-color:  var(--btn-info-bg);
        --bs-btn-hover-bg: var(--btn-info-text);
        --bs-btn-hover-border-color: var(--btn-info-text);
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: var(--btn-info-text);
        --bs-btn-active-bg: var(--btn-info-bg);
        --bs-btn-active-border-color: var(--btn-info-bg);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: var(--btn-info-text);
        --bs-btn-disabled-bg: var(--btn-info-bg);
        --bs-btn-disabled-border-color: var(--btn-info-bg);
    }
    
    .btn-light {
        --bs-btn-color: var(--btn-light-text);
        --bs-btn-bg: var(--btn-light-bg);
        --bs-btn-border-color: var(--btn-light-bg);
        --bs-btn-hover-color:  var(--btn-light-bg);
        --bs-btn-hover-bg: var(--btn-light-text);
        --bs-btn-hover-border-color: var(--btn-light-text);
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: var(--btn-light-text);
        --bs-btn-active-bg: var(--btn-light-bg);
        --bs-btn-active-border-color: var(--btn-light-bg);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: var(--btn-light-text);
        --bs-btn-disabled-bg: var(--btn-light-bg);
        --bs-btn-disabled-border-color: var(--btn-light-bg);
    }

    .btn-dark {
        --bs-btn-color: var(--btn-dark-text);
        --bs-btn-bg: var(--btn-dark-bg);
        --bs-btn-border-color: var(--btn-dark-bg);
        --bs-btn-hover-color:  var(--btn-dark-bg);
        --bs-btn-hover-bg: var(--btn-dark-text);
        --bs-btn-hover-border-color: var(--btn-dark-text);
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: var(--btn-dark-text);
        --bs-btn-active-bg: var(--btn-dark-bg);
        --bs-btn-active-border-color: var(--btn-dark-bg);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: var(--btn-dark-text);
        --bs-btn-disabled-bg: var(--btn-dark-bg);
        --bs-btn-disabled-border-color: var(--btn-dark-bg);
    }
    
    
    .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
        color: var(--btn-primary-text);
        background-color: var(--btn-primary-bg);
        border-color: var(--btn-primary-bg);
    }
    
    .generic_page_title_style {
        background: var(--breadcrumb-bg);
        color: var(--breadcrumb-text);
        margin-bottom: 2rem;
    }
    
    .generic_page_title_style .sectionTitle {

    }

    .generic_page_title_style .breadcrumb-item {

    }

    .breadcrumb-item+.breadcrumb-item::before {
        color: var(--breadcrumb-text) !important;
    }
    .generic_page_title_style .breadcrumb-item  a {
         color: var(--breadcrumb-text) !important;
    }
    
    .generic_page_title_style .breadcrumb-item.active  {
         color: var(--breadcrumb-text) !important;
    }

    .generic_page_title_style .bg-custom {
        background: var(--breadcrumb-bg);
    }

    /* 
        headers   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    
    .headers {
        background: var(--header-hero-bg);
        color: var(--header-hero-text);
    }
    
    .headers .section__content__title, .headers .sectionItems__content__title, .headers .section__content__subtitle  {
        color: var(--header-hero-text) !important;
    }
    
    .headers .section__content__desc__short, .headers .sectionItems__content__desc__short {
        color: var(--header-hero-text) !important;
    }

    .headers .card .section__content__title, .headers .card .sectionItems__content__title, .headers .card .section__content__subtitle  {
        color: var(--card-text) !important;
    }
    
    .headers .card .section__content__desc__short, .headers .card .sectionItems__content__desc__short {
        color: var(--card-text) !important;
    }
    
    

    .headers .sectionTitle {

    }

    .headers .sectionSubTitle {

    }

    .headers .sectionDesc { 

    }

    .headers .sectionFeatureImage {

    }


    .headers .sectionSubItemTitle  {
    }

    .headers .sectionSubItemSubTitle {

    }

    .headers .sectionSubItemDesc {

    }

    .headers .sectionSubItemFeatureImage {

    }
    /*  **********
        End of headers styles
    ********** */


    /* 
        cta   
        This file contains the styles for the features or services section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .cta {

    }

    .cta .sectionTitle {

    }

    .cta .sectionSubTitle {

    }

    .cta .sectionDesc{

    }
    .cta .sectionFeatureImage {

    }


    .cta .sectionSubItemTitle  {

    }

    .cta .sectionSubItemSubTitle {

    }

    .cta .sectionSubItemDesc {

    }

    .cta .sectionSubItemFeatureImage {

    }
    /*  **********
        End of cta styles
    ********** */

    /* 
        generic_website_footer   
        This file contains the styles for the footer section of a webpage.
        It includes styles for titles, subtitles, descriptions, and images.
    */
    .generic_website_footer {
        background: var(--theme-footer-bg-color);
        color: var(--theme-footer-text-color);
    }

    .generic_website_footer .nav-link, .generic_website_footer .social-links a {
        color: var(--theme-footer-link-color) !important;
    }

    .generic_website_footer .list-group-item.active {
        background-color: var(--theme-footer-link-bg-color) !important;
        color: var(--theme-footer-link-color) !important;
        border-color: var(--theme-footer-link-bg-color) !important ;
    }

    .generic_website_footer .list-group-item.active a {
        background-color: var(--theme-footer-link-color) !important;
        color: var(--theme-footer-text-color) !important;
        border-color: var(--theme-footer-link-bg-color) !important ;
    }

    .generic_website_footer .nav-link, .generic_website_footer .nav-link.active {
        border-color: var(--theme-footer-link-bg-color) !important;
    }

    .generic_website_footer .nav-link.active, .generic_website_footer .nav-link.active  {
        color: var(--theme-footer-link-active-color) !important;
    }

    .generic_website_footer .bg-secondary-custom {
        background: var(--theme-footer-bg-color) !important;
        color: var(--theme-footer-text-color) !important;
    }

    .generic_website_footer .bg-secondary-custom a  {
        color: var(--theme-footer-link-color) !important;
    }

    .generic_website_footer .bg-secondary-custom a.active  {
        color: var(--theme-footer-link-active-color) !important;
    }

    .generic_website_footer .sectionTitle,
    .generic_website_footer .section__content__title {
        color: var(--theme-footer-title-color) !important;
    }

    .generic_website_footer .sectionSubTitle {
        color: var(--theme-footer-subtitle-color);
    }

    .generic_website_footer .sectionDesc{
        color: var(--theme-footer-desc-color);
    }
    .generic_website_footer .sectionFeatureImage {
        background: var(--theme-footer-feature-image-bg);
        color: var(--theme-footer-feature-image-text-color);
    }


    .generic_website_footer .sectionSubItemTitle  {
        color: var(--theme-footer-subitem-title-color);
    }

    .generic_website_footer .sectionSubItemSubTitle {
        color: var(--theme-footer-subitem-subtitle-color);
    }   

    .generic_website_footer .sectionSubItemDesc{
        color: var(--theme-footer-subitem-desc-color);
    }

    .generic_website_footer .sectionSubItemFeatureImage {
        background: var(--theme-footer-subitem-feature-image-bg);
        color: var(--theme-footer-subitem-feature-image-text-color);
    }

    /*  **********
        End of generic_website_footer styles
    ********** */

    

    .card, .bg-custom {
        background: var(--theme-color-section-bg-1);
        color: var(--theme-color-section-bg-1-text);
    }

    .bg-custom-2 {
        background: var(--theme-color-section-bg-2);
        color: var(--theme-color-section-bg-2-text);
    }


    .card, .bg-custom, .dropdown-menu {
        background-color: var(--card-bg) !important;
        color: var(--card-text) !important;
    }

    .card .sectionTitle,
    .card .sectionSubTitle,
    .card .sectionDesc,
    .card .sectionSubItemTitle,
    .card .sectionSubItemSubTitle,
    .card .sectionSubItemDesc,
    .card-text .subMenuDesc,
    .card-text .sectionSubItemDesc  {
        color: var(--card-text) !important;
    }

    .no-bg {
        background: var(--body-bg) !important;
        box-shadow: none !important;
    }
    
    .custom-icon-bg-1 {
        background-color: var(--btn-primary-bg) !important;
        color: var(--btn-primary-text) !important;
        width: 48px; 
        height: 48px; 
        font-weight: 700; 
        font-size: 1.5rem;
    }
    
    .custom-icon-bg-2 {
        background-color: var(--btn-secondary-bg) !important;
        color: var(--btn-secondary-text) !important;
        width: 48px; 
        height: 48px; 
        font-weight: 700; 
        font-size: 1.5rem;
    }
    
    .custom-step-number {
        background-color: var(--btn-primary-bg) !important;
        color: var(--btn-primary-text) !important;
        width: 48px; 
        height: 48px;
        min-width: 48px;
        font-weight: 700; 
        font-size: 1rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .custom-step-number-square {
        background-color: var(--btn-primary-bg) !important;
        color: var(--btn-primary-text) !important;
        width: 48px; 
        height: 48px;
        min-width: 48px;
        font-weight: 700; 
        font-size: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
        color: var(--body-text);
        background-color: var(--body-bg);
        border-color: var(--btn-primary-bg);
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: var(--btn-primary-bg) !important;
        color: var(--btn-primary-text) !important;
        border-color: var(--btn-primary-bg) !important;
    }

    /* Pagination */
    .pagination .page-item:not(:first-child) .page-link {
        background-color: var(--body-bg);
        color: var(--body-text);
    }

    .pagination .disabled>.page-link, .pagination .page-link.disabled {
        background-color: var(--body-bg) !important;
        color: var(--body-text) !important;
        opacity: 0.5;
    }
    
    .pagination .active>.page-link, .pagination .page-link.active {
        background-color: var(--btn-primary-bg) !important;
        border-color: var(--btn-primary-bg) !important;
        color: var(--btn-primary-text) !important;
    }

    .pagination .active>.page-link, .pagination .page-link.active {
        background-color: var(--btn-primary-bg) !important;
        border-color: var(--btn-primary-bg) !important;
        color: var(--btn-primary-text) !important;
    }
    
    .pagination .page-item:last-child .page-link {
        background-color: var(--btn-primary-bg) !important;
        color: var(--btn-primary-text) !important;
    }

    #aside-menu .menu-list li ul {
        border-left: 1px solid var(--body-text);
    }

    #aside-menu .menu-list a.is-active, #aside-menu .menu-list a:hover {
        background-color: var(--btn-primary-bg) !important;
        color: var(--btn-primary-text) !important;
        font-weight: 700;
    }

    .text-primary, .text-muted {
        color: var(--body-text) !important;
    }

    a, a:hover, a:focus {
        color: var(--body-text) !important;
    }

    .badge, a.badge {
        background-color: var(--btn-primary-bg) !important;
        color: var(--btn-primary-text) !important;
    }
    .swiper-button-prev, .swiper-button-next {
        color: var(--theme-color-section-title-1) !important;
    }