@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Sulphur+Point:wght@300;400;700&display=swap');
/*----------------------------- Global -----------------------------*/
.desktop_none {
    display: none;
}

.mobile_none {
    display: block;
}

.os1_pre_title {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "Sulphur Point";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 111%; /* 44.4px */
    letter-spacing: 0.8px;
    margin-bottom: 24px;
}
.os1_title {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 70px */
    text-transform: uppercase;
    margin-bottom: 24px;
}

.os1_title span {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 0px;
    border-radius: 9.35px;
    background: var(--Nuetral-Almost-White, #FAFAFA);
    max-width: fit-content;
    padding-left: 9px;
    padding-right: 9px;
    display: inline-block;
}
.os1_subtitle {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 20.16px */
    letter-spacing: 0.36px;
    margin-bottom: 0px;
    max-width: 503px;
}
.os1_inner {
    background: url(../image/os1_bg.png);
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
    padding: 163px 79px 173px 79px;
    border-radius: 35.59px;
    max-width: 1651px;
    margin-left: auto;
    margin-right: auto;
}
.os1_content {
    max-width: 690px;
}
.os1 {
    padding-left: 134px;
    padding-right: 135px;
    padding-bottom: 77px;
}
.our_story_page {
    padding: 0px;
    padding-top: 125px;
    background: url(../image/os_bg.png);
    background-position: center top;
}
.os2_inner {
    padding-top: 45px;
    padding-bottom: 45px;
}
.os2_imagery {
    padding-top: 46px;
    padding-bottom: 46px;
    padding-right: 10.5px;
    margin-left: auto;
    max-width: 827px;
    display: flex;
}
.os2_title {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 49px */
    text-transform: capitalize;
    margin-bottom: 22.79px;
    max-width: 587px;
}
.os2_subtitle {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 17.092px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 19.143px */
    letter-spacing: 0.342px;
    margin-bottom: 45.58px;
    max-width: 505px;
}
.os2_content_div {
    border-radius: 27px 0px 0px 27px;
    background: var(--Accent-Red-Accent, #9F0000);
    padding: 102px 0px 123px 88px;
    margin-left: 10.5px;
}
.os2_card_subtitle {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 17.092px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 19.143px */
    letter-spacing: 0.342px;
    margin-bottom: 0px;
}
.os2_card_div {
    display: flex;
    max-width: 587.782px;
    justify-content: space-between;
    align-items: flex-start;
}
.os2_card {
    max-width: 278px;
}
.imb {
    margin-bottom: 15.19px;
}

.os3_right {
    background: url(../image/os3_right.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    width: 672px;
    height: 857px;
}
.os3_card_title {
    color: var(--Nuetral-Almost-White, #FAFAFA);

    /* H/H4 */
    font-family: "DM Sans";
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 23px */
    text-transform: capitalize;
    margin-bottom: 12px;
}
.os3_card_subtitle {
    color: var(--Nuetral-Almost-White, #FAFAFA);

    /* Medium/Body */
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 20.16px */
    letter-spacing: 0.36px;
    margin-bottom: 0px;
}
.os3_card_img {
    margin-bottom: 16px;
}
.os3_card {
    background: url(../image/os3_cbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    border-radius: 27px;
    padding: 35px;
    width: 434px;
}
.os3_left {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
    max-width: 908px;
}
.os3_main {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 100px;
}
.os3_inner {
    padding-bottom: 88px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.os4_title {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 49px */
    text-transform: capitalize;
    margin-bottom: 26px;
}
.os4_subtitle {
    color: var(--Nuetral-Almost-White, #FAFAFA);

    /* Medium/Body */
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 20.16px */
    letter-spacing: 0.36px;
    margin-bottom: 0px;
}
.os4_card {
    border-radius: 27px;
    background: var(--Accent-Red-Accent, #9F0000);
    width: 530px;
    height: 185px;
    padding: 43px 35px;
}
.os4_main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 165px;
    padding-right: 98px;
    padding-left: 31px;
    padding-top: 72px;
    padding-bottom: 72px;
}
.os4_inner {
    max-width: 1704px;
    margin-left: auto;
    margin-right: auto;
}
.os4_img {
    border-radius: 42px;
}

.faq_s1_pre_title {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    text-align: center;

    /* Hand Written */
    font-family: "Sulphur Point";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 111%; /* 44.4px */
    letter-spacing: 0.8px;
    margin-bottom: 24px;
}
.faq_s1_title {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    text-align: center;
    font-family: "DM Sans";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 70px */
    text-transform: uppercase;
    margin-bottom: 24px;
}
.faq_s1_title span {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 0px;
    border-radius: 9.35px;
    background: var(--Nuetral-Almost-White, #FAFAFA);
    max-width: fit-content;
    padding-left: 9px;
    padding-right: 9px;
    display: inline-block;
}
.faq_s1_subtitle {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    text-align: center;

    /* Medium/Body */
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 20.16px */
    letter-spacing: 0.36px;
    margin-bottom: 0px;
    max-width: 503px;
    margin-left: auto;
    margin-right: auto;
}
.faq_content {
    max-width: 634px;
    margin-left: auto;
    margin-right: auto;
}
.faq_s1_inner {
    padding: 65px 0px;
}
.faq_page {
    padding-top: 123px;
    padding-bottom: 0px;
    background: url(../image/faq_bg.png);
    background-position: center top;
}
.faq_s1_inner {
    max-width: 1301px;
    background: url(../image/faq_s1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
.faq_s1 {
    padding-bottom: 55px;
}
.faq_s2 {
    padding-top: 88px;
    padding-bottom: 88px;
    width: min-content;
    margin-left: auto;
    margin-right: auto;
}
.faq_s2_tab_btn_div {
    border-radius: 36px;
    background: var(--Accent-Red-Accent, #9F0000);
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 1074px;
    max-width: 1074px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 56px;
}
.btn_faq_tab {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Sml, 10px);
    color: var(--Accent-Red-Accent, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 166%; /* 29.88px */
    letter-spacing: 0.36px;
    text-transform: uppercase;
    width: 100%;
}
.btn_faq_tab.active {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Sml, 10px);
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 166%; /* 29.88px */
    letter-spacing: 0.36px;
    text-transform: uppercase;
    border-radius: 27px;
    background: var(--Nuetral-Almost-White, #FAFAFA);
}
.faq_s2_tab_panel .accordion-button {
    padding: 29.5px 24px;
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 23px */
    text-transform: capitalize;
    border-radius: 27px;
}
.faq_s2_tab_panel .accordion-item {
    border-radius: 27px;
    border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
    background: var(--Nuetral-Almost-White, #FAFAFA);
    margin-bottom: 16px;
}
.faq_s2_tab_panel .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 27px 27px 0px 0px;
    /* background: transparent; */
    border: 0px;
    box-shadow: none;
}
.faq_s2_tab_panel .accordion-item:first-of-type>.accordion-header .accordion-button.collapsed {
    border-radius: 27px;
}
.faq_s2_tab_panel .accordion-item:last-of-type>.accordion-header .accordion-button {
    border-radius: 27px 27px 0px 0px;
    /* background: transparent; */
    border: 0px;
    box-shadow: none;
}
.faq_s2_tab_panel .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-radius: 27px;
}
.faq_s2_tab_panel .accordion-item:last-child {
    margin-bottom: 0px;
}
.faq_s2_tab_panel .accordion-button:not(.collapsed) {
    border-radius: 27px 27px 0px 0px;
    border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
    background: var(--Accent-Red-Accent, #9F0000);
    color: var(--Nuetral-Almost-White, #FAFAFA);
    padding: 29.5px 24px 16px;
    font-family: "DM Sans";
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 23px */
    text-transform: capitalize;
    box-shadow: none;
    border: 0px;
}
.acc_text {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 20.16px */
    letter-spacing: 0.36px;
    margin-bottom: 0px;
}
.faq_s2_tab_panel .accordion-body {
    background: var(--Accent-Red-Accent, #9F0000);
    padding: 0px 24px 24px 24px;
    border-radius: 0px 0px 27px 27px;
}
.faq_s2_tab_panel .accordion-button::after {
    background-image: url(../image/faq_drop.svg);
    height: 24px;
    width: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.faq_s2_tab_panel .accordion-button:not(.collapsed)::after {
    background-image: url(../image/faq_drop_open.svg);
    height: 24px;
    width: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    rotate: 180deg;
}
.js1_pre_title {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    text-align: center;

    /* Hand Written */
    font-family: "Sulphur Point";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 111%; /* 44.4px */
    letter-spacing: 0.8px;
    margin-bottom: 24px;
}
.js1_title {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 24px;
    text-align: center;
}
.js1_title span {
    color: var(--Accent-Red-Accent, #9F0000);
    text-align: center;
    font-family: "DM Sans";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 70px */
    text-transform: uppercase;
    margin-bottom: 0px;
    border-radius: 9.35px;
    background: var(--Nuetral-Almost-White, #FAFAFA);
    max-width: fit-content;
    padding-left: 9px;
    padding-right: 9px;
    display: inline-block;
}
.js1_subtitle {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    text-align: center;

    /* Medium/Body */
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 20.16px */
    letter-spacing: 0.36px;
    margin-bottom: 0px;
    max-width: 503px;
    margin-left: auto;
    margin-right: auto;
}
.js1_content {
    max-width: 862px;
    margin-left: auto;
    margin-right: auto;
}
.js1_inner {
    padding-top: 203px;
    padding-bottom: 203px;
    position: relative;
    background: url(../image/js1_bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 35.59px;
}
.js1 {
    padding: 29px 48px 78px;
}

.js1_left_img {
    position: absolute;
    width: 502px;
    height: 660px;
    bottom: 0px;
    left: 7px;
}
.js1_right_img {
    position: absolute;
    width: 586px;
    height: 674px;
    bottom: 0px;
    right: 0px;
}
.js3_title {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 49px */
    text-transform: capitalize;
    margin-bottom: 24px;
}
.js3_subtitle {
    color: var(--Nuetral-Light-Gray, #EAEAEA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 20.16px */
    letter-spacing: 0.36px;
    margin-bottom: 40px;
}
.js3_img {
    border-radius: 27px;
    height: 573px;
    width: 862px;
}
.js3 {
    background: #9F0000;
    padding-top: 95px;
    padding-bottom: 94px;
}
.js3_content {
    max-width: 587px;
    padding-left: 32px;
    padding-right: 32px;
}
.js3_main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 57px;
}
.js3_content_subtitle {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%; /* 20.16px */
    letter-spacing: 0.36px;
    margin-bottom: 0px;
}
.js3_card_img {
    margin-bottom: 16px;
}
.js3_content_white {
    border-radius: 27px;
    background: #FFF;
    padding: 54px 32px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 24px;
    max-width: 587px;
}
.js_strap_text {
    color: var(--Accent-Red-Accent, #9F0000);

    /* Extra Bold/Capt */
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 166%; /* 29.88px */
    letter-spacing: 0.36px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.js_strap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 67px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.join_s4 {
    padding: 88px 0px;
    background-image: url(../image/join_s4bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.join_c4 {
    display: flex;
    align-items: normal;
    border-radius: 27px;
    border: 2px solid var(--Nuetral-Almost-White, #FAFAFA);
    padding: 0px;
}

.join_s4left {
    background-color: #FFFFFF;
    border-radius: 21px 0px 0px 21px;
    display: flex;
    padding: 48px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Lrg, 40px);
    flex-shrink: 0;
}

.join_s4title {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin: 0px;
}

.join_s4subtitle {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin: 0px;
}

.join_s4infobar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.join_s4infoline {
    display: flex;
    align-items: center;
    gap: 16px;
}

.join_s4infotext {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.36px;
    margin: 0px;
}

.join_s4right {
    padding: 48px 32px;
}

.join_s4formbar {
    display: flex;
    gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;

}

.join_s4firstlast {
    display: flex;
    gap: 24px;
    align-self: stretch;
}

.join_s4labelbar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}

.join_s4label {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.39px;
    text-transform: uppercase;
    margin: 0px;
}

.join_s4textbox {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: var(--Sml, 10px);
    align-self: stretch;
    border-radius: 15px;
    border: 2px solid var(--Nuetral-Stroke, #BEBEBE);
    background: rgba(255, 255, 255, 0.10);
}

.join_s4textbox::placeholder {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.36px;
}

.join_s4textbox option {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.36px;
}

/* Checkbox Start */
.join_checkbox {
    position: relative;
    width: 20px;
    height: 20px;
    appearance: none;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    box-shadow: none;
    border-radius: 4px !important;
    cursor: pointer;
    outline: none;
    top: -2px;
}

.join_checkbox:checked {
    background: url(../image/check_tick.svg) no-repeat center center;
    background-size: cover;
    border: none;
}

.join_check {
    display: flex;
    align-items: center;
    gap: 12px;
}

.join_checkboxtext {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.36px;
    margin: 0px;
}

.join_checklink {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.36px;
    text-decoration-line: underline;
    margin: 0px;
}

/* Checkbox End */
.join_capbtnbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.join_s4btn {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Sml, 10px);
    border-radius: 60px;
    background: var(--Nuetral-Almost-White, #FAFAFA);
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 166%;
    letter-spacing: 0.36px;
    text-transform: uppercase;
}

.join_s4btn:hover {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.custom-select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../image/join_downarrow.svg) no-repeat right 10px center;
    background-size: 20px;
    padding-right: 40px;
    color: #FFFFFF;
}

.join_radiobar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.join_radiotitle {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.39px;
    text-transform: uppercase;
    margin: 0px;
}

.join_radiolinebar {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}


.custom-checkbox {
    position: relative;
    display: flex;
    align-items: center;
}

.custom-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-circle {
    width: 20px;
    height: 20px;
    border: 1px solid white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-right: 12px;
}

.checkbox-circle::after {
    content: '';
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease;
}
.joinus_page {
    padding-bottom: 0px;
}
.custom-checkbox input[type="checkbox"]:checked+.checkbox-circle::after {
    opacity: 1;
}

.option_label {
    cursor: pointer;
    transition: color 0.3s ease;
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.36px;
}

.custom-checkbox input[type="checkbox"]:checked+.checkbox-circle+.checkbox-label {
    color: white;
}





@media only screen and (max-width: 600px) {
    .mobile_none {
        display: none;
    }
    .desktop_none {
        display: block;
    }
    .faq_s1_pre_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        text-align: center;
        
        /* Hand Written Medium */
        font-family: "Sulphur Point";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 98%; /* 14.7px */
        letter-spacing: 0.3px;
        margin-bottom: 12px;
    }
    .our_story_page {
        padding: 0px;
        padding-top: 102px;
        background: url(../image/os_bg_mobo.png);
        background-position: center top;
    }
    .os1 {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 42px;
    }
    .os1_inner {
        background: url(../image/os1_bg_mobo.png);
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;
        padding: 42px 20px;
        border-radius: 35.59px;
        max-width: 1651px;
        margin-left: auto;
        margin-right: auto;
        min-height: 773px;
    }
    .os1_pre_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "Sulphur Point";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 98%; /* 14.7px */
        letter-spacing: 0.3px;
        margin-bottom: 12px;
    }
    .os1_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 36.677px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%; /* 44.746px */
        text-transform: uppercase;
        margin-bottom: 12px;
    }
    .os1_title span {
        font-size: 36.677px;
        margin-left: -6px;
    }
    .os1_subtitle {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 18.07px */
        letter-spacing: 0.26px;
    }
    .os2_imagery {
        padding-top: 15px;
        padding-bottom: 24px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: auto;
        margin-right: auto;
        max-width: 327px;
        display: flex;
    }
    .dombla {
        border-radius: var(--Mdm, 20px);
        background: #9F0000;
        padding: 14px 16px;
    }
    .os2_title {
        color: var(--Accent-Red-Accent, #9F0000);
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%; /* 39.04px */
        text-transform: capitalize;
        margin-bottom: 9.5px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .os2_content_div {
        border-radius: 0px;
        background: transparent;
        padding: 0px 24px;
        margin-left: 0px;
    }
    .os2_subtitle {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 18.07px */
        letter-spacing: 0.26px;
        margin-bottom: 24px;
    }
    .imb {
        margin-bottom: 8px;
    }
    .os2_card_subtitle {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 18.07px */
        letter-spacing: 0.26px;
        margin-bottom: 0px;
    }
    .os2_card_div {
        display: flex;
        max-width: 587.782px;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
    }
    .os4_title {
        color: var(--Accent-Red-Accent, #9F0000);
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%; /* 39.04px */
        text-transform: capitalize;
        margin-bottom: 11px;
    }
    .os4_main {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0px;
        padding-right: 24px;
        padding-left: 24px;
        padding-top: 28.5px;
        padding-bottom: 28.5px;
    }
    .os4_img {
        display: none;
    }
    .os4_card {
        border-radius: 20px 20px 0px 0px;
        background: var(--Accent-Red-Accent, #9F0000);
        width: 100%;
        height: unset;
        padding: 27px 22px 15px;
    }
    .os4_subtitle {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 18.07px */
        letter-spacing: 0.26px;
    }
    .os4_mob_img {
        background: url(../image/os4_img_mobo.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 192px;
        border-radius: 0px 0px 20px 20px;
    }
    .os3_card_img {
        width: 88px !important;
        height: 88px;
        margin-bottom: 12px;
    }
    .os3_card_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 20px */
        text-transform: capitalize;
        margin-bottom: 8px;
    }
    .os3_card_subtitle {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 18.07px */
        letter-spacing: 0.26px;
        margin-bottom: 0px;
    }
    .os3_card {
        background: url(../image/os3_cbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        border-radius: 27px;
        padding: 14px 29px;
        width: 100%;
    }
    .os3_mobo {
        padding-left: 24px;
        padding-bottom: 32px;
    }
    #os3_mobo .owl-dots {
        display: flex;
        gap: 12px;
        justify-content: center;
        margin-left: -24px;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    #os3_mobo .owl-dots button.owl-dot {
        width: 8px;
        height: 8px;
        border-radius: 32px;
        background: var(--Nuetral-Stroke, #BEBEBE);
    }
    #os3_mobo .owl-dots button.owl-dot.active {
        width: 30px;
        height: 8px;
        border-radius: 32px;
        background: var(--Nuetral-Stroke, #9F0000);
    }
    .os3_right_mobo {
        margin-left: auto;
        width: 275px;
        height: 193px;
        display: flex;
    }
    .faq_page {
        padding-top: 100px;
        padding-bottom: 0px;
        background: url(../image/faq_bg_mobo.png);
        background-position: center top;
    }
    .faq_s2_tab_panel .accordion-item {
        margin-bottom: 12px;
    }
    .faq_s1_pre_titlev {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        text-align: center;

        /* Hand Written Medium */
        font-family: "Sulphur Point";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 98%; /* 14.7px */
        letter-spacing: 0.3px;
        margin-bottom: 12px;
    }
    .faq_s1_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        text-align: center;
        font-family: "DM Sans";
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%; /* 48.8px */
        text-transform: uppercase;
        margin-bottom: 12px;
    } 
    .faq_s1_title span {
        color: var(--Accent-Red-Accent, #9F0000);
        font-family: "DM Sans";
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%;
        text-transform: uppercase;
    }
    .faq_s1_subtitle {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        text-align: center;

        /* Medium/Body Medium */
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 18.07px */
        letter-spacing: 0.26px;
        margin-bottom: 0px;
    }
    .faq_s1_inner {
        max-width: fit-content;
        background: url(../image/faq_s1_mobo.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        padding: 37px 15px 40px;
        border-radius: 20px;
    } 
    .faq_s1 {
        padding: 0px 24px;
    }
    .faq_s2 {
        padding-top: 61px;
        padding-bottom: 32px;
        width: min-content;
        margin-left: auto;
        margin-right: auto;
    }
    .faq_s2_tab_btn_div {
        border-radius: 36px;
        background: var(--Accent-Red-Accent, #9F0000);
        display: flex;
        padding: 8px;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-width: 327px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
        flex-direction: column;
    }
    .faq_s2_tab_panel .accordion-button {
        color: var(--Accent-Red-Accent, #9F0000);
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 15px */
        text-transform: capitalize;
        padding: 24px;
    }
    .faq_s2_tab_panel .accordion-button:not(.collapsed) {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 15px */
        text-transform: capitalize;
        padding: 24px;
        padding-bottom: 16px;
    }
    .acc_text {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 18.07px */
        letter-spacing: 0.26px;
    }
    .js1_inner {
        background: url(../image/js1_bg_mobo.png);
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;
        padding: 42px 20px;
        border-radius: 35.59px;
        max-width: 1651px;
        margin-left: auto;
        margin-right: auto;
        min-height: 690px;
    }
    .js1 {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 42px;
        padding-top: 0px;
    }
    .joinus_page {
        padding-top: 102px;
        padding-bottom: 0px;
    }
    .js1_pre_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);

        /* Hand Written Medium */
        font-family: "Sulphur Point";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 98%; /* 14.7px */
        letter-spacing: 0.3px;
        margin-bottom: 12px;
    }
    .js1_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 36.677px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%;
        text-transform: uppercase;
        margin-bottom: 12px;
    }
    .js1_title span {
        color: var(--Accent-Red-Accent, #9F0000);
        text-align: center;
        font-family: "DM Sans";
        font-size: 36.677px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%; /* 44.746px */
        text-transform: uppercase;
    }
    .js1_subtitle {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        text-align: center;
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 18.07px */
        letter-spacing: 0.26px;
    }
    .js_strap_text {
        color: var(--Accent-Red-Accent, #9F0000);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.39px;
        text-transform: uppercase;
    }
    .js_strap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 24px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .js_strap img {
        width: 15px;
        height: 15px;
    }
    .js3 {
        background: #9F0000;
        padding-top: 29px;
        padding-bottom: 29px;
    }
    .js3_main {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 0px;
    }
    .js3_img {
        display: none;
    }
    .js3_content_white {
        border-radius: 20px 20px 0px 0px;
        background: #FFF;
        padding: 22px 15px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 16px;
        max-width: 327px;
        margin-left: auto;
        margin-right: auto;
    }
    .js3_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%; /* 39.04px */
        text-transform: capitalize;
        margin-bottom: 12px;
    }
    .js3_subtitle {
        color: var(--Nuetral-Light-Gray, #EAEAEA);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 18.07px */
        letter-spacing: 0.26px;
        margin-bottom: 15px;
    }
    .js3_content_subtitle {
        color: var(--Accent-Red-Accent, #9F0000);
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 18.07px */
        letter-spacing: 0.26px;
    }
    .js3_card_img {
        width: 36px;
        height: 36px;
        margin-bottom: 8px;
    }
    .grounded {
        max-width: 327px;
        margin-left: auto;
        margin-right: auto;
    }
    .grnd_im {
        border-radius: 0px 0px 20px 20px;
    }
    .join_s4 {
        background-image: url(../image/join_s4bgmob.png);
        padding: 32px 24px;
        margin-bottom: 24px;
    }
    .join_c4{
        flex-direction: column;
        border-radius: 12px;
    }
    .join_s4left{
        border-radius: 8px 9px 0px 0px;
        padding: 24px;
    }
    .join_s4title{
        font-size: 32px;
    }
    .join_s4subtitle{
        font-size: 20px;
    }
    .join_s4infotext{
        font-size: 13px;
    }
    .join_s4infoline{
        gap: 12px;
    }
    .join_s4infoline img{
        height: 36px;
    }
    .join_s4right{
        padding: 24px;
    }
    .join_s4formbar{
        gap: 16px;
    }
    .join_s4firstlast{
        flex-direction: column;
        gap: 16px;
    }
    .join_s4textbox{
        padding: 12px;
    }
    .join_swap{
        flex-direction: column-reverse;
    }
    .option_label{
        font-size: 13px;
    }
    .join_radiolinebar {
        display: flex;
        flex-wrap: wrap;
        gap: 16px; /* Adds 24px gap between rows */
    }

    .custom-checkbox {
        flex: 0 0 calc(50% - 12px); /* Ensures 2 items per row with a small gap */
    }
    .join_checkboxtext{
        font-size: 13px;
        line-height: 139%;
    }
    .join_checklink{
        font-size: 13px;
        line-height: 139%;
    }
    .join_capbtnbar{
        flex-direction: column;
        gap: 16px;
    }
    .join_s4btn{
        font-size: 13px;
        width: 100%;
    }
}

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

}

@media only screen and (min-width: 992px) and (max-width: 1151px) {
    .os1 {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 77px;
    }
    .os1_inner {
        background: url(../image/os1_bg.png);
        background-size: cover;
        background-position: right -140px top;
        background-repeat: no-repeat;
        padding: 163px 79px 173px 28px;
        border-radius: 35.59px;
        max-width: 1651px;
        margin-left: auto;
        margin-right: auto;
    }
    .os2_imagery {
        padding-top: 95px;
        padding-bottom: 95px;
        padding-right: 10.5px;
        padding-left: 12px;
        margin-left: auto;
        max-width: 540px;
        display: flex;
    }
    .os2_content_div {
        border-radius: 27px 0px 0px 27px;
        background: var(--Accent-Red-Accent, #9F0000);
        padding: 65px 0px 65px 49px;
        margin-left: 10.5px;
    }
    .os3_card {
        background: url(../image/os3_cbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        border-radius: 27px;
        padding: 25px;
        width: 279px;
    }
    .os3_left {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 24px;
        max-width: 585px;
    }
    .os3_main {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 36px;
        padding-left: 16px;
    }
    .os4_main {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 54px;
        padding-right: 31px;
        padding-left: 31px;
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .os3_right {
        background: url(../image/os3_right.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        width: 575px;
        height: 802px;
    }
    .os2_card_div {
        display: flex;
        max-width: 455.782px;
        justify-content: space-between;
        align-items: flex-start;
        gap: 30px;
    }
    .os2_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 37px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
        margin-bottom: 22.79px;
        max-width: 500px;
    }
    .os2_card {
        max-width: 211px;
    }
    .os2_subtitle {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 17.092px;
        font-style: normal;
        font-weight: 400;
        line-height: 112%;
        letter-spacing: 0.342px;
        margin-bottom: 28px;
        max-width: 431px;
    }
    .os3_card_img {
        margin-bottom: 16px;
        max-width: 55px;
    }
    
}

@media only screen and (min-width: 1152px) and (max-width:1279px) {
    .os1 {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 77px;
    }
    .os1_inner {
        background: url(../image/os1_bg.png);
        background-size: cover;
        background-position: right -140px top;
        background-repeat: no-repeat;
        padding: 163px 79px 173px 28px;
        border-radius: 35.59px;
        max-width: 1651px;
        margin-left: auto;
        margin-right: auto;
    }
    .os2_imagery {
        padding-top: 95px;
        padding-bottom: 95px;
        padding-right: 10.5px;
        margin-left: auto;
        max-width: 540px;
        display: flex;
    }
    .os2_content_div {
        border-radius: 27px 0px 0px 27px;
        background: var(--Accent-Red-Accent, #9F0000);
        padding: 65px 0px 65px 49px;
        margin-left: 10.5px;
    }
    .os3_card {
        background: url(../image/os3_cbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        border-radius: 27px;
        padding: 25px;
        width: 279px;
    }
    .os3_left {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 24px;
        max-width: 585px;
    }
    .os3_main {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 36px;
        padding-left: 16px;
    }
    .os4_main {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 54px;
        padding-right: 31px;
        padding-left: 31px;
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .os3_right {
        background: url(../image/os3_right.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        width: 575px;
        height: 802px;
    }
    .os2_card_div {
        display: flex;
        max-width: 455.782px;
        justify-content: space-between;
        align-items: flex-start;
        gap: 30px;
    }
    .os2_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 37px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
        margin-bottom: 22.79px;
        max-width: 500px;
    }
    .os2_card {
        max-width: 211px;
    }
    .os2_subtitle {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 17.092px;
        font-style: normal;
        font-weight: 400;
        line-height: 112%;
        letter-spacing: 0.342px;
        margin-bottom: 28px;
        max-width: 431px;
    }
    .os3_card_img {
        margin-bottom: 16px;
        max-width: 55px;
    }

    .js3_main {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 24px;
    }
    .js3_img {
        border-radius: 27px;
        height: 497px;
        width: 650px;
    }
}

@media only screen and (min-width: 1280px) and (max-width:1348px) {
    .faq_s1_inner {
        max-width: 1180px;
        background: url(../image/faq_s1.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        border-radius: 50px;
    }
    .os1 {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 77px;
    }
    .os1_inner {
        background: url(../image/os1_bg.png);
        background-size: cover;
        background-position: right -140px top;
        background-repeat: no-repeat;
        padding: 163px 79px 173px 28px;
        border-radius: 35.59px;
        max-width: 1651px;
        margin-left: auto;
        margin-right: auto;
    }
    .os2_imagery {
        padding-top: 75px;
        padding-bottom: 75px;
        padding-right: 10.5px;
        margin-left: auto;
        max-width: 580px;
        display: flex;
    }
    .os2_content_div {
        border-radius: 27px 0px 0px 27px;
        background: var(--Accent-Red-Accent, #9F0000);
        padding: 65px 0px 65px 49px;
        margin-left: 10.5px;
    }
    .os3_card {
        background: url(../image/os3_cbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        border-radius: 27px;
        padding: 25px;
        width: 279px;
    }
    .os3_left {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 24px;
        max-width: 585px;
    }
    .os3_main {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 36px;
    }
    .os4_main {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 54px;
        padding-right: 98px;
        padding-left: 31px;
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .os3_right {
        background: url(../image/os3_right.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        width: 575px;
        height: 802px;
    }
    .os2_card_div {
        display: flex;
        max-width: 517.782px;
        justify-content: space-between;
        align-items: flex-start;
        gap: 36px;
    }
    .os2_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 37px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
        margin-bottom: 22.79px;
        max-width: 500px;
    }
    .os3_card_img {
        margin-bottom: 16px;
        max-width: 55px;
    }

    .js1_left_img {
        position: absolute;
        width: 315px;
        height: 400px;
        bottom: 0px;
        left: 7px;
    }
    .js1_right_img {
        position: absolute;
        width: 400px;
        height: 430px;
        bottom: 0px;
        right: 0px;
    }
    .js1_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 52px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: uppercase;
        margin-bottom: 24px;
        text-align: center;
    }
    .js1_title span {
        color: var(--Accent-Red-Accent, #9F0000);
        text-align: center;
        font-family: "DM Sans";
        font-size: 52px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: uppercase;
        margin-bottom: 0px;
        border-radius: 9.35px;
        background: var(--Nuetral-Almost-White, #FAFAFA);
        max-width: fit-content;
        padding-left: 9px;
        padding-right: 9px;
        display: inline-block;
    }

    .js3_main {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 24px;
    }
    .js3_img {
        border-radius: 27px;
        height: 432px;
        width: 650px;
    }
    .js_strap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 43px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .option_label{
        font-size: 16px;
    }
    
    .js1_inner {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    
}

@media only screen and (min-width: 1349px) and (max-width:1439px) {
    .os1 {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 77px;
    }
    
    .js1_inner {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .os1_inner {
        background: url(../image/os1_bg.png);
        background-size: cover;
        background-position: right -130px top;
        background-repeat: no-repeat;
        padding: 163px 79px 173px 79px;
        border-radius: 35.59px;
        max-width: 1651px;
        margin-left: auto;
        margin-right: auto;
    }
    .os2_imagery {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-right: 10.5px;
        margin-left: auto;
        max-width: 635px;
        display: flex;
    }
    .os2_content_div {
        border-radius: 27px 0px 0px 27px;
        background: var(--Accent-Red-Accent, #9F0000);
        padding: 65px 0px 65px 49px;
        margin-left: 10.5px;
    }
    .os3_card {
        background: url(../image/os3_cbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        border-radius: 27px;
        padding: 35px;
        width: 340px;
    }
    .os3_left {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 24px;
        max-width: 704px;
    }
    .os3_main {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 36px;
    }
    .os4_main {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 54px;
        padding-right: 98px;
        padding-left: 31px;
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .os3_right {
        background: url(../image/os3_right.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        width: 542px;
        height: 802px;
    }

    
    .js1_left_img {
        position: absolute;
        width: 315px;
        height: 400px;
        bottom: 0px;
        left: 7px;
    }
    .js1_right_img {
        position: absolute;
        width: 400px;
        height: 430px;
        bottom: 0px;
        right: 0px;
    }
    .js1_title {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 56px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: uppercase;
        margin-bottom: 24px;
        text-align: center;
    }
    .js1_title span {
        color: var(--Accent-Red-Accent, #9F0000);
        text-align: center;
        font-family: "DM Sans";
        font-size: 56px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: uppercase;
        margin-bottom: 0px;
        border-radius: 9.35px;
        background: var(--Nuetral-Almost-White, #FAFAFA);
        max-width: fit-content;
        padding-left: 9px;
        padding-right: 9px;
        display: inline-block;
    }

    .js3_main {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 36px;
    }
    .js3_img {
        border-radius: 27px;
        height: 432px;
        width: 650px;
    }
    .js_strap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 43px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .option_label{
        font-size: 16px;
    }
}

@media only screen and (min-width: 1440px) and (max-width:1499px) {
    .os1 {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 77px;
    }
    .os1_inner {
        background: url(../image/os1_bg.png);
        background-size: cover;
        background-position: right -140px top;
        background-repeat: no-repeat;
        padding: 163px 79px 173px 79px;
        border-radius: 35.59px;
        max-width: 1651px;
        margin-left: auto;
        margin-right: auto;
    }
    .os2_imagery {
        padding-top: 46px;
        padding-bottom: 46px;
        padding-right: 10.5px;
        margin-left: auto;
        max-width: 677px;
        display: flex;
    }
    .os2_content_div {
        border-radius: 27px 0px 0px 27px;
        background: var(--Accent-Red-Accent, #9F0000);
        padding: 65px 0px 65px 49px;
        margin-left: 10.5px;
    }
    .os3_card {
        background: url(../image/os3_cbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        border-radius: 27px;
        padding: 35px;
        width: 340px;
    }
    .os3_left {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 24px;
        max-width: 704px;
    }
    .os3_main {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 36px;
    }
    .os4_main {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 54px;
        padding-right: 98px;
        padding-left: 31px;
        padding-top: 72px;
        padding-bottom: 72px;
    }
    
    .js1_left_img {
        position: absolute;
        width: 309px;
        height: 400px;
        bottom: 0px;
        left: 7px;
    }
    .js1_right_img {
        position: absolute;
       width: 370px;
        height: 410px;
        bottom: 0px;
        right: 0px;
    }
    .js1_inner {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .js3_img {
        border-radius: 27px;
        height: 484px;
        width: 729px;
    }
    .js_strap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 43px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {
    .os2_imagery {
        padding-top: 46px;
        padding-bottom: 46px;
        padding-right: 10.5px;
        margin-left: auto;
        max-width: 677px;
        display: flex;
    }
    .os1 {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 77px;
    }
    .os3_card {
        background: url(../image/os3_cbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        border-radius: 27px;
        padding: 35px;
        width: 388px;
    }
    .os3_left {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 40px;
        max-width: 816px;
    }
    .os3_main {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 16px;
    }
    .os3_left {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 16px;
        max-width: 816px;
    }
    .os4_main {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 97px;
        padding-right: 98px;
        padding-left: 31px;
        padding-top: 72px;
        padding-bottom: 72px;
    }
    
    .os2_content_div {
        border-radius: 27px 0px 0px 27px;
        background: var(--Accent-Red-Accent, #9F0000);
        padding: 65px 0px 65px 49px;
        margin-left: 10.5px;
    }
    .js1_left_img {
        position: absolute;
        width: 340px;
        height: 552px;
        bottom: 0px;
        left: 7px;
    }
    .js1_right_img {
        position: absolute;
        width: 440px;
        height: 587px;
        bottom: 0px;
        right: 0px;
    }
    .js3_img {
        border-radius: 27px;
        height: 573px;
        width: 729px;
    }
    .js_strap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 57px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media only screen and (min-width: 1600px) and (max-width:1699px) {
    .os2_imagery {
        padding-top: 46px;
        padding-bottom: 46px;
        padding-right: 10.5px;
        margin-left: auto;
        max-width: 746px;
        display: flex;
    }
    .os1 {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 77px;
    }
    .os3_card {
        background: url(../image/os3_cbg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        border-radius: 27px;
        padding: 35px;
        width: 388px;
    }
    .os3_left {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 40px;
        max-width: 816px;
    }
    .os3_main {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        gap: 60px;
    }
    .js1_left_img {
        position: absolute;
        width: 397px;
        height: 552px;
        bottom: 0px;
        left: 7px;
    }
    .js1_right_img {
        position: absolute;
        width: 508px;
        height: 587px;
        bottom: 0px;
        right: 0px;
    }
}

@media only screen and (min-width: 1700px) and (max-width:1799px) {
    .js1_left_img {
        position: absolute;
        width: 438px;
        height: 552px;
        bottom: 0px;
        left: 7px;
    }
    .js1_right_img {
        position: absolute;
        width: 536px;
        height: 587px;
        bottom: 0px;
        right: 0px;
    }
    .home-bannar-text h1 {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        font-family: "DM Sans";
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 80px;
        text-transform: uppercase;
        margin-bottom: 24px;
    }
}

@media only screen and (min-width: 1800px) and (max-width:1919px) {

}