@import url(https://fonts.googleapis.com/css?family=Cairo);#preloader{position:fixed;top:0;left:0;z-index:1000;background-color:#dfdfdf;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#preloader,#preloader #animation{transition:opacity .4s ease-in-out}#preloader #animation{opacity:1}#preloader.hide{pointer-events:none;opacity:0}#preloader.hide #animation{opacity:0}#preloader .overlay{position:fixed;z-index:1050;top:0;left:0;width:100%;height:0;background-color:#8d2480;transform-origin:bottom}html{box-sizing:border-box;font-size:12px;direction:rtl;letter-spacing:-1px}@media screen and (min-width:640px){html{font-size:calc(10.4px + .25vw)}}*,:after,:before{box-sizing:inherit}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff}::-webkit-scrollbar-thumb:hover{cursor:pointer}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600}h1{font-size:5.5rem}h2{font-size:3.5rem}h3{font-size:3rem}h4{font-size:2.25rem}h5{font-size:1.75rem}h6{font-size:1.125rem}ol,ul{list-style:none}a{color:inherit;text-decoration:none}.text-white{color:#fff}img{max-width:100%;height:auto}.background{position:fixed;z-index:0;pointer-events:none;width:101%;top:0;left:0;height:100%}.background.animate{-webkit-animation:line 10s ease-in-out;animation:line 10s ease-in-out}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes line{0%{width:0;left:0;-webkit-mask-position:left;mask-position:left;transform-origin:left}25%{width:100%}50%{width:0;right:0;-webkit-mask-position:right;mask-position:right}75%{width:100%}to{width:0;right:auto;-webkit-mask-position:left;mask-position:left}}@keyframes line{0%{width:0;left:0;-webkit-mask-position:left;mask-position:left;transform-origin:left}25%{width:100%}50%{width:0;right:0;-webkit-mask-position:right;mask-position:right}75%{width:100%}to{width:0;right:auto;-webkit-mask-position:left;mask-position:left}}body{background-color:#441a46}#app{font-family:Cairo,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background-color:#dfdfdf}#app.dark{background-color:#441a46;color:#fff}#app.dark .background,#app.dark .btn:not(.btn--white),#app.dark .hamburger,#app.dark .logo{filter:brightness(0) invert(1)}.logo{position:fixed;top:0;right:0;margin:2rem;z-index:10}.logo img{width:100px}.hamburger{position:fixed;top:0;left:0;margin:2rem;cursor:pointer;z-index:10}.hamburger .hamburger__inner{width:2.5rem;height:2.5rem;line-height:.8;overflow:hidden}.hamburger .hamburger__inner .hamburger-line{display:inline-block;position:relative;width:100%;height:3px;background-color:#000;transition:left .2s ease-in-out}.hamburger .hamburger__inner .hamburger-line:first-child{left:50%}.hamburger .hamburger__inner .hamburger-line:nth-child(3){left:-50%}.hamburger .hamburger__inner:hover .hamburger-line:first-child,.hamburger .hamburger__inner:hover .hamburger-line:nth-child(3){left:0}@media screen and (min-width:960px){section{height:100vh}}section:not(:last-child){margin-bottom:8rem}section:last-child{padding-bottom:8rem}.big-title{position:relative;z-index:2;padding:2rem 2rem;line-height:1}.big-title.big-title--no-p{padding:0}@media screen and (min-width:640px){.big-title{font-size:5rem}}@media screen and (min-width:960px){.big-title{padding-right:6.5rem;font-size:6rem}}@media screen and (min-width:960px){.big-title.big-title--pl{padding-right:11rem}}.d-flex{display:flex}.d-flex.align-center{align-items:center}p{line-height:1.5;margin-bottom:2rem}a,p{font-size:1rem}.btn{display:inline-block;padding:.5rem 1rem;background-color:transparent;color:#441a46;text-align:center;font-weight:700;font-size:1.15rem;border-radius:6px;overflow:hidden;outline:none}.btn--white{background-color:#fff}.btn--primary{background-color:#441a46;color:#441a46}.btn--primary.btn--outline{background-color:transparent;border:3px solid #441a46;color:#441a46}.wrapper{margin:0 auto;max-width:1150px;padding:6rem 2rem 2rem}.text-wrapper{position:relative}.text-wrapper .moving-words{position:relative;display:inline-block;padding-top:.2em;padding-right:.05em;padding-bottom:.1em;overflow:hidden}.text-wrapper .words{line-height:1.2}.text-wrapper .word{display:inline-block;line-height:1.5;overflow:hidden}.text-wrapper .word .word__inner{transform-origin:100% 100%;display:inline-block}.slide{position:relative;display:grid;grid-template-rows:70% 30%;grid-row-gap:2rem;width:100%;height:100%}.slide__footer{cursor:pointer}.slide__image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.slide__title{font-size:2rem;line-height:1;margin-bottom:0}@media screen and (min-width:640px){.slide__title{margin-bottom:.5rem;font-size:3rem}}.slide__category{margin:0;color:#797979}.slider{padding-top:7rem}.swiper-container{transition:filter .4s ease-out}.swiper-container .swiper-slide:first-child{margin-right:2rem}@media screen and (min-width:960px){.swiper-container .swiper-slide:first-child{margin-right:11rem}}.service{position:relative;z-index:2;width:50%}@media screen and (min-width:960px){.service{margin-top:0;width:33.33%}}@media screen and (min-width:1440px){.service{margin-top:0}}.service ul{-webkit-margin-before:1rem;margin-block-start:1rem;-webkit-margin-after:1rem;margin-block-end:1rem}.services{background:#3f153f;position:relative;padding:2rem;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-evenly}@media screen and (min-width:960px){.services{padding:4rem;justify-content:start}}.contact{padding:2rem}.contact h3{padding-right:5rem}.contact p{max-width:500px}@media screen and (min-width:1440px){.contact p{max-width:700px}}.contact .words{line-height:1.5}@media screen and (min-width:960px){.contact .content{margin-top:0;padding:0 12rem}}.contact .content.no-p{padding:0}.hero{height:100vh;padding:2rem;margin-bottom:0!important}@media screen and (min-width:960px){.hero .hero__content{max-width:63%}}@media screen and (min-width:960px){.hero h3{padding-right:5rem}}@media screen and (min-width:960px){.grid{display:grid;grid-template-columns:40% 60%;align-content:center}}