main{overflow:hidden}header{display:flex;width:100%;position:absolute;z-index:11;padding:20px 0}header.website-dev{background:rgba(255,255,255,.79)}header.fixed{position:fixed;transition:transform .3s ease-in-out;width:100%;top:0;left:0;background:rgba(255,255,255,.49);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(7.8px);-webkit-backdrop-filter:blur(7.8px);border:1px solid rgba(255,255,255,.17);animation:fadeInDown .4s linear;z-index:999999}header.hide{top:-100px;opacity:0!important;transform:translateY(-100%)}header .logo{max-width:200px}header .logo a{display:block}header .logo a img{width:100%}header .sh-menu{display:flex;list-style-type:none;padding-left:0;align-items:center;justify-content:flex-end}header .sh-menu li a{display:flex;margin:10px 20px;text-decoration:none;font-weight:600;color:#000}header .sh-menu li a img{filter:brightness(0)}header .sh-menu li a.active{color:#5a4ac0}header .sh-menu li a.active img{filter:none}header .sh-menu li a.home{max-width:15px}header .sh-menu li a.home img{width:100%;transition-duration:.3s}header .sh-menu li a:hover{color:#5a4ac0}header .sh-menu li a:hover.home img{transform:scale(1.2)}header .burgermenu{display:inline-flex;transition-duration:.3s;position:relative;left:-4px;text-decoration:none;font-weight:600;margin-top:15px;max-width:40px}header .burgermenu img{width:100%}header .burgermenu span{padding:0 10px}header .burgermenu:hover{transform:scale(1.2)}header .menu-box{position:fixed;width:100vw;height:100vh;overflow-y:scroll;background:url("../images/top-web-design-company-dubai-webotix-uae-office.webp") no-repeat center;background-size:cover;z-index:999999999;left:0;top:0;align-items:center;justify-content:center;transform:scale(0);opacity:0;transition-duration:.6s}header .menu-box.show{transform:scale(1);opacity:1}header .menu-box.show .content-box ul.main-links li:first-child a{animation:fadeIn .6s linear}header .menu-box.show .content-box ul.main-links li:nth-child(2) a{animation:fadeIn .7s linear}header .menu-box.show .content-box ul.main-links li:nth-child(3) a{animation:fadeIn .8s linear}header .menu-box.show .content-box ul.main-links li:nth-child(4) a{animation:fadeIn .9s linear}header .menu-box.show .content-box ul.main-links li:nth-child(5) a{animation:fadeIn 1s linear}header .menu-box.show .content-box ul.main-links li:nth-child(6) a{animation:fadeIn 1.1s linear}header .menu-box.show .content-box ul.main-links li:nth-child(7) a{animation:fadeIn 1.2s linear}header .menu-box.show .content-box ul.main-links li:nth-child(7) a{animation:fadeIn 1.3s linear}header .menu-box.show .content-box ul.privacy li:first-child a{animation:fadeIn .7s linear}header .menu-box.show .content-box ul.privacy li:nth-child(2) a{animation:fadeIn .8s linear}header .menu-box.show .content-box .left-part .products-wrap{animation:fadeIn 1.5s linear}header .menu-box.show .content-box .right-part{animation:fadeIn 1.7s linear}header .menu-box.show .content-box .right-part .first-box:first-child{animation:zoomIn .5s linear}header .menu-box.show .content-box .right-part .first-box:nth-child(2){animation:zoomIn 1.2s linear}header .menu-box .content-box{display:flex;align-items:flex-start;justify-content:space-between;width:100%;max-width:1280px;padding:30px;margin:auto;flex-wrap:nowrap}header .menu-box .content-box .left-part,header .menu-box .content-box .right-part{flex:1 1 40%;min-width:300px;max-width:50%}@media (max-width:767px){header .menu-box .content-box{flex-direction:column;flex-wrap:wrap;gap:32px;padding:24px 16px}header .menu-box .content-box .left-part,header .menu-box .content-box .right-part{flex:1 1 100%;min-width:100%;max-width:100%}header .menu-box .content-box .left-part ul.main-links li a{font-size:1.9rem;line-height:2.1rem;margin:16px 0}header .menu-box .content-box .right-part .services-box-wrap h3 a{font-size:1.9rem;line-height:2.1rem}}header .menu-box .content-box .left-part ul{list-style-type:none;padding:0;margin-bottom:0}header .menu-box .content-box .left-part ul.main-links{margin-bottom:5%}header .menu-box .content-box .left-part ul.main-links li a{color:#fff;font-size:2.25rem;line-height:2.25rem;text-decoration:none;font-weight:600;transition-duration:.3s;position:relative;padding:0;display:flex;margin:20px 0}header .menu-box .content-box .left-part ul.main-links li a::before{content:"";width:5px;height:0;background:#fff;position:absolute;left:0;top:0;transition-duration:.5s}header .menu-box .content-box .left-part ul.main-links li a:hover{padding-left:30px}header .menu-box .content-box .left-part ul.main-links li a:hover::before{height:100%}header .menu-box .content-box .left-part ul.privacy li a{font-weight:500;font-size:1.2rem;text-decoration:none;color:#fff;letter-spacing:1px;margin:10px 0;display:inline-flex}header .menu-box .content-box .left-part .products-wrap{margin-top:50px}header .menu-box .content-box .left-part .products-wrap h3 a{color:#fff;font-size:2.25rem;line-height:2.25rem;text-decoration:none;font-weight:600;transition-duration:.3s;position:relative;padding:0;display:flex;margin:20px 0}header .menu-box .content-box .left-part .products-wrap h3 a::before{content:"";width:5px;height:0;background:#fff;position:absolute;left:0;top:0;transition-duration:.5s}header .menu-box .content-box .left-part .products-wrap h3 a:hover{padding-left:30px}header .menu-box .content-box .left-part .products-wrap h3 a:hover::before{height:100%}header .menu-box .content-box .left-part .products-wrap ol{color:#fff}header .menu-box .content-box .left-part .products-wrap ol li a{text-decoration:none;color:#fff;font-weight:300;letter-spacing:.5px}header .menu-box .content-box .left-part .products-wrap ol li a:hover{text-decoration:underline}header .menu-box .content-box .right-part{margin-top:0!important}header .menu-box .content-box .right-part .services-box-wrap h3 a{color:#fff;font-size:2.25rem;line-height:2.25rem;text-decoration:none;font-weight:600;transition-duration:.3s;position:relative;padding:0;display:flex;margin:20px 0}header .menu-box .content-box .right-part .services-box-wrap h3 a::before{content:"";width:5px;height:0;background:#fff;position:absolute;left:0;top:0;transition-duration:.5s}header .menu-box .content-box .right-part .services-box-wrap h3 a:hover{padding-left:30px}header .menu-box .content-box .right-part .services-box-wrap h3 a:hover::before{height:100%}header .menu-box .content-box .right-part .services-box-wrap .list-wrap{display:flex}header .menu-box .content-box .right-part .services-box-wrap .list-wrap .list-box{width:50%;color:#fff}header .menu-box .content-box .right-part .services-box-wrap .list-wrap .list-box li{margin-bottom:20px}header .menu-box .content-box .right-part .services-box-wrap .list-wrap .list-box li a{text-decoration:none;color:#fff;font-weight:300;letter-spacing:.5px}header .menu-box .content-box .right-part .services-box-wrap .list-wrap .list-box li a:hover{text-decoration:underline}header .menu-box .content-box .right-part .services-box-wrap .list-wrap .list-box li ul li{margin-bottom:0;list-style-type:" - "}header .menu-box .content-box .right-part .first-box{display:flex;justify-content:flex-end;text-align:right;color:#fff}header .menu-box .content-box .right-part .first-box div{min-width:250px}header .menu-box .content-box .right-part .first-box h3{font-size:1.5rem}header .menu-box .content-box .right-part .first-box p{margin-bottom:0;font-size:.875rem;line-height:1.5rem}header .menu-box .content-box .right-part .first-box p a{text-decoration:none;color:#fff}header .menu-box .content-box .right-part .second-box{margin-top:8%}header .menu-box .content-box .right-part .second-box .social{display:flex;flex-direction:column;list-style-type:none;padding:0;align-items:flex-end;justify-content:flex-end;text-align:right}header .menu-box .content-box .right-part .second-box .social li a{height:20px;display:flex;margin:5px 0;transition-duration:.3s;color:#fff;text-transform:capitalize}header .menu-box .content-box .right-part .second-box .social li a:hover{transform:scale(1.3)}header .menu-box .content-box .right-part .second-box .social li:last-child a{margin-right:0}header .menu-box .content-box .right-part .second-box p{text-align:right;color:#fff;font-size:1rem}header .menu-box .close-btn{width:50px;height:50px;position:absolute;top:20px;right:30px;color:#fff;z-index:12;text-decoration:none;display:flex;align-items:center;justify-content:center}header .menu-box .close-btn img{position:relative;transition-duration:.5s;display:block}header .menu-box .close-btn:hover img{transform:rotate(360deg)}.top-menu-icons .col-lg-12 hr{color:#fff}.top-menu-icons ul{display:flex;list-style-type:none;margin-left:-30px}.top-menu-icons ul li a img{width:25px;filter:brightness(0) invert(1);transition:.5s ease}.top-menu-icons ul li a img:hover{filter:brightness(1) invert(0);transform:scale(1.2)}.top-menu-icons ul li a{text-decoration:none;color:#fff;margin-right:10px;font-size:15px}.top-menu-icons ul li a:hover{color:#000}.subpage header .left-section{justify-content:flex-start;align-items:center;width:80%;position:relative}.subpage header .left-section ul.breadcrumb{padding:8px 14px 8px 6px;background:#f2f2f2;border-radius:11px;margin:0 6%}.subpage header .left-section ul.breadcrumb li{font-size:.75rem;padding-left:20px;position:relative}.subpage header .left-section ul.breadcrumb li:first-child{padding-left:5px}.subpage header .left-section ul.breadcrumb li::before{content:"\ea62";font-family:fiicons;position:absolute;left:10px;top:3px;font-size:.5rem}.subpage header .left-section ul.breadcrumb li:first-child::before{display:none}.subpage header .left-section ul.breadcrumb li a{text-decoration:none;font-weight:600;color:#231f20}.subpage header .left-section ul.breadcrumb li a i{padding:5px}.subpage header .left-section ul.breadcrumb li a i img{width:10px}.subpage header .left-section ul.breadcrumb li a:hover{color:#e95e24}.subpage header.fixed-header{position:fixed;top:0;left:0;width:100%;background:#ffffff69;animation:fadeInDown .5s linear;box-shadow:0 5px 15px 0 rgba(0,0,0,.1490196078)}@media screen and (max-width:1199px){header .menu-box{background-size:auto}}@media screen and (max-width:767px){header .sh-menu{display:none}header .burgermenu{margin-top:0}header .menu-box .close-btn{width:30px;height:30px;position:absolute;top:15px;right:20px}header .menu-box .content-box{flex-direction:row}header .menu-box .content-box .left-part ul.main-links li a{font-size:1.25rem;line-height:1rem}header .menu-box .content-box .left-part .products-wrap h3 a{font-size:1.25rem;line-height:1rem}header .menu-box .content-box .left-part .products-wrap ol{padding-left:20px}header .menu-box .content-box .left-part .products-wrap ol li::marker{font-size:.75rem}header .menu-box .content-box .left-part .products-wrap ol li ul{padding-left:0}header .menu-box .content-box .left-part .products-wrap ol li a{font-size:.75rem;line-height:1rem;display:block}header .menu-box .content-box .right-part .services-box-wrap h3 a{font-size:1.25rem;line-height:1rem}header .menu-box .content-box .right-part .services-box-wrap .list-wrap .list-box{padding-left:1rem;width:400px}header .menu-box .content-box .right-part .services-box-wrap .list-wrap .list-box li ul{padding-left:0}header .menu-box .content-box .right-part .services-box-wrap .list-wrap .list-box li a{font-size:.75rem;line-height:1rem;display:block}}*{margin:0;padding:0;box-sizing:border-box;font-family:circular,sans-serif!important}body{font-family:circular,sans-serif!important;font-size:16px;position:relative;max-width:100vw;overflow-x:hidden;color:#231f20;box-sizing:border-box}body .preloader{display:none!important;position:fixed;width:100vw;height:100vh;overflow:hidden;background:#423784;z-index:13;display:flex;align-items:center;justify-content:center;transition-duration:1.2s}body .preloader .preload-wrap{max-width:300px;max-height:300px;position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center}body .preloader .preload-wrap img{width:100%}body .preloader .preload-svg{display:block;margin:0 auto;max-width:100vw;max-height:100vw;animation:rotate 20s infinite linear;fill:#fff}body .preloader.preloaded{height:0}body .preloader.preloaded .preload-wrap{opacity:0}body input:focus,body textarea:focus{outline:0}#buttonaa{display:inline-block;background-color:#5a4ac0;border:1px solid #fff;width:50px;height:50px;text-align:center;border-radius:25px;position:fixed;bottom:30px;left:30px;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:999999999;text-decoration:none}#buttonaa::after{content:"\ea67";font-family:fiicons;font-weight:400;font-style:normal;font-size:.75rem;line-height:50px;color:#fff}#buttonaa:hover{cursor:pointer;background-color:#231f20}#buttonaa:active{background-color:#231f20}#buttonaa.show{opacity:1;visibility:visible}.whatsapp-chat{display:inline-block;border:1px solid #fff;width:50px;height:50px;text-align:center;border-radius:25px;position:fixed;bottom:30px;right:30px;opacity:0;visibility:hidden;z-index:9999999;text-decoration:none;transition-duration:.3s}.whatsapp-chat img{width:100%}.whatsapp-chat:hover{cursor:pointer;transform:scale(1.2)}.whatsapp-chat:active{background-color:#423784}.whatsapp-chat.show{opacity:1;visibility:visible}.load-less,.load-more{display:flex;flex-direction:column;text-decoration:none;color:#231f20;align-items:center;margin:50px auto;justify-content:center;max-width:120px;transition-duration:.3s}.load-less i,.load-more i{font-size:1.5rem}.load-less:hover,.load-more:hover{color:#e95e24}.load-less:hover i,.load-more:hover i{animation:fadeInDown 1.5s infinite}.flt-right{float:right}.float{animation:float 5s ease-in-out infinite}.mtm-50{margin-top:-50px}.mtm-100{margin-top:-100px}.mt-50{margin-top:50px}.text-trans-none{text-transform:none!important}@media screen and (max-width:991px){body .preloader{display:none}}