.mo_none {
    display: none;
}

.desk_none {
    display: block;
}

.help_outer {
    background-image: url(../img/help_bg_1.png);
    width: 100%;
    height: 1043px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.help_inner {
    /* display: flex; */
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 182px; */
    /* height: 241px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    position: absolute;
    top: 170px;
    left: 50%;
    transform: translateX(-50%); */
}

.help_heading {
    color: var(--base-Off-Black, #0F0F0F);
    text-align: center;

    /* h/01 */
    font-family: "Cal Sans";
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 76.8px */
    text-transform: capitalize;
    margin-bottom: 16px;
}

.para_help {
    color: var(--base-01, #383838);
    text-align: center;
    font-feature-settings: 'ss01'on;

    /* p/lrg */
    font-family: "Cabin";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 28px */
    margin-bottom: 0%;
    width: 512px;
    margin-left: auto;
    margin-right: auto;
}

.help_inner2 {
    display: flex;

    justify-content: flex-end;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}

.help_inside {
    color: var(--base-02, #727272);
    font-family: "Cabin";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    width: 100%;
    max-width: 1214px;
}

.sec1_help_s {
    height: 664.719px;
    background: url(../img/help_bg_scene.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding-top: 182px;
}

.help_inside_in {
    width: 100%;
    max-width: 625px;
    /* margin-left: 257px; */
    margin-left: auto;
    margin-right: 332px;
    margin-top: 120px;
}

.help_ship {
    margin-top: -114px;
}

.help_head2 {
    color: var(--base-01, #383838);

    /* h/02 */
    font-family: "Cal Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 57.6px */
    text-transform: capitalize;
    margin-bottom: 0%;
}

.para2_help {
    color: var(--base-02, #727272);

    /* p/std */
    font-family: "Cabin";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    margin-bottom: 0%;
}

.help_sec2_outer {
    display: flex;
    width: 100%;
    padding: 80px 0;
    justify-content: center;
    align-items: center;
    gap: 64px;
}

.help_sec2_inner {
    width: 791px;
}

.help_acc {
    border-top: 1px solid var(--base-04, #E9E9E9);

}

.help_sec2_inner>.accordion-flush>.accordion-item:first-child {
    border-top: 1px solid var(--base-04, #E9E9E9);
}

.help_sec2_inner>.accordion-flush>.accordion-item:last-child {
    border-bottom: 1px solid var(--base-04, #E9E9E9);
}

.help_acc_head {
    color: #102023;
    font-feature-settings: 'ss01'on;

    /* p/lrg */
    font-family: "Cabin";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 28px */
    margin-bottom: 0%;
}

.help_para_acc {
    color: var(--base-02, #727272);

    /* p/std */
    font-family: Cabin;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    margin-bottom: 0%;
}

.help_acc_ans {
    background: var(--base-Off-White, #FAFAFA);

}

.help_btn_acc:not(.collapsed) {
    background: var(--base-Off-White, #FAFAFA);
    box-shadow: none;
    color: black;
}

.help_btn_acc:focus {
    box-shadow: none;
}

.help_sec2_outer2 {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
}

.help_sec2_inner2 {
    display: flex;
    width: 800px;
    max-width: 800px;
    padding: 64px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.help_head_3 {
    color: var(--base-01, #383838);
    text-align: center;

    /* h/02 */
    font-family: "Cal Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 57.6px */
    text-transform: capitalize;
    margin-bottom: 0%;
}

.help_para4 {
    color: var(--base-02, #727272);
    text-align: center;

    /* p/std */
    font-family: "Cabin";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    margin-bottom: 0%;
}

.help_div_head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.help_btn_out {
    display: flex;
    min-width: 236px;
    justify-content: center;
    align-items: stretch;
    gap: 0px;
    padding: 4px 0px 0px 0px;
    height: 52px;
    transition: padding 0.6s ease;
}

.help_btn {
    display: flex;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: var(--brand-Main-Green, #2A7E2F);
    color: #FFF;
    text-align: center;
    text-decoration: none;
    /* p/btns */
    font-family: "Cal Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
    letter-spacing: 0.18px;
    text-transform: uppercase;
    border: none;
    transition: padding 0.6s ease;

}

.help_ac {
    width: 791px;
}

.contact_outer {
    background: url(../img/contact_bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 643px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: -119px;
}

.head_contact {
    color: var(--base-Off-Black, #0F0F0F);
    text-align: center;

    /* h/01 */
    font-family: "Cal Sans";
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 76.8px */
    text-transform: capitalize;
    margin-bottom: 0%;
}

.para_contact {
    color: var(--base-01, #383838);
    text-align: center;
    font-feature-settings: 'ss01'on;

    /* p/lrg */
    font-family: "Cabin";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 28px */
    margin-bottom: 0%;
    width: 518px;
}

.para_contact span {
    color: var(--base-Info-Blue, #3779CF);
    font-feature-settings: 'ss01'on;

    /* p/lrg */
    font-family: "Cabin";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-bottom: 0%;
}

.contact_outer2 {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.contact_inner2 {
    display: flex;
    width: 800px;
    max-width: 800px;
    padding: 104px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
}

.contact_inside1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.head_contact2 {
    color: var(--base-01, #383838);

    /* h/04 */
    font-family: "Cal Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
    text-transform: capitalize;
    margin-bottom: 0%;
}

.contact_inside11 {
    display: flex;
    max-width: 1440px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.para_contact2 {
    color: var(--base-02, #727272);
    text-align: center;
    font-feature-settings: 'ss01'on;

    /* p/lrg */
    font-family: "Cabin";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 28px */
    margin-bottom: 0%;
}

.contact_head_3 {
    color: var(--base-01, #383838);
    text-align: center;
    /* h/03 */
    font-family: "Cal Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 38.4px */
    text-transform: capitalize;
    margin-bottom: 24px;
}

.contact_inside2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.contact_input_div {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.contact_input {
    display: flex;
    height: 56px;
    max-height: 56px;
    padding: 20px 24px;
    align-items: center;
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
    justify-self: stretch;
    border: 1px solid var(--base-04, #E9E9E9);
    background: var(--base-Off-White, #FAFAFA);
    color: var(--base-02, #727272);
    width: 100%;
    /* p/std */
    font-family: "Cabin";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    width: 100%;
    max-width: 392px;
    /* 25.6px */
}

.contact_select {
    display: flex;
    /* height: 56px;
    max-height: 56px; */
    padding: 14.3px 24px;
    justify-content: space-between;
    align-items: center;
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
    justify-self: stretch;
    border: 1px solid var(--base-04, #E9E9E9);
    background-color: var(--base-Off-White, #FAFAFA);
    color: var(--base-02, #727272);
    width: 372px;
    /* p/std */
    font-family: "Cabin";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    border-radius: 0px;
}

.dropdown_menu_contact_s {
    background-color: var(--base-Off-White, #FAFAFA);
    width: 100%;
}

.dropdown-toggle.contact_select::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M0.869976 0L0 0.884615L7.56501 8.57692L8 9L8.43499 8.57692L16 0.884615L15.13 0L8 7.25L0.869976 0Z' fill='%2351AF5E'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.dropdown-toggle.contact_select.show::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M0.869976 0L0 0.884615L7.56501 8.57692L8 9L8.43499 8.57692L16 0.884615L15.13 0L8 7.25L0.869976 0Z' fill='%2351AF5E'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    rotate: 180deg;
}

.contact_select.show {
    background-color: var(--base-Off-White, #FAFAFA);
    border: 1px solid var(--base-04, #E9E9E9);
}

.contact_textarea {
    display: flex;
    height: 104px;
    padding: 20px 24px;
    align-items: flex-start;
    grid-row: 4 / span 1;
    grid-column: 1 / span 2;
    justify-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--base-04, #E9E9E9);
    background: var(--base-Off-White, #FAFAFA);
    color: var(--base-02, #727272);

    /* p/std */
    font-family: "Cabin";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
}

.contact_inside3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 8px;
    margin-top: 24px;
}

.contact_para5 {
    color: var(--base-02, #727272);

    /* p/std */
    font-family: "Cabin";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    margin-bottom: 0%;
}

.contact_check {

    display: flex;
    gap: 8px;
}

.contact_para5 span {
    color: var(--base-Info-Blue, #3779CF);

    /* p/std */
    font-family: Cabin;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-bottom: 0%;
}

.contact_check_in:checked {
    background-color: #2A7E2F;
    border-color: #2A7E2F;
}

.contac_select {
    display: flex;

}

.contact_input_2 {
    display: flex;
    height: 50px;
    max-height: 50px;
    align-items: center;
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
    justify-self: stretch;
    border: none;
    background: var(--base-Off-White, #FAFAFA);
    color: var(--base-02, #727272);
    width: 100%;
    /* p/std */
    font-family: "Cabin";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
}

.con_succ_outer {
    margin-top: 143px;
    display: flex;
    padding: 104px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

.con_succ_inner {
    display: flex;
    max-width: 800px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.con_succ_head {
    color: var(--base-Off-Black, #0F0F0F);
    text-align: center;

    /* h/02 */
    font-family: "Cal Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 57.6px */
    text-transform: capitalize;
    margin-bottom: 0%;
}

.con_succ_para {
    color: var(--base-02, #727272);
    text-align: center;

    /* p/std */
    font-family: "Cabin";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    margin-bottom: 0%;
    width: 600px;
}

.btn_con_succ {
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    background: var(--brand-Main-Green, #2A7E2F);
    color: var(--base-White, #FFF);
    border-radius: 0px;
    /* p/btns */
    font-family: "Cal Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
    letter-spacing: 0.18px;
    text-transform: uppercase;
        transition: all 0.3s ease-in-out;

}

.con_fail_btn {
    display: flex;
    align-items: flex-end;
    gap: 24px;
}

.btn_con_fail {
    display: flex;
    width: 198px;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--base-03, #BDBDBD);
    background: var(--base-White, #FFF);
    color: var(--base-01, #383838);
    /* p/btns */
    font-family: "Cal Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 21.6px */
    letter-spacing: 0.18px;
    text-transform: uppercase;
    border-radius: 0px;
        transition: all 0.3s ease-in-out;

}
.help_btn_out:hover {
    padding: 0px;
    transition: padding 0.6s ease;
}
.help_btn_out:hover .help_btn{
    padding: 0px;
    transition: padding 0.6s ease;
}
.btn_con_succ:hover {
    border: 4px solid #8BB48D;
    transition: all 0.3s ease-in-out;
    background: var(--brand-Main-Green, #2A7E2F);
    color: white;
}
.btn_con_fail:hover{
    border: 4px solid #8BB48D;
    transition: all 0.3s ease-in-out;
    background: var(--brand-Main-Green, #2A7E2F);
    color: white;
}


@media only screen and (max-width: 600px) {
    .mo_none {
        display: block;
    }

    .desk_none {
        display: none;
    }
    .help_inside_in {
        margin-top: 0px;
    }
    .help_outer {
        background-image: url(../img/help_mo_outer.png);
                background-position: bottom;
        background-size: contain;
        height: 765px;
    }

    .btn_con_fail {
        padding: 12px;
        width: 100%;
        border-radius: 0px;
    }

    .btn_con_succ {
        padding: 12px;
        width: 184px;
    }

    .con_fail_btn {
        width: 100%;
    }

    .help_inner {
        display: flex;
        width: 100%;
        padding: 40px 24px;
        height: max-content;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* gap: 16px; */
        position: absolute;
        top: 134px;
        left: unset;
        transform: none;
    }

    .help_heading {
        font-size: 32px;
    }

    .para_help {
        width: 100%;
    }

    .help_inner2 {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex: 1 0 0;
        align-self: stretch;
        gap: 0px;
        flex-direction: column-reverse;
    }

    .help_inside {
        padding: 40px 24px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        font-style: normal;
        font-weight: 400;
        width: 100%;
    }

    .help_head2 {
        font-size: 24px;
    }

    .help_sec2_outer {
        display: flex;
        width: 100%;
        padding: 40px 24px;
        justify-content: center;
        align-items: center;
        gap: 64px;
    }

    .contact_input {
        max-width: unset;
    }

    .help_sec2_inner {
        padding: 0%;
        max-width: 100%;
        width: 100%;
    }

    .help_ac {
        width: 100%;
    }

    .help_btn_acc {
        padding: 24px 24px 24px 24px;
    }

    .help_acc_body {
        padding-top: 8px;
    }

    .help_acc {
        /* padding-bottom: 24px; */
    }

    .help_btn_acc:not(.collapsed) {
        padding-bottom: 0px;
    }

    .help_div_head {
        padding: 0;
    }

    .help_head_3 {
        font-size: 28px;
    }

    .help_sec2_inner2 {
        width: 100%;
        max-width: 100%;
        padding: 40px 24px;
        gap: 24px;
    }

    .help_ship {
        margin-top: 0px;
        position: absolute;
        bottom: -129px;
        right: 0px;
        z-index: 123;
    }

    .contact_outer {
        background: url(../img/contact_mo_bg.png);
        height: 500px;
    }

    .contact_inner {
        gap: 8px;
        padding: 40px 24px;
        margin-top: 0%;
    }

    .head_contact {
        font-size: 32px;
    }

    .para_contact {
        width: 100%;
    }
    .sec1_help_s {
        background: url(../img/help_mobile_bg_sc.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 500px;
    }

    .contact_inner2 {
        width: 100%;
        max-width: 100%;
        padding: 32px 24px;
    }

    .contact_head_3 {
        font-size: 28px;
    }

    .contact_input_div {
        flex-direction: column;
    }

    .contact_inside3 {
        flex-direction: column;
        gap: 16px;
    }

    .con_succ_outer {
        padding: 40px 24px;
        margin-top: 90px;
    }

    .con_succ_head {
        font-size: 32px;
    }

    .con_succ_para {
        width: 100%;
    }
    .contact_select {
        width: 100%;
    }

}

@media only screen and (min-width: 780px) and (max-width:991px) {}

@media only screen and (min-width: 992px) and (max-width: 1151px) {
    .contact_inner2 {
        width: 800px;
        max-width: 800px;
    }
    .help_inside_in {
        margin-right: 20px;
    }
}

@media only screen and (min-width: 1152px) and (max-width:1279px) {


    .contact_inner2 {
        width: 800px;
        max-width: 800px;
    }
    .help_inside_in {
        margin-right: 20px;
    }
}


@media only screen and (min-width: 1280px) and (max-width:1348px) {


    .contact_inner2 {
        width: 800px;
        max-width: 800px;
    }
    .help_inside_in {
        margin-right: 20px;
    }
}

@media only screen and (min-width: 1349px) and (max-width:1439px) {


    .contact_inner2 {
        width: 800px;
        max-width: 800px;
    }
    .help_inside_in {
        margin-right: 20px;
    }
}

@media only screen and (min-width: 1440px) and (max-width:1499px) {


    .contact_inner2 {
        width: 800px;
        max-width: 800px;
    }
    .help_inside_in {
        margin-right: 80px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {


    .contact_inner2 {
        width: 800px;
        max-width: 800px;
    }
    .help_inside_in {
        margin-right: 100px;
    }
}

@media only screen and (min-width: 1600px) and (max-width:1699px) {


    .contact_inner2 {
        width: 800px;
        max-width: 800px;
    }
    .help_inside_in {
        margin-right: 150px;
    }
}

@media only screen and (min-width: 1700px) and (max-width:1799px) {
    .contact_inner2 {
        width: 800px;
        max-width: 800px;
    }
}

@media only screen and (min-width: 1800px) and (max-width:1919px) {}
@media (min-width: 1920px) {
    .contact_outer2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
}