.hero{max-height:300px;overflow:hidden;background-image:url(/beltalogistics%20hero.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{background:#0a325abf;height:300px;display:flex;align-items:center;border:2px solid #c5a572;border-radius:35px}.hero-inner{display:flex;align-items:center;gap:24px;padding:0 5%;width:100%}.hero-logo img{height:100px;width:auto;object-fit:contain;border:2px solid #c5a572;border-radius:10px}.hero-content{color:#fff;max-width:700px}.hero h1{font-size:30px;margin-bottom:6px}.hero p{font-size:22px;line-height:1.4}.contact{color:#fff;padding:10px 8%;text-align:center;background-color:#003865;background-image:url(/beltalogistics%20footer.webp);background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid #c5a572;border-radius:35px}.contact H2{color:#c5a572;text-decoration:none;font-weight:800;font-size:28px}.contact p{font-size:22px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:30px}.contact-card{background:#0a325abf;padding:5px;border-radius:6px}.contact-icon{font-size:28px;color:#c5a572;margin-bottom:10px}.contact-card a{color:#c5a572;text-decoration:none;font-weight:500;font-size:20px}.contact-card h3{color:#e7d3a8;font-size:24px}.contact-card a:hover{text-decoration:underline}.services{max-width:none;margin:50px auto;padding:0 10px;text-align:center;border:2px solid #00254a;border-radius:10px}.services h2{font-size:28px;color:#1f2a44;margin-bottom:8px;position:relative;padding-bottom:12px}.services h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:#c5a572;border-radius:2px}.services .subtitle{color:#003865;margin-bottom:40px;font-size:22px}.services .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:30px}.services .card{position:relative;height:320px;border-radius:10px;overflow:hidden;margin:0;padding:10px}.services .card h3{color:#c5a572}.services .card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.services .card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0a325abf,#004aad40);z-index:1}.services .overlay{position:absolute;bottom:20px;left:20px;right:20px;color:#fff;z-index:2;text-align:left}.services .overlay h3{font-size:25px;text-shadow:1px 1px 1px rgb(221,182,6);margin-bottom:6px}.services .overlay p{font-size:22px;opacity:.9}.services .card:hover img{transform:scale(1.05)}@media(max-width:768px){.hero{max-height:280px}.hero-overlay{height:280px}.hero-inner{flex-direction:column;gap:10px;padding:0 5%}.hero-logo img{height:60px}.hero h1{font-size:24px}.hero p{font-size:18px}.services .cards{grid-template-columns:1fr;gap:16px}.services .card{height:250px}.services .overlay h3{font-size:20px}.services .overlay p{font-size:18px}}@media(max-width:480px){.hero{max-height:300px}.hero-overlay{height:300px}.hero-inner{flex-direction:column;gap:5px;padding:0 5%}.hero-logo img{height:50px}.hero h1{font-size:22px}.contact-card a{color:#c5a572;text-decoration:none;font-weight:300;font-size:16px}}#root{max-width:1280px;margin:0 auto;padding:0rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;border:2px solid #c5a572;border-radius:10px}.read-the-docs{color:#888}.contact-button{background:#003865;color:#fff;border:2px solid #c5a572;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00386533}.contact-button:hover{background:#00254a;transform:translateY(-2px);box-shadow:0 4px 8px #0038654d}.contact-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-modal-overlay img{border:2px solid #c5a572;border-radius:10px}.contact-modal{background:#fff;padding:2rem;border-radius:.5rem;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:2px solid #c5a572;border-radius:35px;animation:modalSlideIn .3s ease-out;background-image:url(/beltalogisticsformbg.png);background-position:center;background-repeat:no-repeat;background-size:cover}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-modal h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:0rem;text-align:center;position:relative}.contact-modal h3:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:#c5a572;border-radius:2px}.contact-modal p{color:#fff;font-size:22px;font-weight:600;margin-bottom:.5rem}.contact-modal label{display:block;margin-bottom:1rem;font-weight:500}.contact-modal input,.contact-modal textarea{width:95%;padding:.5rem;border:2px solid #e5e7eb;border-radius:.25rem;margin-top:.25rem;transition:all .2s ease;background:#f9fafb}.contact-modal input:focus,.contact-modal textarea:focus{outline:none;border-color:#003865;background:#fff;box-shadow:0 0 0 3px #0038651a}.contact-modal textarea{resize:vertical;max-height:70px}.contact-modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.contact-modal-actions button{flex:1;padding:.5rem 1rem;border-radius:.25rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.contact-modal-actions button[type=submit]{background:#003865;border:2px solid #c5a572;color:#fff}.contact-modal-actions button[type=submit]:hover{background:#00254a;transform:translateY(-1px)}.contact-modal-actions button[type=button]{background:#f3f4f6;color:#6b7280;border:2px solid #00254a}.contact-modal-actions button[type=button]:hover{background:#e5e7eb;color:#4b5563;border-color:#d1d5db}@media(max-width:640px){.contact-modal{margin:1rem;padding:1.5rem;max-width:none;width:calc(100% - 2rem);max-height:calc(100vh - 2rem);overflow-y:auto}.contact-modal-actions{flex-direction:column;gap:.5rem}.contact-modal-actions button{width:100%}.contact-modal input,.contact-modal textarea{font-size:16px}}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#fff;transition:all .3s ease;text-decoration:none}.social-icon:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.social-icon.linkedin{color:#0077b5}.social-icon.facebook{color:#1877f2}.social-icon i{font-size:24px}.social-icons-container{display:flex;justify-content:center;align-items:center;gap:1rem}.contact-modal:before{content:"";position:absolute;inset:0;background:#0a325abf;border-radius:35px;pointer-events:none;z-index:0}.contact-modal{position:relative;z-index:1}.contact-modal img,.contact-modal h3,.contact-modal form{position:relative;z-index:2}