@import url("https://fonts.googleapis.com/css2?family=Jost:wght@500;700&family=Raleway:wght@400;600;700&display=swap");.tracker-container-full{color:#33475b;font-family:Raleway,sans-serif;width:100%}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin:0 auto 6rem}.tracker-header h2{color:#007bcf;font-family:Jost,sans-serif;font-size:24px;margin:0;text-transform:uppercase}.search-bar{display:flex;flex-grow:1;gap:10px;max-width:600px}.search-bar input{border:1px solid #cbd6e2;flex-grow:1;font-family:Raleway,sans-serif;font-size:20px;padding:18px 20px}.search-bar button{background-color:#007bcf;border:none;color:#fff;cursor:pointer;font-family:Jost,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:.1em;padding:18px 30px;text-transform:uppercase;transition:background-color .3s ease}.search-bar button:hover{background-color:#005a9e}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin .9s linear infinite;border:5px solid #e7f4fe;border-radius:50%;border-top-color:#007bcf;height:50px;margin-bottom:24px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#007bcf;font-family:Jost,sans-serif;font-size:1.8rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.status-banner{border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:40px;margin-bottom:30px;padding:15px 0}.status-item{display:flex;flex-direction:column}.status-item .label{color:#000;font-family:Raleway,sans-serif!important;font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.status-item .value{color:#000;font-family:Raleway,sans-serif;font-size:28px;font-weight:700}.status-pill{color:#007bcf}.location-time{color:#666;font-family:Raleway,sans-serif;font-size:14px;font-style:italic;font-weight:600}.route-details-container{margin-bottom:60px;overflow-x:auto}.freight-specs-container h3,.route-details-container h3{color:#000;font-family:Jost,sans-serif;font-size:2.4rem;letter-spacing:.05em;margin-bottom:20px;text-transform:uppercase}.stops-table{border-collapse:collapse;font-size:14px;margin-top:10px;width:100%}.stops-table th{background-color:#f5f8fa;border-bottom:2px solid #dfe3eb;color:#000!important;font-family:Raleway,sans-serif;font-size:14px;font-weight:700;letter-spacing:.05em;padding:12px;text-align:left;text-transform:uppercase}.stops-table td{border-bottom:1px solid #f0f0f0;color:#000;font-size:16px;padding:15px 12px}.stops-table td.time-actual{color:#007bcf;font-weight:600}.stops-table td.time-pending{color:#999;font-style:italic}.freight-specs-container{margin-bottom:60px}.freight-grid{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:20px}.freight-card{background-color:#f5f8fa;border:1px solid #dfe3eb;flex:1;min-width:280px;padding:25px}.freight-card h4{color:#007bcf;font-family:Jost,sans-serif;font-size:1.4rem;letter-spacing:.05em;margin:0 0 20px;text-transform:uppercase}.freight-details{display:flex;flex-direction:column;gap:12px}.freight-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-bottom:10px}.freight-row:last-child{border-bottom:none;padding-bottom:0}.freight-label{color:#333;font-size:14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.freight-label,.freight-value{font-family:Raleway,sans-serif}.freight-value{color:#000;font-size:16px;font-weight:600}.vehicle-info{align-items:center;display:flex;gap:15px;padding:15px 0}.vehicle-info .freight-value{color:#007bcf;font-size:18px}#fc-map{background-color:#007bcf;border:1px solid #333;height:600px;margin-bottom:60px;width:100%}.calculated-eta-box{background-color:#e7f4fe;border-left:10px solid #007bcf;margin-bottom:60px;padding:30px}.calculated-eta-box h4{color:#007bcf;font-family:Jost,sans-serif;font-size:2.4rem;letter-spacing:.05em;margin-bottom:30px;margin-top:0;text-transform:uppercase}.calc-grid{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:5px}.calc-grid div{display:flex;flex-direction:column}.calc-label{font-family:Raleway,sans-serif!important;font-size:15px;letter-spacing:.05em;text-transform:uppercase}.calc-label,.calc-value{color:#000;font-weight:700}.calc-value{font-family:Jost,sans-serif;font-size:30px}.notification-signup-box{background-color:#f5f8fa;border:1px solid #dfe3eb;margin-bottom:60px;padding:30px}.notification-signup-box h4{color:#007bcf;font-family:Jost,sans-serif;font-size:2.4rem;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.notification-signup-box p{color:#333;font-family:Raleway,sans-serif;font-size:16px;margin:0 0 20px}.notification-options{display:flex;gap:25px;margin-bottom:15px}.notification-options label{align-items:center;color:#333;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:16px;font-weight:600;gap:6px}.notification-options input[type=checkbox]{accent-color:#007bcf;cursor:pointer;height:18px;width:18px}.notification-fields{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.notification-fields input{border:1px solid #cbd6e2;flex:1;font-family:Raleway,sans-serif;font-size:16px;min-width:240px;padding:14px 16px}.notification-signup-box button{background-color:#007bcf;border:none;color:#fff;cursor:pointer;font-family:Jost,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.1em;padding:14px 30px;text-transform:uppercase;transition:background-color .3s ease}.notification-signup-box button:hover{background-color:#005a9e}.notify-success{color:#28a745}.notify-error,.notify-success{font-family:Raleway,sans-serif;font-size:16px;font-weight:600;margin-top:15px}.notify-error{color:#c82124}.contact-info-box{background-color:#f5f8fa;border:1px solid #dfe3eb;margin-bottom:30px;padding:30px}.contact-info-box p{color:#333;font-family:Raleway,sans-serif;font-size:16px;margin:0 0 20px}.contact-grid{display:flex;flex-wrap:wrap;gap:40px}.contact-item{display:flex;flex-direction:column;gap:5px}.contact-label{color:#666;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.contact-label,.contact-value{font-family:Raleway,sans-serif}.contact-value{color:#000;font-size:18px;font-weight:600}.contact-value a{color:#007bcf;text-decoration:none}.contact-value a:hover{text-decoration:underline}.error-msg{background-color:#c82124;color:#fff;font-family:Jost,sans-serif;margin-top:10px;padding:15px;text-align:center}@media (max-width:768px){.contact-grid,.freight-grid{flex-direction:column}.contact-grid,.status-banner{gap:20px}.calc-grid{gap:20px}.calc-grid,.notification-fields{flex-direction:column}.notification-options{flex-direction:column;gap:12px}#fc-map{height:350px}.route-details-container{overflow-x:visible}.stops-table thead{display:none}.stops-table,.stops-table tbody,.stops-table td,.stops-table tr{display:block;width:100%}.stops-table tr{background-color:#f5f8fa;border:1px solid #dfe3eb;margin-bottom:15px}.stops-table td{align-items:center;border-bottom:1px solid #e8ecf0;display:flex;font-size:15px;justify-content:space-between;padding:10px 15px}.stops-table td:last-child{border-bottom:none}.stops-table td:before{color:#666;flex-shrink:0;font-family:Raleway,sans-serif;font-size:12px;font-weight:700;letter-spacing:.05em;margin-right:15px;text-transform:uppercase}.stops-table td:first-child:before{content:"Type"}.stops-table td:nth-child(2):before{content:"Location"}.stops-table td:nth-child(3):before{content:"Status"}.stops-table td:nth-child(4):before{content:"Scheduled"}.stops-table td:nth-child(5):before{content:"Arrived"}.stops-table td:nth-child(6):before{content:"Departed"}.stops-table td{text-align:right}.stops-table td:first-child{background-color:#e7f4fe;border-bottom:2px solid #007bcf;font-size:16px;padding:12px 15px}.stops-table td:first-child:before{color:#007bcf;font-size:13px}}