.icon-bus-stop {
    display: inline-block !important;
    width: 1em !important;
    height: 1em !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath stroke-linejoin='round' d='m16 16.01l.01-.011M6 16.01l.01-.011M20 22V8m0 0h-2V2h4v6zm-4 12H2.6a.6.6 0 0 1-.6-.6v-6.8a.6.6 0 0 1 .6-.6H16m-2-4H6m8-6H6a4 4 0 0 0-4 4v2'/%3E%3Cpath d='M3.5 20v1.9a.6.6 0 0 0 .6.6h2.8a.6.6 0 0 0 .6-.6V20m7 0v1.9a.6.6 0 0 0 .6.6h.9'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
}

.icon-bus-station {
    display: inline-block !important;
    width: 1em !important;
    height: 1em !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16V3m3 3l-3-3l-3 3m5.5 12.5L12 21l-2.5-2.5L12 16z'/%3E%3C/svg%3E") !important;
    background-color: currentColor !important;
    -webkit-mask-image: var(--svg) !important;
    mask-image: var(--svg) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
}

.guzergah {
    margin-top: 3rem !important;
    background: white !important;
    border: 1px solid #D21F26 !important;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    padding-bottom: 30px !important;
}

.tab-content {
    padding: 20px !important;
}

.guzergah-baslik {
    color: var(--cukurova-dark) !important;
}

.guzergah-aciklama {
    margin: 20px 0 !important;
}

.sefer-saatleri {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    margin: 40px 0 !important;
}

.sefer-saati {
    padding: 10px 15px !important;
    border: 2px solid #ffa0a0 !important;
    background: #ffeded49 !important;
    color: #444 !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    text-align: center !important;
}

.nav-tabs .nav-link {
    font-weight: bold !important;
}

.durak-baslik {
    margin: 35px 0 !important;
}

.duraklar {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: 20px !important;
}

.durak {
    display: flex !important;
    text-align: center !important;
    flex: 1 1 100px !important;
    flex-direction: column !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 10px !important;
}

.durak-alt-baslik {
    font-size: 20px !important;
    margin-bottom: 10px !important;
}

.durak p {
    min-height: 50px !important;
    line-height: 1.2 !important;
}


.stop-number {
    font-family: 'Oswald' !important;
    font-size: 22px !important;
    color: #D21F2689 !important;
}

.info-box {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-top: 20px !important;
}

.info-item {
    border: 1px solid #ffa4a849 !important;
    border-radius: 5px !important;
    padding: 20px !important;
    text-align: center !important;
    flex: 1 !important;
    max-width: 200px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    line-height: 1.2 !important;
    color: #D21F26 !important;
    font-weight: 600 !important;
}

.durak .icon-box {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #ffa4a849 !important;
    color: #D21F26 !important;
    border: 7px solid #f1858959 !important;
    font-size: 44px !important;
    padding: 9px !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 3px !important;
}

.durak:first-of-type .icon-box::after {
    right: -150% !important;
}

.durak:last-of-type .icon-box::after {
    display: none !important;
}

.durak:first-of-type .icon-box,
.durak:last-of-type .icon-box {
    padding: 10px !important;
    border: 8px solid #f1858959 !important;
    width: 75px !important;
    height: 75px !important;
}

.bilgilendirme-text {
    background: #ffa4a849 !important;
    color: #D21f26 !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    border-radius: 3px !important;
    padding: 5px 10px !important;
}

.sefer-tabs {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    border-bottom: none !important;
    background-color: #D21F26 !important;
    margin-bottom: 20px !important;
}

.sefer-item {
    background: #D21F26 !important;
    border-radius: 30px !important;
    margin-bottom: 0 !important;
    padding: 10px 0 !important;
}

.sefer-item:hover {
    border: none !important;
    transition: 0.2s !important;
}

.sefer-item .sefer-link {
    color: white !important;
    border-radius: 30px !important;
    border-color: #D21F26 !important;
}

.sefer-item .sefer-link:hover {
    background: #a9383d !important;
    border-color: #a9383d !important;
    transition: 0.2s !important;
}

.sefer-item .sefer-link.active {
    background: #FF4545 !important;
    border-color: #FF4545 !important;
    color: white !important;
    border-radius: 30px !important;
}

.sefer-alt-tabs {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    border-bottom: none !important;
    padding: 10px 0 !important;
}

.sefer-alt-item {
    background: #D21F26 !important;
    border-radius: 30px !important;
    margin-bottom: 0 !important;
}

.sefer-alt-item:hover {
    border: none !important;
    transition: 0.2s !important;
}

.sefer-alt-item .sefer-alt-link {
    background: #707070 !important;
    border-color: #707070 !important;
    color: white !important;
    border-radius: 3px !important;
    padding: 5px 10px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.sefer-alt-item .sefer-alt-link:hover {
    background: #a9383d !important;
    border-color: #a9383d !important;
    transition: 0.2s !important;
}

.sefer-alt-item .sefer-alt-link.active {
    background: #FF4545 !important;
    border-color: #FF4545 !important;
    color: white !important;
    border-radius: 30px !important;
}