.custom-background-carousel{position:relative;overflow:hidden}.carousel-container{position:relative;width:100%}.carousel-track{display:flex;transition:transform .5s ease-in-out;will-change:transform}.carousel-slide{min-width:100%;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0;width:100%}.carousel-slide.active{opacity:1;visibility:visible;position:relative}.carousel-navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;z-index:10}.carousel-btn{width:50px;height:50px;border-radius:50%;border:none;background:#fffc;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.carousel-btn:hover{background:#fff;transform:scale(1.1)}.carousel-btn:disabled{opacity:.5;cursor:not-allowed}.carousel-dots{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:10}.dot{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s ease;padding:0}.dot.active{background:#fff;transform:scale(1.2)}.dot:hover{background:#fffc}.text-area{position:relative;z-index:2}.background-box{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.content-wrapper{position:relative;z-index:2}.heading{margin-top:0;margin-bottom:20px;font-size:36px;line-height:1.2;font-weight:700}.text-content{margin-bottom:30px;font-size:16px;line-height:1.6}.text-content p{margin-bottom:15px}.text-content p:last-child{margin-bottom:0}.action-button{display:inline-block;padding:12px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;text-align:center;transition:all .3s ease;border:none;cursor:pointer}.action-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.image-area{position:relative;z-index:1}@media (max-width: 1024px){.heading{font-size:28px}.background-module-wrapper{min-height:400px}}@media (max-width: 768px){.carousel-navigation{display:none}.heading{font-size:24px}.action-button{padding:10px 24px;font-size:14px}.background-module-wrapper{min-height:300px}}@media (max-width: 480px){.heading{font-size:20px}.text-content{font-size:14px}.carousel-dots{bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/custom-background.css.map */