:root {
    /* PRIMARY COLOR (now BLUE) */
    --theme-green: #2575fc;

    /* BLUE VARIATIONS (same pattern as before) */
    --theme-green2: rgb(37 117 252 / 40%);
    --theme-green3: rgb(37 117 252 / 80%);
    --theme-light-green: rgb(37 117 252 / 20%);
    --theme-light-green2: rgb(37 117 252 / 7%);
    --theme-light-green3: rgb(37 117 252 / 10%);

    /* BACKGROUND SHADES */
    --light-green-bg: rgb(37 117 252 / 5%);
    --b-border-color: rgb(37 117 252 / 30%);

    /* BLUE SYSTEM */
    --theme-blue: rgb(37 117 252 / 15%);
    --theme-dark-blue: #1a5ed9; /* darker shade of #2575fc */

    /* TEXT + UI */
    --p-color-grey: #757f95;

    --theme-font-family: "Archivo", sans-serif;
    --theme-font-family2: "Titillium Web", sans-serif;

    /* DARK MODE */
    --dark_bkl: #191a1c;
    --dark_bkl2: #0a0b0c;

    /* TEXT COLORS */
    --p2-color-grey: #ffffffcc;
    --p3-color-grey: #ffffff80;
    --p4-color-grey: #f7f7f9;
    --p5-color-grey: rgb(255 255 255 / 15%);

    --theme-white-rgb: rgb(255 255 255 / 3%);
}

body {
    /* font-family: var(--theme-font-family); */
    font-family: var(--theme-font-family2);
    overflow-x: hidden;
    margin:0;
}
* {
  /* outline: 1px solid red; */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* overflow-x: hidden; */
}
/* img{
    width: 100%;
} */

a {
    cursor: pointer;
}


/* header */
.header_styling {
    /* border: 1px solid; */
    height: fit-content;
}

.nav-item .nav-link {
    font-size: 15px;
    margin: 0 1rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
    display: inline-block;
}

.nav-link.active {
    color: var(--theme-green) !important;
    /* text-decoration: underline; */
    border-bottom: 3px solid var(--theme-green);
}

.nav-link {
    position: relative;
    display: inline-block;
}

/* underline */
.nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0%;
    height: 3px;
    background-color: var(--theme-green);
    transition: width 0.3s ease;
}

/* hover */
.nav-link:hover {
    color: var(--theme-green) !important;
}

.nav-link:hover::after {
    width: 100%;
}


/* parent */
.nav-item {
    position: relative;
}

/* dropdown */
.dropdown_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    max-width: 350px;
    /* width: 100%; */
    border-radius: 8px;
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); */
    padding: 10px;
    opacity: 0;
    z-index: 10;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s ease;
}

/* dropdown items */
.dropdown_menu li {
    list-style: none;
}

.dropdown_menu li a {
    display: block;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
}

.dropdown_menu li a:hover {
    background: #f2f2f2;
}

/* hover open (desktop) */
.nav-item:hover .dropdown_menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header_right_side {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    margin-bottom: 0;
}

.header_right_side li {
    font-size: 17px;
    margin-right: 15px;
    padding-right: 15px;
    color: #fff;
}

.hrs_br {
    border-right: 1px solid lightgray;
}

.hrs_flex {
    display: flex;
    align-items: center;
    font-size: 17px;
    color: #fff;
    gap: 10px;
}

.hrs_flex p {
    margin-bottom: 0;
}

.align_cc {
    align-content: center;
}

.header_left_side {
    display: flex;
    justify-content: space-between;
}

.hrs_flex_1 i {
    border: 1px solid lightgray;
    width: 45px;
    height: 45px;
    color: #fff;
    text-align: center;
    align-content: center;
    border-radius: 5px;
}

header {
    background-color: var(--theme-green);
    /* height: 55px; */
    padding: 6px 0;
    align-content: center;
}


/* header */