@import url(https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);.clearfix:after,.grid:after{clear:both;display:block}.action_btns a,.grid-item img,.grid:after,.nav .scroll-to-section a img:first-child,.nav .scroll-to-section a.active img:last-child,.nav .scroll-to-section a:hover img:last-child,html[xmlns] .clearfix{display:block}.Social-media a,.btn-whatsapp-pulse,.forgot_password,a.btn{text-decoration:none}:root{--main-color:#31a2ff;--secondry-color:#1ed7b6}a,abbr,acronym,address,applet,article,aside,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,div pre,dl,dt,em,figcaption,figure,font,footer,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,li,nav,object,ol,p,q,s,samp,section,small,span,strike,strong,sub,sup,tt,u,ul,var{margin:0;padding:0;border:0;outline:0}.gradient-button a,.white-button a{border-radius:23px;padding:10px 20px!important;transition:.5s}.grid:after{content:''}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondry-color)}.grid-item,.grid-sizer{width:50%}.grid-item,.user_login input[type=checkbox]+label{float:left}.grid-item img{max-width:100%}.clearfix:after{content:".";visibility:hidden;line-height:0;height:0}.clearfix,.main-banner .left-content .white-button,.main-section .left-content .white-button{display:inline-block}* html .clearfix{height:1%}li,ul{padding:0;margin:0;list-style:none}.nav .scroll-to-section a img{width:40%;margin-top:.5em;object-fit:contain}.nav .scroll-to-section a img:last-child,.nav .scroll-to-section a.active img:first-child,.nav .scroll-to-section a:hover img:first-child,.user_login,.user_register{display:none}.nav.all-pages,nav.all-pages{display:flex;justify-content:space-between;align-items:center}.nav.of-index,nav.of-index{display:flex;justify-content:center;float:none!important}*{box-sizing:border-box}body,html{font-weight:400;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;background:#fff;font-family:Almarai,sans-serif}a{text-decoration:none!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}.about-us .box-item p,.footer-widget ul li:last-child,.pricing-item-pro ul li:last-child,.pricing-item-regular ul li:last-child,ul{margin-bottom:0}p{font-size:15px;line-height:30px;font-weight:300;color:#707070}img{width:100%;overflow:hidden}::selection{background:#4b8ef1;color:#fff!important}::-moz-selection{background:#4b8ef1;color:#fff!important}@media (max-width:991px){body,html{overflow-x:hidden}.mobile-top-fix{margin-top:30px;margin-bottom:0}.mobile-bottom-fix{margin-bottom:30px}.mobile-bottom-fix-big{margin-bottom:60px}}.section-heading,.show-up{position:relative;z-index:2}.section-heading h4{color:#2a2a2a;font-size:30px;font-weight:700;text-transform:capitalize;margin-bottom:10px}#services-page .service-button a:first-child,#services-page .service-button a:last-child,.border-button a,.gradient-button a,.white-button a{display:inline-block!important;text-transform:capitalize;font-size:15px;font-weight:500!important;letter-spacing:0!important}.section-heading h4 em{font-style:normal;color:#18d7bf}.section-heading img{width:45px;height:2px}.section-heading p{margin-top:10px}.white-button a{color:#4b8ef1!important;background-color:#fff}.white-button a i{margin-left:5px;font-size:18px}.border-button a:hover,.main-banner .left-content .white-button a,.main-section .left-content .white-button a,.white-button a:hover{background-color:#4b8ef1;color:#fff!important}.text-button a{font-size:15px}.text-button a i{margin-left:5px;font-size:14px;transition:.3s}.text-button a:hover i{margin-left:8px}.gradient-button a,.gradient-button a:hover{color:#fff!important;background:#13aff0;background:linear-gradient(105deg,#5b68eb 0,#28e1fd 100%)}.border-button a{padding:10px 20px!important;color:#4b8ef1!important;border:1px solid #4b8ef1;background-color:#fff;border-radius:23px;transition:.5s}.background-header{background-color:#fff!important;height:80px!important;border-bottom:none!important;position:absolute!important;top:0;left:0;right:0;box-shadow:0 5px 8px rgba(0,0,0,.03)}.background-header .nav li:last-child a.active:after,.header-area,.header-area .main-nav .nav{background-color:transparent}.background-header .logo,.background-header .main-nav .nav li a,.conatct-page .footer-social-menu ul li:hover i,.footer-widget p,.footer-widget p a,.free-quote .section-heading h4,.free-quote .section-heading h6,.service-item:hover .text-button a,.service-item:hover h4,.service-item:hover p,a.btn_red{color:#fff}.background-header .main-nav .nav li.submenu:after,.btn_red:hover,.the-clients .nacc .thumb .down-content .right-content span{color:#2a2a2a}.background-header .nav li a.active{position:relative;color:#fff}.background-header .nav li a.active:after{position:absolute;width:100%;height:1px;background-color:#4b8ef1;content:'';left:50%;bottom:-20px;transform:translateX(-50%);display:none}.header-area{position:absolute;left:0;right:0;z-index:100;height:90px;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.header-area .main-nav .logo,.header-area .main-nav .nav{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}.header-area.all-pages .main-nav .nav li a.active,.header-area.all-pages .main-nav .nav li:hover a{color:#19d8bc!important;border-color:#19d8bc!important;box-shadow:0 6px 19px #19d8BC47;font-size:12px;font-weight:600;padding-top:8px}.header-area.all-pages .main-nav .nav li a,.header-area.background-header.all-pages .main-nav .nav li a{color:#31a1ff!important;box-shadow:0 6px 19px #31a2FF26;background:#fff!important;opacity:1;font-weight:600;display:flex;text-align:center;padding-top:8px}.header-area.background-header.all-pages .main-nav .nav li a.active,.header-area.background-header.all-pages .main-nav .nav li:hover a{color:#19d8bc!important;border:1px solid #19d8bc!important;box-shadow:0 6px 19px #19d8BC47!important;font-size:10px;font-weight:600}.header-area.all-pages .main-nav .nav li a{border:1px solid transparent!important;border-radius:20px;width:95px;height:95px;align-items:center;justify-content:center;flex-direction:column;font-size:12px}.header-area.background-header.all-pages .main-nav .nav li a{border:1px solid transparent!important;border-radius:20px;width:90px;height:90px;align-items:center;justify-content:center;flex-direction:column;font-size:10px}.header-area.all-pages .main-nav .nav,.not-sticky.background-header .main-nav .nav{margin-top:0!important}.header-area.all-pages{background-color:#fff;margin:1.5em;border-radius:20px}.header-area .main-nav{min-height:80px;background:0 0}.header-area .main-nav .logo{transition:.3s;line-height:70px;float:left;width:12%}.header-area .main-nav.pages-nav{margin-top:-3px;display:flex;justify-content:space-between;align-items:center}.background-header .main-nav .logo{line-height:80px}.background-header .main-nav .nav{margin-top:20px!important}.header-area .main-nav .nav{float:right;margin-top:30px;margin-right:0;transition:.3s;position:relative;z-index:999}.header-area .main-nav .nav li{padding-left:20px;padding-right:20px;position:relative}.header-area .main-nav .nav li:nth-child(6){padding-right:0;padding-left:40px}.header-area .main-nav .nav li a{display:block;font-weight:400;font-size:15px;color:#fff;text-transform:capitalize;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.5s;height:40px;line-height:40px;border:transparent;letter-spacing:0;opacity:.5}.success-section:after,.success-section:before{content:'';width:100px;height:80px;top:50%;border-radius:25px}.header-area .main-nav .nav.of-index li a:after{content:url('../images/nav-border.svg');position:absolute;height:10px;bottom:0;top:75%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:.5s}.header-area .main-nav .nav li a.active:after,.header-area .main-nav .nav li:hover a:after{opacity:1}.header-area .main-nav .nav li a.active,.header-area .main-nav .nav li:hover a{color:#fff!important;font-weight:500;opacity:1}.header-area .main-nav .nav li:hover a{transform:scale(1.1)}.header-area .main-nav .nav li:last-child a.active{color:#fff!important}.background-header .main-nav .nav li a.active,.background-header .main-nav .nav li:hover a{color:#4b8ef1!important;opacity:1}.header-area .main-nav .nav li.submenu{position:relative;padding-right:30px}.header-area .main-nav .nav li.submenu:after{font-family:FontAwesome;content:"\f107";font-size:12px;color:#2a2a2a;position:absolute;right:18px;top:12px}.header-area .main-nav .nav li.submenu ul{position:absolute;width:200px;box-shadow:0 2px 28px 0 rgba(0,0,0,.06);overflow:hidden;top:50px;opacity:0;transform:translateY(+2em);visibility:hidden;z-index:-1;transition:.3s ease-in-out,visibility 0s linear .3s,z-index 0s linear 10ms}.header-area .main-nav .nav li.submenu ul li{margin-left:0;padding-left:0;padding-right:0}.header-area .main-nav .nav li.submenu ul li a{opacity:1;display:block;background:#f7f7f7;color:#2a2a2a!important;padding-left:20px;height:40px;line-height:40px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;position:relative;font-size:13px;font-weight:400;border-bottom:1px solid #eee}.header-area .main-nav .nav li.submenu ul li a:hover{background:#fff;color:#4b8ef1!important;padding-left:25px}.header-area .main-nav .nav li.submenu ul li a:hover:before{width:3px}.header-area .main-nav .nav li.submenu:hover ul{visibility:visible;opacity:1;z-index:1;transform:translateY(0);transition-delay:0s,0s,0.3s}.header-area .main-nav .menu-trigger{cursor:pointer;position:absolute;top:33px;width:32px;height:40px;text-indent:-9999em;z-index:99;right:40px;display:none}.background-header .main-nav .menu-trigger{top:23px}.header-area .main-nav .menu-trigger span,.header-area .main-nav .menu-trigger span:after,.header-area .main-nav .menu-trigger span:before{-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;background-color:#2a2a2a;display:block;position:absolute;width:30px;height:2px;left:0}.background-header .main-nav .menu-trigger span,.background-header .main-nav .menu-trigger span:after,.background-header .main-nav .menu-trigger span:before,.background-header .main-nav .menu-trigger.active span:after,.background-header .main-nav .menu-trigger.active span:before{background-color:#2a2a2a}.header-area .main-nav .menu-trigger span:after,.header-area .main-nav .menu-trigger span:before{-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;background-color:#2a2a2a;display:block;position:absolute;height:2px;left:0;width:75%;content:""}.header-area .main-nav .menu-trigger span{top:16px}.header-area .main-nav .menu-trigger span:before{-moz-transform-origin:33% 100%;-ms-transform-origin:33% 100%;-webkit-transform-origin:33% 100%;transform-origin:33% 100%;top:-10px;z-index:10}.header-area .main-nav .menu-trigger span:after{-moz-transform-origin:33% 0;-ms-transform-origin:33% 0;-webkit-transform-origin:33% 0;transform-origin:33% 0;top:10px}.header-area .main-nav .menu-trigger.active span,.header-area .main-nav .menu-trigger.active span:after,.header-area .main-nav .menu-trigger.active span:before{background-color:transparent;width:100%}.header-area .main-nav .menu-trigger.active span:before{-moz-transform:translateY(6px) translateX(1px) rotate(45deg);-ms-transform:translateY(6px) translateX(1px) rotate(45deg);-webkit-transform:translateY(6px) translateX(1px) rotate(45deg);transform:translateY(6px) translateX(1px) rotate(45deg);background-color:#2a2a2a}.header-area .main-nav .menu-trigger.active span:after{-moz-transform:translateY(-6px) translateX(1px) rotate(-45deg);-ms-transform:translateY(-6px) translateX(1px) rotate(-45deg);-webkit-transform:translateY(-6px) translateX(1px) rotate(-45deg);transform:translateY(-6px) translateX(1px) rotate(-45deg);background-color:#2a2a2a}.header-area.header-sticky{min-height:80px}.header-area .nav,.the-clients .nacc .thumb .down-content{margin-top:30px}.about-us .box-item:hover h4 a,.header-area.header-sticky .nav li a.active,.the-clients .naccs .menu div.active .thumb,.the-clients .naccs .menu div.active h4,.the-clients .naccs .menu div.active i,.the-clients .naccs .menu div.active span.rating{color:#4b8ef1}#partners{padding:4em 0;direction:ltr}#partners .owl-carousel .owl-item img{padding:2em 1em;height:100px;width:100%;object-fit:contain}#partners .section-heading{position:relative;margin-bottom:1em}#partners .section-heading h4:before{position:absolute;top:50%;right:100%;transform:translate(-50%,-50%);content:url("../images/title-sign2.png")}#partners .section-heading h4:after{position:absolute;top:50%;left:100%;transform:translate(50%,-50%);content:url("../images/title-sign.png")}#partners .section-heading h4{display:inline-block;position:relative;padding:0 .2em;color:#152128;font-weight:700;letter-spacing:0;font-size:40px}.partners.owl-carousel{margin-top:2em}.partners.owl-carousel .slide{background:#152128;border-radius:10px}.success-section{padding:55px 74px;background:#152128;position:relative;overflow:hidden}.success-section:after{position:absolute;right:-20px;transform:translate(50%,-50%);background:#18d7bf}.success-section:before{position:absolute;left:-20px;transform:translate(-50%,-50%);background:var(--main-color)}.success-section h2{justify-content:center;color:#fff;align-items:center;display:inline-flex;font-size:35px;font-weight:700;margin-bottom:0;line-height:1.5;padding:1.5em 0;margin-top:0;position:relative}.Social-media a,.Social-media a i,footer .footer-social-menu ul li:hover i{color:var(--secondry-color)}.success-section h2:before{position:absolute;top:55%;right:100%;transform:translate(-50%,-50%);content:url("../images/title-sign2.svg")}.success-section h2:after{position:absolute;top:57%;left:100%;transform:translate(50%,-50%);content:url("../images/title-sign.svg")}.service-head{height:35vh!important;background:var(--page-color);border-top:none}.service-head:before{content:"";height:130px;width:100%;background:url(../images/service_headd.png) 0 0/100% 130px repeat-x;position:absolute;left:0;bottom:-15px}.free-quote,.pricing-item-pro:after{background-repeat:no-repeat;background-size:cover}#services-page{margin-top:1em;margin-bottom:2em;position:relative}#services-page:after{content:'';height:50%;width:5px;right:0;top:0;position:absolute;bottom:0;background:var(--page-color);border-radius:50px 0 0 50px;animation:4s linear infinite section-up-down;transform-origin:50% 50%;-webkit-animation:4s linear infinite section-up-down;-webkit-transform-origin:50% 50%;-moz-animation:4s linear infinite section-up-down;-moz-transform-origin:50% 50%;-o-animation:4s linear infinite section-up-down;-o-transform-origin:50% 50%;-ms-animation:section-up-down linear 4s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%}@keyframes section-up-down{0%{transform:translate(1px,20px)}24%{transform:translate(1px,30px)}50%{transform:translate(1px,12px)}100%,74%{transform:translate(1px,22px)}}@-moz-keyframes section-up-down{0%{-moz-transform:translate(1px,20px)}24%{-moz-transform:translate(1px,30px)}50%{-moz-transform:translate(1px,12px)}100%,74%{-moz-transform:translate(1px,22px)}}@-webkit-keyframes section-up-down{0%{-webkit-transform:translate(1px,20px)}24%{-webkit-transform:translate(1px,30px)}50%{-webkit-transform:translate(1px,12px)}100%,74%{-webkit-transform:translate(1px,22px)}}@-o-keyframes section-up-down{0%{-o-transform:translate(1px,20px)}24%{-o-transform:translate(1px,30px)}50%{-o-transform:translate(1px,12px)}100%,74%{-o-transform:translate(1px,22px)}}@-ms-keyframes section-up-down{0%{-ms-transform:translate(1px,20px)}24%{-ms-transform:translate(1px,30px)}50%{-ms-transform:translate(1px,12px)}100%,74%{-ms-transform:translate(1px,22px)}}#services-page .section-image{width:200px;margin-bottom:2em;background:var(--page-color);position:relative}#services-page .section-image p{color:var(--page-color);position:absolute;right:0;font-weight:900;font-style:italic}#services-page .popupContainer .one_half.last,#services-page .section-image img{width:100%}#services-page .tabs{margin-bottom:4em}#services-page .tabs.nav-pills .nav-link{background-color:#fff;color:#000;box-shadow:0 0 27px -13px var(--page-color);width:150px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:13px;font-weight:500;display:inline-flex;transition:.6s;border:1px solid transparent;line-height:22px}#services-page .tabs.nav-pills .nav-link.active,#services-page .tabs.nav-pills .nav-link:hover{border:1px solid var(--page-color);color:var(--page-color)}#services-page .section-heading em{color:var(--page-color)}#services-page .service-button{margin-top:3em;margin-bottom:7em}#services-page .service-button a:first-child{padding:12px 40px!important;color:#fff!important;background:var(--page-color);border-radius:12px;transition:.5s;border:1px solid transparent;margin-left:2em}#services-page .service-button a:first-child:hover{color:var(--page-color)!important;background:#fff;border:1px solid var(--page-color)}#services-page .service-button a:last-child{padding:12px 25px!important;box-shadow:0 0 27px -13px var(--page-color);background:#fff;border-radius:12px;border:1px solid transparent;color:var(--page-color);transition:.5s}#services-page .service-button a:last-child:hover{color:#fff!important;background:var(--page-color)}#services-page .service-item{border-radius:0;padding:0;box-shadow:none}#services-page .service-item .service-image{border-radius:40px;margin:0 1em;border:1px solid var(--page-color);overflow:hidden}#services-page .service-body .title{font-size:16px;font-weight:600;color:var(--page-color);padding:1em 0 .5em}#services-page .service-body .content{font-weight:500;font-size:12px;line-height:20px;padding:.5em}#services-page .service-item:hover p{color:#707070}#services-page .service-item img{transition:.8s}#services-page .service-item:hover img{transform:scale(1.05) rotate(3deg)}#services-page .popupContainer{max-height:100vh;padding:2em;display:block;position:fixed;opacity:1;z-index:11000;width:80%!important;margin-left:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);border-radius:8px;box-shadow:0 40px 56px #3b4B7629;overflow:auto;background:linear-gradient(180deg,#fff 0,#f0f2f7 100%) no-repeat padding-box}#services-page .popupContainer .btn_red,.conatct-page .user_login .btn_red{background:linear-gradient(270deg,#19dcb5 0,#31a2ff 100%) no-repeat padding-box;border-radius:10px}#services-page .popupContainer .btn_red:hover,.conatct-page .user_login .btn_red:hover{background:linear-gradient(270deg,#31a2ff 0,#19dcb5 100%) no-repeat padding-box}#services-page .popupContainer img{height:60vh;width:100%;object-fit:contain;margin-bottom:2em}#services-page .popupHeader{background:0 0;border-bottom:none;padding:1.5em 0}#services-page .user_login input[type=email],#services-page .user_login input[type=password],#services-page .user_login input[type=text],#services-page .user_login textarea{display:block;width:100%;padding:1em;border:1px solid #ddd;color:#9399a3;border-radius:5px;font-size:12px}#services-page .popupBody{padding:20px 20px 0}#services-page .user_login textarea{height:20vh}textarea{resize:none}.projects-page .service-item{margin-bottom:3em}#services-page .popupContainer .one_half.last a{padding-top:.7em;padding-bottom:.7em;border-radius:8px}.conatct-page .contact-image{height:75%}.conatct-page .contact-image img{height:100%;object-fit:contain}.conatct-page .footer-social-menu ul{display:inline-flex;max-width:100%;float:none;margin-right:0;justify-content:space-around;padding:0 3em;width:60%}.conatct-page .footer-social-menu ul li{list-style:none;width:40px;height:40px}.conatct-page .footer-social-menu ul li i{font-size:30px;line-height:40px;transition:.3s;width:40px;height:40px;border-radius:10px;background:linear-gradient(62deg,var(--secondry-color),var(--main-color))!important;color:#fff}.conatct-page .footer-social-menu ul li a{position:relative;display:block;width:40px;height:40px;border-radius:10px;background-color:#fff;text-align:center;transition:.6s}.conatct-page .footer-social-menu ul li a:hover,footer .footer-social-menu ul li a:hover{transform:translate(0,-10%)}.Social-media{display:flex;justify-content:center;margin-top:3em}.Social-media img{width:50%;display:inline-block;object-fit:contain}.Social-media a{display:flex;background:#fff;height:45px;width:45px;margin:0 15px;border-radius:10px;align-items:center;justify-content:center;box-shadow:0 3px 6px #00000029;border:1px solid rgba(0,124,196,0);transition:transform .5s;text-align:center}.Social-media a i{font-size:20px;transition:transform .5s}.Social-media a:hover{box-shadow:inset 4px 4px 6px -2px rgba(0,0,0,.2),inset -4px -4px 6px -1px rgba(255,255,255,.7),-.5px -.5px 0 -1px #fff,.5px .5px 0 rgba(0,0,0,.15),0 12px 10px -10px rgba(0,0,0,.05);border:1px solid rgba(0,124,196,.1);transform:translateY(2px)}.pricing-item-pro,.pricing-item-regular{border-radius:50px;overflow:hidden;text-align:center}.Social-media a:hover i{transform:scale(.9)}.project-page .sidebar-projects{box-shadow:0 3px 6px #00000029;border-radius:27px;width:100%;font-size:12px;font-weight:700;padding:2em}.about-us .box-item,.pricing-item-pro,.pricing-item-regular{box-shadow:0 0 15px rgba(0,0,0,.07)}#services-page .nav-fill .nav-item,.nav-fill>.nav-link,.project-page .sidebar-projects li,.sidebar-related .service-item{margin-bottom:1em}.project-page .sidebar-related{margin-top:5em}.sidebar-related .service-item .service-image{border-radius:15px!important;margin:0!important}.pricing-tables{padding-top:130px}.pricing-tables .section-heading,.services .section-heading,.the-clients .section-heading{text-align:center;margin-bottom:80px}.pricing-tables .section-heading p,.services .section-heading p,.the-clients .section-heading p{margin-top:10px;margin-left:18%;margin-right:18%}.pricing-item-regular{margin-top:30px;padding:90px 30px;position:relative;z-index:1}.pricing-item-regular:before{position:absolute;top:0;left:0;background-image:url(../images/regular-table-top.png);z-index:0;content:'';width:274px;height:221px}.pricing-item-regular:after{position:absolute;bottom:0;right:0;background-image:url(../images/regular-table-bottom.png);z-index:0;content:'';width:370px;height:171px}.pricing-item-pro span.price,.pricing-item-regular span.price{font-size:40px;color:#fff;position:absolute;font-weight:700;z-index:1;left:30px;top:30px}.pricing-item-pro h4,.pricing-item-regular h4{font-size:20px;font-weight:700;margin-bottom:30px}.pricing-item-pro .icon img,.pricing-item-regular .icon img{width:120px;height:106px;margin-bottom:30px}.pricing-item-pro ul li,.pricing-item-regular ul li{color:#4b8ef1;font-size:15px;margin-bottom:15px}.pricing-item-pro ul li.non-function,.pricing-item-regular ul li.non-function{color:#afafaf;text-decoration:line-through}.pricing-item-pro .border-button,.pricing-item-regular .border-button{position:relative;z-index:1;margin-top:40px}.pricing-item-pro{padding:120px 30px;position:relative;z-index:1}.pricing-item-pro:before{position:absolute;top:0;left:0;background-image:url(../images/pro-table-top.png);z-index:0;content:'';width:281px;height:251px}.pricing-item-pro:after{position:absolute;bottom:0;right:0;background-image:url(../images/pro-table-bottom.png);z-index:0;content:'';width:100%;height:201px}.free-quote{background-image:url(../images/quote-bg.jpg);background-position:center center;padding:120px 0;text-align:center;position:relative;z-index:2;margin-top:130px}.btn,.popupHeader{padding:10px 20px}.free-quote .section-heading{margin-bottom:60px}.free-quote .section-heading .line-dec{margin:0 auto;background-color:#fff}.btn:hover,.btn_red:hover,.social_login .social_box:hover{background:#e4e4e2}.free-quote form{background-color:#fff;display:inline-block;width:100%;min-height:80px;border-radius:40px;position:relative;z-index:1}.free-quote form input{width:100%;margin-top:20px;margin-left:30px;color:#afafaf;font-weight:400;font-size:15px;height:40px;background-color:transparent;border-bottom:1px solid #eee;border-top:none;border-left:none;border-right:none;position:relative;z-index:2;outline:0}.free-quote form button{width:100%;height:80px;border-top-right-radius:40px;border-bottom-right-radius:40px;outline:0;border:none;margin-left:30px;background-color:#726ae3;font-size:15px;color:#fff}footer{background:linear-gradient(62deg,var(--main-color),var(--secondry-color),var(--main-color),var(--secondry-color));animation:8s infinite gradient;background-size:400% 400%;padding-top:2em;display:flex;flex-direction:column}.about-us .section-heading,footer .section-heading{margin-bottom:45px}.social_login .social_box,.user_login .checkbox,.user_register .checkbox{margin-bottom:10px;clear:both;overflow:hidden}footer .section-heading h4{line-height:45px;color:#fff;margin-left:13%;margin-right:13%;text-align:center}.footer-widget .logo img{max-width:100%;margin-bottom:30px}.footer-widget h4{font-size:20px;color:#fff;font-weight:700;margin-bottom:30px}.footer-widget p{margin-bottom:15px}.footer-widget ul{display:inline}footer .copyright-text .links a:first-child:after{content:'';margin-right:1em;border-left:1px solid #c2c2c2}.footer-widget ul li{margin-bottom:.5em}@media (min-width:1600px){.col-xl-4{width:100%}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:70%}footer .footer-row{display:table}footer .footer-social-menu ul{margin:0 1em}footer .footer-row [class*=col-]{float:none;display:table-cell}footer .footer-widget p{line-height:40px}}.footer-widget ul li a{font-size:15px;color:#fff;transition:.3s}.footer-widget a:hover{opacity:.75}footer .copyright-text,footer .copyright-text .links{display:flex;justify-content:space-between}footer .copyright-text .links a{display:inline-block;margin-left:1em}footer .copyright-text p{text-align:center;margin-bottom:0;color:#fff}footer p a{color:#fff;transition:.5s}footer p a:hover{opacity:.75;color:#fff}footer .footer-social-menu ul{display:flex;max-width:100%;float:none;margin-right:0;justify-content:space-between}footer .footer-social-menu ul li{list-style:none}footer .footer-social-menu ul li i{font-size:25px;line-height:40px;transition:.3s;color:var(--main-color)}footer .footer-social-menu ul li a{position:relative;display:block;width:40px;height:40px;border-radius:8px;background-color:#fff;text-align:center;transition:.6s}footer .top-footer{padding:2em 0}footer .top-footer a:hover{padding-right:.2em}footer .bottom-footer{background:#fff;color:#000;padding:.5em 0;font-family:Sarabun,sans-serif}footer .bottom-footer a,footer .bottom-footer p{color:#000;font-weight:500;font-size:14px}footer .bottom-footer .copy-right a{font-weight:700}footer .bottom-footer a:hover{color:var(--main-color)}#lean_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;background:#000;display:none}.popupContainer{position:absolute;width:330px;height:auto;left:45%;top:60px;background:#fff}.btn,.btn_red,.popupHeader .modal_close{background:#4b8ef1;color:#fff}.btn{transition:.3s}a.btn{color:#fff;text-align:center}.one_half{width:50%;display:block;float:left}.one_half.last{width:45%;margin-left:5%}.popupHeader{font-size:16px;text-transform:uppercase;background:#f4f4f2;position:relative;border-bottom:1px solid #ddd;font-weight:700}#raino,#raino>i,.earth,.not-sticky,.popupHeader .modal_close{position:absolute}.popupHeader .modal_close{right:0;top:0;padding:10px 15px;cursor:pointer;font-size:16px}.popupBody{padding:20px}.social_login .social_box{display:block;padding:10px;background:#f4f4f2}.social_login .icon{display:inline-block;padding:5px 10px;margin-right:10px;float:left;color:#fff;font-size:16px;text-align:center}.social_login .fb .icon{background:#3b5998}.social_login .google .icon{background:#dd4b39}.social_login .icon_title{display:block;padding:5px 0;float:left;font-weight:700;font-size:16px;color:#777}.centeredText{color:#afafaf;text-align:center;margin:20px 0;clear:both;overflow:hidden;text-transform:capitalize}.user_login label,.user_register label{color:#afafaf;display:block;margin-bottom:5px}.action_btns{clear:both;overflow:hidden}.user_login input[type=email],.user_login input[type=password],.user_login input[type=text]{display:block;width:90%;padding:10px;border:1px solid #ddd;color:#666}.user_login input[type=checkbox]{float:left;margin-right:10px;width:22px;height:22px}.forgot_password{display:block;margin:20px 0 10px;clear:both;overflow:hidden;color:#4b8ef1;transition:.3s}.user_register input[type=email],.user_register input[type=password],.user_register input[type=text]{display:block;width:100%;padding:10px;border:1px solid #ddd;color:#666}.user_register input[type=checkbox]{width:22px;height:22px;float:left;margin-right:8px}.user_register input[type=checkbox]+label{float:left;color:#afafaf}.btn-whatsapp-pulse,.btn-whatsapp-pulse-border::before{border-radius:50%;padding:25px;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite}.earth::after,.earth::before{top:0;left:0;right:0;bottom:0;content:'';display:block;position:absolute}#raino{height:100vh;overflow:hidden;width:100%;top:9.5%;left:49%;transform:translate(-50%,-50%)}#raino>i{height:300px;background:linear-gradient(transparent,rgba(255,255,255,.1));border-radius:5px;top:0}@-moz-keyframes raining{100%{transform:translateY(-160px)}0%{transform:translateY(calc(100vh + 160px))}}@-webkit-keyframes raining{100%{transform:translateY(-160px)}0%{transform:translateY(calc(100vh + 160px))}}@-o-keyframes raining{100%{transform:translateY(-160px)}0%{transform:translateY(calc(100vh + 160px))}}@keyframes raining{100%{transform:translateY(-160px)}0%{transform:translateY(calc(100vh + 160px))}}.earth{bottom:-10px;right:0;top:-7%;border-radius:50%;width:150%;height:150vh;box-shadow:inset 0 0 40px rgb(255 255 255 / 38%),0 0 40px rgb(255 255 255 / 38%);overflow:hidden;background:radial-gradient(circle at 100px 100px,rgba(92,171,255,0),rgba(0,0,0,.36));transform:rotate3d(1,0,0,60deg) translate(15%,39%)}.earth::after{background-image:linear-gradient(to right,rgb(31 48 58) 5%,transparent 30%)}.earth::before{background-image:linear-gradient(to left,rgb(31 48 58) 5%,transparent 30%)}.not-sticky,.not-sticky.background-header{background:0 0!important;top:0;display:block}.not-sticky.background-header{position:absolute!important}.not-sticky.header-area .main-nav .nav{margin-top:10px!important}.not-sticky.header-area .main-nav .nav.of-index li a:after{height:0}.btn-whatsapp-pulse{background:#25d366;color:#fff;position:fixed;bottom:20px;right:20px;font-size:25px;display:flex;justify-content:center;align-items:center;width:0;height:0;animation-name:pulse;z-index:99}.btn-whatsapp-pulse-border{right:20px;animation-play-state:paused;transition:.5s}.btn-whatsapp-pulse-border:hover{color:#fff;right:30px}.btn-whatsapp-pulse-border::before{content:"";position:absolute;border:5px solid #25d366;opacity:.75;animation-name:pulse-border}@keyframes pulse-border{0%{padding:25px;opacity:.75}75%{padding:50px;opacity:0}100%{opacity:0}}@media (max-width:1200px){.header-area .main-nav .logo h4{font-size:24px}.header-area .main-nav .logo h4 img{max-width:25px;margin-left:0}.header-area .main-nav .nav li:last-child{padding-left:20px}.main-banner .left-content h2{z-index:2;position:relative;font-weight:700;line-height:70px;font-size:50px;margin-bottom:20px}.main-banner .left-content p{margin-bottom:45px}.header-area .main-nav .nav li{padding-left:12px;padding-right:12px}.header-area .main-nav:before{display:none}}@media (max-width:992px){.about-us .box-item,.about-us .section-heading,.main-banner,.main-banner .right-image,.service-item{text-align:center}.about-us:after,.background-header .nav li a.active:after,.main-banner:after,.main-banner:before{display:none}.main-banner .left-content h2{color:#2a2a2a;margin-right:0}.main-banner .left-content p{color:#afafaf;margin-right:0}.main-banner .left-content .white-button a{background-color:#4b8ef1;color:#fff!important}form#contact{overflow:hidden;padding:45px}.header-area .main-nav .logo h4{font-size:20px}.main-banner .left-content{margin-right:0}.main-banner{padding:226px 0 30px}.main-banner .right-image{margin:30px auto 0}.about-us .right-image,.blog-posts{margin-top:30px}.features-item{margin-bottom:45px}.last-features-item,.last-skill-item{margin-bottom:0!important}.pricing-item-regular,.service-item,.skill-item{margin-bottom:30px}.about-left-image img{margin-right:0;margin-bottom:45px}.services .naccs .menu div{font-size:15px;font-weight:500}.about-us .gradient-button,.about-us span{text-align:center;display:block}.service-item .icon{margin:0 auto 30px}.about-us .left-image{margin-right:30px;margin-left:30px;margin-bottom:45px}.blog-posts{margin-left:0}.post-item{margin-bottom:70px}.our-portfolio .owl-nav{display:none!important}.contact-info{margin-top:60px}.background-header .main-nav .nav li:last-child,.header-area .main-nav .nav li:last-child{color:#069}.background-header .main-nav .nav li:nth-child(6),.header-area .main-nav .nav li:nth-child(6){padding-right:0}}@media (max-width:767px){.about-us .about-item,.about-us .main-green-button,.about-us .section-heading,.about-us p,.footer-widget ul,.header-area,.our-portfolio .section-heading,.service-item,.the-clients .nacc .thumb .down-content,.the-clients .naccs .menu div,footer{text-align:center}.about-us .about-left:before,.about-us .about-right:before{content:'';height:5px;left:49%;transform:translate(-50%,-50%);top:auto;position:absolute;bottom:0;border-radius:50px}.header-area .main-nav.main-nav-index .nav li a:after,article,aside,footer,header,hgroup,nav,section{display:block}#services-page .popupContainer img,.ag-wave,.header-area .main-nav .nav li a:after,.menu .thumb span.category,.post-item .right-content p{display:none}.main-banner .light{width:100%;position:absolute;top:0;left:50%;transform:translate(-50%,-55%);opacity:.3}footer .section-heading h4{color:#2a2a2a}footer #search{margin-bottom:45px}footer{padding-top:0}footer .col-md-3:last-child{padding:1em 0;margin-top:1em}footer .footer-social-menu ul{justify-content:space-evenly;padding-right:4em;padding-left:4em}footer .copyright-text .links{justify-content:center}footer .copyright-text .links a:first-child:after{content:'';margin-right:1em;border-left:1px solid #c2c2c2}footer .copyright-text{flex-direction:column}.footer-widget ul{display:block;width:100%;float:none;margin:0 auto}.footer-widget h4{margin-top:45px;margin-bottom:20px}.footer-widget img{width:50%}.header-area .main-nav .logo h4{font-size:30px}.header-area .main-nav .logo h4 img{max-width:30px;margin-left:5px}.main-banner .info-stat{margin-bottom:15px}.menu .thumb span.date{margin-bottom:-20px;display:block}.service-item,form#contact{padding:30px}.about-us .right-image{margin-top:30px;text-align:center}.about-us .right-image img,.header-area.background-header.all-pages .main-nav .nav li a,.header-area.header-sticky .nav li.search-icon a{width:100%}.about-us .about-left,.about-us .about-right{padding:3em 3em .4em;margin-bottom:1em}.about-us .about-left{background:0 0}.about-us .section-heading{margin-bottom:1em}.success-section h2{font-size:15px}.success-section:before{left:-40px}.success-section:after{right:-40px}.about-us .about-left:before{width:50%;background:var(--secondry-color)}.about-us .about-right:before{width:50%;background:var(--main-color)}.service-item .icon{float:none;margin-right:0;margin-bottom:15px}.service-item .right-content{display:inline-block}.services .naccs .menu div .thumb{padding:5px}.services .icon img{margin:0}.the-clients .nacc .thumb .down-content .right-content{margin-left:0;margin-top:15px}.services ul.nacc li.active{padding:45px}.services .naccs .menu div{font-size:0px}.services ul.nacc li .right-image img{float:none}.our-portfolio .section-heading .line-dec{margin:0 auto}.our-services .section-heading{margin-left:15px;margin-right:15px}.free-quote form input{margin-left:0;padding:0 30px}.free-quote form button{margin-left:0;border-bottom-left-radius:40px;border-top-right-radius:0}.blog-posts{margin-left:0;margin-top:30px}.post-item{margin-bottom:30px}.post-item .thumb img{max-width:140px}.about-us .about-item{margin-top:15px}.main-banner{padding:50vh 20px 150px!important}#services-page .service-button a:first-child{padding-right:10px!important;padding-left:10px!important}.header-area .main-nav .logo{width:30%;color:#1e1e1e}.header-area .main-nav.pages-nav{margin-top:0;display:block;border-radius:20px}.main-banner>.container{margin-bottom:10em}.header-area.all-pages .main-nav .nav{margin-top:100px!important}.header-area.all-pages .main-nav .nav li a{width:100%;margin-bottom:1em}div.header-area{height:50px!important;min-height:50px!important;margin:0!important;bottom:10px!important;position:fixed!important}div.header-area img{min-height:50%}div.header-area.all-pages .main-nav .nav{margin-top:0!important;height:120%;display:flex!important;justify-content:space-between;padding:0 1em}div.header-area.all-pages .main-nav{overflow:visible;height:50px!important;min-height:auto}div.header-area.all-pages .main-nav .nav li a{height:100%!important;transform:scale(1.1);box-shadow:0 6px 19px #31a2FF26;font-size:8px;line-height:10px!important}.scroll-down{top:80%!important;left:48%!important}div.header-area.all-pages .main-nav .nav li a.active{height:100%!important;font-size:8px}div.header-area.all-pages .main-nav .nav li{display:inline-block;height:100%;width:18%;margin-top:-1%}.header-area .main-nav .nav li a,.header-area .main-nav .nav.of-index li a{height:50px!important;line-height:50px!important;padding:0!important;border:none!important}.header-area.background-header.all-pages .main-nav .nav li a i,.pre-header ul.info li:last-child,.pre-header ul.info li:nth-child(6){display:none!important}.background-header .main-nav .nav{margin-top:80px!important}.header-area.header-sticky .nav li a.active,.header-area.header-sticky .nav li a:hover{color:#4b8ef1!important;opacity:1}.header-area.header-sticky .nav.of-index li a.active,.header-area.header-sticky .nav.of-index li a:hover{color:#fff!important;opacity:1}.header-area{padding:0 15px;height:90px;box-shadow:none;box-shadow:0 5px 8px rgba(0,0,0,.03)}.header-area .container{padding:0}.header-area .logo{margin-left:30px;width:100px}.header-area .menu-trigger{display:block!important}.header-area .main-nav{overflow:hidden;background:#fff}.header-area .main-nav .nav{float:none;width:100%;display:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;margin-left:0}.header-area .main-nav .nav.of-index li a:after{top:49%}.header-area .main-nav .nav.of-index{justify-content:space-around;float:none;width:100%;display:flex;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;margin-left:0;padding:0 4em}.background-header .nav{margin-top:80px}.header-area .main-nav .nav li:first-child{border-top:1px solid #eee}.header-area.header-sticky .nav{margin-top:100px}.header-area .main-nav-index{background:0 0!important}.header-area.header-sticky .nav.of-index{margin-top:2em!important}.header-area .main-nav .nav li{padding-left:0!important;padding-right:0!important;border:none!important}.header-area .main-nav .nav li a{background:#f7f7f7!important;color:#191a20!important}.header-area .main-nav .nav.of-index li a{background:0 0!important;color:#d3d3d3!important}.header-area .main-nav .nav li a:hover{background:#eee!important;color:#4b8ef1!important}.header-area .main-nav .nav.of-index li a:hover{background:0 0!important;color:#fff!important}.header-area .main-nav .nav li.submenu ul{position:relative;visibility:inherit;opacity:1;z-index:1;transform:translateY(0);transition-delay:0s,0s,0.3s;top:0;width:100%;box-shadow:none;height:0}.header-area .main-nav .nav li.submenu ul li a{font-size:12px;font-weight:400}.header-area .main-nav .nav li.submenu ul li a:hover:before{width:0}.header-area .main-nav .nav li.submenu ul.active{height:auto!important}.header-area .main-nav .nav li.submenu:after{color:#3b566e;right:25px;font-size:14px;top:15px}.header-area .main-nav .nav li.submenu:focus ul,.header-area .main-nav .nav li.submenu:hover ul{height:0}}.preloader-inner .dot,.preloader-inner .dots span{width:16px;height:16px;background:#4b8ef1;border-radius:50%}@media (min-width:767px){.header-area .main-nav .nav{display:flex!important}}@media (min-width:768px) and (max-width:1024px){.header-area.all-pages .main-nav .nav li a{width:60px;height:60px}.header-area{height:70px;min-height:65px}}.js-preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;opacity:1;visibility:visible;z-index:9999;-webkit-transition:opacity .25s;transition:opacity .25s}.main-banner,.main-section{display:flex;overflow:hidden}.js-preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}@-webkit-keyframes dot{50%{-webkit-transform:translateX(96px);transform:translateX(96px)}}@keyframes dot{50%{-webkit-transform:translateX(96px);transform:translateX(96px)}}@-webkit-keyframes dots{50%{-webkit-transform:translateX(-31px);transform:translateX(-31px)}}@keyframes dots{50%{-webkit-transform:translateX(-31px);transform:translateX(-31px)}}.preloader-inner{position:relative;width:142px;height:40px;background:#fff}.preloader-inner .dot{position:absolute;top:12px;left:15px;-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:2.8s infinite dot;animation:2.8s infinite dot}.preloader-inner .dots{-webkit-transform:translateX(0);transform:translateX(0);margin-top:12px;margin-left:31px;-webkit-animation:2.8s infinite dots;animation:2.8s infinite dots}.preloader-inner .dots span{display:block;float:left;margin-left:16px}.main-banner{background:url('../images/main_section.gif') center center/cover no-repeat;height:100vh;max-height:100vh;padding:250px 120px 150px;position:relative;border-top:5px solid #04bcf8;border-left-width:0;border-right-width:0;border-image:linear-gradient(to right,#04bcf8,#18d7bf) 1 stretch;align-items:center}.main-banner .back{background-color:rgba(31,48,58,.85);content:'';display:block;height:100vh;top:0;bottom:0;left:0;right:0;position:absolute;width:100vw}.main-banner .container,.main-section .container{z-index:2}.main-banner .light{width:50%;position:absolute;top:10px;left:50%;transform:translate(-50%,-55%);opacity:.3}.main-banner .first-button{position:absolute;bottom:0;left:50%;transform:translate(-50%,-55%);direction:ltr}.main-banner .first-button a{background:0 0;color:#fff!important;padding:1em 3em!important;border:1px solid #fff;border-radius:50px!important;font-weight:600!important}.main-banner .first-button:hover a,.main-section .first-button:hover a{color:#1f303a!important;background:#fff}.main-banner .water-mark,.main-section .water-mark{height:60%;width:30%;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}.circle{position:absolute;top:85%;width:240px;height:240px;transition:.5s}.circle-first{right:95%}.circle-first:hover{right:90%;top:80%}.circle-second{left:95%}.circle-second:hover{left:90%;top:80%}.main-banner .left-content,.main-banner .left-content .first-button,.main-section .left-content,.main-section .left-content .first-button{margin-right:15px}.main-banner .left-content h2,.main-section .left-content h2{z-index:2;position:relative;font-weight:700;line-height:70px;font-size:50px;margin-bottom:40px}.main-banner .left-content p,.main-section .left-content p{margin-bottom:45px;color:#fff;font-size:20px;font-weight:400}.main-banner .right-image,.main-section .right-image{text-align:center;position:relative;z-index:20}.main-banner .right-image img,.main-section .right-image img{max-width:710px}.main-section{background:linear-gradient(62deg,var(--main-color),var(--secondry-color),var(--main-color),var(--secondry-color));animation:8s infinite gradient;background-size:400% 400%;height:100vh;position:relative;border-top:5px solid var(--main-color);border-left-width:0;border-right-width:0;border-image:linear-gradient(to right,var(--main-color),var(--secondry-color)) 1 stretch;align-items:center}@-webkit-keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.ag-format-container{width:1142px;margin:0 auto}.ag-wave{padding:0;position:relative;width:100%}.ag-wave:before{content:"";height:20vh;width:100%;background:url(../images/main_wave.png) center center/100% 100% no-repeat;position:absolute;left:0;bottom:0;background-position-x:0px;object-fit:cover}.service-item .icon,.service-item:hover,.services:after,.services:before{background-repeat:no-repeat}.main-section .first-button{position:absolute;bottom:18%;left:50%;transform:translate(-50%,-55%)}.main-section .first-button a{background:0 0;color:#fff!important;border:1px solid #fff;border-radius:50px!important;font-weight:600!important}.scroll-down{color:#000;position:absolute;top:85%;left:49%;transform:translate(-50%,-50%);z-index:99;animation:4s linear infinite up-down;transform-origin:50% 50%;-webkit-animation:4s linear infinite up-down;-webkit-transform-origin:50% 50%;-moz-animation:4s linear infinite up-down;-moz-transform-origin:50% 50%;-o-animation:4s linear infinite up-down;-o-transform-origin:50% 50%;-ms-animation:up-down linear 4s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;cursor:pointer}.scroll-down i{font-weight:bolder;font-size:xx-large}@keyframes up-down{0%{transform:translate(1px,20px)}24%{transform:translate(1px,30px)}50%{transform:translate(1px,12px)}100%,74%{transform:translate(1px,22px)}}@-moz-keyframes up-down{0%{-moz-transform:translate(1px,20px)}24%{-moz-transform:translate(1px,30px)}50%{-moz-transform:translate(1px,12px)}100%,74%{-moz-transform:translate(1px,22px)}}@-webkit-keyframes up-down{0%{-webkit-transform:translate(1px,20px)}24%{-webkit-transform:translate(1px,30px)}50%{-webkit-transform:translate(1px,12px)}100%,74%{-webkit-transform:translate(1px,22px)}}@-o-keyframes up-down{0%{-o-transform:translate(1px,20px)}24%{-o-transform:translate(1px,30px)}50%{-o-transform:translate(1px,12px)}100%,74%{-o-transform:translate(1px,22px)}}@-ms-keyframes up-down{0%{-ms-transform:translate(1px,20px)}24%{-ms-transform:translate(1px,30px)}50%{-ms-transform:translate(1px,12px)}100%,74%{-ms-transform:translate(1px,22px)}}.services{padding-top:130px;position:relative}.services .container-fluid{padding-left:65px;padding-right:65px}.services:after{content:'';background-image:url(../images/services-left-dec.png);position:absolute;left:0;bottom:-300px;width:261px;height:368px;z-index:0}.services:before{content:'';background-image:url(../images/services-right-dec.png);position:absolute;right:0;top:0;width:1136px;height:244px;z-index:0}.about-us .box-item,.about-us .box-item .gradient-button,.about-us .box-item span,.about-us .right-image,.about-us .section-heading,.about-us p,.service-item{z-index:1;position:relative}.services .section-heading .line-dec{margin:0 auto}.service-item{padding:30px;box-shadow:0 0 15px rgba(0,0,0,.1);background-color:#fff;border-radius:10px 50px 10px 10px;transition:.3s}.service-item .icon{margin-left:0;margin-bottom:30px;width:50px;height:50px;transition:.3s}.service-item h4{transition:.3s;font-size:20px;font-weight:700;margin-bottom:15px}.service-item p{transition:.3s;font-size:15px;margin-bottom:20px}.first-service .icon{background-image:url(../images/service-icon-01.png)}.first-service:hover .icon{background-image:url(../images/service-icon-hover-01.png)}.second-service .icon{background-image:url(../images/service-icon-02.png)}.second-service:hover .icon{background-image:url(../images/service-icon-hover-02.png)}.third-service .icon{background-image:url(../images/service-icon-03.png)}.third-service:hover .icon{background-image:url(../images/service-icon-hover-03.png)}.fourth-service .icon{background-image:url(../images/service-icon-04.png)}.fourth-service:hover .icon{background-image:url(../images/service-icon-hover-04.png)}.service-item:hover{background-image:url(../images/service-bg.jpg);background-position:right top;background-size:cover}.about-us{overflow:hidden;padding-bottom:2em;position:relative}.about-us .about-left{margin:0;padding:5em 0;background:rgba(4,188,248,.07);direction:ltr;text-align:right;position:relative}.about-us .about-left h4,.about-us .about-left p{direction:rtl;text-align:right}.about-us .about-right{margin:0;padding:5em 0;position:relative}.about-us .about-left:before{content:'';height:100%;width:5px;left:0;top:0;position:absolute;bottom:0;background:var(--main-color);border-radius:0 50px 50px 0}.about-us .about-right:after{content:'';height:100%;width:5px;right:0;top:0;position:absolute;bottom:0;background:var(--secondry-color);border-radius:50px 0 0 50px}.about-us .about-left .section-heading h4 em{font-style:normal;color:var(--main-color)}.about-us .box-item{padding:10px 30px;background-color:#fff;border-radius:40px;margin-bottom:30px}.about-us .box-item h4 a{font-size:20px;font-weight:700;margin-top:8px;color:#2a2a2a;transition:.3s}.about-us .gradient-button{margin-top:30px;margin-bottom:10px}.about-us span{font-size:14px;color:#7a7a7a}.about-us:after{background-image:url(../images/about-bg.jpg);width:777px;height:1132px;content:'';position:absolute;background-repeat:no-repeat;right:0;top:50%;transform:translateY(-50%);z-index:0;display:none}.the-clients{margin-top:130px}.the-clients .naccs{position:relative}.menu .thumb h4{margin-bottom:0;font-size:20px;color:#2a2a2a}.menu .thumb span.date{display:inline-block;margin-top:0;color:#afafaf}.menu .thumb span.category,.menu .thumb span.rating{font-weight:700;color:#afafaf}.menu .thumb i{color:#afafaf}.the-clients .naccs .menu div{color:#fff;font-size:15px;margin-bottom:15px;margin-top:15px;text-align:left;padding:0 15px;cursor:pointer;position:relative;transition:1s cubic-bezier(.075, .82, .165, 1)}.the-clients ul.nacc{position:relative;min-height:100%;list-style:none;margin:0;padding:0;transition:.5s cubic-bezier(.075, .82, .165, 1)}.the-clients ul.nacc li{opacity:0;transform:translateX(-50px);position:absolute;list-style:none;transition:1s cubic-bezier(.075, .82, .165, 1);width:100%}.the-clients ul.nacc li.active{transition-delay:0.3s;position:relative;z-index:2;opacity:1;transform:translateX(0)}.the-clients .nacc .thumb .client-content img{width:76px;height:62px}.the-clients .nacc .thumb .client-content{padding:60px 30px;background-image:url(../images/client-bg.png);background-size:cover;border-radius:50px;width:100%;height:auto;background-repeat:no-repeat}.the-clients .nacc .thumb .client-content p{color:#fff;font-weight:500;font-size:16px;font-style:italic;margin-top:30px}.the-clients .nacc .thumb .down-content img{width:170px;height:170px;border-radius:50%;display:inline}.the-clients .nacc .thumb .down-content .right-content{display:inline-block;margin-left:20px}.the-clients .nacc .thumb .down-content .right-content h4{font-size:20px;font-weight:700;margin-bottom:15px}.main-section .first-button a{padding:1em 2em!important}body.modal-open{overflow:hidden}