.slider{width:100%;height:100%;position:relative;overflow:hidden}.slider-backgrounds{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.slide-background{opacity:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.slide-background.active{opacity:1}.slider-content-container{z-index:3;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:calc(50vw - 600px)}.slide-content{color:#fff;flex-direction:column;align-items:flex-start;gap:1rem;max-width:800px;padding:20px;animation:1s ease-in-out slideIn;display:flex}.slide-content button{width:fit-content}.slide-content h1{text-shadow:1px 1px #fff;color:var(--primary);-webkit-text-stroke:1px #fff;font-size:72px;font-weight:700}.slide-content h2{text-shadow:1px 1px 2px #00000080;font-size:1.5rem;font-weight:400}.slide-content p{text-shadow:1px 1px 2px #00000080;font-size:1.1rem;line-height:1.6}.slide-content a{color:#fff;background-color:#ff6b35;border-radius:5px;padding:12px 30px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 8px #0003}.slide-content a:hover{background-color:#e55a2b;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.slide-overlay{z-index:2;background:linear-gradient(45deg,#00000097 0%,#eddd5300 100%);position:absolute;inset:0}.slider-dots{z-index:2;gap:10px;margin-left:1rem;display:flex;position:absolute;bottom:180px;left:calc(50vw - 600px)}.slider-dots .dot{cursor:pointer;background-color:#0000;border:2px solid #fff;border-radius:50%;outline:none;width:25px;height:25px;transition:all .3s}.slider-dots .dot.active{background-color:#fff}.slider-dots .dot:hover{background-color:#ffffff80;transform:scale(1.1)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.slider-content-container{padding:1rem;left:0}.slide-content{padding:10px}.slide-content h1{font-size:52px;line-height:52px}.slide-content h2{font-size:1.2rem}.slide-content p{font-size:1rem}.slide-content a{padding:10px 20px;font-size:.9rem}.slider-dots{bottom:50px;left:1rem}}