*{box-sizing:border-box;padding:0;margin:0}:root{--main_color: #09dbb5;--secondary_color: #33403f;--dark: #191f2b;--grey: #6c757d;--light_green: #e3fbf6}.main_color{color:var(--main_color)}.secondary_color{color:var(--secondary_color)}.bg_main{background:var(--secondary_color)}.ligh_green{background-color:var(--light_green)}.grey_color{color:#555}.grey_light{color:var(--grey)}.light_black{color:rgba(0,0,0,.65)}.dark{color:var(--dark)}body{font-family:"Cairo",serif;font-weight:400}body,html{scroll-behavior:smooth}ul{margin:0;padding:0;list-style:none}a{display:block;text-decoration:none}img{max-width:100%;height:auto}::placeholder{font-size:13px;color:var(--secondary_color)}::-webkit-scrollbar{width:10px;height:5px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:var(--secondary_color);border-radius:10px}.nav_bg{backdrop-filter:blur(30px)}.form-control,.form-check-input{box-shadow:unset !important}.form-control:focus,.form-check-input:focus{border-color:var(--main_color) !important}@keyframes miniRotate{0%{transform:rotate(0deg)}100%{transform:rotate(-10deg)}}@keyframes fullRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes animationFramesOne{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(73px, -1px) rotate(36deg)}40%{transform:translate(141px, 72px) rotate(72deg)}60%{transform:translate(83px, 122px) rotate(108deg)}80%{transform:translate(-40px, 72px) rotate(144deg)}to{transform:translate(0) rotate(0deg)}}@keyframes animationFramesTwo{0%{transform:translate(0) rotate(0deg) scale(1)}20%{transform:translate(73px, -1px) rotate(36deg) scale(0.9)}40%{transform:translate(141px, 72px) rotate(72deg) scale(1)}60%{transform:translate(83px, 122px) rotate(108deg) scale(1.2)}80%{transform:translate(-40px, 72px) rotate(144deg) scale(1.1)}to{transform:translate(0) rotate(0deg) scale(1)}}@keyframes animationFramesThree{0%{transform:translate(165px, -179px)}to{transform:translate(-346px, 617px)}}@keyframes animationFramesFour{0%{transform:translate(-300px, 151px) rotate(0deg)}to{transform:translate(251px, -200px) rotate(180deg)}}@keyframes animationFramesFive{0%{transform:translate(61px, -99px) rotate(0deg)}21%{transform:translate(4px, -190px) rotate(38deg)}41%{transform:translate(-139px, -200px) rotate(74deg)}60%{transform:translate(-263px, -164px) rotate(108deg)}80%{transform:translate(-195px, -49px) rotate(144deg)}to{transform:translate(-1px) rotate(180deg)}}@keyframes move-forever1{0%{transform:translate(85px, 0%)}100%{transform:translate(-90px, 0%)}}@keyframes move-forever2{0%{transform:translate(-90px, 0%)}100%{transform:translate(85px, 0%)}}@keyframes move-forever3{0%{transform:translate(-90px, 0%)}100%{transform:translate(85px, 0%)}}section.preloader{background-color:#191c27;display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100vh;z-index:10}section.preloader img{animation:miniRotate .6s infinite alternate}section.offers .h2::after,section.how_work .h2::after,section.faq .h2::after,section.services .h2::after,section.store .h2::after,section.api_integration .h2::after,section.pricing .h2::after{content:"";position:absolute;width:100px;height:2px;background:var(--main_color);left:50%;bottom:-18px;transform:translateX(-50%)}section.store .row,section.api_integration .row{row-gap:10px}section.store .item,section.api_integration .item{margin-bottom:20px;border-radius:10px;height:100%;padding:10px;transition:all .3s linear}section.store .item:hover,section.api_integration .item:hover{box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px}section.store .item:hover span.icon.message,section.store .item:hover span.icon.cart,section.store .item:hover span.icon.users,section.store .item:hover span.icon.robot,section.store .item:hover span.icon.screen,section.store .item:hover span.icon.code,section.api_integration .item:hover span.icon.message,section.api_integration .item:hover span.icon.cart,section.api_integration .item:hover span.icon.users,section.api_integration .item:hover span.icon.robot,section.api_integration .item:hover span.icon.screen,section.api_integration .item:hover span.icon.code{color:#fff !important}section.store .item:hover span.icon::before,section.api_integration .item:hover span.icon::before{background-color:var(--main_color) !important;animation:fullRotate 2s linear infinite both}section.store .item span.icon,section.api_integration .item span.icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50% 50% 50% 50%/50% 75% 25% 50%}section.store .item span.icon.message,section.store .item span.icon.cart,section.store .item span.icon.users,section.store .item span.icon.robot,section.store .item span.icon.screen,section.store .item span.icon.code,section.api_integration .item span.icon.message,section.api_integration .item span.icon.cart,section.api_integration .item span.icon.users,section.api_integration .item span.icon.robot,section.api_integration .item span.icon.screen,section.api_integration .item span.icon.code{position:relative;overflow:hidden;transition:color .3s linear}section.store .item span.icon.message::before,section.store .item span.icon.cart::before,section.store .item span.icon.users::before,section.store .item span.icon.robot::before,section.store .item span.icon.screen::before,section.store .item span.icon.code::before,section.api_integration .item span.icon.message::before,section.api_integration .item span.icon.cart::before,section.api_integration .item span.icon.users::before,section.api_integration .item span.icon.robot::before,section.api_integration .item span.icon.screen::before,section.api_integration .item span.icon.code::before{content:"";position:absolute;inset:0;width:100%;height:100%;z-index:-1;transition:all .3s linear}section.store .item span.icon.message,section.store .item span.icon.screen,section.api_integration .item span.icon.message,section.api_integration .item span.icon.screen{color:#2b70fa}section.store .item span.icon.message::before,section.store .item span.icon.screen::before,section.api_integration .item span.icon.message::before,section.api_integration .item span.icon.screen::before{background-color:#f1f7fe}section.store .item span.icon.cart,section.store .item span.icon.code,section.api_integration .item span.icon.cart,section.api_integration .item span.icon.code{color:#db0f30}section.store .item span.icon.cart::before,section.store .item span.icon.code::before,section.api_integration .item span.icon.cart::before,section.api_integration .item span.icon.code::before{background-color:#fef3f5}section.store .item span.icon.users,section.api_integration .item span.icon.users{color:#9b2cfa}section.store .item span.icon.users::before,section.api_integration .item span.icon.users::before{background-color:#f7eeff}section.store .item span.icon.robot,section.api_integration .item span.icon.robot{color:#f8452d}section.store .item span.icon.robot::before,section.api_integration .item span.icon.robot::before{background-color:#fef0ee}header{overflow:hidden}header #particles-js{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}header .content p{line-height:35px}header .content a{position:relative;overflow:hidden}header .content a:hover{background-color:var(--light_green);color:var(--main_color);outline:none}header .content a:hover::before{left:200px}header .content a::before{content:"";position:absolute;width:100%;height:100%;background-color:#fff;z-index:0;top:0;left:-200px;transform:skewX(40deg);filter:blur(20px);transition:all .3s linear}header .hero_waves{display:block;width:100%;height:60px;position:absolute;left:0;bottom:0;right:0;z-index:-1}header .hero_waves .wave1 use{animation:move-forever1 10s linear infinite;animation-delay:-2s;fill:var(--main_color);opacity:.6}header .hero_waves .wave2 use{animation:move-forever2 8s linear infinite;animation-delay:-2s;fill:var(--light_green);opacity:.4}header .hero_waves .wave3 use{animation:move-forever3 6s linear infinite;animation-delay:-2s;fill:#fff}section.offers .card h4{height:60px;font-size:1.2rem}section.offers .card p{font-size:18px}section.how_work .item h2{width:fit-content}section.how_work .item p{font-size:20px}section.how_work .item ul li{counter-increment:step-counter;flex-basis:45%;display:flex;align-items:center;gap:10px}section.how_work .item ul li::before{content:counter(step-counter);background-color:var(--light_green);color:var(--main_color);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}section.services .service{margin-bottom:15px}section.services .service .img{height:300px}section.services .service .content a{position:relative;overflow:hidden}section.services .service .content a:hover{background-color:var(--light_green);color:var(--main_color);outline:none}section.services .service .content a:hover::before{left:200px}section.services .service .content a::before{content:"";position:absolute;width:100%;height:100%;background-color:#fff;z-index:0;top:0;left:-200px;transform:skewX(40deg);filter:blur(20px);transition:all .3s linear}section.services .service .content h4{height:50px}section.services .service .content p{min-height:100px}section.store .head p{width:1000px;margin:auto}section.store .links a{transition:box-shadow .3s linear}section.store .links a:hover{box-shadow:2px -2px 12px 5px #eaeaea}section.store .links a.btn_zid{border:1px solid #812ae7;color:#812ae7 !important;font-weight:500;border-radius:10px}section.store .links a.btn_salla{background:#baf3e6;color:#2c3d39 !important;font-weight:500;border-radius:10px}section.api_integration .head p{width:750px;margin:auto}section.api_integration .item a{color:var(--main_color)}section.pricing .switcher .switch{font-size:17px;position:relative;display:inline-block;width:3.5em;height:2em}section.pricing .switcher .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#eef5f4;border:1px solid #eef5f4;transition:.4s;border-radius:32px;outline:none}section.pricing .switcher .switch .slider.active{background-color:var(--light_green)}section.pricing .switcher .switch .slider.active .slider-icon{opacity:1;right:20%}section.pricing .switcher .switch .slider.active:before{transform:translateX(1.5em);outline-color:var(--light_green);background-color:var(--main_color)}section.pricing .switcher .switch .slider::before{position:absolute;content:"";height:1.2rem;width:1.2rem;border-radius:50%;outline:2px solid rgba(0,0,0,0);left:3px;top:7px;background-color:#2b70fb;transition:transform .25s ease-in-out 0s}section.pricing .price_item{border:1px solid var(--dark);border-radius:15px;transition:transform .3s linear}section.pricing .price_item:hover{transform:translateY(-10px)}section.pricing .price_item .price_cost span:nth-child(2){font-size:13px;font-weight:400}section.pricing .price_item .offer{background-color:#b8f4e9;width:fit-content;border-radius:6px;display:none}section.pricing .price_item .offer span{color:#04605d;font-size:13px;font-weight:400}section.pricing .price_item .price_content ul{border-top:1px solid var(--grey);padding-top:10px}section.pricing .price_item.business .price_name span:nth-child(2){width:fit-content;background-color:#f9452f;color:#fff;border-radius:6px;font-size:13px;font-weight:400}section.faq .accordion .accordion-item .accordion-button:not(.collapsed){background-color:var(--light_green);color:var(--main_color)}section.faq .accordion .accordion-item .accordion-button:focus{box-shadow:unset}section.faq .accordion .accordion-item .accordion-button::after{content:"";margin-right:auto;margin-left:unset;font-family:"Font Awesome 5 Free";font-weight:900;background-image:unset !important}section.faq .accordion .accordion-item .accordion-body{color:var(--grey)}section.auth_page{height:100%}section.auth_page .right_side .btn_wrapper{border-radius:10px}section.auth_page .right_side .btn_wrapper>div{color:#999d9d}section.auth_page .right_side .btn_wrapper a:hover{color:var(--main_color)}section.auth_page .right_side form label{font-size:14px;margin-bottom:5px}section.auth_page .right_side form label.error{color:#f9452f;font-size:13px}section.auth_page .right_side form a{transition:color .3s linear}section.auth_page .right_side form a:hover{color:var(--main_color)}section.auth_page .right_side form input[type=checkbox]{accent-color:var(--main_color)}section.auth_page .right_side form button{background-color:var(--main_color)}section.auth_page .right_side form button.password_icons{top:33px;left:0}section.auth_page .right_side form button.password_icons .fa-eye-slash{display:none}section.auth_page .right_side form .btn_wrapper a:first-child{background-color:var(--main_color)}section.auth_page .right_side form .btn_wrapper a:nth-child(2){background-color:#e3fbf6;color:var(--main_color)}@media(max-width: 575px){section.auth_page.forget_password .right_side h3{font-size:16px}}@media(max-width: 991px){nav .navbar-toggler{border-color:#09dbb5}nav .navbar-toggler:focus{box-shadow:unset}section.auth_page.login_form,section.auth_page.register_form,section.auth_page.forget_password{margin-top:30px}section.auth_page.login_form .img>div h3,section.auth_page.register_form .img>div h3,section.auth_page.forget_password .img>div h3{font-size:20px}section.auth_page.login_form .img>div p,section.auth_page.register_form .img>div p,section.auth_page.forget_password .img>div p{font-size:14px}}nav .navbar-nav a{transition:all .3s linear;transform-origin:right}nav .navbar-nav a.active,nav .navbar-nav a:hover{color:var(--main_color) !important;transform:scale(1.1)}footer{width:100%;height:100%;background:url(../images/shapes/bg-top.png),linear-gradient(to bottom right, var(--secondary_color), var(--secondary_color));background-size:cover;background-repeat:no-repeat;background-position:top;padding-top:12rem;padding-bottom:5px}footer .item h4{margin-bottom:20px}footer .item ul.contact_info li a,footer .item ul.links li a{transition:color,transform .3s linear;width:fit-content}footer .item ul.contact_info li a:hover,footer .item ul.links li a:hover{color:var(--main_color) !important;transform:translateX(-10px)}footer .item ul.social_accounts li a{transition:color .3s linear}footer .item ul.social_accounts li a:hover{color:var(--main_color) !important}@media(max-width: 575px){section.how_work .item .head h2,section.how_work .item .head p{text-align:center}section.how_work .item .head p{font-size:16px}section.how_work .item ul{flex-direction:column;margin-bottom:20px}section.services .service .content h4{font-size:20px}section.services .service .content h4,section.services .service .content p{text-align:center}section.services .service .content a{margin:auto;display:block;width:fit-content}section.store .head p{font-size:14px !important}section.store .item{justify-content:center;align-items:center;text-align:center}section.store .links{flex-direction:column;gap:15px !important}section.store .links a{width:100%;justify-content:center}section.faq .accordion .accordion-item button.accordion-button{font-size:14px;text-align:right}section.faq .accordion .accordion-item .accordion-body{font-size:14px}}@media(min-width: 576px)and (max-width: 767px){section.how_work .item .head p{font-size:18px}section.how_work .item ul{margin-bottom:30px}section.how_work .item img{width:80%;margin:auto;display:block}section.store .head p{line-height:30px;font-size:16px !important}section.store .img{width:80%;margin:auto}section.store .links{gap:15px !important}}@media(max-width: 767px){header .content{display:flex;flex-direction:column;align-items:center}header .content h1,header .content p{text-align:center}header .content p{font-size:15px !important}header .img img{width:350px;margin:auto;display:block}section.offers .card p{text-align:center}section.services .service .img{width:250px;height:200px;margin:auto}section.api_integration .head p{font-size:16px !important}section.api_integration .item{justify-content:center;align-items:center;text-align:center}section.pricing .row{row-gap:20px}footer .item h4{color:var(--main_color) !important}footer .item ul.links{margin-bottom:20px}}@media(max-width: 768px){section.offers .row{row-gap:20px;justify-content:center}}@media(max-width: 991px){section.services .service .content h4{height:auto}section.store .img,section.api_integration .img{width:50%;margin:auto}section.api_integration .head p{width:100%}footer{background-size:unset}footer .item ul.links li a{color:#fff !important}}@media(max-width: 1199px){section.store .head p{width:100%}}@media(min-width: 768px)and (max-width: 991px){header .content p{font-size:15px !important;line-height:30px}section.how_work .item p{font-size:18px;font-weight:400}section.how_work .item ul{flex-direction:column}footer .item h4{color:#fff !important}}@media(min-width: 992px)and (max-width: 1199px){section.offers .card p{font-size:16px}section.api_integration .item .content h5{font-size:16px}}