:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-emphasis-color: #000;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-bg: #e9ecef;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-bg: #f8f9fa;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-color: #dee2e6;
}


/* header style 1 */

.header-style-1 .head{
    background-color: var(--bs-white);
}

.header-style-1 .navbar-dark, .header-style-1 .dropdown-menu{
    background-color: var(--bs-gray-800) !important;
}
.header-style-1 .navbar-nav .dropdown .dropdown-toggle{
    color: var(--bs-black) !important;
}
.header-style-1 .navbar-dark a{
    color: var(--bs-white) !important;
}

.header-style-1 .header-search form input, .header-style-1 .header-search form input:focus{
    background-color: var(--bs-gray-800) !important;
    color: var(--bs-white) !important;
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
    padding-left: 1rem;
    height: 2.2rem;
}

.header-style-1 .header-search form button{
    border-bottom-right-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
    height: 2.2rem !important;
}

/* header style 2 */

.header-style-2 .head{
    background-color: var(--bs-gray-200);
}

.header-style-2 .navbar-dark, .header-style-2 .dropdown-menu{
    background-color: var(--bs-gray-400) !important;
}

.header-style-2 .navbar-nav .dropdown .dropdown-toggle{
    color: var(--bs-black) !important;
}

.header-style-2 .navbar-dark a{
    color: var(--bs-gray-800) !important;
}

.header-style-2 .header-search form input, .header-style-2 .header-search form input:focus{
    background-color: var(--bs-white) !important;
    border-bottom-left-radius: 1rem !important;
    border-top-left-radius: 1rem !important;
    color: var(--bs-gray-800) !important;
    padding-left: 1rem;
    height: 2.2rem;
}

.header-style-2 .header-search form button{
    border-bottom-right-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
    height: 2.2rem !important;
}

.header-style-2 .navbar-nav .dropdown a{
    color: var(--bs-black) !important;
}

.header-style-2 .navbar-nav .dropdown .dropdown-menu li a{
    color: var(--bs-black) !important;
}

/* header style 3 */

.header-style-3 .head{
    background-color: var(--bs-gray-800);
    border-bottom: 1px solid var(--bs-gray-100);
}

.header-style-3 .navbar-nav .dropdown a{
    color: var(--bs-white) !important;
}

.header-style-3 .navbar-nav .dropdown .dropdown-menu li a{
    color: var(--bs-black) !important;
}

.header-style-3 .navbar-dark, .header-style-3 .dropdown-menu{
    background-color: var(--bs-gray-800) !important;
}

.header-style-3 .navbar-nav .dropdown .dropdown-toggle{
    color: var(--bs-black) !important;
}

.header-style-3 .navbar-dark a{
    color: var(--bs-white) !important;
}

.header-style-3 .header-search form input{
    background-color: var(--bs-gray-700);
    border-bottom-left-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    padding-left: 1rem;
    height: 2.2rem;
}

.header-style-3 .header-search form input, .header-style-3 .header-search form input:focus{
    background-color: var(--bs-gray-700) !important;
    color: var(--bs-gray-200) !important;
    padding-left: 1rem;
    height: 2.2rem;
}

.header-style-3 .header-search form button{
    border-bottom-right-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
    height: 2.2rem !important;
}

/* header style 4 */

.header-style-4 .head{
    background-color: var(--bs-white);
    border-bottom: 1px solid var(--bs-gray-500);
}

.header-style-4 .navbar-nav .dropdown a{
    color: var(--bs-black) !important;
}

.header-style-4 .navbar-nav .dropdown .dropdown-menu li a{
    color: var(--bs-black) !important;
}

.header-style-4 .navbar-dark{
    background-color: var(--bs-gray-100) !important;
    border-bottom: 1px solid var(--bs-gray-500) !important;
}

.header-style-4 .navbar-dark a{
    color: var(--bs-black) !important;
}

.header-style-4 .header-search form input{
    background-color: var(--bs-white);
    border-bottom-left-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    padding-left: 1rem;
    height: 2.2rem;
    border: 1px solid var(--bs-black) !important;
    border-right: none !important;
}

.header-style-4 .header-search form input:focus{
    background-color: var(--bs-white) !important;
    color: var(--bs-gray-800) !important;
    padding-left: 1rem;
    height: 2.2rem;
}

.header-style-4 .header-search form button{
    border-bottom-right-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
    height: 2.2rem !important;
}

/* header style 5 */

.header-style-5 .head{
    background-color: var(--bs-gray-800);
    border-bottom: 1px solid var(--bs-gray-100);
}

.header-style-5 .navbar-nav .dropdown a{
    color: var(--bs-white) !important;
}

.header-style-5 .navbar-nav .dropdown .dropdown-menu li a{
    color: var(--bs-black) !important;
}

.header-style-5 .navbar-dark{
    background-color: var(--bs-gray-800) !important;
}

.header-style-5 .navbar-dark .navbar-collapse > div{
    margin-left: auto !important;
    margin-right: auto !important;
}

.header-style-5 .navbar-dark .navbar-collapse ul li{
    border-right: 1px solid var(--bs-light) !important;
}

.header-style-5 .navbar-dark .navbar-collapse ul li:last-child{
    border-right: none !important;
}

.header-style-5 .navbar-dark .navbar-collapse ul .nav-link:hover{
    background-color: var(--bs-gray-700) !important;
}

.header-style-5 .navbar-dark a{
    color: var(--bs-white) !important;
}

.header-style-5 .header-search form input{
    background-color: var(--bs-gray-700);
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
    padding-left: 1rem;
    height: 2.2rem;
}

.header-style-5 .header-search form input, .header-style-5 .header-search form input:focus{
    background-color: var(--bs-gray-700) !important;
    color: var(--bs-gray-200) !important;
    padding-left: 1rem;
    height: 2.2rem;
}

.header-style-5 .header-search form button{
    border-bottom-right-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
    height: 2.2rem !important;
}