.carousel{background-color:#000;width:100%;max-width:100vw;height:100vh;position:relative;overflow:hidden}.carousel-slider{align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.carousel-image-logo{object-fit:contain;width:auto;height:160px}.carousel-inner{will-change:transform;scroll-snap-type:x mandatory;scroll-behavior:smooth;width:100%;height:100%;transition:transform 1s;display:flex}.carousel-inner .active{opacity:1}.carousel-image{object-fit:cover;filter:brightness(.7);scroll-snap-align:start;opacity:0;width:100vw;min-width:100%;height:100%;transition:opacity .7s ease-in-out}.carousel-button{color:#fff;cursor:pointer;z-index:4;background-color:#00000080;border:none;padding:10px;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-content-texts{z-index:5;-webkit-user-select:none;user-select:none;flex-direction:column;gap:10px;max-width:45%;display:flex;position:absolute;bottom:20%;left:5%}.carousel-title{color:#fff;text-transform:capitalize;font-size:1.5rem;font-weight:700}.carousel-description{color:#fff;text-transform:capitalize;font-size:1rem;font-weight:400}.carousel-action-btn{margin-top:16px}.carousel-action-btn:hover{scale:1.05;box-shadow:0 0 40px #e40000b1}.carousel-dots{text-align:center;z-index:4;margin-top:10px;position:relative;bottom:15%}.dot{cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:50%;width:10px;height:10px;margin:0 5px;display:inline-block}.dot:hover{background-color:#ececec;box-shadow:0 0 10px #797979}.dot.active{background-color:#ececec}.carousel-faded{background-image:radial-gradient(#01010100,#00000080 74%);width:100%;height:100%;position:absolute;top:0;left:0}.profile-name{font-weight:600}.profile-name:hover{cursor:pointer;font-weight:700;text-decoration:underline}@media screen and (max-width:960px){.carousel-description{font-size:12px}.carousel-content-texts{gap:5px;width:100%;max-width:60%;bottom:10%}.carousel-title{font-size:2rem!important}.carousel-dots{bottom:5%}.carousel-image-logo{height:120px}}@media screen and (max-width:600px){.carousel-description{font-size:12px}.carousel-content-texts{width:95%;max-width:100%;bottom:15%}.carousel-title{font-size:2rem!important}.carousel-dots{bottom:15%}}@media screen and (max-width:960px) and (max-height:540px){.carousel-content-texts{gap:5px}.carousel-image-logo{height:80px}.carousel-title{font-size:1rem!important}.carousel-action-btn{margin-top:5px;padding:4px 10px;font-size:12px}.carousel-subtitle{font-size:14px}.carousel-dots{bottom:10%}}