.header{z-index:99;width:100%;padding:12px 0;position:fixed;top:0;left:0}.header:before{content:"";background-color:var(--white);z-index:-1;width:100%;height:100%;box-shadow:var(--shadow);transition:all .5s;position:absolute;top:0;left:0;transform:translateY(-100%)}.header.sticky:before{transform:translateY(0)}.header .header-overlay{z-index:99;background-color:#00000080;width:100%;height:100%;transition:all .3s;display:none;position:fixed;top:0;left:0}.header .header-overlay.active{display:block}.header .logo{align-items:center;max-width:200px;min-height:34px;padding:0 15px;display:flex}.header .nav-toggler{cursor:pointer;z-index:999;background-color:#0000;border:none;justify-content:center;align-items:center;width:44px;height:34px;margin-right:15px;transition:all .5s;display:flex}.header .nav-toggler.active{z-index:999;position:absolute;right:0%;transform:translate(-200px)rotate(180deg)}.header .logo-mobile{transition:all .5s;display:none}.header .logo-mobile.active{z-index:999;align-items:center;max-width:150px;min-height:34px;padding:0 15px;display:flex;position:absolute;right:120px}.header .nav-toggler span{background-color:var(--white);width:30px;height:3px;display:block;position:relative}.header .nav-toggler.active span{transition:all .5s;background-color:#0000!important}.header.sticky .nav-toggler span{background-color:var(--dark)}.header .nav-toggler span:before,.header .nav-toggler span:after{content:"";background-color:var(--white);z-index:999;width:100%;height:100%;display:block;position:absolute;transform:translateY(8px)}.header .nav-toggler span:after{transform:translateY(-8px)}.header .nav-toggler.active span:after{transform:rotate(-45deg)}.header .nav-toggler.active span:before{transform:rotate(45deg)}.header .nav-mobile{background-color:var(--white);width:280px;height:100%;box-shadow:var(--shadow);z-index:99;padding:80px 0 40px;transition:all .5s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.header .nav-mobile.open{transform:translate(0%)}.header .nav-mobile ul li .nav-mobile-item{color:var(--dark);text-transform:capitalize;font-size:18px;font-weight:600;font-family:var(--cursive-font);cursor:pointer;padding:10px 30px;transition:all .3s;display:block}.header .nav-mobile ul li:hover .nav-mobile-item,.header .nav-mobile ul li .nav-mobile-item.active{color:var(--main-color)}.header.sticky .nav-toggler span:before,.header.sticky .nav-toggler span:after,.header .nav-toggler.active span:before,.header .nav-toggler.active span:after{background-color:var(--dark)}.header .nav-desktop{display:none}@media (min-width:992px){.header .nav-toggler{visibility:hidden}.header .nav-toggler.active{visibility:hidden;position:relative}.header .nav-mobile{display:none;transform:none}.header .header-overlay,.header .header-overlay.active{display:none}.header .nav-desktop{display:block}.header .nav-desktop ul{align-items:center;gap:32px;display:flex}.header .nav-desktop-item{color:var(--white);text-transform:capitalize;font-weight:600;font-family:var(--cursive-font);font-size:18px;transition:all .3s}.header.sticky .nav-desktop-item{color:var(--dark)}.header .nav-desktop-item:hover,.header .nav-desktop-item.active{color:var(--main-color);cursor:pointer}}@media (min-width:1200px){.header .nav-desktop-item:hover,.header .nav-desktop-item{border-radius:999px;padding:10px 20px;text-decoration:none;transition:all .35s;position:relative;overflow:hidden}.header.sticky .nav-desktop-item.active{color:var(--main-color)}.header.sticky .nav-desktop-item{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important}.header.sticky .nav-desktop-item:before{display:none!important}.header.sticky .nav-desktop-item:hover{box-shadow:none;background:#0000000d;transform:none}.header.sticky .nav-desktop-item.active{color:var(--main-color);background:0 0;font-weight:600}}