Spaces:
Running
Running
| /* Custom styles for GlobalShip Logistics */ | |
| @tailwind base; | |
| @tailwind components; | |
| @tailwind utilities; | |
| :root { | |
| --primary: #1e40af; | |
| --secondary: #3b82f6; | |
| --accent: #0ea5e9; | |
| } | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| /* Form steps */ | |
| .form-step { | |
| display: none; | |
| } | |
| .form-step.active { | |
| display: block; | |
| animation: fadeIn 0.5s ease; | |
| } | |
| @keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(20px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| /* Service options */ | |
| .service-option { | |
| transition: all 0.3s ease; | |
| } | |
| .service-option.selected { | |
| border-color: #3b82f6; | |
| background-color: #eff6ff; | |
| } | |
| /* Timeline */ | |
| .timeline-item { | |
| position: relative; | |
| padding-left: 30px; | |
| margin-bottom: 20px; | |
| } | |
| .timeline-item::before { | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| top: 5px; | |
| width: 16px; | |
| height: 16px; | |
| border-radius: 50%; | |
| background: #1e40af; | |
| } | |
| .timeline-item.active::before { | |
| background: #10b981; | |
| box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.3); | |
| } | |
| .timeline-item:not(:last-child)::after { | |
| content: ''; | |
| position: absolute; | |
| left: 7px; | |
| top: 25px; | |
| width: 2px; | |
| height: calc(100% - 10px); | |
| background: #cbd5e1; | |
| } | |
| /* Responsive fixes */ | |
| @media (max-width: 768px) { | |
| .tracking-widget { | |
| padding: 20px; | |
| } | |
| .stats-card { | |
| margin-bottom: 20px; | |
| } | |
| } | |
| /* Background pattern for hero section */ | |
| .bg-radial-gradient { | |
| background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); | |
| } |