
.section_of_ad {
    padding-bottom: 0px;
    background: url(../image/acc_dash.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* ----------------------------- Global ----------------------------- */
.desktop_none {
    display: none;
}

.mobile_none {
    display: block;
}

.ad_s1 {
    background: url(../image/adbk.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    padding-top: 48.5px;
    padding-bottom: 58.5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    border-radius: 35px;
    max-width: 1300px;
}

.ad_s1_inner {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    text-align: center;
    /* H/H2 */
    font-family: "DM Sans";
    font-size: 49px;
    font-style: 'normal';
    font-weight: 700;
    line-height: 100%;
    /* 49px */
    text-transform: capitalize;
}

.button_outer {
    display: flex;
    padding: 4px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 36px;
    background: var(--Nuetral-Almost-White, #FAFAFA);
    width: 935px;
    margin-left: auto;
    margin-right: auto;
}

.button_inner {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Sml, 10px);
    flex: 1 0 0;
    background-color: transparent;
    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;
    border-radius: 8px;
}

.button_inner.active {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Sml, 10px);
    flex: 1 0 0;
    border-radius: 26px;
    background: var(--Accent-Red-Accent, #9F0000);
    color: var(--Nuetral-Almost-White, #FAFAFA);
    /* 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;
}

.ad_s2 {
    display: flex;
    width: 1440px;
    padding: 88px 24px;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    margin-left: auto;
    margin-right: auto;
}

.ad_form {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    border-radius: 27px;
    border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
    background: var(--Nuetral-Almost-White, #FAFAFA);
}

.form_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.para_of_form {
    color: var(--Nuetral-Dark-Gray, #232323);
    /* Extra Bold/Capt Medium */
    font-family: "DM Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.39px;
    text-transform: uppercase;
    align-self: stretch;
    margin-bottom: 0%;
}

.input_of_form {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: var(--Sml, 10px);
    align-self: stretch;
    border-radius: 13px;
    border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
    background: rgba(255, 255, 255, 0.10);
    color: var(--Nuetral-Dark-Gray, #232323);
    /* Medium/Body */
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    /* 20.16px */
    letter-spacing: 0.36px;
}

.input_of_form::placeholder {
    color: var(--Nuetral-Dark-Gray, #232323);
    opacity: 1;
}

.btn_of_form {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Sml, 10px);
    align-self: stretch;
    border-radius: 60px;
    background: var(--Accent-Red-Accent, #9F0000);
    color: var(--Nuetral-Almost-White, #FAFAFA);
    /* 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;
}

.div_for_inner {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.para_of_form span {
    color: var(--Nuetral-Dark-Gray, #232323);
    font-family: "DM Sans";
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.27px;
    text-transform: uppercase;
}

.div_for_table {
    display: flex;
    padding: 88px 0px;
    flex-direction: column;
    align-items: center;
    gap: var(--Sml, 10px);
    width: 1470px;
    margin-left: auto;
    margin-right: auto;
}

.div_for_table table thead tr th {
    background: var(--Accent-Red-Accent, #9F0000);
}

.div_for_table table thead tr th:first-child {
    border-top-left-radius: 20px;
}

.div_for_table table thead tr th:last-child {
    border-top-right-radius: 20px;
}

.para_of_table {
    margin-bottom: 0%;
    color: var(--Nuetral-Almost-White, #FAFAFA);
    text-align: center;
    /* 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;
}

.para_for_row {
    color: var(--Accent-Red-Accent, #9F0000);
    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: 0%;
    padding: 10px;
}

.div_for_row1 {
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: var(--Sml, 10px);
    border-radius: 32px;
    border: 1px solid #00A324;
    background: #E5FFEB;
    width: 119px;
    height: 30px;
    margin-left: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-top: auto;
}

.para_for_row1 {
    color: #00A324;
    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-top: 16px;
}

.div_for_row2 {
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: var(--Sml, 10px);
    border-radius: 32px;
    border: 1px #0041A3;
    background: #DCF3FF;
    width: 119px;
    height: 30px;
    margin-left: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-top: auto;
}

.para_for_row2 {
    color: #0041A3;
    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-top: 16px;
}

.div_for_row3 {
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: var(--Sml, 10px);
    border-radius: 32px;
    border: 1px #A30000;
    background: #FFE3E3;
    width: 119px;
    height: 30px;
    margin-left: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-top: auto;
}

.para_for_row3 {
    color: #A30000;
    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-top: 16px;
}

.section_of_pf {
    padding-bottom: 0px;
}

.for_back {
    background: url(../image/background_pf.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    border-radius: 35px;
    max-width: 1824px;
    height: 912px;
}

.image_boy {
    width: 350px;
    height: 660px;
    border-radius: 20px;
    position: absolute;
    right: 70px;
    top: 120px;
}

.image_girl {
    width: 430px;
    height: 662px;
    border-radius: 20px;
    position: absolute;
    bottom: 30px;
    left: 70px;
}

.div_for_heading {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    max-width: 552px;
    position: relative;
    top: 305px;
    left: 644px;
}

.heading_of_pf {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    text-align: center;
    width: 552px;
    /* H/H1 */
    font-family: "DM Sans";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 70px */
    text-transform: uppercase;

}

.para_of_pf {
    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;

}

.div_for_btn_pf {
    display: flex;
    padding: 0px 113px;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    align-self: stretch;

}

.btn_pf1 {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Sml, 10px);
    flex: 1 0 0;
    border-radius: 60px;
    color: var(--Nuetral-Almost-White, #FAFAFA);
    border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
    background: rgba(255, 255, 255, 0.40);
}

.btn_pf2 {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: var(--Sml, 10px);
    flex: 1 0 0;
    border-radius: 60px;
    background: var(--Nuetral-Almost-White, #FAFAFA);
    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;
}

@media only screen and (max-width: 600px) {
    .section_of_ad {
        padding-bottom: 0px;
        background: url(../image/acc_dash_mobo.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .mobile_none {
        display: none;
    }

    .desktop_none {
        display: block;
    }
    .texting {
        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;
    }
    .ad_s1_inner {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        text-align: center;
        
        /* H/H3 */
        font-family: "DM Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%; /* 39.04px */
        text-transform: capitalize;
        margin-bottom: 0px;
    } 
    .ad_s1 {
        background: url(../image/adbkph.png);
        display: flex;
        width: 327px;
        padding: var(--Lrg, 40px) 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
        margin-left: auto;
        margin-right: auto;
        height: unset;
    }

    .button_outer {
        display: flex;
        width: 255px;
        padding: 8px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .button_inner {
        display: flex;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: var(--Sml, 10px);
        align-self: stretch;
        color: var(--Accent-Red-Accent, #9F0000);
        /* Extra Bold/Capt Medium */
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.39px;
        text-transform: uppercase;
    }

    .button_inner.active {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        /* Extra Bold/Capt Medium */
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.39px;
        text-transform: uppercase;
    }

    .ad_s2 {
        display: flex;
        padding: 32px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
        width: fit-content;
    }

    .ad_form {
        width: 327px;
    }

    .para_of_form {
        color: var(--Nuetral-Dark-Gray, #232323);
        /* Extra Bold/Capt Medium */
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.39px;
        text-transform: uppercase;
    }

    .input_of_form {
        display: flex;
        color: var(--Nuetral-Dark-Gray, #232323);
        /* 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;
        height: 46px;
        padding: 12px;
        align-items: center;
        gap: var(--Sml, 10px);
        align-self: stretch;
    }

    .input_of_form::placeholder {
        color: var(--Nuetral-Dark-Gray, #232323);
        /* Medium/Body Medium */
        font-family: "DM Sans";
        font-style: normal;
        font-weight: 400;
        line-height: 139%;
        /* 18.07px */
        letter-spacing: 0.26px;
        display: flex;
        height: 46px;
        font-size: 13px;
        align-items: center;
        gap: var(--Sml, 10px);
        align-self: stretch;
    }

    .div_for_inner {
        display: flex;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
        flex-direction: column;
    }

    .order_tab_mobo_row {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 47px;
        padding-bottom: 32px;
    }

    .order_tab_mobo {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
        width: 100%;

    }

    .order_tab_mobo_left,
    .order_tab_mobo_right {
        width: 100%;
    }

    .order_tab_mobo_left {
        background: var(--Accent-Red-Accent, #9F0000);
    }

    .order_tab_mobo_left .order_tab_mobo_left_internal {
        padding: 14px 14px 20px 14px;
    }

    .order_tab_mobo_right .order_tab_mobo_right_internal {
        padding: 14px;
        height: 50.2px;
    }

    .order_tab_mobo_right .order_tab_mobo_right_internal:last-child {
        padding: 8px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .order_tab_mobo_left_internal p {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        text-align: center;

        /* Extra Bold/Capt Medium */
        font-family: "DM San";
        font-size: 13px;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        letter-spacing: 0.48px;
        text-transform: uppercase;
        margin-bottom: 0px;
    }

    .order_tab_mobo_right_internal p {
        color: var(--Accent-Red-Accent, #9F0000);
        text-align: center;

        /* Medium/Body Medium */
        font-family: "DM San";
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 112%;
        /* 17.92px */
        letter-spacing: 0.32px;
        margin-bottom: 0px;
    }

    .table_order_content_pill {
        text-align: center;

        /* Medium/Body Medium */
        font-family: "DM San";
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 112%;
        /* 17.92px */
        letter-spacing: 0.32px;
        border-radius: 32px;
        padding: 4px 12px 6px 12px;
        border: 1px solid;
    }

    .table_order_content_pill.green {
        color: #00A324;
        background: #E5FFEB;
    }

    .table_order_content_pill.blue {
        color: #0041A3;
        background: #DCF3FF;
    }

    .order_tab_mobo_right_internal.blue {
        border: 1px #0041A3;
    }

    .table_order_content_pill.red {
        color: #A30000;
        background: #FFE3E3;
    }

    .order_tab_mobo_right_internal.red {
        border: 1px #A30000;
    }

    .order_tab_mobo {
        border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
        border-bottom: 0px;
    }

    .order_tab_mobo:first-child {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .order_tab_mobo:last-child {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom: 1px solid #BEBEBE;
    }

    .order_tab_mobo:first-child .order_tab_mobo_left {
        border-top-left-radius: 10px;
    }

    .order_tab_mobo_right {
        border-top-right-radius: 10px;
    }


    .order_tab_mobo:last-child .order_tab_mobo_left {
        border-bottom-left-radius: 10px;
    }

    .for_back {
        background: url(../image/pf_bk.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        width: 330px;
        height: 596px;
        flex-shrink: 0;
        margin-bottom: 26px;
    }

    .div_for_heading {

        display: flex;
        max-width: -webkit-fill-available;
        padding: 48px 24px 24px 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 220px;
        left: 0px;
        gap: 0px;
    }


    .heading_of_pf {
        color: var(--Nuetral-Almost-White, #FAFAFA);
        text-align: center;

        /* H/H1 Moble */
        font-family: "DM Sans";
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 122%;
        /* 48.8px */
        text-transform: uppercase;
        margin-bottom: 12px;
    }

    .para_of_pf {
        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: 24px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .div_for_btn_pf {
        display: flex;
        width: 271px;
        justify-content: center;
        align-items: center;
        gap: 17px;
        margin-left: auto;
        margin-right: auto;
    }


    .btn_pf1 {
        display: flex;
        padding: 12px 38px;
        justify-content: center;
        align-items: center;
        gap: var(--Sml, 10px);
        flex: 1 0 0;

        border-radius: 60px;
        border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
        background: rgba(255, 255, 255, 0.40);
        color: var(--Nuetral-Almost-White, #FAFAFA);

        /* Extra Bold/Capt Medium */
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.39px;
        text-transform: uppercase;
    }

    .btn_pf2 {
        display: flex;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: var(--Sml, 10px);
        flex: 1 0 0;
        border-radius: 60px;

        background: var(--Nuetral-Almost-White, #FAFAFA);
        color: var(--Accent-Red-Accent, #9F0000);

        /* Extra Bold/Capt Medium */
        font-family: "DM Sans";
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.39px;
        text-transform: uppercase;
    }
}

@media only screen and (min-width: 780px) and (max-width:991px) {}

@media only screen and (min-width: 992px) and (max-width:1151px) {
    .ad_s1 {
        background: url(../image/adbk.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        padding-top: 48.5px;
        padding-bottom: 58.5px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex-shrink: 0;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1035px;
    }

    .ad_s2 {
        display: flex;
        width: 1025px;
        padding: 88px 0px;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        margin-left: auto;
        margin-right: auto;
    }

    .div_for_table {
        display: flex;
        padding: 88px 0px;
        flex-direction: column;
        align-items: center;
        gap: var(--Sml, 10px);
        width: 1015px;
        margin-left: auto;
        margin-right: auto;
    }

    .for_back {
        background: url(../image/background_pf.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1028px;
        height: 912px;
    }

    .image_girl {
        width: 220px;
        height: 465px;
        border-radius: 20px;
        position: absolute;
        bottom: 11px;
        left: 33px;
    }

    .image_boy {
        width: 220px;
        height: 495px;
        border-radius: 20px;
        position: absolute;
        right: 32px;
        top: 105px;
    }

    .div_for_heading {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        flex-shrink: 0;
        max-width: 552px;
        position: relative;
        top: 305px;
        left: 239px;
    }
}

@media only screen and (min-width: 1152px) and (max-width:1279px) {
    .ad_s1 {
        background: url(../image/adbk.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        padding-top: 48.5px;
        padding-bottom: 58.5px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex-shrink: 0;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1090px;
    }

    .ad_s2 {
        display: flex;
        width: 1010px;
        padding: 88px 0px;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        margin-left: auto;
        margin-right: auto;
    }

    .div_for_table {
        display: flex;
        padding: 88px 0px;
        flex-direction: column;
        align-items: center;
        gap: var(--Sml, 10px);
        width: 1061px;
        margin-left: auto;
        margin-right: auto;
    }

    .for_back {
        background: url(../image/background_pf.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1107px;
        height: 912px;
    }

    .image_boy {
        width: 267px;
        height: 540px;
        border-radius: 20px;
        position: absolute;
        right: 32px;
        top: 108px;
    }

    .image_girl {
        width: 257px;
        height: 523px;
        border-radius: 20px;
        position: absolute;
        bottom: 18px;
        left: 30px;
    }

    .div_for_heading {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        flex-shrink: 0;
        max-width: 552px;
        position: relative;
        top: 305px;
        left: 272px;
    }

}

@media only screen and (min-width: 1280px) and (max-width:1348px) {
    .ad_s1 {
        background: url(../image/adbk.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        padding-top: 48.5px;
        padding-bottom: 58.5px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex-shrink: 0;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1225px;
    }

    .ad_s2 {
        display: flex;
        width: 1230px;
        padding: 88px 0px;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        margin-left: auto;
        margin-right: auto;
    }

    .div_for_table {
        display: flex;
        padding: 88px 0px;
        flex-direction: column;
        align-items: center;
        gap: var(--Sml, 10px);
        width: 1223px;
        margin-left: auto;
        margin-right: auto;
    }

    .for_back {
        background: url(../image/background_pf.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1219px;
        height: 912px;
    }

    .image_girl {
        width: 306px;
        height: 529px;
        border-radius: 20px;
        position: absolute;
        bottom: 22px;
        left: 43px;
    }

    .image_boy {
        width: 300px;
        height: 596px;
        border-radius: 20px;
        position: absolute;
        right: 47px;
        top: 115px;
    }

    .div_for_heading {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        flex-shrink: 0;
        max-width: 552px;
        position: relative;
        top: 305px;
        left: 336px;
    }

}

@media only screen and (min-width: 1349px) and (max-width:1399px) {
    .ad_s2 {
        display: flex;
        width: 1200px;
        padding: 88px 0px;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        margin-left: auto;
        margin-right: auto;
    }

    .div_for_table {
        display: flex;
        padding: 88px 0px;
        flex-direction: column;
        align-items: center;
        gap: var(--Sml, 10px);
        width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

    .image_girl {
        width: 326px;
        height: 556px;
        border-radius: 20px;
        position: absolute;
        bottom: 30px;
        left: 51px;
    }

    .image_boy {
        width: 297px;
        height: 578px;
        border-radius: 20px;
        position: absolute;
        right: 47px;
        top: 115px;
    }

    .for_back {
        background: url(../image/background_pf.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1287px;
        height: 912px;
    }

    .div_for_heading {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        flex-shrink: 0;
        max-width: 552px;
        position: relative;
        top: 305px;
        left: 382px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1499px) {
    .for_back {
        background: url(../image/background_pf.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1373px;
        height: 912px;
    }

    .image_boy {
        width: 323px;
        height: 612px;
        border-radius: 20px;
        position: absolute;
        right: 60px;
        top: 120px;
    }

    .image_girl {
        width: 366px;
        height: 580px;
        border-radius: 20px;
        position: absolute;
        bottom: 30px;
        left: 58px;
    }

    .div_for_heading {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        flex-shrink: 0;
        max-width: 552px;
        position: relative;
        top: 305px;
        left: 432px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {
    .div_for_table {
        display: flex;
        padding: 88px 0px;
        flex-direction: column;
        align-items: center;
        gap: var(--Sml, 10px);
        width: 1420px;
        margin-left: auto;
        margin-right: auto;
    }

    .for_back {
        background: url(../image/background_pf.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1425px;
        height: 912px;
    }

    .image_boy {
        width: 316px;
        height: 587px;
        border-radius: 20px;
        position: absolute;
        right: 70px;
        top: 120px;
    }

    .image_girl {
        width: 385px;
        height: 598px;
        border-radius: 20px;
        position: absolute;
        bottom: 30px;
        left: 70px;
    }

    .div_for_heading {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        flex-shrink: 0;
        max-width: 552px;
        position: relative;
        top: 305px;
        left: 449px;
    }
}

@media only screen and (min-width: 1600px) and (max-width:1699px) {
    .for_back {
        background: url(../image/background_pf.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1532px;
        height: 912px;
    }

    .div_for_heading {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        flex-shrink: 0;
        max-width: 552px;
        position: relative;
        top: 305px;
        left: 500px;
    }

    .image_boy {
        width: 320px;
        height: 610px;
        border-radius: 20px;
        position: absolute;
        right: 70px;
        top: 120px;
    }

    .image_girl {
        width: 394px;
        height: 578px;
        border-radius: 20px;
        position: absolute;
        bottom: 30px;
        left: 70px;
    }

}

@media only screen and (min-width: 1700px) and (max-width:1799px) {
    .div_for_table {
        display: flex;
        padding: 88px 0px;
        flex-direction: column;
        align-items: center;
        gap: var(--Sml, 10px);
        width: 1400px;
        margin-left: auto;
        margin-right: auto;
    }

    .for_back {
        background: url(../image/background_pf.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1645px;
        height: 912px;
    }

    .div_for_heading {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        flex-shrink: 0;
        max-width: 552px;
        position: relative;
        top: 305px;
        left: 550px;
    }
}

@media only screen and (min-width: 1800px) and (max-width:1919px) {
    .ad_s1 {
        background: url(../image/adbk.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        padding-top: 48.5px;
        padding-bottom: 58.5px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex-shrink: 0;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1300px;
    }

    .ad_s2 {
        display: flex;
        width: 1410px;
        padding: 88px 0px;
        justify-content: center;
        align-items: flex-start;
        gap: 32px;
        margin-left: auto;
        margin-right: auto;
    }

    .div_for_table {
        display: flex;
        padding: 88px 0px;
        flex-direction: column;
        align-items: center;
        gap: var(--Sml, 10px);
        width: 1470px;
        margin-left: auto;
        margin-right: auto;
    }

    .for_back {
        background: url(../image/background_pf.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        border-radius: 35px;
        max-width: 1733px;
        height: 912px;
    }

    .div_for_heading {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        flex-shrink: 0;
        max-width: 552px;
        position: relative;
        top: 305px;
        left: 596px;
    }
}