header{border-bottom:1px solid transparent;font-weight:700;padding:30px var(--padding_sides);position:fixed;top:0;transition:all .3s ease;width:100%;z-index:3}header.scroll{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;border-bottom:1px solid #ededed;padding:20px var(--padding_sides)}header.scroll ul.submenu{top:100%}header.white:not(.scroll) nav>a,header.white:not(.scroll) nav>ul>li>a,header.white:not(.scroll) nav>ul>li>span{color:#fff}header.white:not(.scroll) nav>a>img,header.white:not(.scroll) nav>ul>li>a>img,header.white:not(.scroll) nav>ul>li>span>img{filter:invert(1)}header nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1950px;text-transform:uppercase}header nav>a{font-size:20px}header .burger{cursor:pointer;display:none;padding:10px}header .burger>div{background-color:#223019;height:2px;margin:6px 0;pointer-events:none;transition:.4s;width:30px}header ul{display:flex;font-size:16px;gap:40px;list-style:none;margin:0;padding:0}header ul a:hover{text-decoration:underline}header ul li{cursor:pointer;position:relative}header ul li img{height:12px;transition:all .3s ease}header ul li:hover img{transform:rotate(180deg)}header ul li:hover>ul.submenu{opacity:1;visibility:visible}header ul li span{padding:20px 0}header ul.submenu{background-color:#fff;border:1px solid #ededed;border-radius:3px;flex-direction:column;gap:0;opacity:0;position:absolute;transform:translateY(10px) translate(-10px);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1}header ul.submenu a{color:#223019b3;display:flex;padding:10px 20px;transition:all .3s ease}header ul.submenu a:hover{color:#223019;text-decoration:none}@media screen and (max-width:1100px){header .burger{display:initial}header nav>ul{align-items:start;background-color:#fff;display:flex;flex-direction:column;font-size:18px;gap:0;height:100vh;padding:100px var(--padding_sides) 10px;position:absolute;right:-100%;top:0;transition:all .3s ease;width:100%;z-index:-1}header nav>ul>li{padding-bottom:10px;width:100%}header nav>ul>li:first-child{border-top:1px solid #ededed;padding-top:10px}header nav>ul>li>span{display:none}header nav>ul ul.submenu{border:none;font-size:18px;opacity:1;position:static;transform:none;visibility:visible}header nav>ul ul.submenu>li:not(:last-child){padding-bottom:10px}header nav>ul ul.submenu a{color:#223019;padding:0}header nav>ul ul.submenu a:after,header nav>ul ul.submenu a:before{content:none!important}header.toggle nav>ul{right:0}html[lang=ar-SA] header nav>ul{left:-100%;right:auto}html[lang=ar-SA] header.toggle nav>ul{left:0;right:auto}html[lang=ar-SA] header ul.submenu{transform:none}}footer{background-color:#223019;color:#fff;padding:50px;position:relative}footer>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px 70px;margin:auto;max-width:1100px;position:relative;width:100%;z-index:1}footer img{height:190px}footer ul{display:flex;flex-direction:column;font-size:16px;list-style:none;padding:0}footer ul span{font-weight:700}footer ul a:hover{text-decoration:underline}footer:after{background-image:url(../imgs/footer.png);background-position:100% 100%;background-repeat:no-repeat;background-size:90%;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:0}html[lang=ar-SA] footer:after{transform:scaleX(-1)}