@media (min-width:1600px){.container{max-width:1350px}}@media (max-width:1600px){.okareel-h1{font-size:64px}.okareel-h1.small{font-size:50px}.okareel-h2{font-size:46px}.heroSide{transform:unset}@keyframes logoZoom{0%{transform:scale(1)}to{transform:scale(1.6)}}.download-btn img{max-height:70px}.okareel-menu{gap:40px}}@media (max-width:1440px){nav{gap:35px;padding:15px 80px}.okareel-menu,.okareel-social{gap:30px}.logo img{width:180px}.shoppingBag{margin-right:20px}.okareel-menu li a,.contactArea article p,.okareel-menu li .dup,.okareel-menu li .sup{font-size:14px}.contactArea .fa-phone-volume{width:45px;height:45px;font-size:18px}.contactArea article h5{font-size:23px}.sideImg .slide{min-width:400px!important}.obj img{width:140px;height:140px}.okareel-h1{font-size:54px}.paddingCustom{padding-left:60px}.okareel-desc{font-size:18px}.progressSingle h2{font-size:55px}.progressSingle p{font-size:22px}.gradient-h1{font-size:60px}.circleImg{min-width:600px!important;min-height:600px!important}.okareel-h1.small{font-size:42px}.okareel-h2{font-size:40px}.okareel-h3{font-size:26px}.okareel-features{padding-bottom:80px}.okareel-teaser-section .okareel-h1{font-size:120px}.download-btn img{max-height:64px}.social-media-links .social-media{width:44px;height:44px}.social-media-links svg{width:20px}.footer-menus{gap:15px}.footer-menus a{font-size:16px}.footer-logo img{max-height:50px}}@media (max-width:1200px){.okareel-d-md-none{display:none!important}nav{justify-content:space-between}.mobileNav{display:block}.sideImg .slide{min-width:300px!important}.okareel-h1{font-size:46px}.paddingCustom{padding-left:20px}.okareel-desc{font-size:16px}.progressSingle h2{font-size:40px}.progressSingle p{font-size:18px}.inputField{padding:0 20px}.inputField input::placeholder,.inputField input{font-size:16px}.searchTags{width:100%;font-size:14px}.okareel-button{height:50px;padding:0 30px;font-size:14px}.okareel-clients{margin:40px 0 70px}.obj img{width:70px;height:70px}.okareel-h2{font-size:36px}.okareel-heading{height:40px;margin:20px 0;padding:0 25px;font-size:16px}.featureSingle{padding:40px 30px 30px}.featureIcon{width:80px;height:80px;font-size:30px}.okareel-h3{font-size:26px}.okareel-list-2 li{margin-bottom:16px;font-size:16px}.gradient-h1{font-size:40px}.circleImg{min-width:550px!important;min-height:550px!important}.gradient-h1.text-end{left:0}.gradient-h1.text-start{right:0}.w-md-95{width:95%!important}#projects-tab{right:-50%}.okareel-h1.small{font-size:36px}.okareel-list li{font-size:16px}.okareel-list li:before{top:7px}.okareel-projects{padding-top:75px}.highlightText{margin-bottom:50px}.okareel-details{top:-80px}.okareel-details-2{padding:85px 0}.okareel-gallery{padding:75px}.okareel-priceTable{margin:0 0 80px}.okareel-marquee{height:120px}.priceTable{padding:20px}.okareel-h2.big{font-size:40px}.table-desc{font-size:16px}.okareel-button-2 img{width:35px;height:35px}.okareel-button-2 h5{font-size:16px}.okareel-button-2 p{font-size:14px}.line{margin:10px 0}.accordion-item{padding:20px}.accordion-header button{font-size:24px}.accordion-body{font-size:18px}.okareel-faqs{padding:100px 0}.okareel-testimonials{--testimonialHeight:310px;margin:80px 0}.okareel-blog{margin:80px 0 calc(80px - var(--footer-transform))0}.blogSingle{padding:30px 20px}.okareel-h4{font-size:20px}.blogSingle{height:330px}.okareel-letter button{padding:0 15px;font-size:14px}.highlight-box{gap:20px}.highlight-box .content{width:calc(100% - 400px);padding:30px 0 30px 30px}.highlight-box h2{font-size:36px}.highlight-box .cta-image{width:380px;padding:0 20px 0 0}.highlight-box .cta-image img{max-width:100%}.download-btn img{max-height:50px}.servicedetails .serviceSide{margin-top:-80px}.footer-logo img{max-height:50px}.footer-menus a{font-size:16px}.footer-menus{justify-content:center;gap:15px}@keyframes logoZoom{0%{transform:scale(1)}to{transform:scale(1.4)}}.okareel-teaser-section .okareel-h1{font-size:100px}.okareel-teaser-section .teaser-content p{font-size:18px}.okareel-how-it-works .how-steps h3{font-size:26px}.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){.tab-50{width:50%}.tab-100{width:100%}.tab-none{display:none}.okareel-h2{font-size:28px}#projects-tab button{font-size:18px}.project-single .bar{height:15px}.w-md-95{width:100%!important}.okareel-h1.small{font-size:32px}.okareel-desc,.okareel-list-2 li,.okareel-list li{font-size:16px}.okareel-list li:before{top:7px}.list-rounded{width:30px;height:30px;margin-right:10px}.accordion-header button{font-size:20px}.accordion-body{font-size:16px}.transfrom-x-130{transform:translate(-90px)}.okareel-h3{font-size:22px}.okareel-h4.small{font-size:18px}.about img{width:50px;height:50px}.blogSingle{padding:20px 10px}.featureIcon{width:60px;height:60px;font-size:22px}.viewImg{height:300px}.view .inner{width:75%}.highlight-box{font-size:40px}.servicedetails .cta-content{padding:30px 0 30px 30px}.okareel-h1{font-size:40px}.logo img{width:160px}.app-screens-list{gap:30px}.app-screens-list .app-screens-item{min-width:unset}.app-screens-section{min-height:424px}.app-screens-list .app-screens-item img{max-width:200px}.okareelFeature-2{display:none}.footer-section{padding:100px 0 20px}.backToTop{bottom:10px;right:30px}}@media (max-width:991px){.container,.container-md,.container-sm{max-width:100%;padding-left:25px;padding-right:25px}nav{gap:15px;padding:10px 25px}.okareel-h1{font-size:36px}.okareel-h1.small{font-size:30px}.servicedetails .serviceSide{object-fit:contain;max-width:100%;max-height:400px;margin:0;transform:unset!important}.buttons-group{gap:15px}.highlight-box{flex-direction:column-reverse;gap:0;overflow:hidden}.highlight-box .content{text-align:center;width:100%;padding:30px}.highlight-box .cta-image{background-color:#1f222b;width:100%;padding:25px 25px 0}.servicedetails .cta-content{text-align:center;padding:30px}.servicedetails .cta-content .okareel-heading{margin-left:auto;margin-right:auto}.buttons-group{justify-content:center}.footer-section .footer{text-align:center;flex-direction:column;align-items:center}.okareel-hero p,.okareel-hero h1{text-align:center}.okareel-hero .okareel-list,.okareel-about .okareel-list{flex-wrap:wrap;justify-content:center;gap:20px 40px;margin-top:20px;display:flex}.okareel-hero .okareel-list li:not(:last-child),.okareel-about .okareel-list li:not(:last-child){margin:0}.okareel-hero .buttons-group{margin-top:30px}.okareel-about{text-align:center}.okareel-about .okareel-heading{margin-left:auto;margin-right:auto}.featureSingle{text-align:center}.featureSingle .featureIcon{margin-left:auto;margin-right:auto}.featureSingle .okareel-list li{text-align:center;justify-content:center;display:inline-flex}.priceTable{text-align:center}@keyframes logoZoom{0%{transform:scale(1)}to{transform:scale(1.2)}}.okareel-how-it-works .how-steps h3{font-size:22px}.section-title h2{font-size:36px}}@media (max-width:768px){.testimonialThumb{--thumbHeight:50px}.sm-100{width:100%}.sm-50{width:50%}.sm-none{display:none}.circleImg{min-width:400px!important;min-height:400px!important}#projects-tab{right:-70%}.okareel-list-2{gap:20px!important}.okareel-h2{font-size:26px}.okareel-h2.small{font-size:25px}.priceTable{border-radius:15px;padding:20px 15px}.okareel-button-2{border-radius:0}.okareel-button-2 img{width:20px;height:20px}.okareel-button-2 h5{font-size:14px}.okareel-button-2 p{font-size:12px}img.active{width:50px}.accordion-header button{font-size:16px}.accordion-body{font-size:14px}.okareel-testimonials{--testimonialHeight:165px}.okareel-h3{font-size:20px}.testimonialImg .quotes{width:50px}.sub-title{font-size:22px}.okareel-teaser-section .okareel-h1{font-size:60px}.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-about,.okareel-features{padding-top:60px;padding-bottom:60px}.featureSingle .okareel-list li{text-align:left}.featureSingle{padding:25px 15px}.app-screens-list .app-screens-item img{max-width:160px}.app-screens-section{min-height:340px}.okareel-h2{font-size:24px}.highlight-box .content{padding:25px 15px}.highlight-box h2{font-size:28px}.servicedetails .cta-content{padding:25px 15px}.okareel-hero .okareel-list,.okareel-about .okareel-list{text-align:left;justify-content:flex-start}.loaderText{font-size:60px}@keyframes logoZoom{0%{transform:scale(1)}to{transform:scale(1.2)}}.newsletter-form .input-box-button{flex-direction:column}.newsletter-form{padding:10px}.newsletter-form .theme-btn{border-radius:10px;width:100%;position:relative}.newsletter-form .theme-btn:hover:before{opacity:1;width:800px;height:800px}.newsletter-form .form-control{margin-bottom:10px;padding:10px 15px}.okareel-teaser-section .teaser-content p{font-size:16px}.okareel-teaser-section{padding:40px 0 0}.okareel-teaser-section .teaser-logo img{max-height:50px}.okareel-how-it-works{padding:40px 0}.sub-title{margin:10px 0;font-size:20px}.okareel-teaser-section .teaser-logo{margin-bottom:30px}.teaser-page .loaderText{font-size:30px}.teaser-page .loader img{max-width:60px}.role-switcher{gap:8px;margin:15px 0}.role-switcher .nav-link{font-size:14px}.teaser-page .sub-heading{font-size:18px}.contact-form{margin-top:20px}.okareel-how-it-works .how-steps{gap:2rem}.okareel-how-it-works .how-steps .step-number{margin-bottom:5px;font-size:24px}.okareel-how-it-works .how-steps h3{font-size:20px}.teaser-page .lang-switch{top:40px}.lang-switch .lang-btn span{display:none}.lang-switch .lang-btn{gap:0;font-size:0}.lang-switch .lang-btn.active{gap:0;padding:3px}.lang-switch .lang-btn[data-lang=ar].active,.lang-switch .lang-btn[data-lang=en].active{padding:3px}.lang-switch .lang-btn img{max-width:34px}.teaser-page .lang-switch .lang-btn img{max-width:30px}.social-media-links .social-media{width:40px;height:40px}.social-media-links .social-media svg,.teaser-page .social-media-links .social-media svg{width:20px;height:20px}nav{min-height:70px}.okareel-teaser-section .okareel-list{text-align:left;flex-direction:column;display:flex}.section-title h2{font-size:26px}}@media (max-width:576px){.swiperTestimonials .okareel-h3{font-size:12px}nav{padding:10px 15px}.loaderText{font-size:50px}.projectInfo{bottom:20px;left:15px}.projectInfo p{height:30px;padding:0 15px;font-size:12px}.projectInfo h4{height:40px;padding:0 15px;font-size:20px}.copyright{font-size:14px}.okareel-hero .okareel-list{margin-top:20px}.highlight-box h2{font-size:24px}header .theme-btn{padding:8px 16px}.footer-menus a{font-size:14px}.footer-logo img{max-height:40px}.okareel-teaser-section .okareel-h1{font-size:44px}}@media (max-width:480px){.theme-btn{font-size:14px}.gradient-h1.text-end{top:0}.gradient-h1.text-start{bottom:0}.sm-sm-none{display:none!important}.sm-sm-100{width:100%!important}nav{gap:15px;min-height:70px;padding:10px 15px}.logo{font-size:25px}.mobNavInner{width:100%}.okareel-h1{font-size:32px}.paddingCustom{padding-left:0}.progressSingle h2{font-size:30px}.progressSingle p{font-size:16px}.circleImg{min-width:200px!important;min-height:200px!important}.gradient-h1{font-size:15px}.okareel-gallery{padding:0}.gallery.set1 img,.gallery.set3 img{height:50px}#projects-tab{right:-80%}#projects-tab button{font-size:15px}.tab-pane .d-flex.w-md-95{flex-wrap:wrap}.okareel-h1.small{font-size:25px}.gallery.set2 img{height:200px}.gallery.set1 img:first-child,.gallery.set3 img:nth-child(2){height:80px}.section-bg{height:105%}.accordion-item img{display:none}.view .inner{width:100%;padding-top:40px}.viewImg{height:150px}.block{margin-bottom:30px}.okareel-list-2.d-flex{flex-wrap:wrap}.transfrom-x-130{transform:translate(-50px)}.testimonialImg .quotes{width:20px}.about{gap:10px}.okareel-h4.small{font-size:15px}.backToTop{bottom:25px;right:25px}.testimonialThumb{--thumbHeight:35px}.okareel-hero{min-height:unset;padding:40px 0}.okareel-gallery:before{height:105%}}@media (max-width:380px){header .theme-btn{height:40px;padding:6px 12px;font-size:12px}nav{gap:10px}.okareel-h1{font-size:30px}.okareel-h1.small{font-size:20px}.okareel-h2{font-size:22px}.okareel-h3{font-size:18px}.highlight-box h2,.okareel-h2{font-size:22px}.sub-title{font-size:16px}.okareel-teaser-section .teaser-content p{font-size:14px}.newsletter-form{margin-top:30px}.okareel-teaser-section .teaser-logo img{max-height:40px}.okareel-teaser-section .okareel-h1{font-size:30px}.teaser-note{margin-top:15px}.teaser-page .sub-heading{font-size:16px}}