/* Color tokens - Light theme defaults */
:root {
    --bg: #f6f9ff;
    --text: #012970;
    --muted: #6b7280;
    --primary: #4154f1;
    --primary-600: #6776f4;
    --white: #ffffff;
    --border: rgba(1, 41, 112, 0.2);
    --input-border: rgba(1, 41, 112, 0.2);
    --input-focus-border: rgba(1, 41, 112, 0.3);
    --shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
    --card-bg: #ffffff;
    --submenu-border: #000000;
    --link-hover: #717ff5;
    --icon-gray: gray;
}

/* Respect system preference by default */
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0b1220;
        --text: #e6eef9;
        --muted: #9fb4e6;
        --primary: #7290ff;
        --primary-600: #8ea1ff;
        --white: #0b1220;
        --border: rgba(255,255,255,0.06);
        --input-border: rgba(255,255,255,0.06);
        --input-focus-border: rgba(114,137,255,0.2);
        --shadow: 0 0 10px 0 rgba(24, 49, 95, 0.5);
        --card-bg: #0f1724;
        --submenu-border: rgba(255,255,255,0.06);
        --link-hover: #9bb1ff;
        --icon-gray: #9aa6c7/* Respect system preference by default */
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0b1220;
        --text: #e6eef9;
        --muted: #9fb4e6;
        --primary: #7290ff;
        --primary-600: #8ea1ff;
        --white: #0b1220;
        --border: rgba(255,255,255,0.06);
        --input-border: rgba(255,255,255,0.06);
        --input-focus-border: rgba(114,137,255,0.2);
        --shadow: 0 0 10px 0 rgba(24, 49, 95, 0.5);
        --card-bg: #0f1724;
        --submenu-border: rgba(255,255,255,0.06);
        --link-hover: #9bb1ff;
        --icon-gray: #9aa6c7/* Respect system preference by default */
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0b1220;
        --text: #e6eef9;
        --muted: #9fb4e6;
        --primary: #7290ff;
        --primary-600: #8ea1ff;
        --white: #0b1220;
        --border: rgba(255,255,255,0.06);
        --input-border: rgba(255,255,255,0.06);
        --input-focus-border: rgba(114,137,255,0.2);
        --shadow: 0 0 10px 0 rgba(24, 49, 95, 0.5);
        --card-bg: #0f1724;
        --submenu-border: rgba(255,255,255,0.06);
        --link-hover: #9bb1ff;
        --icon-gray: #9aa6c7/* Respect system preference by default */
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0b1220;
        --text: #e6eef9;
        --muted: #9fb4e6;
        --primary: #7290ff;
        --primary-600: #8ea1ff;
        --white: #0b1220;
        --border: rgba(255,255,255,0.06);
        --input-border: rgba(255,255,255,0.06);
        --input-focus-border: rgba(114,137,255,0.2);
        --shadow: 0 0 10px 0 rgba(24, 49, 95, 0.5);
        --card-bg: #0f1724;
        --submenu-border: rgba(255,255,255,0.06);
        --link-hover: #9bb1ff;
        --icon-gray: #9aa6c7                /* Respect system preference by default */
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0b1220;
        --text: #e6eef9;
        --muted: #9fb4e6;
        --primary: #7290ff;
        --primary-600: #8ea1ff;
        --white: #0b1220;
        --border: rgba(255,255,255,0.06);
        --input-border: rgba(255,255,255,0.06);
        --input-focus-border: rgba(114,137,255,0.2);
        --shadow: 0 0 10px 0 rgba(24, 49, 95, 0.5);
        --card-bg: #0f1724;
        --submenu-border: rgba(255,255,255,0.06);
        --link-hover: #9bb1ff;
        --icon-gray: #9aa6c7;
    }
}

/* Explicit dark theme class override (useable by toggles) */
.theme-dark {
    --bg: #0b1220;
    --text: #e6eef9;
    --muted: #9fb4e6;
    --primary: #7290ff;
    --primary-600: #8ea1ff;
    --white: #0b1220;
    --border: rgba(255,255,255,0.06);
    --input-border: rgba(255,255,255,0.06);
    --input-focus-border: rgba(114,137,255,0.2);
    --shadow: 0 0 10px 0 rgba(24, 49, 95, 0.5);
    --card-bg: #0f1724;
    --submenu-border: rgba(255,255,255,0.06);
    --link-hover: #9bb1ff;
    --icon-gray: #9aa6c7;
}/* Explicit dark theme class override (useable by toggles) */
.theme-dark {
    --bg: #0b1220;
    --text: #e6eef9;
    --muted: #9fb4e6;
    --primary: #7290ff;
    --primary-600: #8ea1ff;
    --white: #0b1220;
    --border: rgba(255,255,255,0.06);
    --input-border: rgba(255,255,255,0.06);
    --input-focus-border: rgba(114,137,255,0.2);
    --shadow: 0 0 10px 0 rgba(24, 49, 95, 0.5);
    --card-bg: #0f1724;
    --submenu-border: rgba(255,255,255,0.06);
    --link-hover: #9bb1ff;
    --icon-gray: #9aa6c7;
}/* Explicit dark theme class override (useable by toggles) */
.theme-dark {
    --bg: #0b1220;
    --text: #e6eef9;
    --muted: #9fb4e6;
    --primary: #7290ff;
    --primary-600: #8ea1ff;
    --white: #0b1220;
    --border: rgba(255,255,255,0.06);
    --input-border: rgba(255,255,255,0.06);
    --input-focus-border: rgba(114,137,255,0.2);
    --shadow: 0 0 10px 0 rgba(24, 49, 95, 0.5);
    --card-bg: #0f1724;
    --submenu-border: rgba(255,255,255,0.06);
    --link-hover: #9bb1ff;
    --icon-gray: #9aa6c7;
}/* Explicit dark theme class override (useable by toggles) */
.theme-dark {
    --bg: #0b1220;
    --text: #e6eef9;
    --muted: #9fb4e6;
    --primary: #7290ff;
    --primary-600: #8ea1ff;
    --white: #0b1220;
    --border: rgba(255,255,255,0.06);
    --input-border: rgba(255,255,255,0.06);
    --input-focus-border: rgba(114,137,255,0.2);
    --shadow: 0 0 10px 0 rgba(24, 49, 95, 0.5);
    --card-bg: #0f1724;
    --submenu-border: rgba(255,255,255,0.06);
    --link-hover: #9bb1ff;
    --icon-gray: #9aa6c7;
}/* Explicit dark theme class override (useable by toggles) */
.theme-dark {
    --bg: #0b1220;
    --text: #e6eef9;
    --muted: #9fb4e6;
    --primary: #7290ff;
    --primary-600: #8ea1ff;
    --white: #0b1220;
    --border: rgba(255,255,255,0.06);
    --input-border: rgba(255,255,255,0.06);
    --input-focus-border: rgba(114,137,255,0.2);
    --shadow: 0 0 10px 0 rgba(24, 49, 95, 0.5);
    --card-bg: #0f1724;
    --submenu-border: rgba(255,255,255,0.06);
    --link-hover: #9bb1ff;
    --icon-gray: #9aa6c7;
}

/* Base layout */
/* Base layout */
html {
    position: relative;
    min-height: 100%;
    font-weight: 800;
}

body {
    /* margin-bottom: 60px; */    /* margin-bottom: 60px; */
    font-weight: 500;
    background: var(--bg);
    color: var(--text);
}

a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  color: var(--link-hover);
  text-decoration: none;
  cursor: pointer;
}

.link_color{
    color: var(--text);
}

/* Default Button Styles */
.My-btn{
    background: var(--primary);
    color: var(--white);
}

/* subtle lift + stronger shadow on hover */
.My-btn:hover {
    background: var(--primary-600);
    color: var(--white);
}

.My-btn-outline {
    background: none;
    color: var(--primary);
    border: 1px solid var(--primary-600.My-btn-outline {
    background: none;
    color: var(--primary);
    border: 1px solid var(--primary-600);
}

.My-btn-outline:hover {
    background: var(--primary);
    color: var(--white).My-btn-outline:hover {
    background: var(--primary);
    color: var(--white);
}
/* End Default Button *//* End Default Button */

/* Add custom CSS to open dropdown on hover */
.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Removes space between the dropdown and the parent link */
}

/* Search */

/* Search */
.search-bar {
    min-width: 360px;
    padding: 0 20px;
}
.search-form input {
    border: 0;
    font-size: 14px;
    color: var(--text);
    border: 1px solid var(--input-border);
    padding: 7px 38px 7px 8px;
    border-radius: 3px;
    transition: 0.3s;
    width: 100%;
    background: transparent;
    background: transparent;
}

.search-form input:focus,
.search-form input:hover {
    outline: none;
    box-shadow: var(--shadow);
    border: 1px solid var(--input-focus-border);
}

.search-form button {
    border: 0;
    padding: 0;
    margin-left: -30px;
    background: none;
}

.search-form button i {
    color: var(--text);
}

/* Navbar Login Section Styles */
.submenu {
    min-width:150px;
    background: var(--card-bg);
    list-style-type: none;
    text-align:left;
    padding: 10px;
    margin: 10px 0;
    position:absolute;
    top:40px;
    left:-95px;
    border:1px solid var(--submenu-border);
    z-index:100;
    transition: 1s ease-in-out;
    color: var(--text);
    color: var(--text);
}

.submenu img{
    max-height:36px;
}
.submenu li {
    padding: 5px;
}
.submenu li i{
    padding:5px;
}

.submenu li a {
    text-decoration: none;
    color: var(--text);
}

.submenu li a:hover{
    color: var(--primary);
}

.submenu .profile{
    text-align:center;
    border-bottom: 1px solid var(--border);
}
/* End Login Section */

.icon-hover {
    color: var(--icon-gray);
    background:none;
}

.icon-hover:hover {
  border-color: var(--primary) !important;
  background-color: transparent !important;
  border-color: var(--primary) !important;
  background-color: transparent !important;
}

.icon-hover:hover i {
  color: var(--primary) !important;
}


.why-choose-us i {
    color: var(--primary);
    color: #4154f1;
}