.custom-slider{position:relative;width:100%;height:400px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.1);background:#000;display:block;cursor:grab;user-select:none} .custom-slider.dragging{cursor:grabbing} .custom-slider.initialized{display:block} .slider-container{width:100%;height:100%;position:relative} .slider-wrapper{display:flex;width:100%;height:100%;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)} .custom-slider.infinite-loop .slide-clone{opacity:1} .custom-slider img{pointer-events:none;user-select:none} .custom-slider a{pointer-events:auto} .custom-slider.dragging a{pointer-events:none} .slide{min-width:100%;height:100%;display:flex;align-items:center;background-color:#808080;position:relative;overflow:hidden} .slide-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1} .slide:not(:has(.slide-bg-image)){background-color:#808080;background-image:url("https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80");background-size:cover;background-position:center;background-repeat:no-repeat} .custom-cards-slider .slide:not(:has(.slide-bg-image)){background:transparent;background-image:none} @supports not (selector(:has(*))){.slide{background-color:#808080;background-image:url("https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80");background-size:cover;background-position:center;background-repeat:no-repeat} .custom-cards-slider .slide{background:transparent;background-image:none} } .slide::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:2} .custom-cards-slider .slide::before{display:none} .slide-overlay{position:relative;z-index:3;background:rgba(255,255,255,0.95);padding:40px;border-radius:12px;text-align:center;max-width:600px;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,0.1)} .slide-overlay h1{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:16px;line-height:1.2} .slide-overlay p{font-size:1.2rem;color:#666;line-height:1.6} .slider-navigation{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 20px;pointer-events:none;z-index:10} .slider-btn{background:rgba(255,255,255,0.9);border:none;border-radius:50%;width:50px;height:50px;font-size:24px;font-weight:bold;color:#333;cursor:pointer;transition:all 0.3s ease;pointer-events:all;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,0.15)} .slider-btn:hover{background:white;transform:scale(1.1);box-shadow:0 6px 25px rgba(0,0,0,0.2)} .slider-btn:active{transform:scale(0.95)} .slider-dots{position:absolute;display:flex;gap:6px;z-index:10} .dot{width:16px;height:11px;border-radius:8px;border:none;background:#FFF;opacity:0.8;cursor:pointer;transition:all 0.3s ease;padding:0} .dot.active{opacity:1;width:20px;box-shadow:0 2px 8px rgba(0,0,0,0.3)} .dot:hover{background:rgba(255,255,255,0.8);transform:scale(1.1)} .slider-dots-bottom{bottom:20px;left:50%;transform:translateX(-50%)} .slider-dots-top{top:20px;left:50%;transform:translateX(-50%)} .slider-dots-left{top:50%;left:20px;transform:translateY(-50%);flex-direction:column} .slider-dots-right{top:50%;right:20px;transform:translateY(-50%);flex-direction:column} .custom-slider.no-arrows .slider-navigation{display:none} .custom-slider.no-slider-dots .slider-dots{display:none} .custom-slider.packages-slider{height:auto;min-height:auto;background:transparent;box-shadow:none;overflow:hidden} .custom-slider.packages-slider .slider-container{height:auto;overflow:hidden} .custom-slider.packages-slider .slider-wrapper{height:auto;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94)} .custom-slider.packages-slider .slide{min-width:auto;width:auto;height:auto;background:transparent;flex-shrink:0;display:flex;align-items:stretch;justify-content:center} .custom-slider.packages-slider .slide::before{display:none} .custom-slider.packages-slider .slider-navigation{top:50%;transform:translateY(-50%)} .custom-slider.packages-slider .slider-btn{background:rgba(255,255,255,0.95);border:2px solid #e0e0e0;color:#333;width:45px;height:45px;font-size:18px;font-weight:bold;box-shadow:0 2px 10px rgba(0,0,0,0.1)} .custom-slider.packages-slider .slider-btn:hover{background:white;border-color:#007bff;color:#007bff;transform:scale(1.05)} .custom-slider.packages-cards-slider{height:auto;min-height:auto;background:transparent;box-shadow:none;overflow:hidden;position:relative;width:100%} .custom-slider.packages-cards-slider .slider-container{height:auto;overflow:hidden;position:relative;width:100%} .custom-slider.packages-cards-slider .slider-wrapper{height:auto;transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);display:flex;align-items:stretch;width:auto} .custom-slider.packages-cards-slider .slide{min-width:auto;width:auto;height:auto;background:transparent;flex-shrink:0;display:flex;align-items:stretch;justify-content:center;box-sizing:border-box} .custom-slider.packages-cards-slider .slide::before{display:none} .custom-slider.packages-cards-slider .slider-navigation{top:50%;transform:translateY(-50%);z-index:10} .custom-slider.packages-cards-slider .slider-btn{background:rgba(0,123,255,0.9);border:none;color:white;width:50px;height:50px;font-size:20px;font-weight:bold;box-shadow:0 4px 15px rgba(0,123,255,0.3);backdrop-filter:blur(10px)} .custom-slider.packages-cards-slider .slider-btn:hover{background:rgba(0,123,255,1);transform:scale(1.1);box-shadow:0 6px 20px rgba(0,123,255,0.4)} .slider-loading{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(45deg,#f0f0f0,#e0e0e0);color:#666;font-size:1.2rem} @media (max-width:768px){.custom-slider{height:300px} .slide-overlay{padding:24px;margin:20px} .slide-overlay h1{font-size:1.8rem;margin-bottom:12px} .slide-overlay p{font-size:1rem} .slider-btn{width:40px;height:40px;font-size:20px} .slider-navigation{padding:0 10px} .dot{width:12px;height:10px} .dot.active{width:16px;height:10px} .slider-dots{gap:6px} .slider-dots-left{left:10px} .slider-dots-right{right:10px} } @media (max-width:480px){.custom-slider{height:250px} .slide{justify-content:center} .slide-overlay{padding:20px;margin:15px} .slide-overlay h1{font-size:1.5rem} .slide-overlay p{font-size:0.9rem} } .custom-slider.custom-cards-slider{height:auto;min-height:200px;background:transparent;box-shadow:none;overflow:hidden;cursor:grab} .custom-cards-slider .slider-container{height:auto;overflow:hidden;position:relative} .custom-cards-slider .slider-wrapper{height:auto;display:flex;transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);align-items:stretch;gap:0} .custom-cards-slider .slide{min-width:300px;height:auto;background:transparent;display:flex;align-items:center;justify-content:center;padding:0 10px;flex-shrink:0;box-sizing:border-box} .custom-cards-slider .card{width:100%;padding:16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease} .custom-cards-slider .card:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.15)} .custom-slider.centered .slide{transition:transform 0.3s ease,opacity 0.3s ease} .custom-slider.centered.custom-cards-slider{overflow:visible} .custom-slider.centered.custom-cards-slider .slider-container{overflow:hidden}