ul{list-style:none;margin:0;padding:0}
a{text-decoration:none}
.header{width:100%;z-index:99;padding:5px}
.header .logo{display:flex;justify-content:center;align-items:center}
.header .logo img{max-width:150px}
.header .item-right a{text-decoration:none;font-size:16px;color:#555;display:inline-block;margin-left:10px;transition:color .3s ease}
.dark-mode .header .item-right a{text-decoration:none;font-size:16px;color:#fff;display:inline-block;margin-left:10px;transition:color .3s ease}
.header .menu>ul>li{display:inline-block;line-height:50px;margin-left:25px}
.header .menu>ul>li>a{display:flex;align-items:center;justify-content:center; font-size:17px;font-weight:700;color:#333;position:relative;text-transform:capitalize;transition:color .3s ease}
.header .menu>ul>li>a i{ font-size:12px; transition:color .3s ease}
.dark-mode .header .menu>ul>li>a{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#fff;position:relative;text-transform:capitalize;transition:color .3s ease}
.header .menu>ul>li .sub-menu{position:absolute;z-index:500;background-color:#fff;box-shadow:-2px 2px 70px -25px rgba(0,0,0,.3);padding:20px 30px;transition:all .5s ease;margin-top:25px;opacity:0;visibility:hidden}
.dark-mode .header .menu>ul>li .sub-menu{position:absolute;z-index:500; background-color:#222;box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);padding:20px 30px;transition:all .5s ease;margin-top:25px;opacity:0;visibility:hidden}
#search { position: fixed; top: 0px; left: 0px; width: 100%; height: 50%; background-color: rgba(0, 0, 0, 0.9); transition: all 0.5s ease-in-out; transform: translate(0px, -100%) scale(0, 0); opacity: 0; display: none; }
#search.open { transform: translate(0px, 0px) scale(1, 1); opacity: 1; z-index: 106; display: block; }
#search input[type="search"] { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50%; color: rgb(255, 255, 255); background: #fff; border-radius: 20px; font-size: 24px; font-weight: 300; text-align: center; outline: none; padding: 10px; box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); }
#search .close { position: fixed; top: 15px; right: 15px; opacity: 1; font-size: 27px; color: #fff; }
#search .close:hover { color: #ED2024; cursor: pointer; }
@media(min-width:992px){
.header .menu>ul>li.menu-item-has-children:hover .sub-menu{margin-top:0;visibility:visible;opacity:1}
.header .menu > ul > li > a i { margin-left: 10px; }
.header .menu > ul > li > a:hover i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
}
.header .menu>ul>li .sub-menu>ul>li{line-height:1}
.header .menu>ul>li .sub-menu>ul>li>a{display:inline-block;padding:10px 0;font-size:15px;color:#555;transition:color .3s ease;text-decoration:none;text-transform:capitalize}
.dark-mode .header .menu>ul>li .sub-menu>ul>li>a{display:inline-block;padding:10px 0;font-size:15px;color:#fff;transition:color .3s ease;text-decoration:none;text-transform:capitalize}
.header .menu>ul>li .single-column-menu{min-width:200px;max-width:350px}
.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li{line-height:1;display:block;padding:10px;}
.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a{padding:10px 5px;display:inline-flex;font-size:16px;color:#222;font-weight:700;transition:color .3s ease}
.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>i{height:30px;width:30px; display:inline-flex;align-items:center;justify-content:center; font-size:16px;color:#222;font-weight:700;border-radius:50%;background:rgba(0,0,0,.1);transition:color .3s ease}
.dark-mode .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a{padding:10px 5px;display:inline-block;font-size:15px;color:#fff;transition:color .3s ease}
.dark-mode .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>i{height:30px;width:30px; display:inline-flex;align-items:center;justify-content:center; font-size:16px;color:#fff;font-weight:700;border-radius:50%;background:rgba(255, 255, 255, 0.5);transition:color .3s ease}
.header .menu>ul>li .sub-menu.mega-menu{left:50%;transform:translateX(-50%)}
.header .menu>ul>li .sub-menu.mega-menu-column-4{width:100%;display:flex;flex-wrap:wrap;padding:20px 15px}
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item{flex:0 0 25%;padding:0 15px;border:5px #333;border:solid 1px #ddd;min-height:300px;}
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title{margin-bottom:0;font-size:14px;color:#ED2024;font-weight:900;line-height:1;padding:10px 0}
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title{text-align:center}
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img{max-width:100%;width:100%;vertical-align:middle;margin-top:10px;height:300px;object-fit:cover}
.header .item-right a:hover,.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li:hover a,.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li:hover i,.header .menu>ul>li .sub-menu>ul>li>a:hover,.header .menu>ul>li:hover>a{color:#ED2024;}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li:hover{background:#ed202436; border-radius:5px; color:#ED2024}
.mobile-menu-head, .mobile-menu-trigger { display: none }
@media(max-width:991px){
.header .mobile-menu-trigger{display:flex;height:30px;width:30px;cursor:pointer;align-items:center;justify-content:center;position:absolute;}
.header .mobile-menu-trigger span{display:block;height:2px;background-color:#333;width:24px;position:relative}
.header .mobile-menu-trigger span:after,.header .mobile-menu-trigger span:before{content:'';position:absolute;left:0;width:100%;height:100%;background-color:#333}
.header .mobile-menu-trigger span:before{top:-6px}
.header .mobile-menu-trigger span:after{top:6px}
.header .menu{position:fixed;width:90%;max-width:400px;background-color:#fff;left:0;top:0;height:100%;overflow:hidden;transform:translate(-100%);transition:all .5s ease;z-index:1099}
.header .menu.active{transform:translate(0)}
.header .menu>ul>li{line-height:1;margin:0;display:block}
.header .menu>ul>li>a{line-height:50px;height:50px;padding:0 50px 0 15px;display:block;border-bottom:1px solid rgba(0,0,0,.1)}
.header .menu>ul>li>a i{position:absolute;height:50px;width:50px;top:0;right:0;text-align:center;line-height:50px;transform:rotate(-90deg)}
.header .menu .mobile-menu-head{display:flex;height:50px;border-bottom:1px solid rgba(0,0,0,.1);justify-content:space-between;align-items:center;position:relative;z-index:501;position:sticky;background-color:#fff;top:0}
.header .menu .mobile-menu-head .go-back{height:50px;width:50px;border-right:1px solid rgba(0,0,0,.1);cursor:pointer;line-height:50px;text-align:center;color:#000;font-size:16px;display:none}
.header .menu .mobile-menu-head.active .go-back{display:block}
.header .menu .mobile-menu-head .current-menu-title{font-size:15px;font-weight:500;color:#000}
.header .menu .mobile-menu-head .mobile-menu-close{height:50px;width:50px;border-left:1px solid rgba(0,0,0,.1);cursor:pointer;line-height:50px;text-align:center;color:#000;font-size:25px}
.header .menu .menu-main{height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width: none;-ms-overflow-style: none;}
.header .menu .menu-main::-webkit-scrollbar{display:none;}
.header .menu>ul>li .sub-menu,.header .menu>ul>li .sub-menu.mega-menu{visibility:visible;opacity:1;position:absolute;box-shadow:none;margin:0;padding:15px;top:0;left:0;width:100%;height:100%;padding-top:65px;max-width:none;min-width:auto;display:none;transform:translateX(0);overflow-y:auto}
.header .menu>ul>li .sub-menu.active{display:block}
@keyframes slideLeft{
0%{opacity:0;transform:translateX(100%)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes slideRight{
0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(100%)}
}
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img{margin-top:0}
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title{margin-bottom:20px}
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title{margin-bottom:0}
.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item{flex:0 0 100%;padding:0}
.header .menu>ul>li .header .menu>ul>li .sub-menu>ul>li>a{display:block}
.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul{margin-bottom:15px}
.menu-overlay{position:fixed;background-color:rgba(0,0,0,.5);left:0;top:0;width:100%;height:100%;z-index:1098;visibility:hidden;opacity:0;transition:all .5s ease}
.menu-overlay.active{visibility:visible;opacity:1}
}
.checkbox { opacity: 0; position: absolute; }
.checkbox-label { background-color: #111; width: 50px; height: 26px; border-radius: 50px; position: relative; padding: 5px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.fa-moon { color: #f1c40f; }
.fa-sun { color: #f39c12; }
.checkbox-label .ball { background-color: #fff; width: 22px; height: 22px; position: absolute; left: 2px; top: 2px; border-radius: 50%; transition: transform 0.2s linear; }
.checkbox:checked + .checkbox-label .ball { transform: translateX(24px); }