/* Slick Slider Override Styles */\n.hero-slider.slick-slider {\n    position: relative;\n}\n\n.hero-slider.slick-slider .slick-list {\n    height: 100vh;\n    min-height: 600px;\n}\n\n.hero-slider.slick-slider .slick-track {\n    height: 100vh;\n    min-height: 600px;\n}\n\n/* Force arrow visibility and styling */\n.hero-slider .slick-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 1000;\n    background: rgba(255, 255, 255, 0.3);\n    backdrop-filter: blur(10px);\n    color: white;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    border-radius: 50%;\n    width: 60px;\n    height: 60px;\n    font-size: 0;\n    line-height: 0;\n    display: block;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.hero-slider .slick-arrow:hover {\n    background: rgba(255, 255, 255, 0.5);\n    transform: translateY(-50%) scale(1.1);\n}\n\n.hero-slider .slick-arrow.slick-prev {\n    left: 30px;\n}\n\n.hero-slider .slick-arrow.slick-next {\n    right: 30px;\n}\n\n.hero-slider .slick-arrow:before {\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 900;\n    font-size: 20px;\n    color: white;\n    line-height: 1;\n    opacity: 1;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}\n\n.hero-slider .slick-arrow.slick-prev:before {\n    content: '\\f053';\n}\n\n.hero-slider .slick-arrow.slick-next:before {\n    content: '\\f054';\n}\n\n/* Force dots visibility and styling */\n.hero-slider .slick-dots {\n    position: absolute;\n    bottom: 30px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 12px;\n    z-index: 1000;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    width: auto;\n}\n\n.hero-slider .slick-dots li {\n    margin: 0;\n    width: auto;\n    height: auto;\n}\n\n.hero-slider .slick-dots li button {\n    width: 16px;\n    height: 16px;\n    background: rgba(255, 255, 255, 0.5);\n    border: 2px solid rgba(255, 255, 255, 0.7);\n    border-radius: 50%;\n    padding: 0;\n    font-size: 0;\n    line-height: 0;\n    transition: all 0.3s ease;\n    cursor: pointer;\n    text-indent: -9999px;\n}\n\n.hero-slider .slick-dots li button:before {\n    display: none;\n}\n\n.hero-slider .slick-dots li.slick-active button,\n.hero-slider .slick-dots li button:hover {\n    background: white;\n    border-color: white;\n    transform: scale(1.3);\n}\n\n/* Mobile responsive */\n@media (max-width: 768px) {\n    .hero-slider.slick-slider .slick-list {\n        height: 70vh;\n        min-height: 500px;\n    }\n    \n    .hero-slider.slick-slider .slick-track {\n        height: 70vh;\n        min-height: 500px;\n    }\n    \n    .hero-slider .slick-arrow {\n        display: none !important;\n    }\n    \n    .hero-slider .slick-dots {\n        bottom: 20px;\n    }\n    \n    .hero-slider .slick-dots li button {\n        width: 14px;\n        height: 14px;\n    }\n}