.navbar{display:flex;gap:10px;align-items:center;padding:10px 20px;background-color:#0767ed;color:#fff}.navbar-title{font-size:1.5rem;font-weight:700}.navbar-icon .material-icons{font-size:2rem;cursor:pointer}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1010;transition:opacity .3s ease;visibility:hidden;opacity:0}.sidebar.open{left:0}.sidebar-overlay.show{opacity:1;visibility:visible}.tittle{display:flex;flex-direction:row;padding:15px;top:0;border-radius:15px}.tittle .tagline p{padding-left:16px;padding-bottom:1px;font-size:10px;font-style:italic;color:#0cf}.tittle img{height:60px;width:60px;border-radius:50%}.tittle h2{padding-left:16px;padding-bottom:1px;margin-top:20px;color:#fff;justify-content:center;text-align:center;justify-items:center}.sidebar{position:fixed;top:0;left:-300px;width:250px;height:100%;background-color:#fff;box-shadow:2px 0 5px #00000080;padding:20px;z-index:5020;background-color:#000e45;transition:left .3s ease-in-out}.sidebar ul{list-style:none;padding:15px 0 0;color:#fff;text-decoration:none}.sidebar li:active{background-color:#007bff;border-radius:15px}.sidebar li{margin:15px 0;cursor:pointer;padding:10px;color:#fff;text-decoration:none}.sidebar li a{text-decoration:none}marquee{margin-top:3px;background:linear-gradient(to right,#ff0303,#15d300,#06478d);animation:bg 5s linear infinite;color:#fff;border-top:1px solid black;border-bottom:1px solid black;font-style:italic;font-size:20px;font-weight:700;align-items:center;justify-content:center}@keyframes bg{to{filter:hue-rotate(360deg)}}.input-container{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px;flex-direction:column;background-color:#fff;padding:15px;box-shadow:0 0 15px #00000133;border-radius:8px}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:10px;font-size:1.3rem;color:#001a7f}input{padding:10px 10px 10px 40px;font-size:1rem;border:1px solid #000000;border-radius:5px;width:200px}.swap-icon2{cursor:pointer;font-size:2rem;color:#119602;padding-left:5px;padding-bottom:5px;justify-content:center;border-radius:50%;align-items:center;border:1px solid gray}.search-button{padding:10px 72px;font-size:1rem;color:#fff;background-color:#019d1b;border:none;border-radius:5px;cursor:pointer;font-weight:700;border:1px solid black}.search-button:hover{background-color:#026805}.suggestion-box{position:absolute;top:100%;left:0;width:100%;max-height:150px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:5px;z-index:10;list-style:none;padding:0;margin:0}.suggestion-box li{padding:10px;cursor:pointer}.suggestion-box li:hover{background-color:#f0f0f0}.city-background{position:relative;width:100%;height:190px;overflow:hidden}.background-image{width:100%;height:150px;object-fit:cover;resize:horizontal 25px;margin-bottom:0;padding-bottom:0;animation:busback 6s linear infinite}.moving-bus{position:absolute;bottom:9px;width:100%;overflow:hidden}.moving-bus img{width:150px;position:relative;margin-bottom:10px;animation:moveBus 8s linear infinite}@keyframes moveBus{0%{left:100%}to{left:-120px}}@keyframes busback{0%{left:100%}to{left:-120px}}#road{top:0;border:13px solid #1b1919e4}footer{display:flex;padding-bottom:10px;width:100%;background-color:#022572;top:0;justify-content:center}footer p{font-size:15px;color:#fff;padding:15px 15px 0}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.available-buses{padding:20px;font-family:Arial,sans-serif}.availableheading{color:#000;text-align:center}.dataloading{text-align:center;font-size:25px;padding-top:30px}.available-buses ul{list-style:none;padding:0}.available-buses li{margin-bottom:20px;border:1px solid #0055ff;border-radius:8px;padding:10px}.available-buses li p{padding-top:5px;padding-bottom:8px}h3{color:#0836b5}.busname{display:flex;gap:5px}.busname span{border:1px solid rgb(168,162,162);color:#f0a10f;padding:3px;font-size:15px}.button-group{display:flex;gap:10px}button{font-size:14px;border:none;border-radius:4px;cursor:pointer}.callbutton{padding:0 3px;background-color:#0cad11;color:#fff;font-size:16px;border:1px solid rgb(0,0,0)}.route-button{padding:5px 9px;font-size:20px;background-color:#041889;color:#fff;border:1px solid rgb(0,0,0)}.route-button:active{padding:5px 9px;font-size:20px;background-color:#e7e1e1;color:#031482;border:1px solid rgb(1,1,94)}.material-icons{vertical-align:middle;margin-right:4px}#loading{display:flex;align-items:center;justify-content:center;flex-direction:column;height:80vh;width:100%;position:absolute;top:0;left:0}#loadingText{font-size:20px;color:#0898f1;margin-bottom:20px}.spinner{width:40px;height:40px;border:5px solid rgba(0,0,0,.1);border-top:5px solid #0898f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-container{display:flex;justify-content:center;align-items:center;margin:5px 0;gap:4px}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;padding:8px;box-shadow:0 4px 6px #0000001a}.search-box input[type=text]{border:none;outline:none;font-size:16px;padding:8px;flex:1}.search-icon{margin:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:#595858;cursor:pointer;background-color:#fff;padding:7px;border-radius:5px;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a}.status-positive{color:green}.status-negative{color:red}*{margin:0;padding:0}.header{display:flex;align-items:center;padding-top:10px;padding-bottom:10px;background-color:#0767ed;color:#fff;top:0;width:100%;gap:10px;position:sticky}.header-title{font-size:1.5rem;font-weight:700}.header-icon .material-icons{font-size:2rem;cursor:pointer}*{padding:0;margin:0}.sticky-container{position:sticky;top:0;z-index:10;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a}.full-route{font-family:Arial,sans-serif;background-color:#f9f9f9;overflow:visible}.route-header{display:flex;align-items:center;justify-content:space-between;background-color:#0767ed;padding:10px;color:#fff;position:sticky;z-index:10;top:0}.back-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.bus-name{flex:1;text-align:center;margin:0;font-size:20px;font-weight:700}.call-button{background-color:#05b00a;color:#fff;border:none;padding:4px 5px;border-radius:5px;cursor:pointer;font-size:15px;border:1px solid black}.material-icons{font-size:22px}.route-details{text-align:center;padding:8px;font-weight:600;color:#fff;text-transform:capitalize;background-color:#1f92f7}.route-body{margin-top:10px;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a}.route-header-row{display:flex;justify-content:space-between;font-weight:700;font-size:16px;background-color:#000;color:#fff;padding:5px;position:sticky;z-index:9;margin:10px}.route-stops{position:relative;overflow-y:auto;margin:15px;scroll-behavior:smooth}.route-stop-row{display:flex;align-items:center;margin-bottom:30px;position:relative}.stop-indicator{position:relative;width:20px;display:flex;flex-direction:column;align-items:center}.stop-indicator .dot{width:12px;height:12px;background-color:#0275d8;border-radius:50%;z-index:1}.stop-indicator .line{width:2px;background-color:#0275d8;position:absolute;top:12px;bottom:-30px;z-index:0}.stop-indicator:last-child .line{display:none}.stop-name{font-size:16px;color:#000;margin-left:10px;width:150px;text-align:left}.departure-time{font-size:14px;color:#000;position:absolute;right:20px;top:0}.about-container{margin:20px auto;padding:20px;max-width:800px;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif;line-height:1.6}.about-container h1{font-size:28px;color:#085cec;text-align:center;margin-bottom:20px}.about-container h2{font-size:22px;color:#2591e4;margin-top:20px}.about-container p{font-size:16px;color:#000;margin:10px 0}.about-container ul{margin:10px 0;padding-left:20px}.about-container ul li{font-size:16px;color:#000;margin:5px 0}