@font-face {
    font-family: "Bahman Numbers";
    src: url("../fonts/bahman/bahnschrift.ttf") format("truetype");
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
}

@font-face {
    font-family: "Syne";
    src:
        url("../fonts/syne/Webfonts/Syne-Regular.woff2") format("woff2"),
        url("../fonts/syne/Webfonts/Syne-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Syne";
    src:
        url("../fonts/syne/Webfonts/Syne-Bold.woff2") format("woff2"),
        url("../fonts/syne/Webfonts/Syne-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: Bebas;
    src: url("../fonts/Bebas_Neue_Pro_www.Downloadha.com/Bebas_Neue_Pro_www.Downloadha.com/Bebas Neue Pro Bold.otf");
}

.driver-body {
    overflow-x: hidden;
    background: #fbf9fc;
}

.driver-body main {
    font-family: peyda-regular;
}

.driver-register-action {
    display: flex;
    justify-content: center;
    margin-top: 42px;
}

.driver-register-action a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

@media (min-width: 1400px) {
    .driver-body .container {
        max-width: 1400px;
    }
}

.driver-hero {
    position: relative;
    min-height: 590px;
    background:
        linear-gradient(rgba(42, 22, 75, 0.68), rgba(42, 22, 75, 0.68)),
        url("../image/ForDrive/Hero.jpg") center 48% / cover no-repeat;
}

.driver-hero-inner {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    direction: ltr;
}

.driver-hero-image {
    position: relative;
    top: 70px;
    width: min(46%, 500px);
}

.driver-hero-image img {
    display: block;
    width: 100%;
    border-radius: 28px;
}

.driver-hero-copy {
    width: min(48%, 520px);
    padding-bottom: 45px;
    color: #fff;
    direction: rtl;
    text-align: right;
}

.driver-hero-copy p {
    margin: 0 0 15px;
    color: #f7931e;
    font-family: peyda-bold;
    font-size: 20px;
}

.driver-hero-copy h1 {
    margin: 0;
    font-family: peyda-bold;
    font-size: 54px;
    line-height: 1.45;
}

.driver-hero-copy h1 span {
    color: #f7931e;
}

.driver-hero-intro {
    min-height: 215px;
    padding: 45px 0;
    background: #f4effa;
}

.driver-hero-intro p {
    width: min(100%, 570px);
    margin: 0 0 0 auto;
    color: #2d2830;
    font-family: peyda-regular;
    font-size: 17px;
    line-height: 2;
    text-align: right;
}

.driver-benefits,
.driver-daily,
.driver-rewards {
    padding: 110px 0;
    background: #fbf9fc;
}

.driver-section-head {
    text-align: center;
}

.driver-pill {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 22px;
    border-radius: 999px;
    background: #d3bbdf;
    color: #662d91;
    font-family: peyda-bold;
    font-size: 14px;
}

.driver-pill span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #f7931e;
}

.driver-pill-orange {
    background: #ffe0bd;
    color: #f7931e;
}

.driver-pill-orange span {
    background: #662d91;
}

.driver-section-head h2 {
    margin: 32px 0 0;
    color: #111;
    font-family: peyda-bold;
    font-size: 39px;
    line-height: 1.5;
}

.driver-section-head > p {
    max-width: 1050px;
    margin: 55px 0 0 auto;
    color: #29232d;
    font-size: 17px;
    line-height: 2;
}

.driver-head-right {
    text-align: right;
}

.driver-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 55px;
    margin-top: 85px;
}

.driver-benefit-grid article {
    min-height: 300px;
    padding: 36px 42px;
    border-radius: 30px;
    background: #f4effa;
    text-align: right;
}

.driver-card-icon {
    display: grid;
    width: 92px;
    height: 92px;
    place-items: center;
    margin-right: 0;
    margin-left: auto;
    border-radius: 17px;
    background: #fff;
}

.driver-card-icon svg {
    width: 45px;
    height: 45px;
    fill: #662d91;
}

.driver-benefit-grid h3 {
    margin: -63px 125px 55px 0;
    font-family: peyda-bold;
    font-size: 20px;
    line-height: 1.5;
}

.driver-benefit-grid p {
    margin: 0;
    color: #786e7e;
    font-size: 16px;
    line-height: 2;
}

.driver-campaigns {
    padding: 115px 0 100px;
    background: #f4effa;
}

.driver-campaign-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 55px;
    margin-top: 70px;
}

.driver-campaign-grid article {
    min-height: 300px;
    padding: 38px 36px;
    border-radius: 30px;
    background: #35134a;
    color: #fff;
    text-align: right;
}

.campaign-icon {
    display: grid;
    width: 90px;
    height: 90px;
    place-items: center;
    margin-right: 0;
    margin-left: auto;
    border-radius: 17px;
    background: #9d5738;
}

.campaign-icon svg {
    width: 52px;
    height: 52px;
    fill: none;
    stroke: #fff;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.campaign-icon .campaign-icon-accent {
    stroke: #f7931e;
    stroke-width: 3;
}

.driver-campaign-grid h3 {
    margin: -58px 112px 60px 0;
    font-family: peyda-bold;
    font-size: 22px;
}

.driver-campaign-grid p {
    margin: 0;
    font-size: 16px;
    line-height: 2;
}

.driver-campaign-note {
    margin: 70px 0 0;
    color: #201a24;
    font-size: 17px;
    text-align: center;
}

.driver-daily-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-top: 75px;
    direction: rtl;
}

.driver-daily-grid article {
    min-height: 280px;
    padding: 38px 30px;
    border-radius: 28px;
    background: #f4effa;
    text-align: center;
}

.driver-number {
    display: block;
    color: #662d91;
    font-family: "Bahman Numbers", Arial, sans-serif;
    font-size: 74px;
    font-weight: 700;
    line-height: 1;
    direction: ltr;
}

.driver-daily-grid h3 {
    margin: 25px 0 20px;
    color: #662d91;
    font-family: peyda-bold;
    font-size: 20px;
}

.driver-daily-grid p {
    margin: 0;
    color: #27212a;
    font-size: 14px;
    line-height: 1.9;
}

.driver-join {
    padding: 115px 0 125px;
    background: #fff;
}

.driver-join-flow {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 35px;
    margin-top: 90px;
    direction: rtl;
}

.driver-join-flow::before {
    content: "";
    position: absolute;
    top: 52px;
    right: 9%;
    left: 9%;
    border-top: 4px dashed #662d91;
}

.driver-join-flow article {
    position: relative;
    z-index: 1;
    text-align: center;
}

.driver-join-flow .driver-number {
    display: grid;
    width: 105px;
    height: 105px;
    place-items: center;
    margin: 0 auto 35px;
    border-radius: 30px 30px 0;
    background: #f7931e;
    color: #fff;
    font-size: 54px;
}

.driver-join-flow h3 {
    min-height: 50px;
    font-family: peyda-bold;
    font-size: 22px;
}

.driver-join-flow p {
    margin: 15px 0 0;
    color: #776e7c;
    font-size: 14px;
    line-height: 1.9;
}

.driver-rewards {
    background: #f4effa;
}

.driver-reward-banner {
    display: flex;
    align-items: center;
    direction: rtl;
    gap: 50px;
    margin-top: 70px;
    padding: 32px 38px;
    border-radius: 30px;
    background: #f7931e;
    color: #fff;
    text-align: right;
}

.driver-reward-banner img {
    width: 125px;
    height: 125px;
    flex: 0 0 125px;
}

.driver-reward-banner h3 {
    margin: 0 0 12px;
    color: #662d91;
    font-family: peyda-bold;
    font-size: 25px;
}

.driver-reward-banner p {
    margin: 0;
    font-size: 15px;
}

@media (hover: hover) {
    .driver-benefit-grid article,
    .driver-campaign-grid article,
    .driver-daily-grid article,
    .driver-join-flow article {
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .driver-benefit-grid article:hover,
    .driver-campaign-grid article:hover,
    .driver-daily-grid article:hover {
        box-shadow: 0 18px 35px rgba(49, 21, 66, 0.14);
        transform: translateY(-7px);
    }
}

@media (max-width: 1199px) {
    .driver-benefit-grid {
        gap: 25px;
    }

    .driver-benefit-grid article {
        padding: 30px;
    }

    .driver-benefit-grid h3 {
        margin-right: 110px;
        font-size: 17px;
    }

    .driver-campaign-grid {
        gap: 25px;
    }
}

@media (max-width: 991px) {
    .driver-body [data-aos] {
        opacity: 1 !important;
        transform: none !important;
    }

    .driver-hero {
        min-height: 0;
        padding: 145px 0 55px;
    }

    .driver-hero-inner {
        position: relative;
        right: auto;
        bottom: auto;
        left: auto;
        flex-direction: column-reverse;
        align-items: center;
        gap: 38px;
    }

    .driver-hero-copy,
    .driver-hero-image {
        width: min(100%, 600px);
    }

    .driver-hero-copy {
        padding: 0;
        text-align: center;
    }

    .driver-hero-copy h1 {
        font-size: 45px;
    }

    .driver-hero-image {
        top: 20px;
        transform: none;
    }

    .driver-hero-intro {
        min-height: 0;
    }

    .driver-hero-intro p {
        margin: auto;
        text-align: center;
    }

    .driver-benefit-grid,
    .driver-campaign-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .driver-daily-grid,
    .driver-join-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .driver-join-flow {
        gap: 60px 35px;
    }

    .driver-join-flow::before {
        display: none;
    }
}

@media (max-width: 575px) {
    .driver-hero {
        padding: 125px 0 42px;
    }

    .driver-hero-inner {
        gap: 28px;
        padding-right: 18px;
        padding-left: 18px;
    }

    .driver-hero-copy p {
        font-size: 15px;
    }

    .driver-hero-copy h1 {
        font-size: 34px;
    }

    .driver-hero-intro {
        padding: 28px 18px;
    }

    .driver-hero-intro p {
        font-size: 14px;
    }

    .driver-benefits,
    .driver-campaigns,
    .driver-daily,
    .driver-join,
    .driver-rewards {
        padding: 70px 0;
    }

    .driver-section-head h2 {
        font-size: 29px;
    }

    .driver-section-head > p {
        margin-top: 30px;
        font-size: 15px;
    }

    .driver-benefit-grid,
    .driver-campaign-grid,
    .driver-daily-grid,
    .driver-join-flow {
        grid-template-columns: 1fr;
        margin-top: 45px;
    }

    .driver-benefit-grid article,
    .driver-campaign-grid article {
        min-height: 0;
        padding: 28px 25px;
    }

    .driver-card-icon,
    .campaign-icon {
        width: 70px;
        height: 70px;
    }

    .driver-card-icon svg {
        width: 35px;
        height: 35px;
    }

    .campaign-icon svg {
        width: 42px;
        height: 42px;
    }

    .driver-benefit-grid h3,
    .driver-campaign-grid h3 {
        margin: -51px 88px 45px 0;
        font-size: 19px;
    }

    .driver-campaign-note {
        margin-top: 45px;
        font-size: 14px;
        line-height: 1.9;
    }

    .driver-daily-grid article {
        min-height: 0;
    }

    .driver-join-flow {
        gap: 45px;
    }

    .driver-reward-banner {
        flex-direction: column;
        gap: 20px;
        padding: 28px 22px;
        text-align: center;
    }

    .driver-reward-banner img {
        width: 95px;
        height: 95px;
        flex-basis: 95px;
    }
}

body.ltr.driver-body,
body.ltr.driver-body * {
    font-family: "Syne", Arial, sans-serif !important;
}

body.ltr.driver-body .driver-number {
    font-family: Bebas, "Arial Narrow", sans-serif !important;
    font-weight: normal;
    letter-spacing: 1px;
}

body.ltr.driver-body footer .footer-number {
    font-family: "Bahman Numbers", Arial, sans-serif !important;
}

body.ltr.driver-body .driver-hero-copy,
body.ltr.driver-body .driver-reward-banner {
    direction: ltr;
    text-align: left;
}

body.ltr.driver-body .driver-hero-intro p {
    margin-right: auto;
    margin-left: 0;
    text-align: left;
}

body.ltr.driver-body .driver-head-right {
    text-align: left;
}

body.ltr.driver-body .driver-section-head > p {
    margin-right: auto;
    margin-left: 0;
}

body.ltr.driver-body .driver-benefit-grid article,
body.ltr.driver-body .driver-campaign-grid article {
    text-align: left;
}

body.ltr.driver-body .driver-card-icon,
body.ltr.driver-body .campaign-icon {
    margin-right: auto;
    margin-left: 0;
}

body.ltr.driver-body .driver-benefit-grid h3 {
    margin-right: 0;
    margin-left: 125px;
}

body.ltr.driver-body .driver-campaign-grid h3 {
    margin-right: 0;
    margin-left: 112px;
}

body.ltr.driver-body .driver-daily-grid,
body.ltr.driver-body .driver-join-flow {
    direction: ltr;
}

@media (max-width: 1199px) {
    body.ltr.driver-body .driver-benefit-grid h3 {
        margin-left: 110px;
    }
}

@media (max-width: 991px) {
    body.ltr.driver-body .driver-hero-copy,
    body.ltr.driver-body .driver-hero-intro p {
        text-align: center;
    }

    body.ltr.driver-body .driver-hero-intro p {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 575px) {
    body.ltr.driver-body .driver-benefit-grid h3,
    body.ltr.driver-body .driver-campaign-grid h3 {
        margin-right: 0;
        margin-left: 88px;
    }
}