.image-container{position:relative;height:200px;width:100%;animation:image-animation 1s forwards}.card{position:relative}#content{animation:img_animation 3s ease-in}@keyframes image-animation{0%{top:-500px}to{top:0}}.image-container img{display:block;width:100%;height:inherit}.title-container{position:absolute;text-align:right;top:25%;right:4%;bottom:0;z-index:2;text-transform:uppercase}.title-container span h1{color:transparent;font-family:Dax-Bold;font-size:2em;-webkit-text-stroke:1px #D46336;text-stroke:1px #D46336}.title-container #title2_project{line-height:.6;font-size:2em;font-family:Dax-Bold;color:#d46336;animation:title-animation 2s forwards}@keyframes title-animation{0%{opacity:.4;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes title_right_left{0%{opacity:0;transform:translate(10%)}to{left:100%;opacity:1;transform:translate(0)}}@keyframes title_bottom_top{0%{opacity:0;transform:translateY(10%)}to{left:100%;opacity:1;transform:translateY(0)}}.image-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent 50%,#fff 100%);z-index:1;pointer-events:none}.card,.card2{width:400px;border:1px solid #ccc;border-radius:15px;opacity:1;height:200px;overflow:hidden}.card2 h5{font-family:Dax-Bold;font-size:1.2em}.card2 img{width:100%;height:inherit;object-fit:cover}.card h5{font-family:Dax-Bold;font-size:1.2em}.card img{width:100%;height:inherit;object-fit:cover}.card_info{display:grid;gap:.1rem}.card_info h3{font-family:Dax-Bold}.card-body{background-image:linear-gradient(to top,rgba(22,22,22,.605),rgba(78,78,78,.047));background-size:cover}@keyframes card-animation{0%{top:-500PX;opacity:0}to{top:0;opacity:1}}.card-title{color:#fff;font-size:medium;padding:10px;text-align:left;margin:0}.card-container{display:flex;height:calc(100% - 200px);justify-content:center;align-items:center}.cards{margin:0 auto;display:grid;gap:4rem;width:100%;grid-template-columns:repeat(2,1fr);justify-content:center}.card-button{border:none;z-index:1;text-decoration:none;width:150px;font-size:17px;position:relative;background:transparent;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;border-radius:100px}.card-button div{z-index:0}@keyframes button{0%{transform:translate(-400px) scale(.8)}to{transform:translate(0) rotateY(0) scale(1)}}.card-button:hover{color:#545553;background-color:#fff}.icon-button{color:#545553;transition:all .7s}.card-button:hover .icon-button{animation:button .7s forwards;fill:#545553}.card-button:hover span{animation:button .5s forwards}.card-button svg{fill:#fff;width:17px;height:auto;float:right;margin-left:5%}.card-button span{padding:3%;transition:all .7s;font-family:Dax-Light;z-index:-1;font-family:3em}.carousels_container{position:absolute;top:63%;left:300px;width:calc(100% - 320px)!important}.slide-btn{width:calc(100% - 400px)!important;background:#545553;bottom:5%}.carousels{width:inherit}#content1{display:grid;place-items:center;height:calc(100% - 200px)}@keyframes img_animation{0%{opacity:0}to{opacity:1}}#card1{animation:card_animation 1s ease-out}#card2{animation:card_animation 1.5s ease-out}#card3{animation:card_animation 2s ease-out}#card4{animation:card_animation 2.5s ease-out}@keyframes card_animation{0%{opacity:0;scale:0}to{scale:1;opacity:1}}#project_details{display:grid;grid-template-columns:repeat(2,1fr);gap:4em}#main_project_info{position:relative;height:calc(100% - 200px);width:100%;padding:5%}#main_project_info .card{width:100%;height:300px}#btn_pre_sui{height:80px;width:100%;display:flex;justify-content:center;align-items:center;gap:4rem}#pre,#sui{display:none}#font-reg{font-family:Dax-Reg}#Calque_3{width:30px;rotate:180deg;cursor:pointer}#Calque_4{width:30px;cursor:pointer}#exit svg{width:23px}.icon-next-animation{animation:icon-next-animation 2S forwards}.icon-previous-animation{animation:icon-previous-animation 2S forwards}@keyframes icon-next-animation{0%{opacity:0;margin-right:40%}to{opacity:1;margin-right:39.5%}}@keyframes icon-previous-animation{0%{opacity:0;margin-left:40%}to{opacity:1;margin-left:38%}}.hide1{display:block}.hide2{display:none}#title-project{font-size:2em}.carousel-control-prev img,.carousel-control-next img{width:50px}@media (min-width:768px) and (max-width:1200px){.image-container{height:100px}.card{height:inherit;width:80%}.card img{width:100%;height:200px!important;object-fit:cover}#carouselExampleControls{width:100%}.carousel-control-prev img{width:40px;margin-left:80px}.carousel-control-next img{margin-right:60px;width:40px}#title-project{font-size:1.5em}#title2_project{font-size:1.5em!important}.col{display:flex;justify-content:center!important}.cards{gap:1rem;width:100%;display:grid;grid-template-columns:repeat(1,1fr)}.card-title{color:#fff;padding:10px;font-size:.7em!important;text-align:left;margin:0}.card-button{border:none;z-index:0;width:100px;text-decoration:none;font-size:.7em;position:relative;background:transparent;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;border-radius:100px}.card-button div{z-index:0}.card-button:hover{color:#545553;background-color:#fff}.card-button svg{fill:#fff;width:10px;height:auto;float:right}.card-button span{transition:all .7s;z-index:-1}#main_project_info .card{width:100%;height:200px}.carousels_container{position:absolute;top:80%;bottom:0;left:50%;width:100%;display:flex;justify-content:center;align-content:center}.carousels{position:relative;height:inherit;display:grid;gap:8rem;grid-template-columns:repeat(2,1fr);justify-content:center}#pre,#sui{display:none}#btn_pre_sui{height:80px;width:100%;display:flex;justify-content:center;align-items:center;gap:4rem}#project_details{display:grid;grid-template-columns:repeat(1,1fr);gap:2em}#main_project_info{position:relative;height:100%;width:100%;padding:5%}#card_pro{height:150px}#exit svg{width:18px}.slide-btn{width:100%!important;background:#545553;bottom:5%}.icon-next-animation{animation:icon-next-mobile-animation 2S forwards}.icon-previous-animation{animation:icon-previous-mobile-animation 2S forwards}.hide1{display:none}.hide2{display:block}@keyframes icon-next-mobile-animation{0%{opacity:0;margin-right:28%}to{opacity:1;margin-right:18%}}@keyframes icon-previous-mobile-animation{0%{opacity:0;margin-left:31%}to{opacity:1;margin-left:21%}}}@media (min-width:320px) and (max-width:768px){.image-container{height:100px}.title-container h1{font-size:1em}.title-container span h1{font-size:2em}#carouselExampleControls{width:100%}.carousel-control-prev img{width:40px;margin-left:80px}.carousel-control-next img{margin-right:60px;width:40px}#title-project{font-size:1.5em}#title2_project{font-size:1.5em!important}.col{display:flex;justify-content:center!important}.cards{gap:1rem;width:100%;display:grid;grid-template-columns:repeat(1,1fr)}.card{height:inherit;width:80%}.card img{width:100%;height:100px!important;object-fit:cover}.card-title{color:#fff;padding:10px;font-size:.7em!important;text-align:left;margin:0}.card-button{border:none;z-index:0;width:100px;text-decoration:none;font-size:.7em;position:relative;background:transparent;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;border-radius:100px}.card-button div{z-index:0}.card-button:hover{color:#545553;background-color:#fff}.card-button svg{fill:#fff;width:10px;height:auto;float:right}.card-button span{transition:all .7s;z-index:-1}#main_project_info .card{width:100%;height:200px}.carousels_container{position:absolute;top:80%;bottom:0;left:50%;width:100%;display:flex;justify-content:center;align-content:center}.carousels{position:relative;height:inherit;display:grid;gap:8rem;grid-template-columns:repeat(2,1fr);justify-content:center}#pre,#sui{display:none}#btn_pre_sui{height:80px;width:100%;display:flex;justify-content:center;align-items:center;gap:4rem}#project_details{display:grid;grid-template-columns:repeat(1,1fr);gap:2em}#main_project_info{position:relative;height:100%;width:100%;padding:5%}#card_pro{height:150px}#exit svg{width:18px}.slide-btn{width:100%!important;background:#545553;bottom:5%}.icon-next-animation{animation:icon-next-mobile-animation 2S forwards}.icon-previous-animation{animation:icon-previous-mobile-animation 2S forwards}.hide1{display:none}.hide2{display:block}@keyframes icon-next-mobile-animation{0%{opacity:0;margin-right:28%}to{opacity:1;margin-right:18%}}@keyframes icon-previous-mobile-animation{0%{opacity:0;margin-left:31%}to{opacity:1;margin-left:21%}}}@keyframes vide{0%{opacity:0}25%{opacity:.25}to{opacity:0;scale:0}}