body,html{height:100%;margin:0;padding:0;background-color:#000}.centered-container{display:flex;width:100%;padding:63px 100px 30px 125px;box-sizing:border-box}.carousel-content-wrapper{display:flex;flex-wrap:wrap;gap:1rem;width:100%;margin:0 auto;padding:1rem}.carousel-container{flex:1;min-width:300px;max-width:600px;width:100%}.carousel-section{margin-bottom:16px;position:relative;transition:all .8s ease}.carousel-section-content{display:flex;align-items:center;justify-content:center;gap:19px;cursor:pointer}.gradient-line{width:4px;background:linear-gradient(217.22deg,#e6007e -31.59%,#012caa 98.45%);border-radius:9999px;transition:height 1.2s cubic-bezier(.34,1.56,.64,1)}.carousel-section-text{flex:1;justify-content:center;align-items:start}.section-title{font-size:1.5rem;transition:color 1s cubic-bezier(.34,1.56,.64,1)}.section-description{margin-top:11px;color:#a0aec0;overflow:hidden}.description-line,.section-description{transition:all 1s cubic-bezier(.34,1.56,.64,1)}.description-line{margin:0;line-height:25px;opacity:0;transform:translateY(10px)}.description-line:not(:last-child){margin-bottom:.25rem}.carousel-section.closed .gradient-line{height:8px}.carousel-section.open .gradient-line{height:80px}.carousel-section.closed .section-title{color:#a0aec0}.carousel-section.open .section-title{color:#fff}.carousel-section.closed .section-description{max-height:0;opacity:0}.carousel-section.open .section-description{max-height:300px;opacity:1}.carousel-section.open .description-line{opacity:1;transform:translateY(0)}.carousel-section.open .description-line:nth-child(2){transition-delay:.3s}.carousel-image-container{width:800px;height:390px;position:relative}.image-wrapper{position:relative;width:100%;height:100%;border-radius:.5rem}.carousel-image{position:absolute;inset:0;opacity:0;transition:opacity 1s cubic-bezier(.34,1.56,.64,1)}.carousel-image.visible{opacity:1}@media (max-width:1024px){.carousel-content-wrapper{gap:3rem;padding:1.5rem}.carousel-container,.carousel-image-container{flex:none;width:90%;height:350px}}@media (max-width:768px){.centered-container{padding:1rem;align-items:flex-start}.carousel-content-wrapper{padding:1rem}.carousel-image-container{width:100%;height:300px}.section-title{font-size:1.25rem}}@media (max-width:480px){.carousel-content-wrapper{gap:10px;padding:.5rem}.carousel-image-container{width:100%;height:250px}.carousel-section-content{gap:1rem}.section-title{font-size:1rem}.description-line{font-size:var(--p-font-size-mobile);line-height:var(--p-line-height-mobile)}}