@font-face {
     font-family: 'Poppins';
     src: url('../font/Poppins-Bold.eot');
     src: url('../font/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Poppins-Bold.woff') format('woff'), url('../font/Poppins-Bold.ttf') format('truetype'), url('../font/Poppins-Bold.svg#Poppins-Bold') format('svg');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Poppins';
     src: url('../font/Poppins-Medium.eot');
     src: url('../font/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../font/Poppins-Medium.woff') format('woff'), url('../font/Poppins-Medium.ttf') format('truetype'), url('../font/Poppins-Medium.svg#Poppins-Medium') format('svg');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Poppins';
     src: url('../font/Poppins-Regular.eot');
     src: url('../font/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('../font/Poppins-Regular.svg#Poppins-Regular') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Poppins';
     src: url('../font/Poppins-SemiBold.eot');
     src: url('../font/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../font/Poppins-SemiBold.woff') format('woff'), url('../font/Poppins-SemiBold.ttf') format('truetype'), url('../font/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
 }
 
 body {
     font-family: 'Poppins', sans-serif;
 }
 
 .container {
     max-width: 1360px;
 }
 
 a:not([class]) {
     color: #00bcd4;
     text-decoration: none;
 }
 
 a:not([class]):hover {
     color: #ff8a56;
     text-decoration: underline;
 }
 
 :root {
     --swiper-navigation-color: #00bcd4;
     --swiper-pagination-color: #00bcd4;
 }
 
 .level-2.active {
     background: #f5f5f5;
     color: #ff8a56;
     transition: all ease .1s;
     border-right: 4px solid #ff8a56
 }
 
 @media screen and (min-width: 767px) {
     .level-2:hover {
         background: #f5f5f5;
         color: #ff8a56;
         transition: all ease .1s;
     }
 }
 
 .level-2.active>span {
     font-weight: bold;
 }
 
 .level-3 a:hover {
     color: #ff8a56
 }
 
 .level-2 .level-3 {
     display: none;
     width: calc(100% - 370px - 10px);
 }
 
 .level-2.active .level-3 {
     display: grid;
 }
 
 .level-2 .fa-angle-down {
     display: none;
 }
 
 @media screen and (max-width: 767px) {
     .level-2 .level-3 {
         width: 100%
     }
     .level-2 .fa-angle-down {
         display: unset;
     }
 }
 
 #quick-nav .nav-link-active {
     border-bottom: #00bcd4 solid 2px;
 }