@media (max-width: 1600px) {
}

@media (max-width: 1500px) {
}

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
    .header {
        display: none;
    }

    .back {
        color: #fff;
        position: unset;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .riderBanner .container:last-child {
        padding-top: 0 !important;
    }

    .riderBanner .contentGroup {
        background: unset;
        padding: 0;
    }

    .riderBanner .left, .riderBanner .right, .riderBanner .contentGroup {
        width: 100%;
        height: auto;
    }

    .riderBanner .contentGroup h2 {
        font-size: clamp(16.6015625px, 4.427083333333334vw, 34.0px);
    }

    .riderBanner .contentGroup input {
        font-size: clamp(14.3603515625px, 3.8294270833333335vw, 29.41px);
        line-height: normal;
        height: clamp(43.9453125px, 11.71875vw, 90.0px);
    }

    .riderBanner .contentGroup input::placeholder {
        font-size: clamp(14.3603515625px, 3.8294270833333335vw, 29.41px);
        line-height: normal;
    }

    #chooseYourVehicle, #chooseYourCountry {
        font-size: clamp(14.3603515625px, 3.8294270833333335vw, 29.41px);
        line-height: normal;
        height: clamp(43.9453125px, 11.71875vw, 90.0px);
    }

    .whyJoin .left, .whyJoin .right {
        width: auto;
    }

    .whyJoin .left .titleGroup {
        margin-bottom: clamp(25.87890625px, 6.901041666666667vw, 53.0px);
    }

    .whyJoin .left h2 {
        font-size: clamp(16.6015625px, 4.427083333333334vw, 34.0px);
    }

    .whyJoin .right h3 {
        font-size: clamp(13.671875px, 3.6458333333333335vw, 28.0px)
    }

    .whyJoin .right p {
        font-size: clamp(10.7421875px, 2.8645833333333335vw, 22.0px);
        margin-left: calc(clamp(21.484375px, 5.729166666666667vw, 44.0px) + clamp(11.23046875px, 2.994791666666667vw, 23.0px));
    }

    .whyJoin .right .contentGroup svg {
        width: clamp(21.484375px, 5.729166666666667vw, 44.0px);
        height: clamp(21.484375px, 5.729166666666667vw, 44.0px);
        margin-right: clamp(11.23046875px, 2.994791666666667vw, 23.0px);
    }

    .requirement .titleGroup h2{
        font-size: clamp(16.6015625px, 4.427083333333334vw, 34.0px);
    }

    .requirement .contentGroup .card h3 {
        font-size: clamp(13.671875px, 3.6458333333333335vw, 28.0px);
    }

    .requirement .contentGroup .card p {
        font-size: clamp(11.71875px, 3.125vw, 24.0px);
        text-align: left;
    }

    .requirement .contentGroup .item {
        width: auto;
    }
    .requirement .card-img {
        width: auto;
    }

    .requirement .contentGroup .card .card-img img {
        width: clamp(58.59375px, 15.625vw, 120.0px);
        height: clamp(58.59375px, 15.625vw, 120.0px);
        margin-right: clamp(31.73828125px, 8.463541666666668vw, 65.0px);
    }

    .requirement .contentGroup .item:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

    .requirement .contentGroup .item:nth-child(1), .requirement .contentGroup .item:nth-child(2), .requirement .contentGroup .item:nth-child(3) {
        margin-bottom: 0;
    }

    .requirement .contentGroup .item {
        margin-bottom: clamp(27.83203125px, 7.421875vw, 57.0px) !important;
    }

    .requirement .contentGroup .item:last-child{
        margin-bottom: 0 !important;
    }

    .incentive .titleGroup h2 {
        font-size: clamp(16.6015625px, 4.427083333333334vw, 34.0px);
    }

    .riderBanner button {
        font-size: clamp(16.11328125px, 4.296875vw, 33.0px);
        width: clamp(152.34375px, 40.625vw, 312.0px);
        border-radius: clamp(89.35546875px, 23.828125vw, 183.0px);
    }


    .section4 .titleGroup {
        margin-bottom: clamp(12.6953125px, 3.385416666666667vw, 26.0px);
    }

    .section4 .titleGroup h2 {
        font-size: clamp(15.625px, 4.166666666666667vw, 32.0px);
    }

    .section4 .contentGroup .item h3 {
        font-size: clamp(13.671875px, 3.6458333333333335vw, 28.0px);
        line-height: clamp(13.18359375px, 3.515625vw, 27.0px);
        padding-right: clamp(14.6484375px, 3.90625vw, 30.0px);
        margin-bottom: clamp(12.20703125px, 3.2552083333333335vw, 25.0px);
    }

    .section4 .contentGroup .item .card {
        font-size: clamp(11.71875px, 3.125vw, 24.0px);
        margin-bottom: clamp(16.6015625px, 4.427083333333334vw, 34.0px);
    }

    .line {
        margin-top: clamp(24.4140625px, 6.510416666666667vw, 50.0px);
        margin-bottom: clamp(24.4140625px, 6.510416666666667vw, 50.0px);
    }
}

@media (max-width: 710px) {
}

@media (max-width: 576px) {
}