html[lang="en"] body{font-family:"Inter",serif}html[lang="ar"] .font-cairo{font-family:"Cairo",serif!important}html[lang="ar"] .font-Marhey{font-family:"Marhey",serif!important}.whats-app{position:fixed;bottom:30px;z-index:1111111;right:-60px;transition:all .4s}.details-page{bottom:100px!important}.quote-btn-whats{bottom:120px!important}.whats-app .whats-app-btn i{color:#fff;font-size:23px;background-color:#1FAF38;padding:12px 15px;text-align:center;overflow:hidden;border-radius:100%}.marketing-container{width:91%!important;margin:0 auto}.full-img img{width:100%}.p-70{padding:70px 0}.p-30{padding:30px 0}.common-section{display:flex;justify-content:center;align-items:center;color:#fff}.disabled{display:none}.loader-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:555;display:flex;justify-content:center;align-items:center}.loader{width:16px;height:16px;position:relative;left:-32px;border-radius:50%;color:#fff;background:currentColor;box-shadow:32px 0,-32px 0,64px 0}.loader::after{content:'';position:absolute;left:-32px;top:0;width:16px;height:16px;border-radius:10px;background:#0E5BC3;animation:move 3s linear infinite alternate}@keyframes move{0%,5%{left:-32px;width:16px}15%,20%{left:-32px;width:48px}30%,35%{left:0;width:16px}45%,50%{left:0;width:48px}60%,65%{left:32px;width:16px}75%,80%{left:32px;width:48px}95%,100%{left:64px;width:16px}}.header-scroll{position:fixed;background-color:#fff;box-shadow:0 0 10px #000;top:-70px;left:0;transform:translateY(70px);transition:all .4s;z-index:200000}.header-scroll a{color:black!important}.header-scroll .quote-btn{background-color:#5F15EE;color:white!important}.header-scroll .header-logo{width:90px}.quote-btn{display:flex;align-items:center;justify-content:center}.quote-btn:hover{background-color:#5F15EE!important;color:#fff}.header-logo{width:120px;margin:0;padding:0}header{padding:0;position:absolute;top:0;left:0;width:100%;z-index:111}header .nav-item{margin:0 10px;font-weight:500;font-size:16px}header .nav-item a:focus{color:#FFF}header .nav-item .nav-link:focus{color:#FFF}header .nav-item a{color:#FFF}header .nav-item a:hover{color:#FFF}.active{color:#011020!important;line-height:28px;font-size:17px;font-weight:900}.active a:focus{color:#072B5D}.quote-btn{background-color:#FFF;width:220px;height:48px;border-radius:5px;border:none}.mobile-header{display:none}.custom-sidebar{position:fixed;top:0;right:-300px;height:100vh;width:300px;background-color:#08254e;color:#fff;overflow-y:auto;box-shadow:-2px 0 5px rgb(0 0 0 / .5);transition:right 0.3s ease-in-out;z-index:1050}.custom-sidebar.show{right:0}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;color:#fff;cursor:pointer}.close-btn:hover{color:red}.custom-sidebar .nav-link{color:#fff;margin-bottom:15px}.custom-sidebar .nav-link:hover{color:#ddd}.mobile-header .navbar-toggler{font-size:31px;color:white!important;border:none}@media screen and (max-width:1024px){header .nav-item{margin:0}}@media screen and (max-width:920px){.mobile-header{display:block!important}.navbar-expand-md .navbar-toggler{display:block!important}.navbar-nav{display:block!important}.main-header{display:none}.quote-form{justify-content:center}}@media screen and (max-width:600px){.mobile-header{display:block!important}.main-header{display:none}.header-scroll{display:none}.quote-form{justify-content:center}}.home{position:relative;height:100vh;z-index:1;overflow:hidden;text-align:center;background-color:#FFF}html[lang="ar"] .home-text{text-align:right!important}html[lang="ar"] .home-contact{text-align:right}.home img.home-image{position:absolute;top:20%;left:50%;width:70%;height:100%;object-fit:cover;z-index:-2;transform:translate(-50%,0)}.home .home-overlay{position:absolute;z-index:-1;top:-500px;left:-350px;width:1600px;height:1000px;transform:rotate(-30deg);background:linear-gradient(to left,#0B4487,#0C2F58)}.home-text h1{color:#fff;font-size:50px;font-weight:600}.home-text p{color:#fff;font-size:16px;line-height:32px;font-weight:400}.home-text .home-contact{margin:40px 0}.home-text .home-contact .contact-us-btn{padding:15px 45px;background-color:#5F15EE;text-transform:capitalize;color:#fff;border:none;border-radius:10px;transition:all .3s;margin:20px 0;text-decoration:none}.home-text .home-contact .contact-us-btn:hover{background:linear-gradient(to left,#0B4487,#0C2F58);box-shadow:0 0 10px #0C2F58}@keyframes creative{0%{transform:translate(-50%,0) scale(1) rotate(0deg)}25%{transform:translate(calc(-50% + 2px),-2px) scale(1.02) rotate(-2deg)}50%{transform:translate(-50%,0) scale(1) rotate(0deg)}75%{transform:translate(calc(-50% - 2px),2px) scale(1.02) rotate(2deg)}100%{transform:translate(-50%,0) scale(1) rotate(0deg)}}.animated-creative{animation:creative 1.5s infinite ease-in-out}@media screen and (min-width:1401px){.home-text{margin-top:8rem!important}}@media screen and (max-width:1400px){.home-img-mobile-view{margin-top:5rem!important}}@media screen and (max-width:1024px){.home-main-text h1{font-size:50px}.home-main-text .digital-text::after{width:525px}}@media screen and (max-width:920px){.home-main-text{width:90%}.home img{width:100%!important}.home-main-text h1{font-size:43px;line-height:60.66px}.home-main-text .digital-text::after{top:9px;left:20%;width:420px;height:50px}.home-main-text .home-sub-text p{font-size:18px}.active{color:white!important}}@media screen and (max-width:600px){.home-mobile-text-view{margin-top:2rem!important;padding:0!important}.home-mobile-text-view .home-text{padding:2rem!important}.home-img-mobile-view{margin:0!important;padding:0!important}.home-img-mobile-view .home-main-img{margin:0!important}.home img{width:100%!important}.home-text h1{font-size:35px!important;line-height:60.66px}.home-main-text .digital-text::after{top:9px;left:13%;width:300px;height:50px}.home-main-text .home-sub-text p{font-size:18px}}@media screen and (max-width:360px){.home-mobile-text-view .home-text{padding:0rem 2rem!important}.home-text p{line-height:25px}.home-text h1{font-size:22px}}.why-us{overflow:hidden;background-color:#fff}.why-us .main-icon span i{border:1px solid rgb(160 157 173 / .44);border-radius:100%;width:101.46px;height:101px;padding:15px 20px;font-size:20px;color:rgb(160 157 173 / .44)}.why-us .whyus-content .whyus-text h2{font-family:"Inknut Antiqua";font-size:45px;font-weight:700;color:#171324}.why-us .whyus-content .whyus-text .whyus-sub-text{margin-top:30px;font-family:"Manrope",serif}.why-us .whyus-content .whyus-text .whyus-sub-text span{text-transform:uppercase;font-size:30px;font-weight:600;color:#90169b}.why-us .whyus-content .whyus-text .whyus-sub-text p{font-size:30px;font-weight:700}.why-us .whyus-image .parent-image{background-color:#dad8d8;border-radius:100%;width:80px;height:80px;text-align:center;position:relative;display:flex;justify-content:center;align-items:center}.why-us .whyus-image .parent-image img{width:100%}.why-us .whyus-image .parent-image span{font-size:60px}.whyus-image .whyus-text{line-height:76px}.why-us .whyus-image .parent-image{transition:transform 0.3s,box-shadow 0.3s}.why-us .whyus-image .parent-image:hover{transform:scale(1.2);box-shadow:0 10px 20px rgb(0 0 0 / .2)}@media screen and (max-width:920px){.whyus-image .whyus-text{line-height:0}.mobile-whyus{padding:20px 0}}@media screen and (max-width:600px){.why-us .whyus-content .whyus-text h2{font-size:30px}.why-us .whyus-content .whyus-text .whyus-sub-text span{font-size:23px}.why-us .whyus-content .whyus-text .whyus-sub-text p{font-size:22px}.mobile-whyus-columns{margin-top:20px!important}}.services{background-color:rgpa(#f7f8fc)}.services .first-top p{line-height:24px;font-size:18px}.services .first-top h2{font-family:"Inria Serif";font-weight:400;font-size:50px}.services .main-card{background-color:#FFF;cursor:pointer;border-radius:10px}html[lang="ar"] .services .main-card p{width:100%;text-align:right}html[lang="ar"] .services .main-card-text{text-align:right!important}.services .main-card p{font-size:14px;line-height:18.15px;margin:10px 0;height:108px}.services .main-card a{color:rgb(0 0 0 / .64);font-size:15px;line-height:18.15px;font-weight:400}.swiper-container{width:100%;padding:20px 0;overflow:hidden}.swiper-slide{display:flex;justify-content:center}.services .second-part{position:relative}.services .second-part .swiper-btn{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background-color:#fff;border:1px solid rgb(0 0 0 / .31);border-radius:100%}.services .second-part .btn-right{left:-45px;z-index:111}.services .second-part .btn-left{right:-55px;z-index:111}.swiper-pagination{display:none}@media screen and (max-width:1024px){.services .second-part .btn-left{right:-45px}.services .second-part .btn-right{left:-39px}.services .second-part .swiper-btn{width:41px;height:41px}}@media screen and (max-width:820px){.services .second-part .btn-right{left:-5px;width:45px;height:45px;display:none}.services .second-part .btn-left{right:-12px;width:45px;height:45px;display:none}.swiper-pagination{display:block;margin:20px 0 0 0;position:relative}}@media screen and (max-width:600px){.services .second-part .btn-right{left:-5px;width:45px;height:45px;display:none}.services .second-part .btn-left{right:-12px;width:45px;height:45px;display:none}.swiper-pagination{display:block;margin:20px 0 0 0;position:relative}}.works{overflow:hidden;background-color:#fff}html[lang="ar"] .filter{text-align:right;direction:rtl;font-family:"Cairo"}html[lang="ar"] .works .card-body,html[lang="ar"] .submit-container-text{text-align:right}html[lang="ar"] .form-available{direction:rtl;font-family:"Cairo"}.works .work-card .card{transition:background-color .3s;overflow:hidden;margin:auto}.works .work-card .card:hover{background-color:#f5f5f5;cursor:pointer}.works .work-card img{transition:all .3s}.works .work-card .card:hover img{transform:scale(1.1)}.works img{width:100%}.works .works-sub-img{width:98%}.works .first-top p{line-height:24px;font-size:18px}.works .second-part .work-columns{width:50%}.works .second-part .work-right{width:50%}.works .first-top h2{font-family:"Inria Serif";font-weight:400;font-size:50px;position:relative}.works .first-top h2::after{content:"";position:absolute;top:35px;right:0;width:340px;height:1px;background-color:rgb(10 9 15 / .41)}.works .first-top h2::before{content:"";position:absolute;top:35px;left:0;width:340px;height:1px;background-color:rgb(10 9 15 / .41)}.works .card-sub-text{color:#0000007A;font-size:14px}.works .work-card .visit-site{text-decoration:none;font-size:14px;color:#27569D;transition:letter-spacing .4s}.works .work-card .visit-site:hover{letter-spacing:1px}html[lang='ar'] .works .second-part .work-card .card .card-body{font-family:"Cairo",serif!important}.works .second-part .work-card .card{border:1px solid #0000001F}.view-btn{background-color:#FFF;text-decoration:none;border:1px solid rgb(0 0 0 / .16);padding:10px 50px;border-radius:5px;color:#072b5d;font-weight:400;font-size:20px;font-family:"Cairo";transition:all .4s}.view-btn:hover{letter-spacing:1px;color:#fff;background:linear-gradient(to left,#0B4487,#0C2F58)}@media screen and (min-width:1450px){.works .second-part .work-card2 .overlay{width:94%}.home .home-overlay{top:-500px;left:-438px;width:2212px;height:1273px}}@media screen and (max-width:1600px){.works .second-part .work-card2 .overlay{width:94%}}@media screen and (max-width:1350px){.works .second-part .work-card2 .overlay{width:93.5%}}@media screen and (max-width:1024px){.works .first-top h2::after{width:258px}.works .second-part .work-card2 .overlay{width:92.5%}.works .first-top h2::before{width:258px}}@media screen and (max-width:920px){.works .first-top h2::before{width:136px}.works .first-top h2::after{width:136px}.mobile-works{padding:15px}.works .second-part .work-card2 .overlay{width:92.5%;right:10px}.works .card{width:100%!important}.home{height:100%}.home .home-img-mobile-view{margin:auto}}@media screen and (max-width:600px){.works .second-part .work-card{padding:15px!important}.works .second-part .work-card .overlay{position:absolute;left:27px;top:17px;width:85%;height:90%}.works .second-part .work-card .btn-overlay{bottom:-40px;left:50%}.btn-overlay2{padding:12px 15px}.works .works-sub-img{width:99%}.works .second-part .work-card2 .overlay{right:11px;top:0;width:92.5%;height:100%;overflow:hidden!important}.works .first-top h2{font-size:35px}.works .first-top h2::before{top:24px;left:0;width:22px!important}.works .first-top h2::after{top:24px;right:0;width:22px!important}.works .first-top p{font-size:15px}.view-more{width:100%!important}.view-btn{font-size:25px!important;padding:10px 22px!important}.home{height:100%}.home .home-overlay{top:-649px;left:-450px}}@media screen and (max-width:400px){.view-more{width:100%!important}.works .first-top h2::after{width:22px}.works .first-top h2::before{width:22px}.view-btn{font-size:25px!important;padding:10px 22px!important}}@media (max-width:380px){.works .second-part .work-card .overlay{position:absolute;left:24px;top:15px;width:84%;height:88%}.works .second-part .work-card2 .overlay{width:90.5%}.works .first-top h2{font-size:26px}.works .first-top h2::before{top:17px}.works .first-top h2::after{top:17px}.services .first-top h2{font-size:36px}.why-us .whyus-content .whyus-text h2{font-size:21px}.home{height:100%}.home .home-overlay{top:-649px;left:-450px}}.footer{background-color:#072B5D08;overflow:hidden}.footer-logo{max-width:150px;height:auto}.footer-text{font-size:14px;line-height:1.5;color:rgb(0 0 0 / .78)}.social-links li{list-style:none}.social-links a{font-size:20px;transition:color 0.3s ease}.footer .contact-btn{background-color:#072b5d;font-weight:700;font-size:16px;line-height:28px;color:#fff;border:none;border-radius:5px;padding:7px 30px;width:100%}.footer .mail-us span{font-size:12px}.footer .footer-links a{font-size:16px;color:#072b5d}.footer .footer-links .active{color:#072b5d;font-weight:700}.all-rights{font-size:10px}.social-links-icons{font-size:15px}.main-footer .social-links-icons i{font-size:20px;color:#072b5d}.mobile-footer .social-links-icons i{font-size:20px;color:#fff}.copy-right{position:relative}.copy-right::after{content:"";position:absolute;top:-10px;left:10px;background-color:#d3c9c9;width:88%;height:1px}footer{position:relative}#back-to-top{position:absolute;bottom:30px;right:30px;display:block;background-color:#fff;color:#fff;border:1px solid rgb(7 43 93 / .41);border-radius:50%;padding:10px 15px;font-size:18px;cursor:pointer;z-index:1000}#back-to-top i{color:rgb(160 157 173 / .44)}.mobile-footer{display:none}@media screen and (max-width:920px){.mobile-footer{display:block;position:relative;overflow:hidden}.main-footer{display:none!important}.mobile-bg{background-color:#08254e}.soical .social-links-icons i{padding:0 5px;font-size:30px}.top-btn{position:absolute;top:50%;transform:translateY(-50%);right:0;background-color:rgb(0 0 0 / .47);border-radius:10px;padding:15px 25px;color:#fff}}.about{background-image:url(../img/about-us/bg.png);height:35vh;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.about .about-main-text .text{font-size:50px;color:#FFF;font-weight:400;font-family:"Inria Serif",serif}.bussiness{overflow:hidden}.bussiness-top{text-align:center}.bussiness .bussiness-top-text{font-size:32px;line-height:40px;color:#000000F0;font-weight:500}.bussiness .bussiness-top .bussiness-sub-text p{font-size:16px;line-height:32px;font-weight:500}.bussiness .bussiness-center .number-text{background-color:#072B5D;padding:30px 0;color:#FFF}@media screen and (max-width:600px){.bussiness-sub-text{width:90%}.soical .social-links-icons i{font-size:22px}}@media screen and (max-width:400px){.bussiness .bussiness-top-text{font-size:26px}.clients .clients-head .clients-head-text{font-size:30px!important}}.mission{overflow:hidden}.mission img{width:100%}.mission .mission-text .mission-sub-text{position:relative;padding:0 20px}.mission .mission-text .mission-sub-text::before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:#072B5D}.mission .mission-text .mission-head-text{font-size:32px;font-weight:600;line-height:40px;margin:15px 0;padding:0 40px}.mission .mission-text .mission-sub-text .mission-sub-paragraph{color:#072B5D91;font-size:20px;line-height:40px;font-weight:600}.chose-us{width:90%;margin:auto;background-image:url(../img/about-us/about-us-bg.jpg);background-size:cover;background-position:center;height:60vh;display:flex;justify-content:center;position:relative}.chose-us .chose-us-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000000a6}html[lang='ar'] .chose-us{font-family:'Cairo'}html[lang='ar'] .chose-us .chose-us-card .main-parent-text .main-parent-sub-text{text-align:right!important}.chose-us .chose-us-text .text{font-size:50px;color:#FFF;font-weight:700;line-height:62.5px;margin:20px 0;letter-spacing:2px}.chose-us .chose-us-sub-text p{font-size:20px;line-height:25px;letter-spacing:2px;color:#FFF}.chose-us-card{position:relative}.chose-us-card .main-card{position:absolute;z-index:1111;top:0;width:100%}.chose-us-card .img-group{width:145px;height:145px;border-radius:10px;display:flex;align-items:center;justify-content:center}.chose-us-card .main-parent{width:351px;height:378px;border-radius:20px;box-shadow:0 0 10px #00000040}.chose-us-card .main-parent-sub-text{color:#585858;line-height:20px;font-weight:300}.chose-us-card .main-parent-text{margin-top:40px}@media screen and (max-width:1280px){.chose-us{height:53vh}.chose-us-card .main-parent{width:319px;height:349px}.main-parent-text{margin-top:2rem!important}.chose-us-card .main-card{top:-14px;left:20px}}@media screen and (max-width:1024px){.chose-us-card .main-card{position:absolute;z-index:1111;top:-54px;left:0}.chose-us{height:70vh}.chose-us-card .main-parent{width:282px}.chose-us .chose-us-sub-text p{font-size:16px}}@media screen and (max-width:920px){.chose-us-card-main-view{display:none}.clients{padding-top:0!important}.chose-us{height:30vh;display:flex;align-items:center}}@media screen and (max-width:600px){.chose-us{height:50vh;display:flex;align-items:center}.chose-us .chose-us-text .text{font-size:36px}}.clients{overflow:hidden}.clients .client-card img{width:100px}.clients .client-card{background-color:#F8F8F8;box-shadow:0 0 10px rgb(0 0 0 / .16);text-align:center;padding:40px;border-radius:20px}.clients .clients-head .clients-head-text{font-size:38px;font-weight:700;line-height:47.5px}.clients .clients-head .clients-sub-text{font-size:18px;color:#585858;font-weight:400;line-height:22.5px}.clients .client-card .client-card-image-text h4{font-size:24px;font-weight:800;line-height:29.05px}.clients .client-card .client-star .star-item img{width:18px;margin:20px 5px 0 5px}.clients .client-card .client-footer-text{font-size:18px;color:#585858;line-height:21.78px;font-weight:400;margin-bottom:10px}.clients .main-slider{position:relative}html[lang='ar'] .clients .main-slider .client-footer-text{text-align:right!important;font-family:"Cairo"}.clients .slider-btns{position:absolute;top:-50px;right:35px;width:50px;z-index:1111}html[lang='ar'] .clients .slider-btns{right:92%}.clients .main-slider .slider-btns i{background-color:#ECECEC61;box-shadow:0 0 10px rgb(0 0 0 / .16);padding:10px;margin:0 4px;font-weight:700;border-radius:15px;font-size:18px}@media screen and (max-width:820px){.clients-head{padding:0 15px!important}.clients .clients-head{padding-top:0!important}.clients-head .client-head-mobile{padding-top:0!important}html[lang='ar'] .clients .slider-btns{right:85%}.clients .slider-btns{right:44px}}@media screen and (max-width:600px){html[lang='ar'] .clients .slider-btns{right:70%}}.contact-us{background-image:url(../img/contact-us/bg.png);background-size:cover;background-position:center;height:40vh}.contact-us h3{color:#14293e;font-size:32px;font-weight:600}.group{background-color:rgb(7 43 93 / .03)}.form-data{overflow:hidden}.form-data .group label{color:#496179}.form-data .group ::placeholder{color:#b9c2cb}.form-data .btn-form{background-color:#072b5d;color:#fff;border-radius:4px;padding:15px 0;border:none;transition:all .3s}.form-data .btn-form:hover{box-shadow:0 0 10px #000}.chat{border-bottom:1px solid #b9c2cb;padding:20px 0}.chat-text .chat-link{font-size:16px;font-weight:600;color:#14293e}.map{position:relative}.location-overlay{position:absolute;top:50px;left:92px;width:551px;height:315px;background-color:#072B5D;z-index:1111}.location-head{color:#FFF;font-weight:100;font-size:33px}.location-paragraph{color:#FFF;font-weight:600;font-size:20px}.location-icon{position:absolute;bottom:30px;right:40px;color:#fff}.location-icon i{font-size:54px}.location-text{padding:10px 15px!important}html[lang='ar'] .contact-us .text{font-family:'Cairo'}html[lang='ar'] .form-data{direction:rtl;font-family:'Cairo'}html[lang='ar'] .location{direction:rtl;font-family:'Cairo'}@media screen and (max-width:1200px){.location-overlay{position:absolute;top:55px;left:35px;width:346px}.location{overflow:hidden}}@media screen and (max-width:920px){.location-overlay{position:absolute;top:55px;left:35px;width:400px}.location-text{padding:10px 15px!important}.location{overflow:hidden}}@media screen and (max-width:600px){.location-overlay{position:absolute;top:55px;left:35px;width:346px}.location-text{padding:10px 15px!important}.location{overflow:hidden}}@media screen and (max-width:380px){.location-overlay{position:absolute;top:55px;left:35px;width:300px}.location-text{padding:10px 15px!important}.location{overflow:hidden}}.services{background:#F7F8FC}html[lang="ar"] .our-services{direction:rtl}html[lang="ar"] .our-services-card{text-align:right;font-family:"Cairo"}html[lang="ar"] .service-card-body{text-align:right}html[lang="ar"] .link-parent{text-align:right}.services-page{background-image:url(../img/services/background.png);background-position:center;background-size:cover;height:40vh;overflow:hidden}.our-services{overflow:hidden}.our-services .our-services-card{background-color:#FFF;box-shadow:unset rgb(0 0 0 / .25);border:1px solid rgb(7 43 93 / .25);height:500px;position:relative;overflow:hidden}.our-services .our-services-card p{color:#00000082;line-height:21.78px}.our-services .our-services-card h3{font-size:20px;line-height:21.78px;font-weight:500}.our-services .link{color:#000000A3}html[lang='ar'] .read-more-container{right:25px}.read-more-container{position:absolute;bottom:40px;left:25px}.details-bg{background-position:center;background-size:cover;height:45vh;overflow:hidden}.web-bg{background-image:url(../img/services-details/web-bg.png)}.content-bg{background-image:url(../img/services-details/content.jpg)}.seo-bg{background-image:url(../img/services-details/seo-bg.png)}.mobile-details-bg{background-image:url(../img/services-details/mobile-bg.png)}.ecommerce-bg{background-image:url(../img/services-details/e-commerce-bg.png)}.branding-logo-bg{background-image:url(../img/services-details/landing-logo-bg.png)}.social-bg{background-image:url(../img/services-details/social-bg.png)}.google-bg{background-image:url(../img/services-details/google-bg.png);height:50vh;background-position:bottom}.hosting-bg{background-image:url(../img/services-details/hosting-bg.png)}.landing-text{background-color:#fff}.landing-text .main-landing{border-bottom:1px solid #072B5D}.landing-text .main-text-landing{width:90%;margin:auto}.landing-text .main-text-landing p{font-size:20px;font-weight:300;color:#252f36;margin:20px 0}.landing-text .main-text-landing h3{font-size:30px;font-weight:600;color:#252f36}.after-line{position:relative;padding:36px 0}.after-line::after{content:"";bottom:0;left:50%;position:absolute;transform:translateX(-50%);width:80%;height:1px;background-color:rgb(14 7 93 / .74)}.points{overflow:hidden}.points .points-text h3{font-size:25px;color:#08254e;font-weight:600}.points-list{position:relative}.points-list::before{content:"";position:absolute;top:0;left:0;width:3px;background-color:#5a2471;height:150px}.reverse-img{margin-top:-100px}.left-side-line1::before{height:270px}.two-line{position:relative}.two-line::before{content:"";top:15px;left:60px;position:absolute;width:320px;height:1px;background-color:rgb(0 0 0 / .59)}.two-line::after{content:"";top:15px;right:60px;position:absolute;width:320px;height:1px;background-color:rgb(0 0 0 / .59)}.recent .project-img{height:250px;width:33%}.project-img img{width:100%!important}.project-img img{height:300px}.service-details-img{transition:all .3s;cursor:pointer}.service-details-img:hover{transform:scale(1.1)}.web-img{overflow:hidden}.animation-img{animation-name:img;animation-iteration-count:infinite;animation-timing-function:2s;animation-duration:5.5s}@keyframes img{0%{transform:translateY(10px)}50%{transform:translateY(40px)}100%{transform:translateY(10px)}}@media screen and (max-width:920px){.recent .project-img{width:50%}.reverse-img{margin:0}.two-line::before{top:15px;left:11px;position:absolute;width:190px}.two-line::after{top:15px;right:11px;position:absolute;width:190px}}@media screen and (max-width:600px){.recent .project-img{width:100%}.two-line::before{top:15px;left:0;position:absolute;width:38px}.two-line::after{top:15px;right:0;position:absolute;width:38px}.reverse-img{margin:0}}.filter{background:linear-gradient(to right,#072B5D,#0E5BC3);padding:40px 0;color:#fff}.filter .active-filter{border-bottom:2px solid #fff;text-transform:capitalize}.filter .main-container{width:90%;margin:auto}.galary{overflow:hidden}.galary-img{overflow:hidden;margin:15px 0}.submit-bg{background-image:url(../img/works/submit-bg.png);height:70vh;background-size:cover;background-position:center}.submit-container{margin:auto;width:90%;border-radius:20px;position:relative;z-index:1}.submit-container-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background-color:#072B5D8A;z-index:-1}.submit-container-text h3{color:#fff;font-size:40px;font-weight:500;margin:15px 0}.form-available input{width:90%;border-radius:40px;padding:25px 15px;background-color:#fff0;border:1px solid #FFFFFF78;color:#fff}.form-available input::placeholder{color:#FFFFFFA1;text-align:center;font-size:30px;font-weight:400}.form-available input:focus{background-color:#fff0;color:#fff}.btn-available{background-color:#FFF;color:#072B5D;border:none;padding:15px 60px;border-radius:10px;font-size:25px;font-weight:500;transition:all .3s}.btn-available:hover{background-color:#5F15EE;color:#fff}@media screen and (min-width:1380px){.submit-bg{height:47vh!important}}@media screen and (max-width:920px){.filter{display:none}.form-parent{padding:0!important}.btn-available{width:92%;margin:31px 15px}.submit-bg{height:50vh}}@media screen and (max-width:600px){.submit-bg{height:70vh}.btn-available{width:100%;margin:10px 0}.form-available input{width:100%;margin:15px 0}.submit-container-text h3{font-size:33px}}@media screen and (max-width:375px){.submit-bg{height:90vh}.btn-available{width:92%;margin:10px 10px}.submit-container-text h3{font-size:27px}}.quote-bg{height:30vh;background-image:url(../img/quote-bg.png);background-position:center;background-size:cover;overflow:hidden}html[lang="ar"] .quote-bg{font-family:"Cairo"}html[lang="ar"] .quote-form{font-family:"Cairo";direction:rtl}html[lang="ar"] .quote-form .main-form{text-align:right}html[lang="ar"] .quote-form .form-group label{text-align:right}html[lang="ar"] .quote-form .form-control{text-align:right}html[lang="ar"] .quote-form .down-icon{left:10px;right:auto}.quote-form .main-form{background-color:#072B5D08;padding:30px}.quote-form .main-form .form-label{font-size:20px;font-weight:400;line-height:28px;color:#072B5D}.required-star{color:#ff2020}.form-input{padding:15px 5px}.quote-form .form-group{margin:20px 0}.parent-down-icon{position:relative}.parent-down-icon select{cursor:pointer}.down-icon{position:absolute;top:50px;right:15px;font-size:18px;color:#072B5D}.quote-form input:focus{box-shadow:0 0 0;border:none}.quote-form select:focus{box-shadow:0 0 0;border:none}.quote-form select option{border-bottom:1px solid #ccc;padding:30px 10px}.quote-form .quote-btn-send{width:100%;padding:15px 0;border:none;border-radius:10px;background-color:#072B5D;color:#fff;font-size:22px;font-weight:600;transition:all .3s}.quote-form .quote-btn-send:hover{background-color:#0E5BC3;box-shadow:0 0 10px #000}.header-scroll .language-switcher .dropdown-toggle{border:1px solid #ccc;background:#5f15ee;color:#fff}.language-switcher .dropdown-toggle{background-color:#fff0;border:none;color:#FFF;padding:15px 20px;border-radius:5px}.language-switcher .dropdown-menu{min-width:100px}.language-switcher .dropdown-item{color:#333;text-align:center}.language-switcher .dropdown-item:hover{background-color:#f8f9fa}html[lang='ar'] .details-page .common-main-text{font-family:"Cairo";direction:rtl}html[lang='ar'] .landing-text{font-family:"Cairo";direction:rtl}html[lang='ar'] .points{direction:rtl;font-family:"Cairo"}html[lang='ar'] .points-list::before{right:0}html[lang='ar'] .parent-points-list{padding:0!important}