@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";
@font-face{font-family:AUTOMATA;src:url(/fonts/AUTOMATADISPLAY.woff2)format("woff2"),url(/fonts/AUTOMATADISPLAY.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}html[lang=ar] body{text-align:right;direction:rtl}body{background:var(--bg-color-2);width:100%;height:100%;font-family:Manrope,sans-serif}a{text-decoration:none}p,h1,h2,h3,h4,h5,h6{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-family:Titillium Web}ul{margin-bottom:0;padding:0;list-style:none}header{width:100%;position:relative}.header.sticky-header{z-index:999999999;animation:.5s ease-in-out fadeInDown;position:fixed;top:0;left:0;right:0;box-shadow:0 22px 65px #201c1d24}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateZ(0)}}nav{background-color:var(--blueBackground);z-index:10;justify-content:space-between;align-items:center;gap:70px;width:100%;min-height:100px;padding:15px 120px;display:flex;position:relative}.logo{align-items:center;display:flex}.logo img{width:220px}.okareel-menu{gap:60px;display:flex}.okareel-menu li{position:relative}.okareel-menu li a{color:var(--heading-color);font-size:16px;font-weight:700;transition:all .5s}.anchorHover{position:relative;overflow:hidden}.okareel-buttons{align-items:center;gap:15px;margin-left:auto;display:flex}.okareel-buttons .theme-btn:hover{border-color:#fff}.lang-switch{align-items:center;display:flex}.lang-switch .lang-btn{border-radius:30px;padding:8px 16px;font-weight:600;display:none}.lang-switch .lang-btn.active{color:#fff;background:#221c5d;align-items:center;gap:8px;display:flex}.lang-switch .lang-btn.ar.active{padding:8px 16px 8px 8px}.lang-switch .lang-btn.en.active{padding:8px 8px 8px 16px}.mobileNav{display:none;position:relative}.menuIcon{border:solid 1px var(--white);cursor:pointer;z-index:10;border-radius:100%;flex-direction:column;justify-content:center;gap:10px;width:40px;height:40px;padding:0 10px;display:flex;position:relative}.menuIcon span{background-color:var(--white);width:60%;height:1px;transition:all .5s;transform:translate(0%)}.menuIcon span:nth-child(2){transform:translate(50%)}.menuIcon:before{content:"";background:var(--secondary-gradiant);border-radius:50%;width:15px;height:15px;transition:all .5s cubic-bezier(.19,1,.22,1);position:absolute;top:-2px;right:-2px}.menuActive .menuIcon{border-color:#0000}.menuActive .menuIcon:before{width:100%;height:100%;top:0;right:0}.menuActive .menuIcon span{background-color:var(--darkBlueColor)}.menuActive .menuIcon span:first-child{transform:translate(50%)}.menuActive .menuIcon span:nth-child(2){transform:translate(0%)}.mobNavInner{background-color:var(--darkTextColor);flex-direction:column;justify-content:space-between;width:50%;height:100vh;padding:60px 30px 100px;display:none;position:fixed;top:0;right:0}.menuActive .mobNavInner{display:flex}@media (max-width:1600px){.okareel-menu{gap:40px}}@media (max-width:1440px){nav{gap:35px;padding:15px 80px}.okareel-menu{gap:30px}.logo img{width:180px}.okareel-menu li a{font-size:14px}}@media (max-width:1200px){.okareel-d-md-none{display:none!important}nav{justify-content:space-between}}@media (max-width:992px){.logo img{width:160px}}@media (max-width:991px){nav{gap:15px;padding:10px 25px}}@media (max-width:767px){nav{min-height:70px}}@media (max-width:576px){nav{padding:10px 15px}header .theme-btn{padding:8px 16px}}@media (max-width:480px){nav{gap:15px;min-height:70px;padding:10px 15px}.logo{font-size:25px}.mobNavInner{width:100%}}@media (max-width:380px){header .theme-btn{height:40px;padding:6px 12px;font-size:12px}nav{gap:10px}}