@font-face {
    font-family: 'Clash Display Variable';
    src: url(includes/font-clash-display/Fonts/TTF/ClashDisplay-Variable.ttf);
}

.font-clash-display {
    font-family: 'Clash Display Variable';
}

.top-header-parent {
    width: 100% !important;
}

.become-our-partner {
    color: white;
    background-color: black;
}

.advertising-wrapper,
.one-ready-parent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.one-ready-parent {
    flex-direction: column;
}

.advertising,
.one-ready-container {
    text-decoration: none;
    position: relative;
    color: inherit;
    flex-shrink: 0;
    debug_commit: #bf4bc93;
}

.one-ready-container {
    height: 2.25rem;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
    font-size: 28.97px;
    font-weight: 600;
}

.ready {
    color: var(--taxi-yellow);
}

.advertising-wrapper {
    flex-direction: row;
    padding: 0 0.875rem;
    margin-top: -0.55rem;
    font-size: 0.906rem;
}

.advertising {
    letter-spacing: 0.55em;
    font-weight: 500;
    font-size: 14.49px;
}

.font-s-18 {
    font-size: 18px;
    font-weight: 500;
}

.man-giving-taxi-services-throu-icon {
    background-image: url("./assets/images/mangivingtaxiservicesthroughapp@2x.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 61.188rem;
    object-fit: contain;
}

.man-giving-taxi-services-throu-icon {
    height: 51.625rem;
}

.passenger-text {
    font-size: 5rem;
    font-family: "Clash Display Variable";
    font-weight: 700;
}

.get-the-show-text {
    font-size: 2.813rem;
    font-family: "Clash Display Variable";
    font-weight: 600;
}

.advertisers-btn {
    color: black;
    font-family: "Clash Display Variable";
    font-size: 1rem;
    font-weight: 500;
    border: none;
    border-radius: 15px;
}

.padding-mobile-view {
    padding-right: 3rem;
    padding-left: 3rem;
}

.get-started-text {
    font-size: 0.75rem;
    font-weight: 400;
}

.join-us-drivers-btn {
    color: white;
    font-family: "Clash Display Variable";
    font-size: 1rem;
    font-weight: 500;
    border: 2px solid white;
    border-radius: 15px;
}

.rectangle-parent {
    height: 32rem;
    flex: 1;
    position: relative;
    min-width: 24.063rem;
    max-width: 100%;
}

.frame-child {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 37px;
    width: 21.875rem;
    height: 21.875rem;
    object-fit: cover;
}

.wrapper-frame-1000001828 {
    position: absolute;
    top: 10.125rem;
    left: 15.125rem;
    border-radius: var(--br-11xl);
    width: 21.875rem;
    height: 21.875rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper-frame-1000001828-child {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: -0.25rem;
    transform: scale(1.286);
}

.advertiser-experience-div {
    color: black;
    font-weight: 700;
    font-size: 45px;
    font-family: "Clash Display Variable";
}

.experience-text {
    color: var(--taxi-yellow);
}

.join-us-drivers-btn-dark {
    color: white;
    font-family: "Clash Display Variable";
    font-size: 1rem;
    font-weight: 500;
    background-color: black;
    border: none;
    border-radius: 15px;
}

.text-yellow {
    color: var(--taxi-yellow);
}

.advertiser-sign-up-text {
    font-size: 2.813rem;
    font-weight: 700;
}

.content {
    /*flex: 0.9269;*/
    border-radius: var(--br-21xl);
    /*align-items: flex-start;*/
    /*padding: 14.812rem var(--padding-xl) 14.75rem;
    box-sizing: border-box;*/
    background-image: url(./assets/images/rectangle-19@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    width: 100% !important;
    height: 100%;
    /*min-width: 22.25rem;
    max-width: 100%;
    height: 53.625rem!important;*/
}

.content {
    /*padding-top: 9.625rem;
    padding-bottom: 9.563rem;*/
    /*box-sizing: border-box;*/
}

.content {
    /*display: flex;
    flex-direction: row;
    justify-content: center;*/

}

.content {
    /*flex: 1;*/
}

.content-child {
    height: 53.625rem;
    width: 34.188rem;
    position: relative;
    border-radius: var(--br-21xl);
    object-fit: cover;
    display: none;
    max-width: 100%;
}

.vedio-play-button {
    height: 4.063rem;
    width: 4.063rem;

}

.form-control,
.form-label,
.form-select {
    font-size: 16px;
    font-family: "Clash Display Variable";
}

input::placeholder,
.form-select,
.form-select::after {
    color: #bdbdbd !important;
}


.mask-group-icon {
    width: 100%;
    height: 27.313rem;
    position: absolute;
    margin: 0 !important;
    /*right: 0;
    bottom: 35.563rem;
    left: 0;*/
    max-width: 100%;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}

.frame-section {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 var(--padding-2xl) 0 var(--padding-xl);
    box-sizing: border-box;
    max-width: 100%;
    text-align: center;
    font-size: var(--font-size-31xl);
    font-family: var(--font-clash-display-variable);
}

.frame-section,
.ready1 {
    color: var(--color-white);
}

.div3,
.frame-parent15,
.parent {
    justify-content: flex-start;
}

.frame-parent15 {
    width: 77.438rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5.187rem;
    max-width: 100%;
}

.why-drive-with-one-ready-adv-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 var(--padding-xl) 0 var(--padding-2xl);
    box-sizing: border-box;
    max-width: 100%;
}

.why-drive-with-one-container {
    margin: 0;
    height: 6.188rem;
    width: 58.875rem;
    position: relative;
    font-size: inherit;
    line-height: 130%;
    font-weight: 600;
    font-family: inherit;
    display: inline-block;
    flex-shrink: 0;
    max-width: 100%;
    z-index: 1;
}

.one-ready {
    color: var(--taxi-yellow);
}

.parent {
    justify-content: flex-start;
}

.parent {
    align-self: stretch;
    display: grid;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.812rem;
    grid-template-columns: repeat(4, minmax(225px, 1fr));
    z-index: 1;
    font-size: var(--font-size-lg);
    color: var(--color-black);
}

.div,
.give-your-passengers-the-luxur-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.give-your-passengers-the-luxur-wrapper {
    align-self: stretch;
    flex-direction: row;
    padding: 0 var(--padding-5xl) 0 var(--padding-4xl);
    font-size: var(--font-size-base);
}

.div {
    height: 25rem;
    border-radius: var(--br-11xl);
    background-color: var(--color-gold-100);
    flex-direction: column;
    padding: 0 0 var(--padding-19xl);
    box-sizing: border-box;
    gap: var(--gap-6xl);
}

.child,
.item {
    align-self: stretch;
    position: relative;
}

.child {
    height: 25rem;
    border-radius: var(--br-11xl);
    background-color: var(--color-gold-100);
    display: none;
}

.item {
    flex: 1;
    border-radius: var(--br-11xl) var(--br-11xl) 0 0;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
    z-index: 1;
}

.entertain-passengers-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*padding: 0 2.125rem;*/
}

.entertain-passengers {
    width: 100%;
    position: relative;
    line-height: 0.75rem;
    font-weight: 600;
    display: inline-block;
    z-index: 1;
}

.give-your-passengers {
    height: 5.938rem;
    flex: 1;
    position: relative;
    line-height: 130%;
    display: inline-block;
    z-index: 1;
    font-size: 16px;
    font-family: "Clash Display Variable";
}

.div1,
.drivers-have-seen-a-200-incre-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.drivers-have-seen-a-200-incre-wrapper {
    align-self: stretch;
    flex-direction: row;
    padding: 0 var(--padding-5xl) 0 var(--padding-4xl);
    font-size: var(--font-size-base);
}

.div1 {
    height: 25rem;
    border-radius: var(--br-11xl);
    background-color: var(--color-gold-100);
    flex-direction: column;
    padding: 0 0 var(--padding-40xl);
    box-sizing: border-box;
    gap: var(--gap-6xl);
}

.inner,
.mask-group-icon1 {
    align-self: stretch;
    position: relative;
}

.inner {
    height: 25rem;
    border-radius: var(--br-11xl);
    background-color: var(--color-gold-100);
    display: none;
}

.mask-group-icon1 {
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
    z-index: 1;
}

.earn-more-tips-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 4.625rem 0 4.375rem;
}

.earn-more-tips {
    position: relative;
    line-height: 0.75rem;
    font-weight: 600;
    z-index: 1;
}

.drivers-have-seen {
    height: 4.625rem;
    flex: 1;
    position: relative;
    line-height: 130%;
    display: inline-block;
    z-index: 1;
}

.div2 {
    height: 25rem;
    border-radius: var(--br-11xl);
    background-color: var(--color-gold-100);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 0 var(--padding-40xl);
    box-sizing: border-box;
    gap: var(--gap-6xl);
}

.mask-group-icon2,
.rectangle-div {
    align-self: stretch;
    position: relative;
}

.rectangle-div {
    height: 25rem;
    border-radius: var(--br-11xl);
    background-color: var(--color-gold-100);
    display: none;
}

.mask-group-icon2 {
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
    z-index: 1;
}

.earn-higher-ratings-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 2.812rem 0 3rem;
}

.earn-higher-ratings {
    position: relative;
    line-height: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    z-index: 1;
}

.drivers-continue-to-report-pos-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 var(--padding-6xl) 0 var(--padding-5xl);
    font-size: var(--font-size-base);
}

.drivers-continue-to {
    height: 4.625rem;
    flex: 1;
    position: relative;
    line-height: 130%;
    display: inline-block;
    z-index: 1;
}

.div3 {
    height: 25rem;
    border-radius: var(--br-11xl);
    background-color: var(--color-gold-100);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 5rem;
    box-sizing: border-box;
    gap: var(--gap-6xl);
}

.div3,
.frame-parent15,
.parent {
    justify-content: flex-start;
}

.child1,
.mask-group-icon3 {
    align-self: stretch;
    position: relative;
}

.child1 {
    height: 25rem;
    border-radius: var(--br-11xl);
    background-color: var(--color-gold-100);
    display: none;
}

.mask-group-icon3 {
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
    z-index: 1;
}

.qualify-for-campaigns-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 1.937rem 0 1.812rem;
}

.qualify-for-campaigns {
    position: relative;
    line-height: 0.85rem;
    font-weight: 600;
    z-index: 1;
}

.drivers-can-qualify-for-pai-ca-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-5xl) 0 var(--padding-2xl);
    font-size: var(--font-size-base);
}

.drivers-can-qualify {
    height: 3.313rem;
    flex: 1;
    position: relative;
    line-height: 130%;
    display: inline-block;
    z-index: 1;
}

.footer,
.home-page {
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
}

.footer {
    margin-right: -0.125rem;
    align-self: stretch;
    background-color: var(--taxi-yellow);
    flex-direction: row;
    justify-content: space-between;
    /*padding: 2.312rem 0.125rem 3.062rem 6.312rem;*/
    max-width: 100%;
    gap: var(--gap-xl);
    text-align: left;
    font-size: var(--font-size-3xl);
    color: var(--color-black);
    font-family: var(--font-clash-display-variable);
}

.frame-parent16 {
    width: 26.625rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-xl) 0 0;
    box-sizing: border-box;
    gap: var(--gap-sm);
    max-width: 100%;
    font-size: var(--font-size-31xl);
}

.advertising-container,
.one-ready-group {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.advertising-container {
    flex-direction: row;
    padding: 0 var(--padding-6xl) 0 var(--padding-4xl);
    margin-top: -0.938rem;
    font-size: 1.563rem;
}

.one-ready-group {
    width: 21.188rem;
    flex-direction: column;
    max-width: 100%;
}

.advertising1,
.one-ready-container1 {
    margin: 0;
    position: relative;
    font-size: inherit;
    font-family: inherit;
}

.one-ready-container1 {
    align-self: stretch;
    height: 3.875rem;
    font-weight: 600;
    display: inline-block;
}

.advertising1 {
    letter-spacing: 0.6em;
    font-weight: 500;
}

.lorem-ipsum-is-simply {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: 1.175rem;
}

.footer-inner,
.frame-parent17 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-inner {
    width: 23.375rem;
    justify-content: flex-end;
    padding: 0 0 var(--padding-12xs);
    box-sizing: border-box;
    max-width: 100%;
}

.footer-inner,
.frame-parent17 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.frame-parent17 {
    align-self: stretch;
    justify-content: flex-start;
    gap: var(--gap-3xs);
}

.frame-wrapper3 {
    width: 17.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0 var(--padding-xl) 0 0;
    box-sizing: border-box;
}

.explore-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 0 var(--padding-3xs);
}

.explore {
    margin: 0;
    flex: 1;
    position: relative;
    font-size: inherit;
    line-height: 0.938rem;
    font-weight: 600;
    font-family: inherit;
}

.frame-parent18,
.frame-parent20 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-3xs);
    margin-top: -6px;
}

.frame-parent20 {
    width: 8.438rem;
    flex-direction: column;
}

.frame-parent18 {
    align-self: stretch;
    flex-direction: row;
    font-size: var(--font-size-xl);
}

.frame-parent19 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-3xs);
    min-width: 9.313rem;
}

.press-media-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

.press-media {
    flex: 1;
    position: relative;
    line-height: 1.563rem;
    font-weight: 500;
}

.driver-support-wrapper {
    width: 10.438rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 var(--padding-xl) 0 0;
    box-sizing: border-box;
}

.driver-support {
    flex: 1;
    position: relative;
    line-height: 2.188rem;
    font-weight: 500;
}

.contact-us-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 var(--padding-9xl) 0 0;
}

.contact-us {
    flex: 1;
    position: relative;
    line-height: 2.188rem;
    font-weight: 500;
}

.privacy-policy-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.privacy-policy {
    flex: 1;
    position: relative;
    line-height: 2.188rem;
    font-weight: 500;
}

.footer-child,
.get-in-touch-parent,
.icons-parent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.icons-parent {
    flex-direction: row;
    padding: 0 var(--padding-xl) 0 0;
    gap: var(--gap-mini);
}

.footer-child,
.get-in-touch-parent {
    flex-direction: column;
}

.get-in-touch-parent {
    align-self: stretch;
    gap: var(--gap-3xl);
}

.footer-child {
    height: 7.25rem;
    width: 15.063rem;
}

.get-in-touch {
    margin: 0;
    width: 16.125rem;
    height: 0.938rem;
    position: relative;
    font-size: inherit;
    line-height: 1.563rem;
    font-weight: 600;
    font-family: inherit;
    display: flex;
    align-items: center;
}

.icons,
.icons1,
.icons2 {
    height: 2.088rem;
    width: 2.088rem;
    position: relative;
    min-height: 2.063rem;
}


@media screen and (max-width: 1200px) {
    .footer {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width: 1177px) {
    .get-in-touch-parent {
        justify-content: center;
        align-items: center;
        margin-top: 15px;
    }
    .get-in-touch {
        justify-content: center;
        margin-left: -15px;
    }
}

@media screen and (max-width: 1050px) {
    .why-drive-with-one-container {
        font-size: var(--font-size-21xl);
        line-height: 3.25rem;
    }

    .parent {
        justify-content: center;
        grid-template-columns: repeat(2, minmax(225px, 390px));
    }

    .why-drive-with-us-parent {
        background-size: 100% 18% !important;
    }

    .one-ready-container1 {
        font-size: var(--font-size-21xl);
    }
}

.button-container {
    min-width: fit-content;
    flex: 35%;
}

@media (min-width: 992px) {
    .button-container {
        flex: none;
    }
}

@media screen and (max-width: 990px) {
    .navbar-div {
        justify-content: center !important;
        align-items: center !important;
        display: flex;
    }
}

@media (min-width: 750px) {
    .minimum-width-desktop {
        min-width: 620px !important;
    }
}


@media screen and (max-width: 750px) {

    .passenger-text {
        font-size: 2.5rem;
    }

    .get-the-show-text {
        font-size: 1.4065rem;
    }

    .frame-parent15 {
        gap: 2.563rem;
    }

    .footer {
        padding-left: 3.125rem;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 670px) {
    .frame-child {
        display: none;
    }

    .rectangle-parent {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .wrapper-frame-1000001828 {
        position: relative;
        top: 0;
        left: 0;
        border-radius: var(--br-11xl);
        width: 100%;
        height: 21.875rem;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 542px) and (min-width: 434px) {
    .padding-mobile-view {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
}

@media (max-width: 433px) and (min-width: 395px) {
    .padding-mobile-view {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}

@media (max-width: 394px) and (min-width: 363px) {
    .padding-mobile-view {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
}

@media (max-width: 362px) and (min-width: 347px) {
    .padding-mobile-view {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
}

@media screen and (max-width: 740px) {
    .flex-column-mobile {
        flex-direction: column !important;
        gap: 10px;
        padding-top: 1.5rem !important;
    }
}

@media screen and (max-width: 450px) {

    .passenger-entertainment-btn-parent-1 {
        flex-direction: column !important;
        flex-wrap: wrap;
        gap: 20px;
        width: 100%;
        margin-top: 35px;
    }

    .frame-parent15 {
        gap: var(--gap-2xl);
    }

    .why-drive-with-one-container {
        font-size: var(--font-size-11xl);
        line-height: 2.438rem;
    }

    .parent {
        grid-template-columns: minmax(225px, 1fr);
        margin-top: 10dvh;
    }

    .div1 {
        padding-bottom: var(--padding-19xl);
        box-sizing: border-box;
    }

    .earn-more-tips-wrapper {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }

    .div2,
    .div3 {
        box-sizing: border-box;
    }

    .div2 {
        padding-bottom: var(--padding-19xl);
    }

    .div3 {
        padding-bottom: 3.25rem;
    }

    .earn-higher-ratings-wrapper {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }

    .footer {
        padding-left: var(--padding-xl);
        box-sizing: border-box;
    }

    .one-ready-container1 {
        font-size: var(--font-size-11xl);
    }

    .advertising1 {
        font-size: var(--font-size-xl);
    }

    .explore,
    .press-media {
        font-size: var(--font-size-lg);
        line-height: 1.25rem;
    }

    .press-media {
        font-size: var(--font-size-base);
    }

    .frame-parent18 {
        flex-wrap: wrap;
    }

    .contact-us,
    .driver-support,
    .privacy-policy {
        font-size: var(--font-size-base);
        line-height: 1.75rem;
    }

    .get-in-touch {
        font-size: var(--font-size-lg);
        line-height: 1.25rem;
    }
}