@import url(https://fonts.googleapis.com/css?family=Tajawal);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--bright-cyan:#4af1f7;--kiwi:#94f74a;--gunmetal:#5c6768;--warm-grey:#979797;--dark-grey-blue:#2d474b;--midnight:#010810}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;font-family:"Tajawal",sans-serif}body .sc-7dvmpp-1{display:none!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.remove-text-decoration-link{text-decoration:none}.active-header{top:0}.desactive-header{top:-25vh!important;transition:top 1s}.initial-position-header{background:transparent!important;position:absolute!important}.bg-not-transparent{background:radial-gradient(500px at 50% 100%,#04182f 60%,#010810 160%)!important}.header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100vw;height:14vh;padding:0 2rem;position:fixed;top:0;background:radial-gradient(500px at 50% 100%,#04182f 60%,#010810 160%);z-index:999;transition:top .5s}.header .logo{width:15%;margin-left:1rem}.header .icon-menu-responsive{display:none}.header .nav{width:80%;padding-right:2rem}.header .nav,.header .nav .main-menu{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.header .nav .main-menu{list-style:none;width:60%}.header .nav .main-menu .link-page{color:var(--bright-cyan);margin-left:4rem;transition:all .5s}.header .nav .main-menu .link-page:hover{color:var(--kiwi);font-size:18px;transition:all .5s}.header .nav .main-menu .active{color:var(--kiwi);margin-left:4rem;border-bottom:1px solid var(--kiwi)}.header .nav .social-media-icons{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:20%;margin-left:10%}.header .nav .social-media-icons .icon{margin-right:5px;cursor:pointer}@media screen and (max-width:780px){.header{display:grid;grid-template-columns:10fr 1fr;height:10vh}.header .logo{width:auto;height:8vh;margin-right:20px}.header .icon-menu-responsive{display:inline-block;height:2rem;margin:1rem 2rem 1rem 0;z-index:99}.header .nav{position:fixed;top:0;right:-50%;width:50%;background-color:var(--dark-grey-blue);padding:0;transition:right 1s}.header .nav,.header .nav .main-menu{-webkit-flex-direction:column;flex-direction:column}.header .nav .main-menu{width:100%}.header .nav .main-menu .bg-icon-menu-responsive{height:12vh}.header .nav .main-menu .link-page{color:#fff;text-align:center;padding:2rem 0;font-size:2rem;margin:0;border:none}.header .nav .main-menu .link-page:hover{font-size:2rem}.header .nav .main-menu .active{color:var(--kiwi);background-color:#0a1e21}.header .nav .social-media-icons{width:auto;margin:2rem 0}.header .nav .social-media-icons .icon{margin-right:16px;width:2rem}.header .active-menu{right:0;transition:right 1s}}@media screen and (max-width:500px){.header .nav{position:fixed;top:0;right:-100%;width:100%;background-color:var(--dark-grey-blue);padding:0;transition:right 1s}.header .nav,.header .nav .main-menu{-webkit-flex-direction:column;flex-direction:column}.header .nav .main-menu{width:65%}.header .nav .main-menu .bg-icon-menu-responsive{height:12vh}.header .nav .main-menu .link-page{color:#fff;text-align:center;padding:1rem 0;font-size:24px;margin:0;border:none}.header .nav .main-menu .active{color:var(--kiwi);background-color:#0a1e21}.header .nav .social-media-icons{width:70%;margin:1rem 0}.header .nav .social-media-icons .icon{margin-right:16px;width:2rem}.header .active-menu{right:-35%;transition:right 1s}}.footer{width:100vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;background-color:var(--midnight);padding:3rem 0}.footer .title{color:var(--kiwi);font-size:3rem;margin-bottom:1rem}.footer .text{color:var(--warm-grey)}.footer .border{width:80%;border-bottom:3px solid var(--kiwi);margin-top:3rem}.footer .contact-information{display:grid;grid-template-columns:1fr 1fr 1fr;width:60%;margin:3rem auto 0}.footer .contact-information .description{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80%;margin:0 auto}.footer .contact-information .description .icon{margin-right:10px;width:12%;color:var(--bright-cyan);font-size:24px}.footer .contact-information .description .text{color:var(--warm-grey)}.footer .social-media{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:3rem}.footer .social-media .icon{margin-right:10px}@media screen and (max-width:780px){.footer .border{width:70%}.footer .contact-information{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:70%}.footer .contact-information .description{-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:1rem}}.slider{margin-top:50px;position:relative;max-width:100%}.slick-slide{padding:20px;opacity:.4}.slick-slide.slick-center{padding:0;opacity:1}.article .image,.slick-slide .article{width:100%}.description{max-width:720px;margin:0 auto}.title{font-size:2rem;color:var(--dark-grey-blue)}.text,.title{margin-top:1rem;text-align:center}.text{color:var(--warm-grey)}.text .text-midnight{color:var(--midnight)}.slick-next,.slick-prev{top:50%;width:35px;height:35px;z-index:100}.slick-prev{left:45px}.slick-next{right:45px}.slick-next:before,.slick-prev:before{color:#94f74a;font-size:35px}.container-carousel-skills{background-color:var(--midnight);width:100%;padding:4rem 0;margin-top:3rem}.container-carousel-skills .title{color:var(--kiwi);text-align:center;margin-bottom:5rem;font-size:3rem;font-weight:400}.container-carousel-skills .icon{width:12%;font-size:4rem;color:var(--warm-grey)}.container-carousel-skills svg{outline:none}@media screen and (min-width:400px){.container-carousel-skills .icon{font-size:4rem}}@media screen and (min-width:500px){.container-carousel-skills .title{font-size:26px}.container-carousel-skills .icon{font-size:6rem}}@media screen and (min-width:650px){.container-carousel-skills .title{font-size:2rem}}@media screen and (min-width:780px){.container-carousel-skills .icon{font-size:8rem}}@media screen and (min-width:1020px){.container-carousel-skills .icon{font-size:10rem}}.container-home{background:#fff;font-size:16px;width:100vw;margin:auto;overflow:hidden}.container-home .section-1{background:radial-gradient(400px at 50% 100%,#04182f 80%,#010810 200%);padding-top:6rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:center;align-content:center;margin:0}.container-home .section-1 .short-description{margin-bottom:1rem;margin-top:2rem;text-align:center}.container-home .section-1 .short-description .title{color:#c9ff48;font-size:60px;font-weight:400}.container-home .section-1 .short-description .text{width:32%;color:#c0cecf;font-size:22px;margin:10px auto}.container-home .section-1 .short-description .text .text-blue{color:var(--bright-cyan)}.container-home .section-1 .buttons{width:100%;padding-bottom:9px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.container-home .section-1 .buttons .button{font-size:20px;border-radius:5px;width:16%;padding:18px 0;cursor:pointer;margin:0}.container-home .section-1 .buttons .contact{color:#000;background:#c9ff48;margin-right:20px;opacity:1;transition:opacity 1s}.container-home .section-1 .buttons .contact:hover{opacity:.7;transition:opacity 1s}.container-home .section-1 .buttons .projects{color:#c9ff48;background:transparent;border:3.5px solid #c9ff48;margin-left:20px;transition:background 1s}.container-home .section-1 .buttons .projects:hover{background:rgba(95,95,95,.2);transition:background 1s}.container-home .section-1 .container-image-laptop{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:250px;position:relative;height:200px}.container-home .section-1 .container-image-laptop .image-laptop{position:absolute;top:-220px}.container-home .section-1 .container-image-laptop .image-table-laptop{height:104%}.container-home .section-2{height:auto}.container-home .section-2 .title-section-2{font-size:3rem;text-align:center;margin-top:1rem;color:var(--dark-grey-blue)}.container-home .section-4{width:100%;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:5rem 0;position:relative}.container-home .section-4 .icon-right{position:absolute;right:0;height:80%}.container-home .section-4 .icon-left{position:absolute;left:0;height:80%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.container-home .section-4 .contain{width:40%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.container-home .section-4 .contain .icon{margin-bottom:2rem}.container-home .section-4 .contain .title{font-size:3rem;color:var(--dark-grey-blue);text-align:center}.container-home .section-4 .contain .text{text-align:center;margin-top:2rem;color:var(--warm-grey)}.container-home .section-4 .contain .text .text-midnight{color:var(--midnight)}.container-home .section-5{background-color:var(--midnight);padding-top:3rem;padding-bottom:5rem}.container-home .section-5 .title{color:var(--bright-cyan);text-align:center;font-size:3rem;margin-bottom:1rem}.container-home .section-5 .container-cards{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;width:80%;margin:0 auto}.container-home .section-5 .container-cards .card{background-color:#fff;border-radius:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:85%;margin:0 auto 2rem}.container-home .section-5 .container-cards .card .image{margin-bottom:1rem;margin-top:2rem}.container-home .section-5 .container-cards .card .title{color:var(--dark-grey-blue);margin-bottom:1rem;font-size:28px}.container-home .section-5 .container-cards .card .text{width:90%;text-align:center;margin-bottom:1rem}.container-home .section-6{background-color:#fff;padding:6rem 0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:80%;margin:0 auto}.container-home .section-6 .icon{margin-bottom:3rem}.container-home .section-6 .title{margin-bottom:1rem;font-size:2rem;color:var(--dark-grey-blue)}.container-home .section-6 .text{font-size:20px;color:var(--gunmetal)}.container-home .section-6 .button{font-size:20px;border-radius:5px;padding:18px 2rem;cursor:pointer;color:#000;background-color:#c9ff48;margin-right:20px;border:none;margin-top:3rem;transition:background-color 1s}.container-home .section-6 .button:hover{background-color:#b3e43c;transition:background-color 1s}@media screen and (max-width:780px){.container-home .section-1 .short-description .title{font-size:3rem}.container-home .section-1 .short-description .text{width:50%}.container-home .section-1 .buttons .button{width:30%}.container-home .section-1 .container-image-laptop{height:300px}.container-home .section-1 .container-image-laptop .image-table-laptop{height:140%;width:100%}.container-home .section-4 .contain{width:60%}.container-home .section-5 .container-cards{grid-template-columns:1fr 1fr}}@media screen and (max-width:500px){.container-home .section-1 .short-description .title{font-size:2rem}.container-home .section-1 .short-description .text{width:90%}.container-home .section-1 .buttons .button{width:40%;margin-right:0;font-size:18px}.container-home .section-2 .title-section-2{font-size:2rem}.container-home .section-4 .icon-left,.container-home .section-4 .icon-right{height:60%;top:15%;opacity:.3}.container-home .section-4 .contain{width:80%}.container-home .section-4 .contain .icon{width:20%}.container-home .section-4 .contain .title{font-size:2rem}.container-home .section-4 .contain .text{text-align:justify}.container-home .section-5 .container-cards{grid-template-columns:1fr}.container-home .section-5 .container-cards .card .title{font-size:24px}.container-home .section-6{width:100%}.container-home .section-6 .icon{width:20%}.container-home .section-6 .title{text-align:center}}.services{background:#fff;width:100vw;margin:auto auto 3rem;overflow:hidden}.services .section-1{padding-top:6rem;background:radial-gradient(400px at 50% 100%,#04182f 20%,#010810 200%);height:60vh}.services .section-1 .contain{position:relative;margin:3rem 0 auto;height:80%;display:grid;grid-template-columns:2fr 0fr 3fr;grid-gap:2rem;-webkit-align-items:center;align-items:center;z-index:99}.services .section-1 .contain .image{position:absolute}.services .section-1 .contain .title{color:var(--kiwi);font-size:3rem;font-weight:400;text-align:end;z-index:99}.services .section-1 .contain .border{border-left:2px solid var(--kiwi);height:50%;margin-top:1rem;z-index:99}.services .section-1 .contain .text{color:#fff;z-index:99;width:90%}.services .section-2{background-color:#fff;padding:6rem 0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:80%;margin:0 auto}.services .section-2 .icon{margin-bottom:3rem}.services .section-2 .title{margin-bottom:1rem;font-size:2rem;color:var(--dark-grey-blue);text-align:center}.services .section-2 .text{font-size:20px;color:var(--gunmetal);text-align:center}.services .section-3{background-color:var(--midnight);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:4rem 0}.services .section-3 .title{color:var(--kiwi);font-size:3rem;font-weight:400;margin-bottom:2rem;text-align:center}.services .section-3 .contain-1{display:grid;grid-template-columns:1fr 1fr;padding:0 120px;margin-bottom:4rem}.services .section-3 .contain-1 .image{width:70%;margin:0 auto}.services .section-3 .contain-1 .description{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:70%;margin:0 auto}.services .section-3 .contain-1 .description .title{font-size:2rem;color:var(--bright-cyan);margin-bottom:1rem;text-align:center}.services .section-3 .contain-1 .description .text{color:var(--warm-grey);text-align:justify}.services .section-3 .contain-2{display:grid;grid-template-columns:1fr 1fr;padding:0 120px}.services .section-3 .contain-2 .image{width:70%;margin:0 auto}.services .section-3 .contain-2 .description{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:70%;margin:0 auto}.services .section-3 .contain-2 .description .title{font-size:2rem;color:var(--bright-cyan);margin-bottom:1rem;text-align:center}.services .section-3 .contain-2 .description .text{color:var(--warm-grey);text-align:justify}.services .section-4{background-color:#fff;display:grid;grid-template-columns:2fr 3fr;padding:6rem 0;position:relative}.services .section-4 .image{position:absolute;left:-80px;top:50px;width:45vw}.services .section-4 .contain{width:60%;margin:0 auto}.services .section-4 .contain .title{font-size:2rem;color:var(--dark-grey-blue);margin-bottom:1rem}.services .section-4 .contain .text{color:var(--warm-grey);margin-bottom:2rem;text-align:justify}.services .section-5{background-color:var(--midnight);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:4rem 0}.services .section-5 .contain-1{display:grid;grid-template-columns:1fr 1fr;padding:0 120px;margin-bottom:4rem;margin-top:5rem}.services .section-5 .contain-1 .image{width:70%;margin:0 auto}.services .section-5 .contain-1 .description{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:70%;margin:0 auto}.services .section-5 .contain-1 .description .title{font-size:2rem;color:var(--bright-cyan);margin-bottom:1rem}.services .section-5 .contain-1 .description .text{color:var(--warm-grey);text-align:justify}.services .section-5 .contain-2{display:grid;grid-template-columns:1fr 1fr;padding:0 120px}.services .section-5 .contain-2 .image{width:70%;margin:0 auto}.services .section-5 .contain-2 .description{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:70%;margin:0 auto}.services .section-5 .contain-2 .description .title{font-size:2rem;color:var(--bright-cyan);margin-bottom:1rem}.services .section-5 .contain-2 .description .text{color:var(--warm-grey);text-align:justify}.services .section-6{background-color:#fff;display:grid;grid-template-columns:3fr 2fr;padding:7rem 0;position:relative}.services .section-6 .image{position:absolute;right:0;top:0;width:45vw}.services .section-6 .contain{width:60%;margin:0 auto}.services .section-6 .contain .title{font-size:2rem;color:var(--dark-grey-blue);margin-bottom:1rem}.services .section-6 .contain .text{color:var(--warm-grey);text-align:justify}.services .section-7{background-color:var(--midnight);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:4rem 0}.services .section-7 .contain-1{display:grid;grid-template-columns:1fr 1fr;padding:0 120px;margin-bottom:4rem;margin-top:4rem}.services .section-7 .contain-1 .image{width:70%;margin:0 auto}.services .section-7 .contain-1 .description{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:70%;margin:0 auto}.services .section-7 .contain-1 .description .title{font-size:2rem;color:var(--bright-cyan);margin-bottom:1rem}.services .section-7 .contain-1 .description .text{color:var(--warm-grey);text-align:justify}.services .section-7 .contain-2{display:grid;grid-template-columns:1fr 1fr;padding:0 120px}.services .section-7 .contain-2 .image{width:70%;margin:0 auto}.services .section-7 .contain-2 .description{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:70%;margin:0 auto}.services .section-7 .contain-2 .description .title{font-size:2rem;color:var(--bright-cyan);margin-bottom:1rem}.services .section-7 .contain-2 .description .text{color:var(--warm-grey);text-align:justify}.services .section-8{background-color:#fff;padding:6rem 0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.services .section-8 .icon{margin-bottom:3rem}.services .section-8 .title{margin-bottom:1rem;font-size:2rem;color:var(--dark-grey-blue)}.services .section-8 .text{font-size:20px;color:var(--gunmetal)}.services .section-8 .button{font-size:20px;border-radius:5px;padding:18px 1rem;cursor:pointer;color:#000;background-color:#c9ff48;margin-right:20px;border:none;margin-top:3rem;transition:background-color 1s}.services .section-8 .button:hover{background-color:#b3e43c;transition:background-color 1s}@media screen and (max-width:780px){.services .section-1 .contain .border{height:30%}.services .section-1 .contain .text{font-size:18px}.services .section-3 .contain-1{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:0;width:90%;margin:0 auto 6rem}.services .section-3 .contain-1 .description{margin-top:2rem}.services .section-3 .contain-2{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;padding:0;width:90%;margin:0 auto}.services .section-3 .contain-2 .description{margin-top:2rem}.services .section-4{display:-webkit-flex;display:flex;padding-bottom:35vh}.services .section-4 .image{top:auto;bottom:-10vh;left:0;width:60vw}.services .section-4 .contain{width:70%}.services .section-4 .contain .title{text-align:center}.services .section-5 .contain-1{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;padding:0;width:90%;margin:4rem auto 6rem}.services .section-5 .contain-1 .description{margin-top:2rem}.services .section-5 .contain-2{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:0;width:90%;margin:0 auto}.services .section-5 .contain-2 .description{margin-top:2rem}.services .section-6{padding:3rem 0}.services .section-6 .image{width:55vw}.services .section-6 .contain{margin-left:15%}.services .section-7 .contain-1{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;padding:0;width:90%;margin:4rem auto 6rem}.services .section-7 .contain-1 .description{margin-top:2rem}.services .section-7 .contain-2{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:0;width:90%;margin:0 auto}.services .section-7 .contain-2 .description{margin-top:2rem}}@media screen and (max-width:750px){.container-home .section-4 .image{bottom:-25vh}}@media screen and (max-width:650px){.container-home .section-4 .image{bottom:-18vh}}@media screen and (max-width:550px){.container-home .section-4{padding-bottom:40vh}.container-home .section-4 .image{bottom:-1%}}@media screen and (max-width:500px){.services .section-1 .contain{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:1rem}.services .section-1 .contain .image{margin-left:90%}.services .section-1 .contain .title{font-size:40px}.services .section-1 .contain .border{border-bottom:2px solid var(--kiwi);border-left:0;width:80%;margin:0;height:0}.services .section-1 .contain .text{text-align:center}.services .section-2{width:90%}.services .section-2 .icon{width:20%}.services .section-2 .title{font-size:26px}.services .section-3 .title{font-size:40px}.services .section-3 .contain-1{width:100%}.services .section-3 .contain-1 .description .title{font-size:26px}.services .section-3 .contain-2{width:100%}.services .section-3 .contain-2 .description .title{font-size:26px}.services .section-4{padding-bottom:40vh}.services .section-4 .image{width:80vw;bottom:-1%}.services .section-4 .contain{width:80%}.services .section-4 .contain .title{text-align:center}.services .section-5 .contain-1{width:100%}.services .section-5 .contain-1 .description .title{font-size:26px}.services .section-5 .contain-2{width:100%}.services .section-5 .contain-2 .description .title{font-size:26px}.services .section-6{display:-webkit-flex;display:flex;padding-bottom:1rem}.services .section-6 .image{width:100%;opacity:.2;top:0}.services .section-7 .contain-1{width:100%}.services .section-7 .contain-1 .description .title{font-size:26px}.services .section-7 .contain-2{width:100%}.services .section-7 .contain-2 .description .title{font-size:26px}.services .section-8 .icon{width:20%}.services .section-8 .title{text-align:center;font-size:28px}}@media screen and (max-width:450px){.container-home .section-4 .image{bottom:-10vh}}.blog{background:#fff;width:100vw;margin:auto auto 3rem;overflow:hidden}.blog .section-1{padding-top:6rem;background:radial-gradient(400px at 50% 100%,#04182f 20%,#010810 200%);height:60vh;margin-bottom:3rem}.blog .section-1 .contain{position:relative;margin:3rem 0 auto;height:80%;display:grid;grid-template-columns:2fr 0fr 3fr;grid-gap:2rem;-webkit-align-items:center;align-items:center;z-index:99}.blog .section-1 .contain .image{position:absolute;opacity:.23}.blog .section-1 .contain .title{color:var(--kiwi);font-size:3rem;font-weight:400;text-align:end;z-index:99}.blog .section-1 .contain .border{border-left:2px solid var(--kiwi);height:50%;margin-top:1rem;z-index:99}.blog .section-1 .contain .text{color:#fff;z-index:99}.blog .section-2{width:80%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:3rem}.blog .section-2 .article .image{width:100%;height:200px;background-color:#ececec;border:1px solid var(--midnight);margin-bottom:1rem;cursor:pointer}.blog .section-2 .article .quit-line{text-decoration:none}.blog .section-2 .article .quit-line .title{font-size:28px;color:var(--dark-grey-blue);text-align:center;cursor:pointer}.blog .section-2 .article .text{color:var(--warm-grey)}.blog .section-2 .article .made-by{margin-top:10px}.blog .section-2 .article .made-by,.blog .section-2 .article .made-by .contain{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.blog .section-2 .article .made-by .contain{margin-right:2rem}.blog .section-2 .article .made-by .contain .icon{margin-right:5px}.blog .section-2 .article .made-by .contain .text{color:var(--dark-grey-blue)}@media screen and (max-width:780px){.blog .section-1 .contain .border{height:30%}.blog .section-1 .contain .text{font-size:18px}.blog .section-2{grid-template-columns:1fr 1fr}.blog .section-2 .article .title{text-align:center}.blog .section-2 .article .text{text-align:justify}}@media screen and (max-width:500px){.blog .section-1 .contain{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:1rem}.blog .section-1 .contain .image{margin-left:90%}.blog .section-1 .contain .title{font-size:40px}.blog .section-1 .contain .border{border-bottom:2px solid var(--kiwi);border-left:0;width:80%;margin:0;height:0}.blog .section-1 .contain .text{text-align:center}.blog .section-2{grid-template-columns:1fr}}.contact{padding-top:10rem;background:radial-gradient(#04182f 40%,#010810 80%);position:relative;width:100vw;margin:auto;overflow:hidden}.contact .message-send{position:fixed;top:-4rem;left:46%;z-index:999;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;color:var(--kiwi);background-color:#fff;padding:8px 2rem;border-radius:0 0 10px 10px;border-left:2px solid;border-right:2px solid;border-bottom:2px solid;font-size:20px;font-weight:700;transition:top 1s}.contact .message-send-active{top:0;transition:top 1s}.contact .icon-right{height:80%;position:absolute;right:0}.contact .icon-left{height:80%;position:absolute;left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.contact .section{width:50%;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;z-index:99;position:relative}.contact .section .title{color:var(--kiwi);font-size:3rem;font-weight:400;text-align:center}.contact .section .border{width:100%;border-bottom:3px solid var(--kiwi);margin:1rem}.contact .section .text{color:#fff;width:80%;text-align:center;margin:0 auto 2rem;white-space:pre-line}.contact .section .form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:90%}.contact .section .form .container-input{display:-webkit-flex;display:flex;margin-bottom:1rem;width:100%}.contact .section .form .container-input .input{width:100%;height:2.5rem;background-color:#fff;padding-left:1rem;outline:none;border:none;color:var(--dark-grey-blue)}.contact .section .form .container-input .required{color:red;font-size:20px;margin-left:5px}.contact .section .form .container-select{display:grid;grid-template-columns:1fr 1fr 0fr;-webkit-align-items:center;align-items:center;margin-bottom:1rem;width:100%;padding-right:12px}.contact .section .form .container-select .label{color:#fff;width:60%;text-align:end;margin-left:30%}.contact .section .form .container-select .select{outline:none;width:100%;height:2.5rem;padding-left:10px}.contact .section .form .container-textarea{display:-webkit-flex;display:flex;margin-bottom:3rem;width:100%}.contact .section .form .container-textarea .textarea{width:100%;height:2.5rem;background-color:#fff;padding:8px 1rem;outline:none;border:none;color:var(--dark-grey-blue);font-family:"Tajawal",sans-serif;resize:none;overflow:hidden;min-height:8rem}.contact .section .form .container-textarea .textarea::-webkit-input-placeholder{font-family:"Tajawal",sans-serif}.contact .section .form .container-textarea .textarea:-ms-input-placeholder{font-family:"Tajawal",sans-serif}.contact .section .form .container-textarea .textarea::placeholder{font-family:"Tajawal",sans-serif}.contact .section .form .container-textarea .required{color:red;font-size:20px;margin-left:5px}.contact .section .form .container-checkbox{display:-webkit-flex;display:flex;margin-bottom:1rem;width:100%}.contact .section .form .container-checkbox .checkbox{margin-top:5px}.contact .section .form .container-checkbox .label{color:#fff;margin-left:5px;width:50%}.contact .section .form .container-checkbox .label strong{cursor:pointer}.contact .section .form .button{font-size:20px;border-radius:5px;padding:1rem 2rem;cursor:pointer;color:#000;background-color:var(--kiwi);margin-right:20px;border:none;margin-bottom:5rem;opacity:1;transition:opacity 1s}.contact .section .form .button:hover{opacity:.7;transition:opacity 1s}@media screen and (max-width:900px){.contact .message-send{left:45vw}.contact .section{width:70%}}@media screen and (max-width:780px){.contact .message-send{left:35vw}.contact .icon-left,.contact .icon-right{height:60%;top:25%}.contact .section,.contact .section .form .container-checkbox .label{width:60%}}@media screen and (max-width:600px){.contact .section{width:75%}}@media screen and (max-width:500px){.contact .message-send{left:30vw}.contact .icon-left,.contact .icon-right{height:50%;top:30%;opacity:.3}.contact .section{width:80%}.contact .section .title{text-align:center;font-size:40px}.contact .section .text{width:90%}.contact .section .form .container-checkbox .label{width:80%}}@media screen and (max-width:400px){.contact .message-send{left:25vw}.contact .section .title{font-size:2rem}}.post .image{width:100vw;margin-bottom:2rem}.post .section{width:80%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:0 auto 6rem}.post .section .post .title{color:var(--dark-grey-blue);font-size:3rem;margin-bottom:1rem;text-align:center}.post .section .post .container-created_at{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:40%;margin:0 auto 1rem}.post .section .post .container-created_at .contain-created_at{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.post .section .post .container-created_at .contain-created_at .image-created_at{margin-right:5px}.post .section .post .short-description{width:70%;text-align:center;margin:0 auto 3rem;color:var(--warm-grey)}.post .section .post .description{white-space:pre-line;color:var(--warm-grey)}.post .section .post .buttons-share{color:var(--dark-grey-blue)!important;font-weight:700!important;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:4px 6px!important;margin-top:1rem}.post .section .post .buttons-share .link-share{margin-left:1rem}.post .section .post .buttons-share .link-share .icon{color:var(--dark-grey-blue)!important}.post .section .container-other-posts{width:100%;margin-top:6rem}.post .section .container-other-posts .title{color:var(--dark-grey-blue)}.post .section .container-other-posts .contain-other-posts{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10%;margin-top:2rem}.post .section .container-other-posts .contain-other-posts .image-other-post{width:100%}.post .section .container-other-posts .contain-other-posts .contain-title{text-decoration:none}.post .section .container-other-posts .contain-other-posts .contain-title .title{font-size:18px}.post .section .container-other-posts .contain-other-posts .text{text-align:justify;color:var(--warm-grey)}@media screen and (max-width:780px){.post .image{margin-top:3rem}.post .post .container-created_at{width:60%}}@media screen and (max-width:600px){.post .section .post .title{font-size:2rem}.post .section .post .container-created_at{width:60%}.post .section .post .short-description{width:90%}}@media screen and (max-width:600px){.post .section .post .container-created_at{width:80%}}.button{border:1px solid #000}
/*# sourceMappingURL=main.64e37ab7.chunk.css.map */