@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.slide-container {
    display: grid;
    display: -ms-grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 1fr;
}

.slide {
    grid-row: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.scroll-triger {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 !important;
}

.slide {
    width: 100vw;
    position: relative;
    /* display: grid; */
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    -ms-grid-columns: repeat(3, 1fr);
    -ms-grid-rows: repeat(2, 1fr);
}

.slide-container {
    /* display: grid; */
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 1fr;
}

.m1,
.m2,
.m3 {
    margin: 5rem 0;
    grid-row: 1 / span 2;
    grid-column: 2 / span 2;
    -ms-grid-row: 1 / span 2;
    -ms-grid-column: 2 / span 2;
}




/* body{overflow-x: hidden;} */
#u19037_align_to_page {
    background: #fff;
}

#forest-maker-m {
    line-height: 1.4;
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
    clear: both;
}

#sidebar a {
    font-family: 'S-CoreDream-5Medium';
    display: inline-block;
    width: 100%;
    padding: 11px 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background: #ff6600;
    line-height: 1;
    box-shadow: 1px 2px 9px -3px rgb(0 0 0 / 50%);
    border-radius: 100px;
}

#sidebar a span {
    display: block;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 10px;
    letter-spacing: -.02em;
}

#forest-maker-m .section {
    width: 100%;
}

#forest-maker-m .video_wrap {
    width: 100%;
    background: #3a443b;
    padding: 4.7222% 0 0 0
}

#forest-maker-m .video_wrap iframe {
    width: 100%;
    margin: 0 auto;
}

#forest-maker-m .section1 .wrap {
    background: url('../m-images/top.jpg') 50% 0 /auto no-repeat;
    background-size: contain;
    width: 100%;
}

#forest-maker-m .section1 h1{visibility: hidden;position: absolute;}

#forest-maker-m .section2 .wrap .pd1 {
    padding: 17.25% 0 24%;
}

#forest-maker-m .section2 .wrap .pd2 {
    padding-bottom: 13%;
}

#forest-maker-m .section2 .wrap .pd3 {
    padding: 11.25% 0 0;
}

#forest-maker-m .section2 .wrap .pd4 {
    padding: 8% 0 14.25%
}

#forest-maker-m .section3 .wrap {
    background: url('../m-images/section3-bg.jpg') 50% 0 /auto no-repeat;
    width: 100%;
    position: relative;
    background-size: cover;
}

#forest-maker-m .section3 .wrap {
    padding: 23.25% 0 !important
}

#forest-maker-m .section3 .wrap h2 {
    padding: 0 0 13% !important
}

#forest-maker-m .section3 .wrap .img-slide,
#forest-maker-m .section4 .wrap .img-slide1 {
    width: 2600px;
    padding: 20% 0 12% 5%;
}

#forest-maker-m .section3 .wrap p {
    padding: 0 0 5%
}

#forest-maker-m .section4 .wrap {
    position: relative;
    padding-bottom: 10%;
}

#forest-maker-m .section4 .wrap .img-slide,
#forest-maker-m .section4 .wrap .img-slide1 {
    width: 2600px;
    padding: 10% 0 10% 5%;
}

#forest-maker-m .section4 .wrap .label {
    position: relative;
    z-index: 99999;
    top: -80px;
    left: 20px;
}

#forest-maker-m .section4 .wrap ul {
    padding: 21% 0 0;
}

#forest-maker-m .section4 .wrap ul li {
    text-align: center;
    margin-bottom: 4%;
}

#forest-maker-m .section4 .wrap ul li img {
    width: 95%;
}

#forest-maker-m .section4 .wrap .arrow {
    position: absolute;
    z-index: 999999;
    bottom: -50px
}

#forest-maker-m .section4 h2 {
    margin-top: -57px;
}

#forest-maker-m .section5 .wrap {
    background: url('../m-images/section5-bg.jpg') 50% 0 /auto no-repeat #0fb865;
    background-size: contain;
    width: 100%;
    padding: 11.25% 0;
}

#forest-maker-m .section5 .wrap .video-wrap {
    width: 90%;
    margin: 0 auto;
    padding: 8% 0;
}

#forest-maker-m .section5 .wrap .video-wrap iframe {
    background: #3a443b;
    height: 450px;
    width: 100%;
}

#forest-maker-m .section5 .wrap p {
    padding: 19% 0 13%;
}

#forest-maker-m .section6 .wrap {
    background: url('../m-images/section6-bg.jpg') 50% 0 /auto no-repeat;
    width: 100%;
    padding: 22% 0
}

#forest-maker-m .section6 .wrap ul {
    padding: 4% 0 0;
}

#forest-maker-m .section6 .wrap li {
    padding: 1% 0;
}

#forest-maker-m .section7 .wrap {
    background: #edfff0;
    padding: 14% 0
}

#forest-maker-m .section7 .wrap ul {
    padding: 10% 0 15%;
}

#forest-maker-m .section7 .wrap li {
    padding: 0;
}

#forest-maker-m .section7 .cta-ban {
    padding: 0 0 8%
}

@media all and (max-width:500px) {

    #forest-maker-m .section3 .wrap .img-slide,
    #forest-maker-m .section4 .wrap .img-slide1 {
        width: 1560px;
    }

    #forest-maker-m .section4 .wrap .img-slide1 {
        padding: 50% 0 10% 5%;
    }


    #forest-maker-m .section5 .wrap .video-wrap iframe {
        background: #3a443b;
        height: 220px;
        width: 100%;
    }

    #forest-maker-m .section4 .wrap .arrow {
        bottom: -30px
    }

}