@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Lalezar&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lalezar&family=Special+Gothic+Condensed+One&display=swap');

.lalezar {
    font-family: "Lalezar", system-ui;
}

.bold-font {
    font-family:'Times New Roman', serif
}

.bg-header {
    background-color: #14274E;
}

.bg-body {
    background-color: #F1F6F9;
}

.icon-color {
    color: #F1F6F9;
}

.navbar-toggler {
    border: 1px solid #F1F6F9!important;
    background: inherit;
    height: 30px;
    display: flex;
    text-align: center;
}

.bi-list {
    color: #F1F6F9!important;
    font-size: 20px;
}

header {
    margin-bottom: 50px;
}
 
#mobile-navbar {
    background-color: #14274E;
    opacity: 60%;
    color: #F1F6F9;
    max-width: 95%;
    min-width: 95%;
    max-height: 42px;
    display: flex;
    justify-self: center;
    align-self: center;
    border-radius: 50px;
    align-content: center;
    box-shadow: 2px 5px 2px #000000;
}

#desktop-navbar {
    opacity: 100%;
    background-color: #ffffff;
    color: #14274E !important;
    max-width: 95%;
    min-width: 95%;
    max-height: 42px;
    display: flex;
    justify-self: center;
    align-self: center;
    border-radius: 50px;
    align-content: center;
}



.navbar-brand {
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 25px;
    color: #14274E;
    font-weight: bold;
}
.navbar-brand:hover {
    color: #9BA4B4;
}

@media (max-width: 768px) {
    .nav-link {
        direction: rtl !important;
        color: #F1F6F9;
    }
    .navbar-brand{
        color: #F1F6F9 !important;
        z-index: 100000;
    }
    .offcanvas, .offcanvas a {
        color: #F1F6F9 !important;
    }
}

.btn-close {
    background-color: #F1F6F9 !important;
}

.nav-link {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: bold;
    color: #14274E;
    margin-right: 15px;
}
.nav-link:hover {
    color: #9BA4B4;
}

.nav-link button {
    border: 5px;
    border-radius: 20px;
    width: 100px;
    height: 30px;
    background-color: #14274E;
    color: #F1F6F9;
    opacity: 100%;
    box-shadow: 0 2px 4px 0 #14274E;
}