/* menu.css */
.nav1-wrapper {
    position:relative;
    background-color:#f6f9f9;
    height:55px
}
.topnav1 {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-evenly;
    height:55px
}
.logo {
    height:55px;
    width:auto;
    padding:2px;
    box-sizing:border-box
}
.nav1-links {
    font-weight:600;
    display:flex;
    align-items:center;
    gap:1.2rem
}
.topnav1 a,.dropdown0 .dropbtn {
    display:flex;
    align-items:center;
    height:55px;
    font-family:inherit;
    font-size:18px;
    font-weight:600;
    border:none;
    outline:0;
    color:#0D9DDF;
    background-color:inherit;
    letter-spacing:normal;
    text-decoration: none ;
	line-height: 1.9;
}
.dropdown0 {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start
}
.dropdown0-content {
    display:none;
    position:absolute;
    top:100%;
    left:-10px;
    background-color:#ecefef;
    min-width:300px;
    box-shadow:0 8px 16px rgba(0,0,0,.1);
    z-index:1000
}
.dropdown0-content a {
    color:#0D9DDF;
    padding:5px 16px;
    display:block;
    text-align:left;
    height:auto
}
@media (hover:hover) {
    .topnav1 a:hover,.dropdown0:hover .dropbtn {
        color:#606163
    }
    .dropdown0:hover .dropdown0-content {
        display:block
    }
}
.contact-icons {
    display:flex;
    gap:1.2rem;
    align-items:center
}
.icon {
    position:relative;
    right:12px;
    width:30px;
    height:30px;
    cursor:pointer;
    background:none;
    border:none;
    display:none
}
.icon__bar {
    display:block;
    position:absolute;
    width:100%;
    height:3px;
    background:#0D9DDF;
    border-radius:2px;
    transition:.3s
}
.icon__bar:first-child {
    top:0
}
.icon__bar:nth-child(2) {
    top:50%;
    transform:translateY(-50%)
}
.icon__bar:nth-child(3) {
    bottom:0
}
.topnav1.responsive .icon__bar:first-child {
    transform:translateY(10px) rotate(45deg);
    top:0
}
.topnav1.responsive .icon__bar:nth-child(2) {
    opacity:0
}
.topnav1.responsive .icon__bar:nth-child(3) {
    transform:translateY(-2px) rotate(-45deg);
    bottom:50%
}
@media (max-width:992px) {
    .nav1-wrapper {
        height:auto
    }
    .topnav1 {
        justify-content:space-between;
        height:auto
    }
    .nav1-links,.contact-icons {
        display:none;
        width:100%;
        order:3;
        flex-direction:column;
        gap:1.5rem;
        margin-bottom: 20px;
    }
    .topnav1.responsive .nav1-links,.topnav1.responsive .contact-icons {
        display:flex
    }
    .icon {
        display:block;
        order:1
    }
    .topnav1 a,.dropdown0 .dropbtn {
        height:auto
    }
    .dropdown0-content {
        position:static;
        box-shadow:none;
        background-color:transparent;
        display:none;
        padding-left:1rem
    }
    .dropdown0.active .dropdown0-content {
        display:block
    }
}