.p-0 {
        padding: 0!important;
    }
    .mt-5, .my-5 {
        margin-top: 3rem!important;
    }
    .m-0 {
        margin: 0!important;
    }
    *, ::after, ::before {
        box-sizing: border-box;
    }
    .row1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .col-lg-61 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .my-card {
        background-color: #fff;
        padding: 40px;
        box-shadow: 2px 2px 20px #80808038;
        margin-top: 20px;
    }
    .m-01 {
        margin-top: 47px !important;
    }
    .col-lg-21 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    span.number-my-card {
        background-color: #eba52a;
        padding: 5px;
        color: #fff;
        font-size: 21px;
        font-weight: 700;
    }
    .col-lg-101 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .brown-text {
        color: #eba52a;
    }
    .f-sm {
        line-height: 1.67;
        font-family: Open Sans !important;
        font-size: 16px !important;
        font-style: normal;
        font-stretch: normal;
    }
    .title-my-card {
        color: #000;
        font-size: 25px;
    }
    .f-smd {
        font-weight: 700;
        font-family: Roboto Slab !important;
        font-size: 30px !important;
    }
    .pt-lg-0, .py-lg-0 {
        padding-top: 0!important;
    }
    .my-content {
        height: 184px;
        position: relative;
    }
    .mw-5 {
        max-width: 550px;
    }
    .mb-5, .my-5 {
        margin-bottom: 3rem!important;
    }
    .mt-5, .my-5 {
        margin-top: 3rem!important;
    }
    .top-20-all {
        margin-top: 20px;
    }
    img.image-step-join {
        height: 160px;
    }
    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 30%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .justify-content-center {
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
    .col-lg-31 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-61 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .line-bottom {
        border-bottom: 2px solid #e7bc77;
    }
    .position-relative {
        position: relative!important;
    }
    img.arrow-line {
        position: absolute;
        height: 33px;
        top: -31px;
        left: -3px;
        width: 6px;
    }
    img.arrow-down {
        position: absolute;
        height: 30px;
        top: 1px;
        right: -10px;
        width: 20px;
    }
    .col-lg-121 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    img.arrow-line-r {
        position: absolute;
        height: 35px;
        top: -32px;
        right: -3px;
        width: 6px;
    }
    img.arrow-down-r {
        position: absolute;
        height: 30px;
        top: 1px;
        left: -10px;
        width: 20px;
    }
    m-02, .m-03, .m-04 {
        margin-top: 31px !important;
    }
    .p-5 {
        padding: 3rem!important;
    }
    .button-register-now {
        color: #fff;
        background-color: #eba52a;
        font-family: arial;
        padding: 10px 20px;
        font-weight: 500;
    }
    @media (max-width: 760px){
        .text-center-sm {
            text-align: center !important;
        }
        .col-lg-31, .col-lg-61, .col-lg-121, .col-lg-101, .col-lg-21 {
            position: relative;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            -ms-flex: unset;
            flex: unset;
            max-width: 100%;
        }
        .name-my-card {
            display: inline-block;
            margin: 20px;
        }
        .f-sm {
            line-height: 1.67;
            font-family: Open Sans !important;
            font-size: 13px !important;
            font-style: normal;
            font-stretch: normal;
        }
        .my-content {
            height: 55px;
            position: relative;
        }
        .my-card {
            background-color: #fff !important;
            padding: 0px !important;
            box-shadow: none !important;
            margin-top: 20px;
        }
        .nono{
            padding:unset;
        }
        img.image-step-join {
            width: unset !important;
            height: 92px !important;
        }
        .vertical-center {
            margin: 0 !important;
            position: relative !important;
            top: 0 !important;
            left: 0 !important;
            margin-left: none;
            -webkit-transform: none;
            transform: translateY(-50%);
        }
        .mamaar{
            margin-top: 30px;
        }
        img.arrow-line {
            display: none;
        }
        img.arrow-down {
            display: none;
        }
        .order-last-sm {
            order: 1;
        }
        img.arrow-down-r {
            display: none;
        }
        img.arrow-line-r {
            display: none;
        }
    }