@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap";
:root{--darkBgColor:#141410;--darkBlueColor:#1f222b;--white:#fff;--borderColor:#262525;--themeColor:#00e473;--darkTextColor:#191a1f;--textGray:#888;--blueBackground:#292367;--bg-color-2:radial-gradient(44.37% 82.6% at 12.76% 13.42%,#191a1f 0.82%,#191a1f 30.02%,#191a1f);--text-color:#ccc;--primary-gradiant:linear-gradient(90deg,#33fe99 0%,#292367 100%)}@font-face{font-family:AUTOMATA;src:url(../media/AUTOMATADISPLAY.6aadc6db.woff2)format("woff2"),url(../media/AUTOMATADISPLAY.7ba2788f.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}html{scroll-behavior:smooth;font-size:62.5%}body{background:var(--bg-color-2);color:var(--white);text-transform:uppercase;margin:0;font-family:Manrope,sans-serif;font-size:1.6rem;display:block}html[lang=ar] body{text-align:right;direction:rtl}p,h1,h2,h3,h4,h5,h6{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-family:Titillium Web,sans-serif}.lang-switch{box-sizing:border-box;cursor:pointer;border-radius:16px;align-items:center}.lang-switch .lang-btn{border-radius:30px;padding:8px 8px 8px 16px;font-size:16px;font-weight:600;display:none}.lang-switch .lang-btn.active{background-color:var(--themeColor);color:var(--darkTextColor);border:0;justify-content:center;align-items:center;gap:8px;display:flex}.lang-switch .lang-btn[data-lang=ar].active{background-color:var(--blueBackground);color:#fff;padding:8px 16px 8px 8px}.teaser-page .lang-switch{z-index:99999;display:inline-flex;position:absolute;top:20px;right:20px}a{transform:.3s;text-decoration:none}ul{margin:0;padding:0;list-style:none}.okareel-list li{text-transform:none;padding-left:2rem;font-size:2rem;position:relative}.okareel-list li:before{content:"";background-color:var(--themeColor);width:.8rem;height:.8rem;position:absolute;top:9px;left:0}.okareel-list li:not(:last-child){margin-bottom:1rem}.btn{background-color:var(--themeColor);border:1px solid var(--themeColor);color:var(--darkTextColor);text-transform:uppercase;border-radius:1rem;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.6rem;font-weight:500;transition:all .3s;display:inline-flex}.btn:hover{background-color:var(--themeColor);border-color:var(--themeColor);color:var(--darkTextColor);opacity:.8}.btn2{background-color:var(--themeColor);border:1px solid var(--themeColor);color:var(--darkTextColor);text-transform:uppercase;border-radius:1rem;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.6rem;font-weight:500;transition:all .3s;display:inline-flex}.btn2:hover{background-color:var(--themeColor);border-color:var(--themeColor);color:var(--darkTextColor);opacity:.8}.theme-btn{background-color:var(--themeColor);border:1px solid var(--themeColor);color:var(--darkTextColor);text-transform:uppercase;text-align:center;z-index:1;border-radius:1rem;justify-content:center;align-items:center;height:5rem;padding:1rem 2rem;font-size:1.6rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.theme-btn:before{content:"";background-color:var(--blueBackground);opacity:0;z-index:-1;border-radius:50%;width:5px;height:5px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-btn:hover{color:var(--white);border-color:var(--blueBackground)}.theme-btn:hover:before{opacity:1;width:800px;height:800px;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.buttons-group{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.repeat-section{padding:10rem 0}.section-title{text-align:center;max-width:1080px;margin:0 auto 5rem}.section-title.text-left{text-align:left;margin:0 0 5rem}.section-title h2{margin-bottom:2rem;font-size:5.6rem;font-weight:700}.section-title p{margin:0;font-size:2rem}*{scrollbar-width:thin;scrollbar-color:#00e473 #0f0f0f}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#0000;border-radius:0}::-webkit-scrollbar-thumb{background:var(--primary-gradiant);border-radius:0}.okareel-h2{text-transform:none}.error{text-transform:initial;text-align:left;color:#ff2c2c;margin-top:5px}
html[dir=rtl] .heroSide{transform:translate(8rem)}html[dir=rtl] .okareel-h1,html[dir=rtl] .okareel-desc,html[dir=rtl] .okareel-list{text-align:right}html[dir=rtl] .okareel-list li{padding-left:0;padding-right:2rem}html[dir=rtl] .okareel-list li:before{left:auto;right:0}html[dir=rtl] .marquee,html[dir=rtl] .app-screens-section{direction:ltr}html[dir=rtl] .servicedetails .cta-content{padding:5rem 5rem 5rem 0}html[dir=rtl] .okareel-buttons{margin-left:0;margin-right:auto}html[dir=rtl] .okareel-teaser-section .okareel-h1{text-align:center}html[dir=rtl] .okareel-how-it-works .how-steps .how-step,html[dir=rtl] .error{text-align:right}@media (max-width:1600px){html[dir=rtl] .heroSide{transform:unset}}@media (max-width:1200px){html[dir=rtl] .highlight-box .content{padding:3rem 3rem 3rem 0}}@media (max-width:991px){html[dir=rtl] .okareel-h1,html[dir=rtl] .okareel-desc,html[dir=rtl] .okareel-list{text-align:center}html[dir=rtl] .featureSingle .okareel-list{flex-direction:column;align-items:center;display:flex}html[dir=rtl] .featureSingle .okareel-list .okareel-list li{width:fit-content}html[dir=rtl] .highlight-box .content,html[dir=rtl] .servicedetails .cta-content{padding:3rem}}@media (max-width:767px){html[dir=rtl] .highlight-box .content,html[dir=rtl] .servicedetails .cta-content{padding:2.5rem 1.5rem}html[dir=rtl] .featureSingle .okareel-list{align-items:flex-start}}
@keyframes logoZoom{0%{transform:scale(1)}to{transform:scale(2)}}.loader{z-index:99999;background-color:#191a1f;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all 1s .4s;display:flex;position:fixed;top:0;left:0}.loader.loaded{top:-100%}.loader img{max-width:70px;transition:all 1s;animation:none;transform:scale(1)}.loader .loaderText{letter-spacing:1px;text-transform:initial;background:0 0;font-family:AUTOMATA;font-size:40px;transform:unset!important}.loader .teaser-loader-box{justify-content:center;align-items:center;gap:20px;max-width:50%;animation:1s linear forwards logoZoom;display:flex}