.desktop_none {
    display: none!important;
}
.mobile_none {
    display: block!important;
}

.mb_32 {
    margin-bottom: 32px;
}
.ms_32 {
    margin-left: 32px;
}
.mb_40 {
    margin-bottom: 40px;
}
.ms_40 {
    margin-left: 40px;
}
.my_56 {
    margin-top: 56px;
    margin-bottom: 56px;
}
.mt_minus_220 {
    margin-top: -220px;
}
.mt_minus_240 {
    margin-top: -240px;
}

.servis_card_left .card {
    background: url(../img/left_green_bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 0px;
    width: 595px;
    height: 425px!important;
    padding: 64px 48px 64px 64px;
    transform: translate(-32px, 0px)!important;
    z-index: 2;
}

.servis_card_left::after {
    bottom: -30px!important;
    content: '';
    background: url(../img/Fold.png) no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    width: 87px;
    height: 482px;
    right: 21px;
    z-index: 1;
}
.servies_card_right .card {
    background: url(../img/left_green_bg.png) no-repeat!important;
    background-size: cover!important;
    background-position: center center!important;
    border-radius: 0px!important;
    width: 575px!important;
    height: 460px!important;
    padding: 64px 48px 64px 64px!important;
    transform: translate(23px, 0px)!important;
    z-index: 2;
}
.servies_card_right::after {
    content: '';
    background: url(../img/Fold.png) no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    width: 84px;
    height: 482px;
    left: 23px;
    bottom: -31px;
    z-index: 1;
    transform: rotateY(180deg);
}
/* ----------------------- Radio Button ----------------------- */
input[type=radio].login_radio {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none;
    border: 2px solid #BEC543!important;
}
input[type='radio'].login_radio:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}
input[type="radio"].login_radio:checked:before {
    background: #BEC543;
    
}
input[type="radio"].login_radio:checked {
  border-color:#BEC543;
}
.login_radio_text, .register_radio_text {
    position: relative;
    top: -4px;
    left: 14px;
}

/* ----------------------- 404 Page ----------------------- */
.error_section {
    padding-top: 284px;
    padding-bottom: 156px;
    background: #111F21;
}
.error_bg {
    background: url(../img/404.png);
    height: 618px;
    padding-top: 66px;
    padding-bottom: 76px;
}
.error_div {
    width: 1760px;
    background: #F5F5F5;
    padding-top: 147px;
    padding-bottom: 147px;
    height: 476px;
}
.error_title {
    text-align: center;
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 64px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #111F21;
    margin-bottom: 24px;
}
.error_button {
    border: 1px solid #707339;
    padding: 24px 40px;
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-style: italic;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #2C3F29;
}

/* ----------------------- Login Page ----------------------- */

.login_section, .register_section {
    background: url(../img/login_bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 248px;
    padding-bottom: 104px;
}
.login_div {
    width: 625px;
    /* height: 685px; */
    padding: 80px;
    gap: 40px;
    background: #FFFFFF;
}
.login_title, .register_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 56px;
    line-height: 78px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 40px;
}
.login_input_title, .register_input_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 8px;
}
.login_input, .register_input {
    padding: 8px 16px;
    gap: 8px;
    background-color: #F5F5F5;
    border: none;
    border-bottom: 1px solid #707339;
    width: 100%;
    margin-bottom: 24px;
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #707339;
}
.button_light_global {
    border: 1px solid #707339;
    padding: 24px 40px;
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-style: italic;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #2C3F29;
    border-radius: 0px;
}
.radio_div {
    margin-bottom: 40px;
}
.login_radio_text, .register_radio_text {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
    color: #707339;
}
.login_text, .create_account {
    text-decoration: none;
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #111F21;
    margin-bottom: 0px;
}
.register_div {
    width: 1122px;
    /* height: 685px; */
    padding: 80px;
    gap: 40px;
    background: #FFFFFF;
}
/* ----------------------- Dashboard Account Details, Billing Details, Order History Page ----------------------- */
.account_details_section {
    padding-top: 208px;
    padding-bottom: 64px;
}

.account_details_title {
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 64px;
    line-height: 89px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 16px;
}
.account_details_sub_title {
    width: 560px;
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #707339;
    margin-bottom: 48px;
}
.account_details_title_2 {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #BEC543;
}
.account_details_title_3 {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 24px;
}
.t_head_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 0px;
    width: max-content;
}
.t_body_data {
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    text-transform: capitalize;
    color: #707339;
    margin-bottom: 0px;
    width: max-content;
}
.t_body_download_btn {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 16px;
    line-height: 36px;
    text-align: end;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #111F21;
    margin-bottom: 0px;
    width: max-content;
}

/* ----------------------- Checkout / Success / Fail Page ----------------------- */

.checkout_section {
    margin-top: 120px;
}
.checkout_top_div, .success_top_div, .fail_top_div {
    background-color: #111F21;
    padding-top: 155px;
    padding-bottom: 156px;
}
.success_top_div {
    background: url(../img/success_bg.png) no-repeat;
    background-position: center;
    background-size: cover;
}
.fail_top_div {
    background: url(../img/fail_bg.png);
    background-position: center;
}
.checkout_top_div_title {
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 64px;
    line-height: 89px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.checkout_bottom_div {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #E9E9E9;
}
.checkout_bottom_div_main {
    width: 949px;
}
.checkout_bottom_main_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    text-transform: capitalize;
    color: #707339;
    margin-bottom: 32px;
}
.checkout_bottom_frame {
    border: 1px solid #415036;
    padding: 40px;
    gap: 40px;
    background-color: #FFFFFF;
    margin-bottom: 40px;
}
.t_head_shopping_cart_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
    color: #2C3F29;
}
.shopping_cart_details_top {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 0px;
    width: max-content;
}
.shopping_cart_details {
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    text-transform: capitalize;
    color: #707339;
    margin-bottom: 0px;
    width: max-content;
}
.shoping_cart_er_btn {
    font-style: italic;
}
.checkout_total_div {
    background-color: #111F21;
    padding: 24px;
}
.checkout_total_div_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-transform: capitalize;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.success_total_div {
    padding: 24px;
    gap: 16px;
    background: #BEC543;
}
.success_total {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    text-transform: capitalize;
    text-align: center;
    color: #111F21;
    margin-bottom: 0px;
}
.fail_total_div {
    padding: 24px;
    gap: 16px;
    background: #BA5E58;
}
.fail_total {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    text-transform: capitalize;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.checkout_top_div_sub_title {
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    text-transform: capitalize;
    text-align: center;
    color: #BEC543;
    margin-bottom: 0px;
}

.ver_div, .ver_div2 {
    position: absolute;
    height: 80px;
    width: 1px;
    left: 50%;
    top: 320px;
}
.ver_div3 {
    position: absolute;
    height: 80px;
    width: 1px;
    left: 50%;
    top: 360px;
}
.ver_div4 {
    position: absolute;
    height: 80px;
    width: 1px;
    left: 50%;
    top: 329px;
}
.ver_div5 {
    position: absolute;
    height: 94px;
    width: 2px;
    left: 50%;
    top: 512px;
}

/* ----------------------- Contact Page ----------------------- */

.contact_section {
    margin-top: 120px;
    background: url(../img/contact_bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}
.contact_main_div {
    padding-top: 104px;
    padding-bottom: 112px;
}
.contact_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 56px;
    line-height: 78px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #2C3F29;
}
.contact_details {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
    color: #707339;
}
.contact_div {
    border: 1px solid #415036;
    padding: 40px;
    gap: 40px;
    width: 823px;
    background: #FFFFFF;
}

/* ----------------------- Join Us Page ----------------------- */

.join_top_div {
    background-color: #111F21;
    padding-top: 103px;
    padding-bottom: 104px;
}
.join_subtitle_top {
    width: 640px;
}
.join_section_3 {
    background: url(../img/join_s3.png);
    height: 600px;
}
.join_s3_left {
    background: url(../img/join_s3_left.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.join_s3_right {
    background: url(../img/join_s3_right.png);
    background-repeat: no-repeat;
    background-position-x: right;
    height: 600px;
}
.contact_card {
    width: 525px;
    height: 600px;
    padding: 116px 80px;
    gap: 24px;
    background: #F3F3F3;
    margin-left: 30px;
}
.contact_card_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 56px;
    line-height: 78px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 24px;
}
.contact_card_subtitle {
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #707339;
    margin-bottom: 24px;
}
/* ----------------------- Contact Page ----------------------- */

.landing_section_1 {
    margin-top: 120px;
    background: url(../img/landing_s1.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 239px;
    background-size: cover;
}
.landing_section_1_title {
    width: 800px;
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 64px;
    line-height: 89px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.landing_box_text {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 24px;
    margin-bottom: 24px;
}
.landing_section_2 {
    background: #F5F5F5;
}
.landing_s2_left {
    padding-top: 71px;
    padding-bottom: 71px;
    background-image: linear-gradient(90deg, #FFFFFF 50%, #F5F5F5 50%);
}
.landing_s2_right {
    padding-top: 132px;
    padding-bottom: 132px;
    padding-left: 104px;
}
.landing_section_2_title {
    width: 450px;
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 56px;
    line-height: 78px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 24px;
}
.landing_section_2_subtitle {
    width: 520px;
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #707339;
    margin-bottom: 0px;
}
.landing_section_3 {
    padding-top: 56px;
    height: 219px;
}
.landing_fold_3_0,.landing_fold_3_1, .landing_fold_3_2, .landing_fold_3_3 {
    height: 486px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/*.landing_fold_3_3 {*/
/*    height: 500px;*/
/*}*/
.landing_section_3_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 56px;
    line-height: 78px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 24px;
}
.hor_div1 {
    position: absolute;
    height: 2px;
    width: 40px;
    left: calc(50% - 20px);
    top: 160px;
}
.fold_div_left {
    background: black;
    width: 823px;
    height: 350px;
    position: absolute;
    top: 63px;
    z-index: 1;
    padding-top: 136px;
}
.fold_div_center {
    background: #415036;
    position: absolute;
    width: 141px;
    height: 377px;
    left: calc(50% - 1px);
    z-index: 2;
    transform-origin: top left;
    transform: skew(0,14deg);
}
.fold_div_right {
    background: url(../img/fold_card.png);
    width: 695px;
    height: 377px;
    position: absolute;
    z-index: 3;
    right: 265px;
    padding: 41px 64px;
}
.fold_big_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 56px;
    line-height: 78px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.fold_small_title {
    font-family: 'SoleilRegular'!important;
    font-weight: 600!important;
    font-size: 24px!important;
    line-height: 33px!important;
    text-transform: capitalize!important;
    color: #BEC543!important;
    margin-bottom: 24px!important;
}
.fold_sub_title {
    font-family: 'SoleilRegular'!important;
    font-weight: 400!important;
    font-size: 16px!important;
    line-height: 36px!important;
    color: #FFFFFF!important;
    margin-bottom: 24px!important;
}
.button_fold {
    border: 1px solid #707339;
    padding: 24px 40px;
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-style: italic;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #2C3F29;
    border-radius: 0px;
}

.fold_div_left_2 {
    background: url(../img/fold_card.png);
    width: 686px;
    height: 377px;
    position: absolute;
    z-index: 3;
    padding: 41px 64px;
}
.fold_div_right_2 {
    background: black;
    width: 823px;
    height: 350px;
    position: absolute;
    right: 265px;
    top: 63px;
    z-index: 1;
    padding-top: 136px;
}
.fold_div_center_2 {
    background: #415036;
    position: absolute;
    width: 130px;
    height: 377px;
    left: calc(50% - 126px);
    z-index: 2;
    transform-origin: top left;
    transform: skew(0,-15deg);
    top: 36px;
}
.left_no_girl {
    padding-top: 166px;
    padding-left: 241px;
    padding-bottom: 166px;
    background: #F5F5F5;
}
.right_girl {
    background: url(../img/landing_s3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.landing_section_4_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 56px;
    line-height: 78px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 24px;
    width: 340px;
}
.landing_section_4_subtitle {
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #707339;
    margin-bottom: 24px;
    width: 528px;
}


.landing_s5_left {
    background: url(../img/landing_s4_left.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.landing_s5_right {
    background: url(../img/landing_s4_right.png);
    background-repeat: no-repeat;
    background-position-x: right;
    height: 600px;
}

.landing_card {
    width: 525px;
    height: 600px;
    padding: 78px 80px;
    gap: 24px;
    background: #F3F3F3;
    margin-left: 30px;
}
.landing_card_title {
    font-family: 'SoleilRegular';
    font-weight: 600;
    font-size: 56px;
    line-height: 78px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #2C3F29;
    margin-bottom: 24px;
}
.landing_card_subtitle {
    font-family: 'SoleilRegular';
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #707339;
    margin-bottom: 24px;
}


.ls_5 {
    background: url("../img/service_landing_try.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.landing_card_try {
    position: relative;
    left: calc(50% + 24px);
    margin-left: 0px;
}

.js_1 {
    background: url("../img/try_join.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.contact_card_try {
    position: relative;
    left: calc(50% + 24px);
    margin-left: 0px;
}