*,
*::after,
*::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;

}

p {

    font-family: 'Golos Text', sans-serif;
}
h1,
h2,
h3,
h4
{
    font-family: 'DM Sans', sans-serif;
}

:root {
    --orange: #FF634B;
    --blue: #2D5DAB;
    --yellow: #F1CF2F;
    --darkblue: #0D1D51;
    --whiteish: #F8F9FA;
    --blackish:#33313D; /* Adjusted since #0D1D51 is dark blue */
}


@media only screen and (max-width: 600px) {
    h1,
    h2,
    h3,
    h4
    {
        font-size:28px !important;
    }
    p {
        font-size:16px !important;
    };

    span {
        font-size:14px !important;
    }
}

.mynavi {
    position: fixed !important;
    /* height: 100px; */

    z-index: 999;
    width: 100%;
    /* padding-left: 130px !important;
    padding-right: 130px !important; */
    background-color: #F8F8F8;


}
.navitem-wrapper {
    /* gap: 60px; */
    display: flex;
    gap:20px;
    /* background-color: */
}
.inner{
    display: flex;
    width: 100%;
}


.nav-link {
    font-family: "Golos Text" ;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
color:var(--blackish);

}





.navbar-toggler {
    border-color: white !important;
    outline: white !important;
}

.navbar-toggler.active {
    border-color: white !important;
    outline: white !important;
}

.navbar-toggler-icon {

}


.nav-link:hover
{
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    color:black;
    font-weight: 500;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    color:black;
    font-weight: 800;
}
.dropdown-item:active {
    background-color: transparent !important;
    color: inherit !important;
}

@media only screen and (max-width: 600px) {



}
@media only screen and (max-width: 1300px) {

    .navitem-wrapper {
        gap: 25px;
        display: flex;

    }

    .navitem-wrapper {
        gap: 2px;
        display: flex;

    }





}
@media only screen and (max-width: 990px) {

    .navitem-wrapper {
        gap: 2px;
        display: flex;

    }





}