.travel-tips-container{padding:2rem 0}.travel-tips-card{width:100%;background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;max-width:800px;margin:0 auto}.travel-tips-header{background-color:#58098f;color:#fff;padding:1rem}.travel-tips-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.travel-tips-carousel{position:relative;overflow:hidden}.travel-tips-slides{display:flex;transition:transform .5s ease-in-out}.travel-tip-slide{flex:0 0 100%;display:flex}.travel-tip-content{display:flex;flex-direction:column}@media (min-width: 768px){.travel-tip-content{flex-direction:row}}.travel-tip-image-container{position:relative;height:12rem;flex:1}@media (min-width: 768px){.travel-tip-image-container{flex:0 0 50%}}.travel-tip-image-container img{width:100%;height:100%;object-fit:cover}.travel-tip-image-container .travel-tip-tag{position:absolute;top:.5rem;left:.5rem;background:#f64555;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:9999px}.travel-tip-text{padding:1.5rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.travel-tip-text h4{margin:0 0 .5rem;font-size:1.125rem;color:#58098f;font-weight:500}.travel-tip-text p{margin:0;font-size:.875rem;color:#4b5563}.travel-tip-button{align-self:flex-start;display:inline-flex;height:2.25rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background-color:#f64555;border-radius:.375rem;text-decoration:none;transition:background-color .3s;margin-top:.5rem}.travel-tip-button:hover{background-color:#e53e44}.travel-tip-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.travel-tip-footer span{font-size:.875rem;color:#6b7280}.travel-tips-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border-radius:50%;padding:.5rem;box-shadow:0 2px 4px #0000001a;border:none;cursor:pointer;transition:background-color .2s}.travel-tips-carousel-btn:hover:not([disabled]){background:#fff}.travel-tips-carousel-btn.prev{left:.5rem}.travel-tips-carousel-btn.next{right:.5rem}.travel-tips-carousel-dots{display:flex;justify-content:center;gap:.5rem;padding:1rem}.travel-tips-carousel-dot{width:.5rem;height:.5rem;background:#d1d5db;border-radius:9999px;border:none;cursor:pointer;transition:all .2s}.travel-tips-carousel-dot:hover{background:#9ca3af}.travel-tips-carousel-dot.active{width:1.5rem;background:#f64555}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-travel-tips.css.map */