@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400&display=swap);body{background:var(--color-white);color:var(--color-black);font-family:Tajawal,sans-serif;line-height:1.7;margin:0}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-secondary:#9f7072;--color-primary:#ec7063;--color-bg:#77373e}.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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}#about .content{grid-gap:2%;display:grid;gap:2%;grid-template-columns:1fr 1fr}#about{margin:10%}.about__img img{width:100%}#courses{margin:10%}#about h1,#courses h1{color:var(--color-bg);font-size:2rem;font-weight:bolder}@media screen and (max-width:1024px){#cards__wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}}header .head{align-items:left;background-image:url(/static/media/bg.2c613ef47d36095e6759.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:80vh;justify-content:center;width:100%}header .head .title{color:#fff;padding:10%}#btn{border:1px solid #fff;border-radius:10px;color:#fff;font-size:1.2rem;padding:10px}#btn:hover{background-color:#fff;color:#000}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:transparent;margin:0;padding:1rem;position:relative;width:100%;z-index:2}.navbar__menu{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none}.navbar_menu_row{display:flex;flex-direction:row;justify-content:center}.navbar__link{background:transparent;color:var(--color-primary);display:inline-block;font-size:1rem;font-weight:700;margin:0 10px;padding:0;position:relative}.navbar__link:hover{color:var(--color-bg)}.logo{color:var(--color-primary);font-size:xx-large;font-weight:bolder;padding:2rem}.btn{background-color:var(--color-primary);border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin:0 10px;padding:10px}.btn:hover{background:var(--color-bg);color:#fff}.navbar__btn{color:var(--color-bg);cursor:pointer;opacity:0;visibility:hidden}.close,.navbar__btn{width:-webkit-max-content;width:max-content}.close{position:absolute;right:2rem;top:2rem}.close,.open{background-color:initial}.open{width:100%}.open_plus_logo{display:none}@-webkit-keyframes slideup{0%{opacity:0;-webkit-transform:translateY(18px);transform:translateY(18px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes slideup{0%{opacity:0;-webkit-transform:translateY(18px);transform:translateY(18px)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes slideleft{0%{opacity:0;-webkit-transform:translateX(18px);transform:translateX(18px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes slideleft{0%{opacity:0;-webkit-transform:translateX(18px);transform:translateX(18px)}to{opacity:1;-webkit-transform:none;transform:none}}@media screen and (max-width:600px){.navbar__btn{cursor:pointer;font-size:xx-large;opacity:1;padding:1.5rem;visibility:visible}.close{color:#fff}nav{align-items:center;background:var(--color-bg);display:flex;flex-direction:column;gap:5rem;height:100%;justify-content:center;left:0;position:absolute;top:0;-webkit-transform:translateY(-100vh);transform:translateY(-100vh);transition:1s;width:100%}.responsive_nav{-webkit-transform:none;transform:none}.navbar__menu{align-items:center;gap:40px;list-style:none}.navbar__menu,.navbar_menu_row{display:flex;flex-direction:column;justify-content:center}.navbar_menu_row{gap:10px}.navbar__link{color:#fff;display:inline-block;font-size:1rem;font-weight:700;margin:0;padding:0;position:relative}.navbar__link:hover{color:#fff}.btn{background-color:#fff;border-radius:10px;color:var(--color-bg);cursor:pointer;font-weight:700;margin:0;padding:10px;text-align:center}.btn:hover{color:#fff}.open_plus_logo{background-color:#fff;box-shadow:0 18px 50px -10px rgba(0,0,0,.2);display:flex;flex-direction:row}}footer{background-color:var(--color-primary);color:#fff;display:grid;grid-template-columns:repeat(3,1fr) 2fr;padding:5%}footer .footer-newsletter{font-size:10%}footer .footer-newsletter h4{color:#fff;font-size:1.5rem;font-weight:400;position:relative}footer .footer-newsletter form{background:#fff;border-radius:2rem;box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5);margin-top:5%;padding:2%;position:relative}footer .footer-newsletter form input[type=email]{padding:1% 2%;width:calc(100% - 4rem)}footer .footer-newsletter form input[type=submit]{background:none;background:var(--color-bg);border:0;border-radius:2rem;bottom:-1px;color:#fff;font-size:1rem;padding:0 1.5rem .2rem;position:absolute;right:-1px;top:-1px;transition:.3s}footer .footer-newsletter form input[type=submit]:hover{background:var(--color-primary);border:1px solid var(--color-bg);cursor:pointer}.link{color:#000}.link:hover{text-decoration:underline}@media screen and (max-width:1024px){footer{display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){footer{align-items:left;display:flex;flex-direction:column;justify-content:center}}#card{align-items:left;display:flex;flex-direction:column;justify-content:center;margin:2%}.card__fee{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.card__desc h3{color:#000}#fee{background-color:var(--color-bg);border:1px solid var(--color-primary);color:#fff;padding:1.5%}.card__img img{width:100%}#titre{background-color:var(--color-bg);color:#fff;margin-top:0;padding:3%;text-align:center}#cards__wrapper{display:grid;grid-template-columns:repeat(3,1fr);margin:5%}.col{flex-direction:column;justify-content:center;margin:100px auto;width:50%}.col,.row1{align-items:left;display:flex}.row1{flex-direction:row;gap:2rem;justify-content:space-around}.row1__col1 img{width:90%}.row1__col2{flex-direction:column;justify-content:center;width:100%}.row1__col2,.row1__col2__row{align-items:left;display:flex}.row1__col2__row{flex-direction:row;gap:8rem;justify-content:space-between;margin-right:5%;text-align:left}.row1__col2__row h4{text-align:left}.row2 h4{margin-left:5%;width:85%}@media screen and (max-width:1024px){#card{align-items:left;display:flex;flex-direction:column;justify-content:center;margin:10px}.row1__col1 img{margin:auto;width:60%}#about .content,#cards__wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px}.row1{gap:1rem}.col,.row1{align-items:left;display:flex;flex-direction:column;justify-content:center}.col{margin:10px;width:100%}}.form__wrapper{align-items:center;box-shadow:0 5px 15px rgba(0,0,0,.35);display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;margin:5% 15%}.form__img img{padding-top:1%;width:80%}.form h2{color:var(--color-bg);font-size:2.5rem;margin-bottom:1rem}.form__element{margin:2%}.form__element input{border:1px solid var(--color-bg);border-radius:10px;padding:10px;width:80%}button{background-color:var(--color-bg);color:#fff;margin:5% 5% 1%;padding:2%;width:50%}@media screen and (max-width:1024px){.form__wrapper{grid-template-columns:1fr 2fr;margin:30% 5% 20%}.form__img img{height:50vh;padding:3% 0 0;width:100%}.form{margin-left:5%}}@media screen and (max-width:600px){.form__wrapper{display:grid;grid-template-columns:1fr;margin:25% 5% 5%}.form__img img{height:0;visibility:hidden;width:0}}#cards{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr;justify-content:center;margin:5%}#card img{width:70%}#card h3{color:#000}#card{padding:5%}#card:hover{box-shadow:0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1),0 24px 80px rgba(17,17,26,.1)}@media screen and (max-width:1024px){#cards{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}}
/*# sourceMappingURL=main.226e56b5.css.map*/