.loader_container{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center}.loader_container .loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App{min-height:100vh;display:flex;flex-direction:column}.container{flex:1 1 auto}header{flex:0 1 90px;background-color:green;color:#fff}header .informations{background-color:#21222b;height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}header .informations div{display:flex;flex-wrap:wrap}header .informations div span{font-size:12px}header .informations div span svg{color:#ff3a44;margin:0 5px}header .informations .search{position:relative}header .informations .search svg{position:absolute;top:5px;left:2px}header .informations .search input{width:150px;padding:.3rem 1.5rem}header .informations .search input::placeholder{color:#fff}header .navigation{background-color:#ff3a44;height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}header .navigation .titleAndManuMobile{display:flex;align-items:center;gap:.5rem}header .navigation .titleAndManuMobile button{display:none;padding:.5rem}header .navigation .titleAndManuMobile button svg{width:30px;height:20px;color:#fff}@media (max-width: 650px){header .navigation .titleAndManuMobile button{display:block}}header .socials{display:flex;gap:1rem;width:100px}header .socials a{transition:all .4s}header .socials a:hover{transform:translateY(-5px)}.nav{transition:right .5s;z-index:99999999}.nav ul{display:flex;gap:2rem}.nav ul li a{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-transform:uppercase}.nav ul li a:hover{color:#21222b;position:relative;transition:color .2s}.nav ul li a:after{content:"";position:absolute;left:0;bottom:-15px;width:100%;height:3px;background-color:#fff;transform:scaleX(0);transform-origin:right;transition:transform .4s}.nav ul li a:hover:after{transform:scaleX(1);transform-origin:left}.nav button{display:none}@media (max-width: 650px){.nav{position:absolute;top:0;right:100%;width:100%;height:100%;background:#21222b}.nav.open{right:0}.nav ul{position:relative;width:80%;height:100%;margin:0 auto;flex-direction:column;justify-content:center;align-items:center;font-size:2em}.nav ul li a:hover{color:#ff3a44}.nav ul li a:after{display:none}.nav button{display:block;position:absolute;top:15px;right:15px;color:#fff;font-size:1.3em}}footer{background:#21222b;border-top:1px solid #2a2d46;color:#fff}footer .top_footer{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;text-align:center;width:50%;margin:1em auto}footer .top_footer span{font-size:2em}footer .top_footer .links{display:flex;gap:1rem;text-align:center}footer .top_footer .links ul li,footer .top_footer .links ul a{transition:color .5s;padding-bottom:10px}footer .top_footer .links ul li:hover,footer .top_footer .links ul a:hover{color:#ff3a44}footer .end_footer{padding:1rem;text-align:center;background:#ff3a44}@media (max-width: 580px){footer .top_footer{width:100%}}.banner{width:100%;height:100vw;max-height:800px;background-size:cover;background-attachment:fixed;color:#fff;display:flex;justify-content:center;align-items:center;position:relative}.banner:before{content:"";position:absolute;top:1px;width:100%;height:100%;background:linear-gradient(to bottom,#0000,20%,#00000080 80%,#000)}.banner div{width:70%;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:1px;z-index:1}.banner div span,.banner div h1{text-transform:uppercase;font-weight:700}.banner div span span,.banner div h1 span{color:#ff3a44}.banner div .welcome{font-size:clamp(14px,2.5vw,40px);position:relative}.banner div .welcome:before{content:"";width:50%;height:5px;background-color:#ff3a44;position:absolute;top:-20px;left:25%}.banner div h1{font-size:clamp(50px,6vw,100px)}.banner button{width:160px;padding:1rem;transition:filter .4s;color:#fff;background-color:#ff3a44;text-align:center;margin-top:10px}.banner button:hover{background-color:#ff3a44;filter:brightness(.9)}@media (max-width: 768px){.banner{height:70vh;background-attachment:scroll}.banner div{width:90%}.banner div p{font-size:14px}}@media (max-width: 1245px){.banner{background-position:center}}.programs{background-color:#191a1f;color:#fff;height:auto;padding:1.5rem 0}.programs .title{width:20%;min-width:300px;margin:0 auto}.programs .title h1{font-size:clamp(18px,2vw,24px);position:relative;text-transform:uppercase;text-align:center}.programs .title h1:before{content:"";background-color:#ff3a44;width:40%;position:absolute;height:5px;top:45px;left:50%;transform:translate(-50%)}.programs .carousel_container{width:100%;max-width:1000px;margin:3em auto}.programs .carousel_container .carousel{cursor:grab;overflow:hidden}.programs .carousel_container .carousel .inner{display:flex}.programs .carousel_container .carousel .inner .item{width:246px;height:427px;min-width:220px;min-height:280px;margin:10px;overflow:hidden;border-radius:10px}.programs .carousel_container .carousel .inner .item:hover img{transform:scale(1.13)}.programs .carousel_container .carousel .inner .item img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .5s;border-radius:10px}.programs .carousel_container .carousel .inner .item span{position:absolute;font-size:36px;text-transform:uppercase;top:1em;left:50%;transform:translate(-50%,-50%)}.programs .carousel_container .carousel .inner .item button{width:186px;position:absolute;font-size:16px;color:#fff;border:1px solid #fff;padding:1rem;bottom:.3em;left:50%;transform:translate(-50%,-50%)}.projects{background-color:#20232a;color:#fff;height:auto;padding:1.5rem 0}.projects .title{width:20%;min-width:300px;margin:0 auto}.projects .title h1{font-size:clamp(18px,2vw,24px);position:relative;text-transform:uppercase;text-align:center}.projects .title h1:before{content:"";background-color:#ff3a44;width:40%;position:absolute;height:5px;top:45px;left:50%;transform:translate(-50%)}.projects .cards{width:100%;max-width:1000px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:3em auto;padding:1rem}.projects .cards .cardModel{width:100%;height:100%;height:350px;max-width:400px;min-width:300px;background:#fff;color:#000;border-radius:10px;overflow:hidden;border:2px solid transparent;transition:border .5s}.projects .cards .cardModel:hover{border:2px solid #FF3A44}.projects .cards .cardModel .prime,.projects .cards .cardModel .yearly{text-align:center;color:#fff;padding:1rem}.projects .cards .cardModel .prime{background:#ff3a44}.projects .cards .cardModel .yearly{background:#15161d}.projects .cards .cardModel .price{padding:1rem;font-size:3em;text-align:center;font-weight:900}.projects .cards .cardModel .descriptions{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.9em;text-transform:uppercase}.projects .cards .cardModel .descriptions li{display:flex;align-items:center;padding-bottom:8px}.projects .cards .cardModel .descriptions li img{width:16px}.projects .cards .cardModel .descriptions .rejected{text-decoration:line-through}.projects .cards .cardModel button{width:200px;padding:1rem;transition:filter .4s;color:#fff;background-color:#ff3a44;text-align:center;border-radius:4px;margin:2.5em 0 1em}.projects .cards .cardModel button:hover{background-color:#ff3a44;filter:brightness(.9)}*{padding:0;margin:0;box-sizing:border-box;font-family:helvetica}body{background-color:#21222b}ul{list-style:none}a{text-decoration:none;color:#fff;cursor:pointer}button{border:none;background:transparent;cursor:pointer}input{border:none;outline:none;background-color:transparent;color:#fff}
