.marke_wrap {
    margin-top: 7vw;
    width: 75%;
    margin-left: auto;
}

    .marke_wrap h1 {
        font-size: 4.5vw;
        line-height: 1;
        font-weight: 700;
        font-family: 'Proxima Nova Rg';
    }

        .marke_wrap h1 span {
            font-size: 2.6vw;
            font-weight: 400;
            font-family: 'Proxima Nova Rg';
            .swiper-infos .swiper-slide img

{
    margin-bottom: 1vw;
}

;
}

.sky_sec {
    padding-left: 25vw;
    padding-right: 5vw;
}

    .sky_sec p {
        font-size: 1.2vw;
        width: 66%;
        margin-bottom: 5vw;
        line-height: 1.5;
        font-weight: 400;
    }

    .sky_sec h4 {
        font-size: 2vw;
        font-weight: 300;
    }

    .sky_sec .info {
        display: flex;
        grid-gap: 3vw;
    }

        .sky_sec .info > div h3 {
            font-size: 2.8vw;
            font-weight: 600;
            margin-bottom: 1vw;
            line-height: 1.1;
            font-family: 'Proxima Nova Lt';
        }

            .sky_sec .info > div h3 span {
                font-size: 2vw;
                font-weight: 300;
            }

        .sky_sec .info > div h2 {
            font-size: 6vw;
            line-height: 1;
            color: #9747FF;
            font-weight: 600;
            font-family: 'Proxima Nova Lt';
        }

            .sky_sec .info > div h2 .number {
                display: flex;
                align-items: baseline;
            }

            .sky_sec .info > div h2 span {
                display: block;
            }

        .sky_sec .info > div p {
            font-size: 2vw;
            width: 100%;
            line-height: 1.2;
            margin: 0;
        }

        .sky_sec .info > div h2 .number p {
            font-size: 2vw;
            color: #1F1F1F;
            font-weight: 400;
        }

.scape_sec {
    background: #F4F5F8;
    padding-top: 5vw;
    padding-left: 5vw;
    padding-bottom: 7vw;
}

    .scape_sec > div {
        width: 60%;
    }

    .scape_sec h2 {
        font-size: 4.5vw;
        line-height: 1;
        font-weight: 600;
        color: #1F1F1F;
        margin-bottom: 2vw;
    }

    .scape_sec p {
        font-size: 1.2vw;
        margin-bottom: 2vw;
        line-height: 1.5;
    }

    .scape_sec h3 {
        font-size: 2vw;
        color: #4F008C;
        line-height: 1.2;
        font-weight: 600;
        margin-bottom: 2vw;
    }

    .scape_sec ul {
        padding-left: 2vw;
    }

        .scape_sec ul li {
            margin-bottom: 1vw;
            position: relative;
            font-size: 1.2vw;
            line-height: 1.5;
        }

            .scape_sec ul li:before {
                content: "";
                position: absolute;
                width: 15px;
                height: 15px;
                background: #2AD5FF;
                border-radius: 4px;
                left: -2vw;
                top: .2vw;
            }

            .scape_sec ul li strong {
                font-size: 1.2vw;
                color: #1F1F1F;
                font-weight: 600;
            }

.beyound_sec {
    width: 75%;
    margin: 0 0 0 auto;
}

    .beyound_sec .head {
        width: 80%;
    }

        .beyound_sec .head h2 {
            font-size: 4.5vw;
            line-height: 1;
            font-weight: 600;
            color: #1F1F1F;
            margin-bottom: 2vw;
        }

        .beyound_sec .head p {
            font-size: 1.2vw;
            width: 85%;
            line-height: 1.5;
        }

    .beyound_sec .beyound_swiper {
    }

        .beyound_sec .beyound_swiper .beyoundSwiper {
        }

            .beyound_sec .beyound_swiper .beyoundSwiper img {
                margin-bottom: 1vw;
            }

            .beyound_sec .beyound_swiper .beyoundSwiper h2 {
                font-size: 1.5vw;
                margin-bottom: 1vw;
                font-weight: 400;
                line-height: 1.2;
            }

            .beyound_sec .beyound_swiper .beyoundSwiper p {
                font-size: 1.3vw;
                font-weight: bold;
                line-height: 1.8;
            }

.power_sec {
    background-color: #1F1F1F;
    padding-top: 5vw;
    padding-left: 25vw;
    padding-right: 5vw;
    padding-bottom: 10vw;
}

    .power_sec .head {
    }

        .power_sec .head h2 {
            font-size: 4.8vw;
            line-height: 1;
            font-weight: 600;
            color: #fff;
            margin-bottom: 2vw;
        }

        .power_sec .head p {
            font-size: 1.2vw;
            margin-bottom: 2vw;
            color: #fff;
            width: 70%;
        }

    .power_sec .grid_sec {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 5vw;
        padding-right: 3vw;
        margin-bottom: 5vw;
    }

        .power_sec .grid_sec .grid {
        }

            .power_sec .grid_sec .grid .img {
                margin-bottom: 3vw;
            }

                .power_sec .grid_sec .grid .img img {
                }

            .power_sec .grid_sec .grid h2 {
                color: #fff;
                font-size: 1.8vw;
                line-height: 1.2;
                margin-bottom: 1vw;
                width: 65%;
                min-height: 6vw;
                font-weight: 600;
            }

            .power_sec .grid_sec .grid p {
                color: #fff;
                font-size: 1.1vw;
                font-family: 'Proxima Nova Lt';
            }

    .power_sec h3 {
        font-size: 2.1vw;
        color: #fff;
        line-height: 1.5;
        font-family: 'Proxima Nova Lt';
    }

.key_white {
    background-color: transparent;
    padding-left: 25vw;
    padding-right: 10vw;
}

    .key_white > div {
        width: 100%;
    }

        .key_white > div .head {
            margin-bottom: 5vw;
            width: 100%;
        }

.scape_sec h4 {
    font-size: 2.5vw;
    line-height: 1;
    color: #1F1F1F;
    font-weight: 600;
    margin-bottom: 2vw;
}

.key_white ul {
    width: 80%;
}

.bg_key {
    background-color: #F4F5F8;
}

.scape_sec h2 span {
    color: #4F008C;
}

.scape_sec .head {
    width: 65%;
}

.scape_sec_white {
    background-color: transparent;
}

    .scape_sec_white span {
        color: #9747FF;
    }

.strivi_sec {
}

    .strivi_sec p {
        font-size: 1.2vw;
        line-height: 1.4;
        width: 52%;
        margin-left: auto;
        margin-bottom: 7vw;
    }

    .strivi_sec h2 {
        font-size: 5vw;
        line-height: 1;
        width: 75%;
        color: #1F1F1F;
        font-weight: bold;
    }

        .strivi_sec h2 span {
            color: #9747FF;
        }

.trans_list {
}

    .trans_list h3 {
        font-size: 2vw;
        color: #4F008C;
        line-height: 1.2;
        font-weight: 600;
        margin-bottom: 2vw;
    }

    .trans_list p {
        margin-bottom: 2vw;
        position: relative;
        font-size: 1.2vw;
        padding-left: 2vw;
    }

        .trans_list p::before {
            content: "";
            position: absolute;
            width: 15px;
            height: 15px;
            background: #2AD5FF;
            border-radius: 4px;
            left: 0;
            top: .2vw;
        }

.stories_sec {
    width: 100%;
    padding-left: 6vw;
    padding-right: 6vw;
}

    .stories_sec .grid_sec {
        grid-template-columns: repeat(5, 1fr);
        padding: 0;
        grid-gap: 5vw;
    }

        .stories_sec .grid_sec .grid .info h2 {
            width: 100%;
        }

        .stories_sec .grid_sec .grid .info p span {
            color: #2AD5FF;
            text-decoration: underline;
        }

        .stories_sec .grid_sec .grid .img img {
            width: 100%;
        }

        .stories_sec .grid_sec .grid .info p a {
            color: #2AD5FF;
            text-decoration: underline;
        }

    .stories_sec .head {
        width: 85%;
    }

.stusiesSwiper .swiper-slide .grid {
}

    .stusiesSwiper .swiper-slide .grid .img {
        width: 75%;
        min-height: 13vw;
    }

        .stusiesSwiper .swiper-slide .grid .img img {
            width: 100%;
        }

    .stusiesSwiper .swiper-slide .grid h2 {
        color: #fff;
        font-size: 1.8vw;
        line-height: 1.2;
        width: 90%;
        min-height: 7vw;
        font-weight: 600;
    }

    .stusiesSwiper .swiper-slide .grid p {
        font-size: 1.1vw;
        color: #fff;
        padding-right: 2vw;
    }

        .stusiesSwiper .swiper-slide .grid p span {
            color: #2AD5FF;
            text-decoration: underline;
        }

        .stusiesSwiper .swiper-slide .grid p a {
            color: #2AD5FF;
            text-decoration: underline;
        }

.stusiesSwiper {
    margin-bottom: 5vw;
}

.growing_sec {
    display: flex;
    grid-gap: 5vw;
    position: relative;
}

    .growing_sec .left {
        width: 40%;
    }

        .growing_sec .left h2 {
            font-size: 3.2vw;
            line-height: 1;
            color: #FFFFFF;
            background: #9747FF;
            display: inline-block;
            font-weight: 600;
            padding: .3vw;
        }

    .growing_sec .right {
        width: 60%;
    }

        .growing_sec .right p {
            font-size: 1.2vw;
            line-height: 1.4;
            margin-bottom: 2vw;
            margin-left: auto;
        }

        .growing_sec .right .info {
        }

            .growing_sec .right .info h2 {
                font-size: 2vw;
                color: #1F1F1F;
                line-height: 1.2;
                font-weight: 600;
                margin-bottom: 1vw;
            }

            .growing_sec .right .info p {
                margin-bottom: 2vw;
                position: relative;
                font-size: 1.2vw;
                padding-left: 2vw;
            }

                .growing_sec .right .info p:before {
                    content: "";
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    background: #2AD5FF;
                    border-radius: 4px;
                    left: 0;
                    top: .2vw;
                }

.puttingSwiper .swiper-slide .grid .img {
    height: 17vw;
}

.puttingSwiper .swiper-slide .grid h2 {
    min-height: 0;
    width: 75%;
    margin-bottom: 1vw;
}

.puttingSwiper .swiper-slide .grid p {
    padding: 0;
}

.power_list {
    padding-right: 15vw;
}

    .power_list .head {
        width: 100%;
    }

        .power_list .head h2 {
        }

        .power_list .head p {
        }

    .power_list .info {
        padding-left: 2vw;
        margin-top: 2vw;
    }

        .power_list .info h2 {
            font-size: 2vw;
            line-height: 1;
            font-weight: 600;
            color: #000000;
            margin-bottom: 1vw;
            position: relative;
        }

        .power_list .info p {
            font-size: 1.2vw;
            line-height: 1.5;
        }

        .power_list .info h2:before {
            content: "";
            position: absolute;
            width: 15px;
            height: 15px;
            background: #2AD5FF;
            border-radius: 4px;
            left: -2vw;
            top: .5vw;
        }

    .power_list p {
        font-size: 1.2vw;
        line-height: 1.5;
    }

.radefin_sec > div {
    width: 80%;
}

.radefin_sec .head {
    width: 75%;
}

.growing_sec {
}

    .growing_sec .left {
    }

        .growing_sec .left .img {
        }

            .growing_sec .left .img img {
                width: 100%;
            }

        .growing_sec .left p {
            font-size: 2vw;
            position: absolute;
            top: 17%;
            width: 31%;
            padding-left: 5vw;
            padding-right: 2vw;
            line-height: 1.3;
        }

            .growing_sec .left p span {
                color: #9747FF;
                font-weight: 600;
            }

            .growing_sec .left p strong {
                color: #1F1F1F;
                font-weight: 600;
            }

.essential_sec {
    background: #1F1F1F;
    position: relative;
    padding-left: 6vw;
    padding-top: 10vw;
    overflow: hidden;
}

    .essential_sec .head {
        width: 65%;
        padding-bottom: 35vw;
        margin-bottom: 5vw;
    }

        .essential_sec .head h2 {
            font-size: 5vw;
            color: #fff;
            line-height: 1;
            margin-bottom: 4vw;
            font-weight: 600;
        }

        .essential_sec .head p {
            font-size: 1.2vw;
            margin-bottom: 2vw;
            color: #fff;
            padding-right: 3vw;
            line-height: 1.5;
        }

    .essential_sec .box_img {
        position: relative;
    }

        .essential_sec .box_img .img {
            position: absolute;
            right: -10vw;
            width: 70%;
            bottom: -25vw;
        }

            .essential_sec .box_img .img img {
                width: 100%;
            }

        .essential_sec .box_img p {
            color: #1F1F1F;
            position: absolute;
            top: 0;
            width: 60%;
            bottom: auto;
            font-size: 2.3vw;
            font-weight: 400;
            line-height: 1.1;
            left: 0;
            padding-top: 2.5vw;
            padding-right: 7vw;
            padding-left: 3vw;
        }

.emo_sec {
    margin: auto;
    padding-top: 10vw;
    padding-bottom: 10vw;
    padding-left: 25%;
    padding-right: 18%;
}

    .emo_sec h2 {
        font-size: 5vw;
        line-height: 1;
        font-weight: 600;
        margin-bottom: 2vw;
    }

    .emo_sec p {
        font-size: 1.2vw;
        line-height: 1.5;
        width: 90%;
    }

.img_wrap_new img {
    transition: none !important;
}

.img_wrap img {
    height: 100vh;
}

.parctical_sec {
    background: #F4F5F8;
}

    .parctical_sec h3,
    .parctical_sec .puttingSwiper .swiper-slide .grid p,
    .parctical_sec .puttingSwiper .swiper-slide .grid h2,
    .parctical_sec .head p,
    .parctical_sec .head h2 {
        color: #1F1F1F;
    }

        .parctical_sec .puttingSwiper .swiper-slide .grid h2 span {
            color: #4F008C;
        }

.beyound_sec .beyound_swiper > h2 {
    font-size: 5vw;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 5vw;
}

.scape_sec.first_scape {
    padding-bottom: 0;
}

    .scape_sec.first_scape.key_white > div .head {
        margin-bottom: 0;
    }

.spark-btn a > p {
    margin-bottom: 0;
}

.swiper-infos .swiper-slide img {
    margin-bottom: 1vw;
}

.growing_sec .left p {
    top: 50%;
    transform: translateY(-50%);
}

.essential_sec {
    margin-bottom: 7vw;
}


/* === Common Base Styles === */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
}

th, td {
    padding: 1.5rem;
    text-align: left;
    vertical-align: top;
    font-size: 1.1vw;
}

td p{
    margin-bottom:0
}
table strong {
    font-weight: bold;
}
.tac {
    text-align: center;
}

td ol {
    padding-left: 1.25rem;
    margin: 0;
}

td ol li {
    margin-bottom: 0.75rem;
    line-height: 1.6;
}

/* === Light Theme Table === */
.table-light {
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #ddd;
}

.table-light th {
    background-color: #f5f5f5;
    color: #111;
    font-weight: bold;
}

.table-light .table_tr_lgray th,
.table-light .table_tr_lgray td {
    background-color: #f9f9f9;
}

/* === Dark Theme Table === */
.table-dark {
    background-color: #1c1c1c;
    color: #eee;
    border-bottom: 1px solid rgba(255,255,255.4);
}

.table-dark th {
    background-color: #2a2a2a;
    color: #fff;
    font-weight: bold;
}

.table-dark td {
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.table-dark .table_tr_lgray th,
.table-dark .table_tr_lgray td {
    background-color: #2e2e2e;
}

.table-dark td ol li {
    color: #ccc;
}

.table-dark td ol li strong {
    color: #fff;
}
.essential_sec .head {
    width: 65%;
    padding-bottom: 5vw;
}