@font-face {
    font-family: "sohne-buch";
    src: url("../fonts/Sohne-buch/sohne-buch-webfont.woff2") format("woff2"), url("../fonts/Sohne-buch/sohne-buch-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Sohne-Halbfett";
    src: url("../fonts/Sohne-Halbfett/Sohne-Halbfett.woff") format("woff"), url("../fonts/Sohne-Halbfett/Sohne-Halbfett.ttf") format("truetype"), url("../fonts/Sohne-Halbfett/Sohne-Halbfett.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Sohne-Kraftig";
    src: url("../fonts/Sohne-Kraftig/Sohne-Kraftig.woff2") format("woff2"), url("../fonts/Sohne-Kraftig/Sohne-Kraftig.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Sohne-Mager';
    src: url('../fonts/Sohne-Mager/Sohne-Mager.ttf') format('truetype'),
        url('../fonts/Sohne-Mager/Sohne-Mager.woff') format('woff'),
        url('../fonts/Sohne-Mager/Sohne-Mager.svg') format('svg'),
        url('../fonts/Sohne-Mager/SöhneApp-Mager.woff2') format('woff2'),
        url('../fonts/Sohne-Mager/SöhneApp-Mager.eot') format('eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Sohne-Leicht";
    src: url("../fonts/Sohne-Leicht/Sohne-Leicht.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

:root {
    --ob-green: #67AD5B;
    --ob-heading: #181818;
    --ob-desc: #484848;
    --ob-lt-grey: #484848;
    --ob-bold-font: "Sohne-Halbfett";
    --ob-med-font: "Sohne-Kraftig";
    --ob-reg-font: "Sohne-buch";
    --ob-light-font: "Sohne-Leicht";
    --ob-bdr-clr: #919191;
    --ob-heading-dark: #303030;
    --ob-color-dark: #242424;
}

a {
    text-decoration: none;
}

@media all and (max-width: 1599px) {
    html {
        font-size: 82%;
    }
}

@media all and (max-width: 1099px) {
    html {
        font-size: 70%;
    }
}


.navbar {
    margin-bottom: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 2;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
    border: 0;
    z-index: 3;
}

.navbar>.container-xl {
    padding: 0;
}

.navbar-brand {
    padding-left: 0;
}

.navbar .btn-wrap {
    position: relative;
    display: inline-block;
    max-width: 389px;
}

.navbar-collapse.charter {
    padding: 7px 0 1px;
    margin-left: 0;
    margin-right: 0;
}

.charter .navbar-nav {
    padding-top: 0;
    flex-direction: row;
}


.nav>li {
    position: relative;
    display: block;
}

.btn-wrap .tel {
    display: flex;
    justify-content: center;
    font-size: 1.8rem;
    padding: 16px 25px 11px;
    font-family: 'sohne-buch', sans-serif;
    background: #fcb415;
    border-radius: 50px;
    margin-bottom: 9px;
    color: #4f4f4f;
    box-shadow: 0 2px 4px rgba(7, 4, 146, 0.1), 0px 24px 60px rgba(6, 47, 125, 0.05), 0px 12px 24px rgba(27, 59, 119, 0.05);
}

.icon-tel {
    display: inline-block;
    position: relative;
    top: -3px;
    left: -12px;
    width: 20px;
    height: 20px;
    background: var(--phoneiconslimURL) no-repeat center center;
    background-size: contain;
}

.navbar-header.charter {
    padding: 8px 24px;
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
}

.charter .navbar-nav li+li {
    margin-left: 16px;
}

.navbar .btn-wrap .tel {
    font-size: 1.8rem;
    font-size: 18px;
    padding: 11px 24px 7px;
    border-radius: 8px;
    min-width: 240px;
    margin: 0;
    box-shadow: none;
    font-weight: 400;
    height: 37px;
}

@media all and (max-width: 1299px) {
    .navbar-collapse.charter {
        padding: 20px;
    }
}

@media all and (max-width: 991px) {
    .navbar .btn-wrap .tel {
        min-width: 0;
    }

    .navbar-collapse.charter {
        padding: 20px 15px 20px;
    }
}

.tel:hover,
.tel:focus {
    background-color: #4caf50 !important;
    color: #fff !important;
}

.tel:hover .icon-tel {
    transition: all .5s;
    filter: brightness(5);
}

.navbar .btn-wrap .tel.with-border {
    background: 0;
    border: 2px solid #509c53;
    color: #509c53;
    font-family: 'Sohne-Kraftig', Sans-serif;
    padding-top: 5px;
    padding-bottom: 6px;
}

.navbar .btn-wrap .icon-tel.outline {
    display: inline-block;
    position: relative;
    background: var(--outlinephoneicongreenURL) no-repeat center center;
    left: -8px;
    top: 0;
    background-size: contain;
}



@media all and (min-width: 768px) {
    .navbar-collapse.charter {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        overflow: hidden !important;
        min-height: 79px;
        align-items: center;
    }

    .navbar-collapse.charter::before,
    .navbar-collapse.charter::after {
        display: none;
    }

    .navbar-nav>li {
        float: left;
    }

    .btn-wrap .tel {
        font-size: 2rem;
    }

    .navbar-header.charter {
        display: none;
    }
}



.hero-img>.row {
    height: 100%;
    align-items: flex-end;
    width: 100%;
}

.hero-img {
    background: var(--heroImg) 0 0 no-repeat #397d32;
    height: 415px;
    display: flex;
    align-items: flex-end;
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    position: relative;
    background-size: cover;

}

.charter-page {
    padding-top: 8.5rem !important;
}

.heading {
    font-size: 2.25rem;
    line-height: 3rem;
    font-family: "Sohne-Halbfett";
    color: var(--ob-color-dark);
}

.heading.bigger {
    font-size: 5rem;
    line-height: 1;
}

.heading.big {
    font-size: 3.125rem;
    line-height: 1;
}

@media all and (max-width: 767px) {

    .heading {
        font-size: 20px;
    }

    .heading.bigger {
        font-size: 40px;
    }
}


.heading.txt-wt {
    color: #fff;
}

.highlight {
    color: #67AD5B !important;

}

.desc {
    font-size: 18px;
    line-height: 32px;
    font-family: "Sohne-Leicht";
    color: var(--ob-color-dark);
    margin-bottom: 0;
}

.desc.white-text {
    color: #fff;
}

.subhead {
    font-size: 1.25rem;
    line-height: 2rem;
    font-family: "Sohne-Kraftig";
    color: var(--ob-color-dark);
}

.testimonials .subhead {
    font-family: "sohne-buch";
}

.testimonials .subhead strong {
    font-family: "Sohne-Halbfett";
}

.icon-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.icon-list li {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 3.25rem;
    font-family: "Sohne-Leicht";
    font-size: 14px;
    line-height: 24px;
    padding-right: 3rem;
}

.icon-list li .icon-wrap {
    background: #fcb415;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    margin-right: .75rem;
    margin-bottom: 0;
}

.hero-img .content-box .desc,
.hero-img .content-box .heading {
    color: #fff;
    width: 100%;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.hero-img .content-box .desc {
    font-family: "Sohne-Mager";
    opacity: 1;
    margin-bottom: 2.25rem;
    line-height: 20px;
}

.hero-img .content-box .desc.phone-text {
    color: #AEDAA7;
}

.booking-count {
    display: flex;
    align-items: flex-end;
    width: 100%;
    max-width: 91%;
}

.users {
    margin-right: 5px;
    min-width: 85px;
}

.left-col {
    width: 670px;
}

.right-col {
    width: calc(100% - 670px);
}

@media all and (min-width: 1281px) {
    .right-col {
        display: flex;
        justify-content: flex-end;
    }

    .right-col .form-box {
        max-width: 488px;
    }
}

.users img {
    border: 1px solid #fff;
    border-radius: 100%;
    vertical-align: top;
}

.users img+img {
    margin-left: -13px;
}

.booking-count .text {
    color: #fff;
    font-size: 14px;
    line-height: 1.5rem;
    font-family: "Sohne-Kraftig";
    display: flex;
    align-items: flex-end;
    margin-bottom: -6px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.review-cards {
    margin-left: 5px;
}

.phone-btn-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 397px;
    align-items: center;
    color: #fff;
    margin-bottom: 1.5rem;
    text-align: center;
}

.phone-btn-wrap .phone-text {
    margin-bottom: 0 !important;
    display: inline-block;
    line-height: 1.75 !important;
}

.phone-btn-wrap .tel {
    font-size: 24px;
    padding: 10px 24px 7px;
    border-radius: 8px;
    min-width: 240px;
    margin: 0;
    box-shadow: none;
    font-weight: 400;
    background: #67AD5B;
    color: #fff;
    text-decoration: none;
    font-family: "Sohne-Halbfett";
    width: 100%;
    display: block;
    border: none;
}

@media all and (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1300px;
    }
}

.budget-freindly {
    padding-bottom: 2rem !important;
}

.budget-freindly .img-frame {
    margin-top: -3.5rem;
}

.budget-freindly .heading {
    margin-bottom: .875rem;
    margin-top: .3125rem;
    font-size: 1.98rem;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    .budget-freindly .heading br {
        display: none;
    }  
}

@media all and (max-width: 479px) {
    .budget-freindly .heading br {
        display: none;
    }  
}

.budget-freindly .desc {
    margin-bottom: 1.8125rem;
}

.budget-freindly .subhead {
    margin-top: 2.125rem;
    margin-bottom: 1.3125rem;
}

@media all and (min-width: 768px) {
    .hero-img {
        margin-left: auto !important;
        margin-right: auto !important;
        width: auto;
    }

    .left-col {
        padding-bottom: 30px;
    }

    .charter-page .hero-img {
        flex-direction: column;
        height: 642px;
        margin-top: 0rem !important;
        align-items: center;
        justify-content: center;
    }

    .charter-page {
        padding-top: 8rem !important;
    }

    .charter-page .hero-img.top-section {
        height: auto;
        min-height: 642px;
        padding: 30px 0;
    }

    .hero-img>.row {
        width: 1280px;
        height: auto;
        max-width: 100%;
        align-items: flex-end;
        margin: 0 auto;
    }

    .hero-img.get-a-quote>.row {
        margin-bottom: 0;
    }

    .hero-img .content-box .desc {
        margin-bottom: 1.5rem;
    }
}

@media all and (min-width: 1100px) {
    .charter-page {
        padding-top: 7rem !important;
    }
}

@media all and (min-width: 1600px) {
    .charter-page {
        padding-top: 9rem !important;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .charter-page .hero-img {
        height: auto;
        padding: 30px 0;
    }
}

@media all and (min-width: 1399px) {
    .hero-img>.row {
        width: 1360px;
    }

    .hero-img .content-box .heading {
        font-size: 50px;
        line-height: 1;
    }

    .hero-img .content-box .desc {
        font-size: 18px;
        line-height: 32px;
    }
}

@media all and (max-width: 1280px) {
    .left-col {
        width: 50%;
        padding-left: 15px;
    }

    .right-col {
        width: 50%;
        margin: 0 auto;
        padding: 0 15px;
    }
}

@media all and (max-width: 991px) {
    .top-section .heading.big {
        font-size: 30px;
    }



    .right-col .create-event.ourbus .input-wrapper,
    .right-col .create-event.ourbus .whatroute .whatroute__form,
    .right-col .create-event.ourbus #outboundDateTime,
    .right-col .create-event.ourbus #returnDateTime {
        flex-direction: column;
    }

    .right-col .create-event.ourbus .input-wrapper>.whatroute__control.cont__controls,
    .right-col .create-event.ourbus .whatroute .whatroute__control,
    .right-col .create-event.ourbus .outbound-wrapper {
        width: 100% !important;
    }

    .right-col .create-event.ourbus .phone-wrpper {
        width: 100%;
        margin-bottom: 20px;
    }

    .right-col .create-event.ourbus .outbound-wrapper {
        margin-bottom: 15px;
    }

    .right-col .create-event.ourbus #outboundDateTime .outbound-wrapper:nth-child(2) {
        margin-bottom: 0;
    }

    .right-col .create-event.ourbus .round-trip {
        margin-left: 0;
    }

    .right-col .create-event.ourbus {
        padding: 20px;
    }

}

@media all and (max-width: 767px) {

    .navbar-header.charter {
        width: 100%;
        justify-content: space-between;
    }

    .navbar .btn-wrap .tel {
        min-width: 100px;
        padding-top: 8px;
    }

    .icon-tel {
        left: -9px;
        top: 2px;
    }

    .left-col {
        padding: 0 20px;
        width: 100%;
    }

    .right-col {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }

    .hero-img {
        margin-top: 0rem !important;
        background: var(--heroImgMobile) top no-repeat;
        background-size: 100%;
        height: auto;
    }

    .charter-page {
        padding-top: 5.75rem !important;
    }

    .rating-booking {
        display: flex;
        flex-direction: column-reverse;
        gap: 15px;
    }

    .booking-count .text {
        font-size: 10px;
    }

    .booking-count {
        align-items: center;
    }

    .heading.big {
        font-size: 30px;
    }

    .hero-img .content-box .desc {
        line-height: 20px;
        font-size: 12px;
        line-height: 20px;
        max-width: 250px;
        margin-bottom: 1rem;
    }

    .hassle-free>.row {
        padding-bottom: 0;
    }

    .hero-img.hassle-free .content-box .desc {
        max-width: 100%;
    }

    .hero-img>.row {
        height: auto;
        padding-bottom: 100px;
    }

    .hero-img.top-section>.row {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        padding-top: 250px;
        padding-bottom: 30px;
    }

    .hassle-free>.row {
        padding-bottom: 0;
    }
}

.ride-info {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 611px;
}

.ride-tag {
    background: linear-gradient(180deg, #FFFFFF 0%, #EEEEEE 100%);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    flex: 1;
    text-align: center;
    padding: 23px;
}

.ride-tag .heading {
    margin-bottom: 0;
    display: block;
}

.budget-freindly .row {
    gap: 30px;
}

.budget-freindly .row .col-sm-6 {
    width: calc(50% - 15px);
}

.budget-freindly .row .col-sm-6 p.desc {
    font-size: 18px;
    line-height: 32px;
}

.charter-fleet {
    background: linear-gradient(180deg, rgba(39, 122, 26, 0) 57.8%, #277A1A 100%), #67AD5B;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.charter-fleet .heading {
    font-size: 5rem;
    line-height: 1;
    margin-bottom: 0.75rem;
}

.charter-fleet .desc {
    color: #212121;
    font-family: "sohne-buch";
    padding: 0 15px;
}
.charter-fleet .highlight {
    color: #fff !important;
}

.fleet-row {
    display: flex;
    gap: 27px;
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
}

.fleet-row img {
    max-width: 100%;
    height: auto;
}

.caraosel-row {
    display: flex;
    gap: 30px;
    padding-left: 0;
}

.speciality .py-5 {
    padding-top: 1.5rem !important;
}

.caraosel-row li {
    position: relative;
}

.caraosel-row .desc,
.caraosel-row .heading {
    color: #fff;
}

.caraosel-row li img {
    max-width: 100%;
    height: auto;
}

.caraosel-row.loop li {
    gap: 8.76px;
    height: 475px;
    overflow: hidden;
    filter: drop-shadow(4px 4px 11px rgba(0, 0, 0, 0.25));
    border-radius: 28.0443px;
    position: relative;
}

@media all and (max-width: 1199px) {
    .caraosel-row.loop li {
        height: auto;
    }
}

.caraosel-row.loop li::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.76%, #000000 91.7%);
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    z-index: 2;
    top: 0;
    pointer-events: none;
    left: 0;
}

.caraosel-row.loop li .content-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20.1568px 34px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: left;
    align-items: flex-start;
    z-index: 3;
}

.owl-carousel.loop .owl-stage-outer {
    padding: 80px 0;
}

.testimonials .owl-carousel .owl-stage-outer {
    padding: 30px 0 0;
}

.owl-theme .owl-dots .owl-dot span {
    width: 25px;
    margin: 5px 7px;
    height: 25px;
    transition: all 500ms ease 0s;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #85BD7C;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 64px;
    background: #85BD7C;
}

.owl-carousel.owl-drag .owl-item.center {
    transform: scale(1.15);
    display: block
}

.hassle-free {
    background: var(--hassleFree) 0 0 no-repeat;
    background-size: cover;
}

.hassle-free::after {
    /* Frame 2608714 */

    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
    content: '';
    z-index: 1;
    background: radial-gradient(74.31% 231.71% at 74.31% 28.29%, rgba(0, 0, 0, 0) 25.83%, #000000 70.26%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , linear-gradient(180deg, rgba(0, 0, 0, 0) 65%, #000000 90%), url(image.png);
    pointer-events: none;
}

.hassle-free {
    min-height: 853px;
}




.hassle-free>.row {
    width: 1300px;
    height: auto;
    max-width: 100%;
    align-items: flex-start;
    margin: 0 auto;
    justify-content: flex-start;
}

.hassle-free>.row .col-sm-6 {
    position: relative;
    z-index: 2;
}

@media all and (max-width: 991px) {
    .hassle-free>.row .col-sm-6 {
        width: 100%;
    }
}

@media all and (max-width: 479px) {
    .hero-img.hassle-free .content-box .desc br,
    .hero-img.hassle-free .content-box .heading br {
        display: none;
    }
}

.charter-page .hassle-free {
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.facilities {
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 2;
    display: flex;
    overflow-x: auto;
    gap: 20px;
    /* width: 100%; */
    /* overflow-y: hidden;
    margin-bottom: -17px; */
}

.facilities-wrap {
    overflow-x: auto;
    width: 100%;
    overflow-y: hidden;
    position: absolute;
    bottom: 50px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.facilities::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.facilities {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.facilities li {
    display: flex;
    align-items: center;
    padding: 15px;
    gap: 15px;

    min-width: 290px;
    height: 147px;

    background: rgba(255, 255, 255, 0.9);
    border-radius: 16px;


}

.facilities li strong {
    font-size: 16px;
    line-height: 18px;
    color: #434141;

}

.facilities li p {
    font-size: 13px;
    line-height: 18px;
    color: #1E1E1E;
    margin: 0;
}

.testimonials {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
    margin-bottom: 1rem;
}

.testimonials {
    position: relative;
}

.testimonials * {
    position: relative;
    z-index: 2;
}

.testimonials::before {
    position: absolute;
    height: 58%;
    background: #000;
    content: '';
    top: -1px;
    width: 100%;
    left: 0;
    display: block;
}

.testimonials .desc {
    margin-bottom: 2rem;
}

.testimonials .ratings-wrap {
    margin-top: 1.5rem;
}

.testimonials .ratings-wrap .ratings {
    background: #fff;
    color: #0f0f0f;
    border-radius: 1rem;
    height: 7rem;
    min-width: 304px;
    display: flex;
    flex-direction: column;
    padding-left: 7.5rem;
    justify-content: center;
    font-size: 2rem;
    line-height: 1.5rem;
    font-family: "Sohne-Halbfett";
    align-items: flex-start;
}

.testimonials .ratings-wrap .ratings.google {
    background: #fff url(https://ourbus.com/web_assets/ob-home-page-new/Google.webp) 2rem center no-repeat;
    background-size: 48px;

}

.testimonials .ratings-wrap .ratings.tp {
    background: #fff url(https://ourbus.com/web_assets/ob-home-page-new/TrustPilot-nobdr.webp) 2rem center no-repeat;
    background-size: 48px;
}

.ratings span {
    display: block;
    line-height: 2rem;
    margin-bottom: 0.5rem;
}

.ratings span img {
    vertical-align: top;
    margin-top: 2px;
}

.ratings small {
    font-size: 0.875rem;
    line-height: 1.5rem;
    display: block;
    font-family: "Sohne-Leicht";
}

.slider {
    margin-top: 2rem;
    position: relative !important;
    background: none !important;
    margin-left: -0.75rem;
    margin-right: -0.75rem;

}

.testimonials .slider {
    cursor: initial;
    max-width: 1200px;
    margin: 0 auto;
}

.slider .owl-item {
    width: 416px;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding: 2rem;
    text-align: left;
    margin: 0px 0 13px;
}

.slider .owl-item .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.slider .owl-item .header .ratings {
    display: flex;
}

.slider .subhead {
    font-size: 1.5rem;
}

.slider .owl-item .heading {
    font-size: 20px;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    display: block;
    white-space: nowrap;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slider .owl-item .desc {
    font-size: 16px;
    line-height: 2rem;
    margin-bottom: 3rem;
}

.author {
    display: flex;
    align-items: center;
}

.author .img-frame {
    width: 48px;
}

.author .content-box {
    width: calc(100% - 48px);
    padding-left: 0.875rem;
    display: flex;
    flex-direction: column;
}

.author .content-box.tp,
.author .content-box.google {
    padding-right: 3rem;
    position: relative;
}

.author .content-box.tp::after,
.author .content-box.google::after {
    background: #fff var(--google) center no-repeat;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-size: 22px;
    width: 40px;
    height: 40px;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    bottom: 0;
    margin: auto;
}

.author .content-box.tp::after {
    background: var(--trusPilot) center no-repeat;
    background-size: 40px;
}

.author .content-box strong {
    font-size: 1rem;
    line-height: 2rem;
    font-family: "Sohne-Halbfett";
    font-weight: 400;
}

.author .content-box .duration {
    font-size: 0.875rem;
    line-height: 1;
    font-family: "Sohne-Leicht";
}

.accordion-item {
    border: none;
    margin-bottom: 20px;
}

.accordion-item .accordion-button {
    border: 1px solid #d1d1d1;
    border-radius: 20px !important;
    background: none;
    font-size: 18px;
    line-height: 32px;
    font-family: "Sohne-Kraftig";
    color: #212121;
}

.faq .accordion {
    margin-top: 2.5rem;
}

.accordion-button:not(.collapsed)::after,
.accordion-button::after {
    background: var(--downAero) 0 0 no-repeat;
    width: 32px;
    height: 32px;
    background-size: 32px;
}

.accordion-body {
    font-size: 18px;
    line-height: 32px;
    color: var(--ob-color-dark);
    padding-bottom: 0;
}

@media all and (max-width: 1366px) {

    .accordion-item .accordion-button,
    .accordion-body {
        font-size: 16px;
        line-height: 30px;
    }

    .accordion-button:not(.collapsed)::after,
    .accordion-button::after {
        width: 25px;
        height: 25px;
        background-size: 25px;
    }
}

.charter-page .hero-img.get-a-quote {
    height: auto;
    padding: 25px 0 20px;
    background: #000 var(--getAQuote) calc(100% - 75px) bottom no-repeat;
    min-height: 280px;
    justify-content: center;
    background-size: 517px;
    margin-top: 0px !important;
}


.charter-page .hero-img.get-a-quote .phone-btn-wrap {
    margin-bottom: 0;
}

.support-local .desc {
    max-width: 1078px;
    margin: 12px auto 2.5rem;
}

.support-local .slide-wrap .item,
.support-local .slide-list li {
    width: auto;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-family: "Sohne-Leicht";
    border-radius: 12px;
    box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
    height: 6rem;
    justify-content: center;
    margin: 0 10px;
}

.support-local .slide-wrap .item {
    padding: 0 10px;
}

.support-local .slide-wrap .owl-carousel .owl-item img {
    width: auto;
    margin-right: 10px;
    display: block;
}

.support-local .slide-wrap {
    position: relative;
}

.support-local .slide-wrap .owl-carousel .owl-stage-outer {
    padding: 10px 0;
}

.support-local .slide-wrap::after,
.support-local .slide-wrap::before {
    position: absolute;
    left: 0;
    content: "";
    width: 200px;
    height: 175px;
    background: #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 17%, rgba(255, 255, 255, 0) 100%);
    z-index: 9;
    top: 0;
    opacity: .95;
}

.support-local .slide-wrap::after {
    left: auto;
    right: 0;
    background: #fff;
    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 17%, rgba(255, 255, 255, 0) 100%);
}

@media all and (max-width: 1199px) {

    .caraosel-row li {
        height: auto;
    }

    .caraosel-row.loop li::after {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.76%, #000000 91.7%);
    }

    .caraosel-row.loop li .content-box {
        padding: 14px 20px;
    }

    .charter-page .hero-img.hassle-free {
        min-height: 564px;
        height: auto !important;
    }

    .charter-page .hassle-free {
        align-items: flex-start;
        justify-content: flex-start;
        padding-top: 60px;
    }

    .support-local .slide-wrap::after,
    .support-local .slide-wrap::before {
        width: 160px;
        height: 140px;
    }

    .desc {
        font-size: 16px;
        line-height: 24px;
    }

    .ride-tag {
        padding: 13px;
    }
}

@media all and (max-width: 991px) {
    .charter-page .hero-img.get-a-quote {
        background: #000 var(--getAQuote) calc(100% + 11px) 0 no-repeat;
        min-height: 244px;
        background-size: 457px;
    }

    .owl-carousel.loop .owl-stage-outer {
        padding: 50px 0;
    }

}

.hide-mobile {
    display: block;
}

.show-mobile {
    display: none;
}

@media all and (max-width: 991px) {
    .hide-mobile {
        display: none;
    }

    .show-mobile {
        display: block;
    }

    .budget-freindly .row .col-sm-6 {
        width: 100%;
    }

    .ride-info {
        margin: 0 auto;
    }

    .icon-list {
        max-width: 591px;
        margin: 0 auto;
    }

    .budget-freindly .img-frame {
        margin-top: -2.5rem;
        text-align: center;
        margin-bottom: 35px;
    }

    .icon-list li .icon-wrap {
        margin-right: 1.75rem;
    }

    .booking-count .text {
        margin-bottom: 0;
    }
}

@media all and (min-width: 768px) {
    .phone-btn-wrap.hide-mobile {
        display: block;
    }
}

@media all and (max-width: 767px) {

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .create-event.ourbus .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .support-local .slide-wrap::after,
    .support-local .slide-wrap::before {
        width: 70px;
        height: 100px;
        left: -15;
    }

    .desc {
        font-size: 12px;
        line-height: 20px;

    }

    .support-local .slide-wrap::after {
        left: auto;
        right: -15;
    }

    .navbar-header.charter {
        padding-left: 0;
        padding-right: 0;
    }

    .budget-freindly .heading {
        font-size: 19px;
        text-align: center;
        line-height: 26px;
    }

    .py-5 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-5+.py-5 {
        padding-top: 0.5rem !important;
    }

    .support-local .desc {
        margin: 12px auto 0.5rem;
    }

    .budget-freindly .ride-info .heading {
        font-size: 30px;
        line-height: 1;
    }

    .ride-tag {
        padding: 10px 5px;
    }

    .budget-freindly .desc {
        font-size: 12px;
        line-height: 20px;
    }

    .budget-freindly .img-frame {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .icon-list {
        max-width: 304px;
        margin: 25px 0 0 30px;
    }

    .icon-list li {
        width: 80%;
        margin-bottom: 2rem;
        font-size: 20px;
        line-height: 26px;
        padding-right: 0;
    }

    .budget-freindly .row .col-sm-6 p.desc {
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        margin-bottom: 12px;
    }

    .charter-fleet .heading {
        font-size: 40px;
        line-height: 1;
        max-width: 250px;
        margin: 0 auto 0.75rem;
    }

    .speciality .desc {
        font-size: 14px;
        line-height: 1.25;
        /* max-width: 250px; */
        margin: 0 auto;
    }

    .speciality .heading.big {
        font-size: 24px;
        line-height: 1.25;
    }

    .owl-carousel.loop .owl-item img {
        display: block;
        width: 100%;
        height: 302px;
        /* width: auto; */
        max-width: inherit;
        object-fit: cover;
    }

    .owl-carousel.loop .owl-stage-outer {
        padding: 39px 0;
    }

    .speciality .py-5 {
        padding-bottom: 0.5rem !important;
    }

    .hero-img.hassle-free .content-box .heading {
        font-size: 30px;
    }

    .hassle-free {
        background: var(--hassleFreeMobile) center top no-repeat;
        background-size: cover;
    }

    .charter-page .hero-img.hassle-free {
        min-height: 564px;
        height: auto !important;
        flex-direction: column;
        padding: 350px 15px 0;
    }

    .facilities-wrap {
        overflow: hidden;
        position: relative;
        bottom: 0;
    }

    .facilities {
        flex-wrap: wrap;
        overflow: hidden;
        gap: 10px;
    }

    .facilities li {
        min-width: 0;
        width: calc(50% - 5px);
        height: auto;
        padding: 11px 8px;
        gap: 8px;
    }

    .facilities li img {
        max-width: 32px;
        height: auto;
    }

    .facilities li strong {
        font-size: 8px;
        line-height: 10px !important;
        display: block;
        margin-bottom: 4px;
    }

    .facilities li p {
        font-size: 8px;
        line-height: 10px;
        margin: 0;
    }

    .testimonials .highlight {
        display: block;
    }

    .testimonials h3.heading {
        font-size: 24px;
        line-height: 26px;
        margin: 10px 0 8px;
    }

    .testimonials .subhead {
        font-size: 23px;
        line-height: 26px;
    }

    .testimonials .ratings-wrap {
        margin-top: 1.5rem;
        display: flex !important;
    }

    .testimonials .ratings-wrap .ratings {
        width: calc(50% - 8px);
        min-width: 0;
        padding-left: 6.5rem;
    }

    .testimonials .ratings-wrap .ratings.google {
        background: #fff url(https://ourbus.com/web_assets/ob-home-page-new/Google.webp) 1rem center no-repeat;
        background-size: 43px;
    }

    .testimonials .ratings-wrap .ratings.tp {
        background: #fff url(https://ourbus.com/web_assets/ob-home-page-new/TrustPilot-nobdr.webp) 1rem center no-repeat;
        background-size: 43px;
    }

    .slider .owl-item .desc {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 3rem;
    }

    .author .img-frame {
        width: 40px;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .author .content-box strong {
        font-size: 14px;
        line-height: 20px;
    }

    .author .content-box .duration {
        font-size: 12px;
        line-height: 20px;
    }

    .testimonials {
        background: #000;
    }

    .testimonials .owl-theme .owl-nav.disabled+.owl-dots {
        margin-bottom: 5px;
    }

    .faq .desc {
        font-size: 14px;
        line-height: 24px;
    }

    .faq .heading.big {
        font-size: 24px;
        line-height: 1;
    }

    .accordion-item .accordion-button,
    .accordion-body {
        font-size: 12px;
        line-height: 20px;
    }

    .accordion-item {
        margin-bottom: 15px;
    }

    .charter-page .hero-img.get-a-quote {
        margin-top: 20px !important;
    }

    .charter-page .hero-img.get-a-quote {
        background: #212121 var(--getAQuoteMobile) center bottom no-repeat;
        min-height: 476px;
        background-size: 375px;
        align-items: flex-start;
    }

    .hero-img.get-a-quote .content-box {
        max-width: 285px;
        margin: 0 auto;
        align-items: flex-start;
    }

    .hero-img.get-a-quote .content-box .heading {
        font-size: 24px;
        line-height: 1;
        letter-spacing: -1.5px;
        margin-bottom: 10px;
    }

    .hero-img.get-a-quote .content-box .desc {
        line-height: 20px;
        font-size: 14px;
        line-height: 26px;
        max-width: 100%;
        margin-bottom: 1rem;
    }

    .charter-page .hero-img.get-a-quote .phone-btn-wrap {
        margin-bottom: 0;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .get-a-quote .phone-btn-wrap .tel {
        height: 36px;
        font-size: 20px;
        max-width: 160px;
        margin: 0;
        min-width: 0;
        padding: 3px 13px 7px;
    }
}

.caraosel-row.our-fleet-wrap li img {
    max-width: auto;
    width: auto;
    height: auto;
    display: inline-block;
}

.owl-theme.our-fleet-wrap .owl-nav.disabled+.owl-dots {
    margin-top: 15px;
}

.charter-fleet .owl-carousel .owl-nav .owl-next,
.charter-fleet .owl-carousel .owl-nav .owl-prev {
    width: 21px;
    height: 27px;
    background: var(--lineLeft) 0 0 no-repeat;
    position: absolute;
    left: -5px;
    bottom: 100px;
}

.charter-fleet .owl-carousel .owl-nav .owl-next {
    background: var(--lineRight) 0 0 no-repeat;
    left: auto;
    right: -5px;
}

.charter-fleet .book-now {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.47rem;
    position: absolute;
    bottom: 11px;
    left: 56px;
    color: #242424;
    text-transform: uppercase;
    /* background: #f1f1f1; */
    font-family: "Sohne-buch";
    display: inline-flex;
    align-items: center;
}

.charter-fleet .book-now svg {
    margin-top: -3px;
}

.charter-fleet .book-now.sb {
    left: 61px;
}

.charter-fleet .book-now.mb {
    left: 66px;
}


@media all and (min-width: 1100px) and (max-width: 1160px) {
    .charter-fleet .book-now {
        left: 50px;
    }

    .charter-fleet .book-now.sv {
        left: 47px;
    }

    .charter-fleet .book-now.sb {
        left: 54px;
    }

    .charter-fleet .book-now.mb {
        left: 59px;
    }
}

@media all and (max-width: 1099px) {
    .charter-fleet .book-now {
        left: 42px;
    }

    .charter-fleet .book-now.sb {
        left: 50px;
    }

    .charter-fleet .book-now.mb {
        left: 53px;
    }
}

@media all and (max-width: 1024px) {
    .charter-fleet .book-now {
        bottom: 9px;
        left: 65px;
    }

    .charter-fleet .book-now.sb {
        left: 70px;
    }

    .charter-fleet .book-now.mb {
        left: 76px;
    }
}

@media all and (max-width: 991px) {
    .charter-fleet .book-now {
        left: 87px;
    }

    .charter-fleet .book-now.sb {
        left: 93px;
    }

    .charter-fleet .book-now.mb {
        left: 98px;
    }
}

@media all and (max-width: 767px) {
    .charter-fleet .book-now {
        left: 59px;
    }

    .charter-fleet .book-now.sb {
        left: 64px;
    }

    .charter-fleet .book-now.mb {
        left: 68px;
    }
}

@media all and (max-width: 479px) {
    .charter-fleet .book-now {
        left: 76px;
    }

    .charter-fleet .book-now.sb {
        left: 81px;
    }

    .charter-fleet .book-now.mb {
        left: 86px;
    }
}