/* Mobile Menu Button */
.mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    font-size: 24px;
    color: #123d7a;
    cursor: pointer;
    padding: 10px;
}

/* Mobile */
@media (max-width: 768px) {

    .navbar .container {
        display: block;
        position: relative;
    }

    .mobile-menu-btn {
        display: block;
        width: 100%;
        text-align: right;
    }

    .main-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        background: #fff;
        border-top: 1px solid #ddd;
    }

    .main-menu.active {
        display: flex;
    }

    .main-menu li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    .main-menu li a {
        display: block;
        padding: 12px 15px;
    }

    .dropdown {
        position: static !important;
        display: none;
        width: 100%;
        box-shadow: none;
        background: #f8f8f8;
    }

    .main-menu li.open > .dropdown {
        display: block;
    }

    .menu-right {
        display: none;
    }
}
/* mobile css*/
@media (max-width:768px){

    .navbar .container{
        display:flex;
        flex-wrap:wrap;
        justify-content:flex-end;
        align-items:center;
    }

    .mobile-menu-btn{
        display:block;
        background:none;
        border:none;
        font-size:30px;
        color:#123d7a;
        cursor:pointer;
        padding:10px 15px;
    }

    .main-menu{
        display:none !important;
        width:100%;
        flex-direction:column;
        background:#fff;
        margin:0;
        padding:0;
    }

    .main-menu.active{
        display:flex !important;
    }

    .main-menu li{
        width:100%;
        border-bottom:1px solid #e5e5e5;
    }

    .main-menu li a{
        display:block;
        padding:12px 15px;
    }

    .menu-right{
        display:none;
    }

    .dropdown{
        position:static !important;
        width:100%;
        box-shadow:none;
        display:none;
        background:#f8f8f8;
    }

    .main-menu li.open .dropdown{
        display:block;
    }
}
@media (max-width:768px){

    .main-menu .dropdown{
        display:none !important;
        position:static;
        width:100%;
        background:#f5f5f5;
        padding-left:15px;
    }

    .main-menu li.open > .dropdown{
        display:block !important;
    }

    .main-menu .dropdown li a{
        padding:10px 20px;
        font-size:14px;
        color:#333;
    }

}
.logo a{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
}

.site-logo{
    width: 60px !important;
    height:60px;
    object-fit:contain;
}

.site-title{
    font-size:42px;
    font-weight:700;
    color:#123d7a;
    line-height:1.2;
}

/* Mobile */
@media(max-width:768px){

    .site-logo{
        width:45px;
        height:45px;
    }

    .site-title{
        font-size:22px;
    }
}
header{
    background:#fff;
    padding:10px 0;
    border-bottom:1px solid #ddd;
    box-shadow:0 2px 5px rgba(0,0,0,.05);
}