header {position: relative; display: block; top: 0; left: 0; width: 100%; height: auto; padding: 0.4rem 0; margin: 0 auto; z-index: 999; border: none; outline: none;}
header .nav-container {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; border-radius: 50px; padding: 10px 40px; justify-content: space-between;}
header .nav-container .logo {position: relative;}
header .nav-container .menu {list-style: none; margin: 0; padding: 0; display: flex;}
header .nav-container .menu li {position: relative;}
header .nav-container .menu li a {display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; color: #000000; text-decoration: none; font-size: 15px; font-weight: 500;}
header .nav-container .menu li:hover > a {}
header .nav-container .sub-menu {list-style: none; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; display: none; min-width: 20rem; max-width: 25rem; border-top:3px solid #0086E6; border-radius: .25rem; background: #fafafa;border-bottom:1px solid #c4c4c4;border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;}
header .nav-container .sub-menu li a {padding: 12px;border-bottom: 1px solid #e7e7e7; line-height: 1.25; color: #121212; font-size: 13px; font-weight: 400;}
header .nav-container .sub-menu li a:hover{color: #0086E6;}
header .nav-container .sub-menu .sub-menu {left: 100%; top: 0;}
header .nav-container .menu li a i {margin-left: 8px; transition: 0.3s;}
@media (min-width: 768px) {
header .nav-container .menu li:hover > .sub-menu {display: block;}
header .nav-container{padding: 15px 15px;}
}
.menu-toggle {display: none; color: #0086E6; cursor: pointer; font-size: 35px;}
@media (max-width: 768px) {
header .nav-container {flex-wrap: wrap; padding: 15px 15px;}
header .nav-container .menu {display: none; flex-direction: column; width: 100%; background: #ffffff; border-radius: .50rem;}
header .nav-container .menu li a {display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; color: #121212; text-decoration: none; font-size: 14px; font-weight: 500;}
header .nav-container .menu li {border-top: 1px solid #efefef;}
header .nav-container .menu li:first-child {border-top: none;}
header .nav-container .sub-menu {position: static;}
header .nav-container .sub-menu li a {font-size: 13px; font-weight: 400;}

.menu-toggle {display: block;}
.has-sub > a i {transform: rotate(0deg);}
.has-sub.active > a i {transform: rotate(270deg);}
}