{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/HeroSection.css"],"sourcesContent":["/* Hero Section */\n.hero {\n    position: relative;\n    height: 65vh;\n    min-height: 580px;\n    background-color: #222;\n    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/img/hero/banner.png');\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.hero-slider-btn {\n    position: absolute;\n    top: 45%;\n    transform: translateY(-50%);\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    border: 1.5px solid rgba(255, 255, 255, 0.8);\n    background: transparent;\n    color: var(--color-white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.3s;\n    z-index: 10;\n}\n\n.hero-slider-btn:hover {\n    background: rgba(255, 255, 255, 0.1);\n    border-color: var(--color-white);\n}\n\n.hero-slider-btn.left {\n    left: 40px;\n}\n\n.hero-slider-btn.right {\n    right: 40px;\n}\n\n.hero-content {\n    text-align: center;\n    z-index: 5;\n    padding: 0 20px;\n    transform: translateY(-80px);\n}\n\n.hero-subtitle {\n    font-size: 16px;\n    letter-spacing: 2.5px;\n    font-weight: 700;\n    color: var(--color-white);\n    margin-bottom: 12px;\n    text-transform: uppercase;\n    display: block;\n}\n\n.hero h1 {\n    font-size: var(--font-size-h1);\n    font-weight: 600;\n    margin: 0 0 35px 0;\n    line-height: 1.15;\n    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);\n}\n\n.hero-description {\n    font-size: 18px;\n    color: rgba(255, 255, 255, 0.9);\n    line-height: 1.6;\n    margin: -15px auto 35px;\n    max-width: 1400px;\n}\n\n.hero-btn {\n    background-color: #eaf6e5;\n    color: #54b248;\n    border: 1.5px solid #54b248;\n    padding: 12px 28px;\n    border-radius: 50px;\n    font-weight: 500;\n    font-size: var(--font-size-body);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: var(--font-body);\n    transition: all 0.2s;\n    box-shadow: 0 4px 15px rgba(84, 178, 72, 0.15);\n}\n\n.hero-btn:hover {\n    background-color: #54b248;\n    color: #ffffff;\n}\n\n.cursor-blink {\n    animation: blink 1s step-end infinite;\n    display: inline-block;\n    margin-left: 2px;\n    font-weight: 400;\n    color: inherit;\n}\n\n@keyframes blink {\n\n    from,\n    to {\n        opacity: 1;\n    }\n\n    50% {\n        opacity: 0;\n    }\n}\n\n@media (max-width: 1024px) {\n    .hero {\n        height: auto;\n        min-height: 450px;\n        padding: 60px 0;\n    }\n\n    .hero-content {\n        transform: translateY(-40px);\n    }\n\n    .hero h1 {\n        font-size: 32px;\n    }\n\n    .hero-slider-btn {\n        display: none;\n        /* Hide sliders on tablets for clean look */\n    }\n}\n\n@media (max-width: 480px) {\n    .hero h1 {\n        font-size: 26px;\n    }\n}"],"names":[],"mappings":"AACA;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;;;;;;AAkBA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;;;;;;;;;;AAiBA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;AAYA;EACI;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;;AAMJ;EACI"}}]
}