html {
    scroll-behavior: smooth;
}

.main-bg {
    background-color: #f8f8f8;
}

@font-face {
    font-family: Regular;
    src: url('../fonts/sfr.OTF');
}

.regular-font {
    font-family: Regular;
}

@font-face {
    font-family: Medium;
    src: url('../fonts/sfm.OTF');
}

.medium-font {
    font-family: Medium;
}

@font-face {
    font-family: Bold;
    src: url('../fonts/sfb.OTF');
}

.bold-font {
    font-family: Bold;
}

.pride-primary {
    background-color: #1592A4;
    color: white;
}

.pride-text-primary {
    color: #1592A4;
}

.pride-border-primary {
    border-color: #1592A4;
}

.pride-warning {
    background-color: #F1A639;
    color: black;
}

.pride-border-warning {
    border-color: #F1A639;
}

.pride-text-warning {
    color: #F1A639;
}

.pride-danger {
    background-color: #E74152;
    color: white;
}

.pride-border-danger {
    border-color: #E74152;
}

.pride-text-danger {
    color: #E74152;
}

.bg {
    background-image: url('../images/bg.jpg');
    background-size: cover;
    height: 100vh;
}

.transparent {
    background: transparent;
}

.crimson {
    background-color: rgb(124, 3, 27);
}

.square {
    border-radius: unset;
}

.bs {
    box-shadow: 2px 2px #0039C6; /* Semi-transparent black shadow */
}

.is {
    box-shadow: 1px 1px #afafaf; /* Semi-transparent black shadow */
}

.seats {
    background-image: url('../images/car-seat.png');
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}

.bus-div {
    overflow: auto;
    height: 87vh;
}

.dash-div {
    overflow: auto;
    height: 40vh;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.menu-icon {
    font-size: 32px;
}

.dash-icon {
    font-size: 72px;
}

.dash-chart {
    width: 100%;
    height: 450px;
}

.action-icon {
    font-size: 20px
}

.dd {
    max-width: 50px !important;
}