.banner{margin:32px 0 44px}.banner__wrapper{display:flex;flex-direction:column;gap:32px}.banner__wrapper .back{text-decoration:none;display:flex;flex-direction:row;align-items:baseline;gap:8px;padding:12px;background:#161616;border-radius:12px;font-family:Aeonik Pro;font-weight:400;font-size:18px;line-height:28px;letter-spacing:0%;text-align:center;vertical-align:middle;color:#fff;width:fit-content;transition:all .4s ease-in-out}.banner__wrapper .back:hover{scale:1.1}.banner__wrapper h1{font-family:Aeonik Pro;font-weight:500;font-size:44px;line-height:120%;letter-spacing:0px;background:linear-gradient(90deg,#acacac,#ff5100);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block;text-transform:uppercase;animation:gradientShift 2s ease-in-out infinite;background-size:200% 100%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media screen and (max-width: 1024px){.banner{margin:24px 0}.banner__wrapper{display:flex;flex-direction:column;gap:24px}.banner__wrapper .back{text-decoration:none;display:flex;flex-direction:row;align-items:baseline;gap:8px;padding:12px;background:#161616;border-radius:12px;font-family:Aeonik Pro;font-weight:400;font-size:18px;line-height:28px;letter-spacing:0%;text-align:center;vertical-align:middle;color:#fff;width:fit-content;transition:all .4s ease-in-out}.banner__wrapper .back:hover{scale:1.1}.banner__wrapper h1{font-family:Aeonik Pro;font-weight:500;font-size:30px;text-align:center;line-height:120%;letter-spacing:0px;background:linear-gradient(90deg,#acacac,#ff5100);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block;text-transform:uppercase;animation:gradientShift 2s ease-in-out infinite;background-size:200% 100%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}}.all-stage{display:flex;flex-direction:column;gap:44px;margin-top:44px;margin-bottom:128px}.all-stage .app-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:32px}.all-stage-item{cursor:pointer;width:calc(33% - 20px);display:flex;height:fit-content;flex-direction:column;border:1px solid #3F3F3F;box-shadow:0 -10px 15px #00000040;background:#262626;overflow:hidden;border-radius:16px;transition:all .4s ease-in-out}.all-stage-item .bg-gif,.all-stage-item:hover .bg-img{opacity:0}.all-stage-item:hover .bg-gif{opacity:1}.all-stage-item:hover .slider-top{background:#fa4635;color:#1b1b1b}.all-stage-item:hover .slider-img-text{color:#fff!important}.all-stage-item .slider-top{padding:16px;font-family:Aeonik Pro;font-weight:500;font-size:24px;line-height:140%;letter-spacing:0%;color:#fff;background:#161616;transition:all .4s ease-in-out}.all-stage-item .slider-body{padding:24px;display:flex;flex-direction:column;gap:24px;overflow:hidden}.all-stage-item .slider-body .img-wrapper{width:100%;position:relative;height:200px;border-radius:8px;overflow:hidden}.all-stage-item .slider-body .img-wrapper span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font-family:Aeonik Pro;font-weight:500;font-size:24px;line-height:140%;letter-spacing:0%;text-align:center;color:#000;transition:all .4s ease-in-out}.all-stage-item .slider-body .img-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .4s ease-in-out}.all-stage-item .slider-body__text{display:flex;flex-direction:column;gap:9.5px;max-height:160px;transition:max-height .4s ease}.all-stage-item .slider-body__text h4{font-family:Aeonik Pro;font-weight:500;font-size:18px;line-height:130%;letter-spacing:0%;color:#fff;display:flex;flex-shrink:0}.all-stage-item .slider-body__text h5{font-family:Aeonik Pro;font-weight:400;font-size:18px;line-height:140%;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:0%;color:#fff;flex-shrink:0}.all-stage-item .slider-body__text .read-more{margin-top:24px;padding:16px 32px;background:#1b1b1b;font-family:Aeonik Pro;font-weight:400;font-size:18px;line-height:28px;letter-spacing:0%;text-align:center;vertical-align:middle;color:#fff;width:fit-content;border-radius:12px}.all-stage .download{width:100%;border-radius:12px;display:flex;padding:16px 0;justify-content:center;align-items:center;background:#fa4635;font-family:Aeonik Pro;font-weight:500;font-size:18px;line-height:28px;letter-spacing:0%;text-decoration:none;text-align:center;vertical-align:middle;color:#fff;transition:all .4s ease-in-out}.all-stage .download:hover{background:#fff;color:#fa4635}.expanded .slider-body__text{max-height:1000px}@media screen and (max-width: 1024px){.all-stage{display:flex;flex-direction:column;gap:22px;margin-top:44px;margin-bottom:64px}.all-stage .app-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:22px}.all-stage-item{cursor:pointer;width:100%;display:flex;flex-direction:column;border:1px solid #3F3F3F;box-shadow:0 -10px 15px #00000040;background:#262626;overflow:hidden;border-radius:16px;transition:all .4s ease-in-out}.all-stage-item .bg-gif,.all-stage-item:hover .bg-img{opacity:0}.all-stage-item:hover .bg-gif{opacity:1}.all-stage-item:hover .slider-top{background:#fa4635;color:#1b1b1b}.all-stage-item:hover .slider-img-text{color:#fff!important}.all-stage-item .slider-top{padding:16px;font-family:Aeonik Pro;font-weight:500;font-size:24px;line-height:140%;letter-spacing:0%;color:#fff;background:#161616;transition:all .4s ease-in-out}.all-stage-item .slider-body{padding:24px;display:flex;flex-direction:column;gap:24px;overflow:hidden}.all-stage-item .slider-body .img-wrapper{width:100%;position:relative;height:200px;border-radius:8px;overflow:hidden}.all-stage-item .slider-body .img-wrapper span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font-family:Aeonik Pro;font-weight:500;font-size:24px;line-height:140%;letter-spacing:0%;text-align:center;color:#000;transition:all .4s ease-in-out}.all-stage-item .slider-body .img-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .4s ease-in-out}.all-stage-item .slider-body__text{display:flex;flex-direction:column;gap:9.5px;max-height:160px;transition:max-height .4s ease}.all-stage-item .slider-body__text h4{font-family:Aeonik Pro;font-weight:500;font-size:18px;line-height:130%;letter-spacing:0%;color:#fff;display:flex;flex-shrink:0}.all-stage-item .slider-body__text h5{font-family:Aeonik Pro;font-weight:400;font-size:18px;line-height:140%;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:0%;color:#fff;flex-shrink:0}.all-stage-item .slider-body__text .read-more{margin-top:24px;padding:16px 32px;background:#1b1b1b;font-family:Aeonik Pro;font-weight:400;font-size:18px;line-height:28px;letter-spacing:0%;text-align:center;vertical-align:middle;color:#fff;width:fit-content;border-radius:12px}.all-stage .download{width:100%;border-radius:12px;display:flex;padding:16px 0;justify-content:center;align-items:center;background:#fa4635;font-family:Aeonik Pro;font-weight:500;font-size:16px;line-height:28px;letter-spacing:0%;text-decoration:none;text-align:center;vertical-align:middle;color:#fff;transition:all .4s ease-in-out}.all-stage .download:hover{background:#fff;color:#fa4635}.expanded .slider-body__text{max-height:1000px}}