@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%);--secondary-gradiant:linear-gradient(90deg,#33fe99 0%,#33fe99 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);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{color:#fff;background-color:#221c5d;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-h1{color:var(--heading-color);text-transform:uppercase;font-size:66px;font-weight:700}.okareel-h2{color:var(--white);text-transform:none;font-size:55px;font-weight:700}.okareel-h3{color:var(--white);text-transform:none;margin-bottom:15px;font-size:32px;font-weight:600}.okareel-h4{color:var(--white);text-transform:none;font-size:32px;font-weight:700}.error{text-transform:initial;text-align:left;color:#ff2c2c;margin-top:5px}.itYCKI{display:none!important}.sub-title{color:#fff;text-transform:uppercase;margin:2rem 0;font-size:2.6rem;font-weight:600}@media (min-width:1600px){.container{max-width:1350px}.okareel-h1{font-size:64px}.okareel-h1.small{font-size:50px}.okareel-h2{font-size:46px}}@media (max-width:1440px){.okareel-h1{font-size:54px}.okareel-h1.small{font-size:42px}.paddingCustom{padding-left:60px}.okareel-desc{font-size:18px}.okareel-h2{font-size:40px}.okareel-h3{font-size:26px}.okareel-features{padding-bottom:80px}}@media (max-width:1200px){.okareel-h1{font-size:46px}.okareel-h1.small{font-size:36px}.okareel-desc{font-size:16px}.okareel-h2{font-size:36px}.okareel-h3{font-size:26px}.okareel-list li{font-size:16px}.okareel-list li:before{top:7px}.okareel-h2.big{font-size:40px}.okareel-h4{font-size:20px}.okareel-buttons .theme-btn{display:none}}@media (max-width:1199px){body:not(.teaser-page) .social-media-links{justify-content:center;width:100%}}@media (max-width:992px){.okareel-h2{font-size:28px}.okareel-h1.small{font-size:32px}.okareel-desc,.okareel-list-2 li,.okareel-list li{font-size:16px}.okareel-list li:before{top:7px}.okareel-h3{font-size:22px}.okareel-h4.small{font-size:18px}.okareel-h1{font-size:40px}}@media (max-width:991px){.container,.container-md,.container-sm{max-width:100%;padding-left:25px;padding-right:25px}.okareel-h1{font-size:36px}.okareel-h1.small{font-size:30px}.buttons-group{justify-content:center;gap:15px}.section-title h2{font-size:36px}}@media (max-width:768px){.sm-none{display:none}.okareel-list-2{gap:20px!important}.okareel-h2{font-size:26px}.okareel-h2.small{font-size:25px}.okareel-h3{font-size:20px}.sub-title{font-size:22px}.section-title h2{font-size:30px}}@media (max-width:767px){.container,.container-md,.container-sm{padding-left:15px;padding-right:15px}.okareel-h1{font-size:32px}.okareel-h2{font-size:24px}.sub-title{margin:10px 0;font-size:20px}.role-switcher{gap:8px;margin:15px 0}.role-switcher.nav-pills .nav-link{font-size:14px}.lang-switch .lang-btn{gap:0;font-size:0}.lang-switch .lang-btn span{display:none}.lang-switch .lang-btn.active{gap:0;padding:3px}.lang-switch .lang-btn img{max-width:34px}.lang-switch .lang-btn[data-lang=ar].active,.lang-switch .lang-btn[data-lang=en].active{gap:0;padding:3px}.section-title h2{font-size:26px}.section-title p{font-size:1.6rem}.repeat-section{padding:6rem 0}}@media (max-width:480px){.theme-btn{font-size:14px}.sm-sm-none{display:none!important}.okareel-h1{font-size:32px}.okareel-h1.small{font-size:25px}.okareel-list-2.d-flex{flex-wrap:wrap}.okareel-h4.small{font-size:15px}}@media (max-width:380px){.okareel-h1{font-size:30px}.okareel-h1.small{font-size:20px}.okareel-h2{font-size:22px}.okareel-h3{font-size:18px}.sub-title{font-size:16px}}
html[dir=rtl] .heroSide{transform:translate(8rem)}html[dir=rtl] .okareel-h1,html[dir=rtl] .okareel-desc,html[dir=rtl] .okareel-list,html[dir=rtl] .form-control{text-align:right}html[dir=rtl] .custom-phone-code-select .css-16cr2t2-control{border-radius:0 1rem 1rem 0!important}html[dir=rtl] .custom-phone-code-select+.form-control{border-radius:1rem 0 0 1rem}html[dir=rtl] .okareel-list li{text-align:right;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}html[dir=rtl] .okareel-faqs .accordion .accordion-item .accordion-header .accordion-button:after{margin-left:0;margin-right:auto}html[dir=rtl] .contact-us-page select.form-control{background-position:1.5rem 50%}@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}@media (max-width:1200px){@keyframes logoZoom{0%{transform:scale(1)}to{transform:scale(1.4)}}}@media (max-width:991px){@keyframes logoZoom{0%{transform:scale(1)}to{transform:scale(1.2)}}}@media (max-width:767px){.loader .loaderText{font-size:30px}@keyframes logoZoom{0%{transform:scale(1)}to{transform:scale(1.2)}}.loaderText{font-size:60px}.teaser-page .loaderText{font-size:30px}.teaser-page .loader img{max-width:60px}}@media (max-width:576px){.loader .teaser-loader-box{gap:8px}.loader .loaderText{font-size:22px}.loader img{max-width:40px}.loaderText{font-size:50px}}