diff --git a/faq.html b/faq.html index 1a8577a8..cbe927ec 100644 --- a/faq.html +++ b/faq.html @@ -16,6 +16,34 @@ rel="stylesheet" /> + @@ -110,6 +138,10 @@

Frequently Asked Questions

+
@@ -668,6 +700,89 @@

Smart Tools

} }); + + diff --git a/scheme.html b/scheme.html index 23688355..9adc7ee4 100644 --- a/scheme.html +++ b/scheme.html @@ -236,391 +236,541 @@ /* =============================== RESPONSIVE ================================ */ - @media (max-width: 768px) { - .form-card { - padding: 2.2rem; - } - - .form-card h2 { - font-size: 1.7rem; - } - } - - .eligible { - color: var(--success); - font-weight: 900; - font-size: 20px - } - - .not-eligible { - color: var(--danger); - font-weight: 900; - font-size: 20px - } - - .deadline { - color: #b71c1c; - font-weight: 800 - } - - [data-theme="dark"] .deadline { - color: #ff5252; - } - - - .actions { - display: flex; - gap: 14px; - margin-top: 18px; - flex-wrap: wrap; - } - - /* BUTTONS */ - .apply { - padding: 12px 26px; - font-size: 17px; - border-radius: 30px; - font-weight: 800; - text-decoration: none; - background: #1976d2; - color: #fff; - } - - .apply.disabled { - background: #bdbdbd; - pointer-events: none; - cursor: not-allowed; - } - - .docs, - .reminder { - padding: 12px 26px; - border-radius: 30px; - font-size: 16px; - font-weight: 800; - border: none; - cursor: pointer; - } - - .docs { - background: #6a1b9a; - color: #fff - } - - .reminder { - background: var(--primary); - color: #fff - } - - /* MODAL */ - .modal { - display: none; - position: fixed; - inset: 0; - background: rgba(0, 0, 0, .8); - justify-content: center; - align-items: center; - z-index: 1000; - } - - .modal-content { - background: var(--card); - color: var(--text); - padding: 40px; - border-radius: 26px; - max-width: 520px; - width: 90%; - } - - .modal-content h3 { - color: var(--primary); - margin-bottom: 20px - } - - [data-theme="dark"] .modal-content h3 { - color: var(--label); - } - - .modal-content ul { - padding-left: 20px - } - - .modal-content li { - font-size: 17px; - margin-bottom: 8px - } - - .close { - margin-top: 25px; - background: var(--primary); - color: #fff; - padding: 14px; - border-radius: 30px; - text-align: center; - cursor: pointer; - } - - @media(max-width:768px) { - header { - flex-direction: column; - gap: 15px; - text-align: center; - } - - .form-card { - padding: 30px - } - - .form-card h2 { - font-size: 26px - } - } - - /* --- Cursor Trail Container --- */ - .circle-container { - position: fixed; - inset: 0; - pointer-events: none; - z-index: 999999; - } - - /* --- Individual Trail Circles --- */ - .cursor-circle { - position: absolute; - width: 10px; - height: 10px; - border-radius: 50%; - background-color: #ff8c00; - box-shadow: 0 0 15px rgba(255, 140, 0, 0.7); - transform: translate(-50%, -50%); - will-change: transform; - mix-blend-mode: screen; - transition: transform 0.1s ease-out; - } - - /* --- The Leading "Head" Circle --- */ - .cursor-circle:first-child { - width: 14px; - height: 14px; - background-color: #ffcc00; - box-shadow: - 0 0 20px #ff8c00, - 0 0 40px rgba(255, 140, 0, 0.5); - } - - /* --- Interaction States --- */ - .cursor-clicking { - transform: translate(-50%, -50%) scale(2.5) !important; - background-color: #ffffff !important; - box-shadow: 0 0 30px #ffffff !important; - } - - .cursor-hovering { - transform: translate(-50%, -50%) scale(1.8); - background-color: #22c55e; - /* AgriTech green */ - box-shadow: 0 0 20px #22c55e; - } - +@media (max-width: 768px) { + .form-card { + padding: 2.2rem; + } + + .form-card h2 { + font-size: 1.7rem; + } +} + +/* SCHEMES */ +.container{max-width:1200px;margin:auto;padding:50px 20px} +.scheme{ + background:var(--card); + border-left:10px solid var(--primary); + padding:32px; + border-radius:22px; + box-shadow:var(--shadow); + margin-bottom:30px; + transition: background 0.3s ease; +} +.scheme h3{font-size:26px;color:var(--label)} +.scheme p{font-size:19px;margin:6px 0} + +.eligible{color:var(--success);font-weight:900;font-size:20px} +.not-eligible{color:var(--danger);font-weight:900;font-size:20px} +.deadline{color:#b71c1c;font-weight:800} +[data-theme="dark"] .deadline { color: #ff5252; } + +.hero::before { + pointer-events: none; +} +.scheme h3{font-size:26px;color:#1b5e20} +.scheme p{font-size:19px;margin:6px 0} + +.eligible{color:var(--success);font-weight:900;font-size:20px} +.not-eligible{color:var(--danger);font-weight:900;font-size:20px} +.deadline{color:#b71c1c;font-weight:800} + +.actions{ + display:flex; + gap:14px; + margin-top:18px; + flex-wrap:wrap; +} + +/* BUTTONS */ +.apply{ + padding:12px 26px; + font-size:17px; + border-radius:30px; + font-weight:800; + text-decoration:none; + background:#1976d2; + color:#fff; +} +.apply.disabled{ + background:#bdbdbd; + pointer-events:none; + cursor:not-allowed; +} + +.docs,.reminder{ + padding:12px 26px; + border-radius:30px; + font-size:16px; + font-weight:800; + border:none; + cursor:pointer; +} +.docs{background:#6a1b9a;color:#fff} +.reminder{background:var(--primary);color:#fff} + +/* MODAL */ +.modal{ + display:none; + position:fixed; + inset:0; + background:rgba(0,0,0,.8); + justify-content:center; + align-items:center; + z-index:1000; +} +.modal-content{ + background:var(--card); + color: var(--text); + padding:40px; + border-radius:26px; + max-width:520px; + width:90%; +} +.modal-content h3{color:var(--primary);margin-bottom:20px} +[data-theme="dark"] .modal-content h3 { color: var(--label); } +.modal-content ul{padding-left:20px} +.modal-content li{font-size:17px;margin-bottom:8px} +.close{ + margin-top:25px; + background:var(--primary); + color:#fff; + padding:14px; + border-radius:30px; + text-align:center; + cursor:pointer; +} + +@media(max-width:768px){ + header{ flex-direction: column; gap: 15px; text-align: center;} + .form-card{padding:30px} + .form-card h2{font-size:26px} +} + + /* --- Cursor Trail Container --- */ +.circle-container { + position: fixed; + inset: 0; + pointer-events: none; + z-index: 999999; +} + +/* --- Individual Trail Circles --- */ +.cursor-circle { + position: absolute; + width: 10px; + height: 10px; + border-radius: 50%; + background-color: #ff8c00; + box-shadow: 0 0 15px rgba(255, 140, 0, 0.7); + transform: translate(-50%, -50%); + will-change: transform; + mix-blend-mode: screen; + transition: transform 0.1s ease-out; +} + +/* --- The Leading "Head" Circle --- */ +.cursor-circle:first-child { + width: 14px; + height: 14px; + background-color: #ffcc00; + box-shadow: + 0 0 20px #ff8c00, + 0 0 40px rgba(255, 140, 0, 0.5); +} + +/* --- Interaction States --- */ +.cursor-clicking { + transform: translate(-50%, -50%) scale(2.5) !important; + background-color: #ffffff !important; + box-shadow: 0 0 30px #ffffff !important; +} + +.cursor-hovering { + transform: translate(-50%, -50%) scale(1.8); + background-color: #22c55e; /* AgriTech green */ + box-shadow: 0 0 20px #22c55e; +}/* ===== Floating Language Button ===== */ +#langFloatBtn { + position: fixed; + bottom: 25px; + right: 25px; + width: 55px; + height: 55px; + border-radius: 50%; + background: linear-gradient(135deg, #2e7d32, #1b5e20); + color: #fff; + font-size: 22px; + font-weight: 900; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + box-shadow: 0 12px 30px rgba(0,0,0,0.35); + z-index: 9999; +} + +#langPanel { + position: fixed; + bottom: 95px; + right: 25px; + background: var(--card); + box-shadow: var(--shadow); + border-radius: 18px; + padding: 16px; + display: none; + flex-direction: column; + gap: 10px; + z-index: 9999; + min-width: 160px; +} + +#langPanel h4 { + margin-bottom: 8px; + font-size: 15px; + text-align: center; + color: var(--primary); +} + +#langPanel button { + border: none; + border-radius: 20px; + padding: 8px 12px; + font-weight: 700; + cursor: pointer; + background: #e8f5e9; + color: #1b5e20; +} + +[data-theme="dark"] #langPanel button { + background: #1e293b; + color: #4caf50; +} + + + +
+ +
+
+ +

+ Check Your Scheme Eligibility +

+ + + + + + + + + + - -
- - -
-
-

Check Your Scheme Eligibility

- - - - - - - - -
-
- -
- - - - -
- + + + + + + + + + \ No newline at end of file diff --git a/terms-and-service.css b/terms-and-service.css index d84a8f7f..25dad2c8 100644 --- a/terms-and-service.css +++ b/terms-and-service.css @@ -776,4 +776,172 @@ body { transform: translate(-50%, -50%) scale(1.8); background-color: #22c55e; /* Changes to AgriTech green on hover */ box-shadow: 0 0 20px #22c55e; -} \ No newline at end of file +}/* ================================ + NAVBAR ALIGNMENT FIX + ================================ */ + +.navbar { + width: 100%; + position: sticky; + top: 0; + z-index: 999; +} + +.navbar-content { + display: flex; + align-items: center; /* ✅ Vertical alignment */ + justify-content: space-between; + gap: 16px; + padding: 12px 24px; +} + +/* Brand (Logo / Site Name) */ +.navbar .brand { + display: flex; + align-items: center; +} + +/* Spacer should actually flex */ +.navbar-spacer { + flex: 1; +} + +/* Right side buttons */ +.nav-buttons { + display: flex; + align-items: center; /* ✅ Align buttons vertically */ + gap: 10px; /* ✅ Consistent spacing */ +} + +/* Buttons & links inside navbar */ +.nav-buttons .btn { + display: inline-flex; + align-items: center; + justify-content: center; + white-space: nowrap; +} + +/* Theme toggle alignment */ +.theme-toggle { + display: inline-flex; + align-items: center; + gap: 6px; +} + +/* Prevent wrapping on desktop */ +@media (min-width: 768px) { + .navbar-content { + flex-wrap: nowrap; + } +} +/* ============================ + NAVBAR SPACING & ALIGNMENT + ============================ */ + +.navbar { + padding: 12px 0; /* Vertical breathing space */ +} + +.navbar-content { + max-width: 1200px; /* Center + consistent width */ + margin: 0 auto; + padding: 0 24px; /* Left/right spacing */ + display: flex; + align-items: center; + gap: 24px; /* Space between brand & buttons */ +} + +/* Brand/logo spacing */ +.navbar .brand { + display: flex; + align-items: center; + gap: 10px; +} + +.navbar .logo { + font-size: 1.4rem; + letter-spacing: 0.5px; +} + +/* Spacer should actually push buttons right */ +.navbar-spacer { + flex: 1; +} + +/* Buttons container spacing */ +.nav-buttons { + display: flex; + align-items: center; + gap: 12px; /* Space between buttons */ +} + +/* Button consistency */ +.nav-buttons .btn { + padding: 8px 16px; + border-radius: 8px; + font-size: 0.9rem; + line-height: 1; + white-space: nowrap; +} + +/* Theme toggle tighter + aligned */ +.theme-toggle { + display: flex; + align-items: center; + gap: 6px; +} + +/* Mobile responsiveness */ +@media (max-width: 768px) { + .navbar-content { + padding: 0 16px; + gap: 12px; + } + + .nav-buttons { + gap: 8px; + } + + .navbar .logo { + font-size: 1.2rem; + } +} +/* ========================================= + EXTREME LEFT LOGO + EXTREME RIGHT BUTTONS + ========================================= */ + +.navbar-content { + max-width: 100% !important; /* Allow full width */ + width: 100%; + padding: 0 32px; /* Edge spacing */ + display: flex; + align-items: center; +} + +/* Force brand to extreme left */ +.navbar .brand { + margin-right: auto; /* Push everything else right */ +} + +/* Kill spacer impact just in case */ +.navbar-spacer { + display: none !important; +} + +/* Force buttons to extreme right */ +.nav-buttons { + margin-left: auto; + display: flex; + align-items: center; + gap: 12px; +} + +/* Optional polish */ +.navbar { + padding: 12px 0; +} + +.navbar .logo { + font-size: 1.4rem; + letter-spacing: 0.5px; +}