nav.flex {
    display: flex;
}

h3.h3-custom {
    color: var(--color-white);
    font-size: 16px;
}

a.text-white {
    color: var(--color-white);
}

a.text-blue-300 {
    color: var(--color-blue-300);
}

a.text-slate-700 {
    color: var(--color-slate-700);
}

ul {
    margin: 0px !important;
}

    ul.font-size {
        font-size: 16px;
    }

    ul li ul {
        margin: 0px;
    }

    ul li a .text-\[\#2c5282\] {
        color: #2c5282
    }
#menu a:hover, a:focus {
    color: white;
    text-decoration: none;
}

.py-3-p {
    padding-top: 12px;
    padding-bottom: 12px;
}

#menu .hover\:bg-white\/20:hover {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}

.px-5-p {
    padding-left: 20px;
    padding-right: 20px;
}

.nav-width-div {
    width: 976px;
}
.height-khay
{
    height:50px;
}
.margin-khay {
    margin-top: 30px;
    margin-bottom: 30px;
}

footer p {
    font-size: 14px;
}


   

.footer-width {
    width: 1280px;
}