/*
常见字重对照表
字重名称	数值	预定义关键词
Thin	100	-
ExtraLight	200	-
Light	300	-
Regular	400	normal
Medium	500	-
SemiBold	600	-
Bold	700	bold
ExtraBold	800	-
Black	900	-
*/
@font-face {
    font-family: 'Montserrat';
    src: url('Montserrant/Montserrat-Bold.otf') format('opentype');
    /* url('fonts/myfont-regular.woff') format('woff'),
    url('fonts/myfont-regular.ttf') format('truetype') */
    font-weight: Bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrant/Montserrat-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrant/Montserrat-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrant/Montserrat-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter/Inter-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter/Inter-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
.fm-mon-reg{
    font-family: "Montserrat";
    font-weight: 400;
}
.fm-mon-mid{
    font-family: "Montserrat";
    font-weight: 500;
}
.fm-mon-bold{
    font-family: "Montserrat";
    font-weight: 500;
}
.fm-mon-sbold{
    font-family: "Montserrat";
    font-weight: 600;
}


html {
    font-size: clamp(15px, 2vw, 18px);;
}
body {
    word-wrap:break-word;
}
header {
    background-size: cover;
    height: 456px;
    min-height: 456px;
    background-repeat: no-repeat;
    background-position: center;
}
header.terms {
    background-image: url('bg/Terms of Use.png');
}
.title_wrap {
    width: 100%;
    text-align: left;
    max-width: 1200px;
}
.title_wrap p {
    padding: 0 20px;
    font-family: "Montserrat";
    font-weight: 400;
}
p.title {
    font-size: 3.2rem;
    font-family: "Montserrat";
    font-weight: Bold;
}

.main_box {
    max-width: 1277px;
    margin: 0 auto;
    padding: 100px 0 100px;
}
p.main_title {
    font-size: 30px;
    text-align: center;
    color: #0B3D2C;
    font-family: "Montserrat";
    font-weight: 600;
}
.main_box .intro {
    background-image: url('bg/quote.png');
    background-repeat: no-repeat;
    background-position: 20px 40px;
    background-color: #F0FFF0;
    padding: 35px 20px 20px 100px;
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    margin-top: 20px;
}
.mb25 {
    margin-bottom: 25px;
}
.content {
    padding: 20px 0;
}
.content .word {
    margin: 20px 20px 0;
    font-size: 15px;
    line-height: 25px;
    color: #555555;
    font-family: 'Inter';
    font-weight: 400;
    word-wrap:break-word;
}
.content .word.bold {
    font-family: 'Inter';
    font-weight: 600;
}
.content .word span {
    display: block;
    font-family: 'Inter';
    font-weight: 400;
}
.content .word span.bold {
    font-family: 'Inter';
    font-weight: 600;
}
.content .word.sec_title {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 25px;
    margin-top: 30px;
    color: #0B3D2C;
}
.content .word ul {
    padding-left: 20px;
}
.content .word ul li {
    font-family: 'Inter';
    font-weight: 400;
    line-height: 25px;
}
.content .word a.link {
    color: #0059FF;
    display: inline-block;
}

header.policy {
    background-image: url('bg/Privacy Policy.png');
}
.content .word.time {
    font-size: 18px;
}

header.home {
    background-image: url('bg/Home.png');
    min-height: 790px;
}
p.title.min {
    font-family: 'Montserrat';
    font-weight: 400;
    max-width: 900px;
    font-size: 4rem;
    padding: 0;
}
p.title .bold {
    font-family: 'Montserrat';
    font-weight: 600;

}
@media (max-width: 1200px) {
    header .title_wrap {
        padding: 10px;
    }
}
.title_wrap .desc {
    font-family: 'Montserrat';
    font-weight: 400;
    max-width: 600px;
    margin: 20px 0;
}
.title_wrap .show_wrap {
    display: flex;
    align-items: center;
}
.title_wrap .show_wrap img {
    width: 35px;
    margin-left: -22px;
}
.title_wrap .shop {
    background-color: #fff;
    border-radius: 30px;
    padding: 5px 28px;
    border: 1px solid #fff;
    font-family: "Montserrat";
    font-weight: 500;
    color: #0B3D2C;
    text-decoration: none;
    font-size: 1.5rem;
}
.home_main {
    width: 100%;
}
.mt120 {
    margin-top: 120px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mt0 {
    margin-top: 0 !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mr20 {
    margin-right: 20px !important;
}
.ml0 {
    margin-left: 0 !important;
}
.mr0 {
    margin-right: 0 !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.home_main .word.sec_title {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 2.5rem;
    margin: 23px 0 20px;
    color: #0B3D2C;
}
.home_main .word {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 1rem;
    color: #555555;
}

.main_content {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.center_box {
    padding: 50px 0 80px;
    max-width: 1200px;
    display: flex;
}
.center_box.plans {
    justify-content: space-between;
    gap: 3%;
    padding-top: 0;
}
.center_box .title_wrap {
    display: flex;
    align-items: center;
}
.center_box .little {
    color: #2A7D31;
    font-size: 1rem;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
}
.center_box .content1 {
    display: flex;
    flex-direction: column;
}
.center_box .content2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.center_box.plans .con {
    width: 48%;
}
.dash_line {
    width: 100%;
    height: 2px;
    margin: 20px 0;
    background-image: linear-gradient(to right, #7d9e8e 50%, transparent 50%);
    background-size: 15px 5px;
    background-repeat: repeat-x;
}
.main_content.bg1 {
    background-color: #F0FFF0;
}
.center_box.functions {
    gap: 6vw;
}
.center_box .content3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.center_box .title2 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 80px;
}
.main_content.bg2 {
    background-color: #0B3D2C;
    background-image: url('bg/leaf_bg.png');
    background-repeat: no-repeat;
    background-position: 15% bottom;
    background-size: 45%;
}
.center_box.features {
    flex-direction: column;
    color: #fff;
    padding: 120px 0 80px;
    margin-bottom: 100px;
    max-width: 1400px;
}
.center_box.features .title_wrap {
    justify-content: center;
    max-width: 1400px;
}
.features .imgbox {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 345px;
}
@media (max-width: 720px) {
    .features .imgbox {
        max-width: 260px;
        min-width: 195px;
        width: 50%;
    }
}
@media (max-width: 415px) {
    .features .imgbox {
        width: 100%;
        max-width: 100%;
    }
}
.features .imgbox img {
    max-width: 70px;
    width: clamp(50px, 3vw, 70px);
}
.center_box.features .little {
    color: #fff;
    font-size: 1.2rem;
}
.features .feature_list {
    display: flex;
    gap: 4vw 0;
    justify-content: space-between;
    flex-wrap: wrap;
}
.main_content.bg4 {
    background-color: #F0FFF0;
    padding-bottom: 200px;
    padding-top: 30px;
    display: block;
}
.center_box.app {
    max-width: 1200px;
    text-align: left;
    display: block;
    margin: 0 auto;
}
.center_box.app .word.sec_title {
    margin: 0;
}
.main_content.bg5{
    padding-bottom: 100px;
}

/* Align Carousel with Green Background Text */
.carousel-container {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 1200px;
    margin-top: -160px;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
}
.carousel {
    display: flex;
    transition: transform 0.5s ease;
}
.carousel .owl-stage {
    display: flex;
    align-items: center;
}
/* Carousel Images */
.carousel-image {
    height: 100%;
    max-width: 440px;
    min-width: 100px;
    margin: 0 10px;
    flex-shrink: 0;
    transform: scale(0.85);
    transition: transform 0.5s ease, opacity 0.5s ease;
}
.owl-item.active.center .carousel-image {
    transform: scale(1);
    transition: transform 0.5s ease;
}

.carousel-image.visible {
    opacity: 1;
}
.carousel-image.active {
    transform: scale(1);
}
/* 导航点 */
.owl-carousel .owl-dots {
    width: 190px;
    margin: 50px auto 0;
    padding: 2px 15px;
    background-color: #eeeeee;
    border-radius: 20px;
    vertical-align: middle;
    text-align: center;
    height: 40px;
}
.owl-carousel .owl-dots button {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #aab9b4 !important;
    border-radius: 15px;
    margin: 0 5px;
}
.owl-carousel .owl-dots button.active {
    background-color: #0b3d2c !important;
}

/* 波浪线 */
.main_content.bg6 {
    background-color: #0B3D2C;
    position: relative;
}
.main_content.bg6 .tessera-shape {
    width: 100%;
    position: absolute;
    left: 0;
    top: -80px;
    line-height: 0;
    direction: ltr;
    height: 81px;
    z-index: 888;
    overflow: hidden;
    transform: none;
}
.main_content.bg6 .tessera-shape svg {
    height: 100%;
    width: 100%;
    vertical-align: bottom;
}
.main_content.bg6 .tessera-shape-fill3 {
    fill: #0b3d2c; /* 深绿色，可根据需求更改 */
}

.center_box .blogs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.center_box .blogs .blog {
    width: 32%;
}
@media (max-width: 800px) {
    .center_box .blogs .blog {
        width: 49%;
    }
}
@media (max-width: 400px) {
    .center_box .blogs .blog {
        width: 99%;
    }
}
.center_box .blogs .blog a {
    background-color: #fff;
    color: #fff;
    border-radius: 23px;
    max-width: 380px;
    width: 100%;
    height: 100%;
    flex: 1 1 30%;
    display: flex;
    flex-direction: column;
}
.center_box .blogs .blog img {
    width: 100%;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}
.home_main .center_box .blogs .blog .word {
    padding: 0 30px;
    font-size: 0.9rem;
    margin-bottom: 1.5vw;
}
.center_box .blogs .blog .word.sec_title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #0b3d2c;
}
.main_content.bg7 {
    min-height: 30px;
}
/* Product */
main.product_list {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 1rem;
}
main.product_list a {
    text-decoration: none;
}
.main_content.products {
    display: flex;
    color: #a9bbb3;
}
.main_content.products {
    background-color: #0B3D2C;
    padding: 80px 10px;
    gap: 1vw;
    align-items: flex-start;
}
.products .center_box {
    gap: 1.5vw;
    flex:1 1 50%;
    padding-bottom: 120px;
    width: 100%;
    padding-top: 0;
}
@media (max-width: 700px) {
    .products .center_box {
        flex-direction: column;
        gap: 13vw 0;
    }
}
.left_box_wrap {
    width: 50%;
}
.products .center_box .left_box {
    width: 100%;
    height: 100%;
}
@media (max-width: 700px) {
    .left_box_wrap {
        width: 100%;
    }
}
.products .arrow-left,
.products .arrow-right{
    position: absolute;
    top: 50%;
    width: 25px;
    height: 25px;
    z-index: 10;
    cursor: pointer;
    color: #3AFBFF;
}
.products .arrow-left {
    left: 1rem;
}
.products .arrow-right {
    right: 1rem;
}
.products .pic_box {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.products .pic_box .swiper-wrapper {
    height: 100% !important;
}
.products .pic_box img {
    max-width: 560px;
    min-width: 250px;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
}
.products .ico_box {
    /*display: flex;*/
    margin-top: 30px;
    /*align-items: center;*/
    padding: 0 25px;
    position: relative;
}
.products .swiper-slide {
    width: auto;
    height: auto !important;
}
.products .ico_box .arrow-small-right,
.products .ico_box .arrow-small-left {
    z-index: 10;
    width: 25px;
    height: 25px;
    color: #3AFBFF;
    cursor: pointer;
    top: 40%;
    position: absolute;
}
.products .ico_box .arrow-small-left {
    left: 0;
}
.products .ico_box .arrow-small-right {
    right: 0;
}
.products .ico_imgs {
    display: flex;
    justify-content: flex-start;
    gap: 0.3vw;
    position: relative;
    width: 100% !important;
    height: 100% !important;
}
.products .ico_imgs .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;;
    min-width: 30px;
    max-width: max-content;
    flex: 0 auto;
    width: 18%;
    height: 100%;
}
.products .ico_imgs img {
    width: 90%;
    max-width: 100px;
    min-width: 30px;
}
.products .ico_imgs .active-nav img {
    width: 100%;
}
.img-swiper-preview-wrap {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 999;
}
.img-swiper-preview-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
}
.preview-swiper-img-wrap {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.preview-swiper-img-wrap .img-prev, .preview-swiper-img-wrap .img-next {
    position: fixed;
    cursor: pointer;
    color: #3AFBFF;
    top: 50%;
    user-select: none;
}
.preview-swiper-img-wrap .img-prev, .preview-swiper-img-wrap .img-next {
    position: fixed;
    cursor: pointer;
    color: #3AFBFF;
    top: 50%;
    user-select: none;
}
.preview-swiper-img-wrap .img-next {
    right: 0;
}
.preview-swiper-img-wrap .preview-swiper-img {
    object-fit: contain;
    height: 50%;
    width: auto;
}
.products .title_container {
    text-align: left;
    width: 50%;
}
@media (max-width: 700px) {
    .products .title_container {
        width: 100%;
    }
}
.center_box .title_container .title_wrap {
    display: flex;
    align-items: center;
}
.center_box .title_container .line {
    display: inline-block;
    height: 2px;
    width: 20%;
    background-image: linear-gradient(to right, #7d9e8e 50%, transparent 50%);
    background-size: 12px;
    background-repeat: repeat-x;
}
.center_box .title_container .tip {
    width: 30px;
    display: inline-block;
    margin: 0 5px 0 2px;
}
.products h1 {
    font-family: 'Montserrat';
    font-weight: Bold;
    font-size: 2.2rem;
    margin: 5px 0;
    color: #fff;
}
.products h2 {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 1.5rem;
    color: #fff;
}
.products .review {
    margin: 20px 0;
    display: flex;
}
.products .review img {
    width: 25px;
}
.products .review a {
    color: #4CA9FF;
    margin-left: 1.5vw;
}
.products .sns {
    display: flex;
    margin-top: 40px;
    margin-bottom: 45px;
    justify-content: flex-start;
    color: #fff;
    gap: 1vw;
}
.products .sns .sn {
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    padding: 5px clamp(10px,2vw,30px);
    border-radius: 15px;
    cursor: pointer;
}
.products .sns .sn.current_active {
    border-color: #00FC96;
}
@media (max-width: 530px) {
    .products .sns .sn {
        padding: 5px clamp(10px, 5vw, 30px);
    }
}
.products .sns .sn .zone {
    font-size: 1.2rem;
    display: block;
}
.products .sns .sn .price {
    font-size: 1.5rem;
    color: #00FC96;
    font-weight: 600;
}
.products .buy {
    padding: 15px clamp(10px,10vw,70px);
    border-radius: 30px;
    background-color: #00FC96;
    font-weight: 600;
    font-size: 1rem;
    color: #161831;
}
.main_content.video {
    position: relative;
    background-color: #F0FFF0;
    padding-bottom: 35px;
}
.main_content.video .tessera-shape {
    top: -70px;
    bottom: auto;
    height: 80px;
    transform: none;
}
.main_content.video .tessera-shape svg {
    height: 100%;
}
.main_content.video .center_box {
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.main_content.video .tessera-shape-fill3 {
    fill: #F0FFF0;
}
.main_content.video .title_container {
    width: 350px;
}
.main_content.video .center_box .title_container .title_wrap {
    justify-content: center;
}
.main_content.video .center_box .title_video {
    text-align: center;
    font-weight: 500;
    color: #0B3D2C;
}
.main_content.video .center_box .video_src .video_frame{
    width: 100%;
    height: 30vw;
    min-height: 300px;
}
.main_content.video .center_box .video_src {
    margin-top: 50px;
    width: 100%;
}
.main_content.video .tessera-shape.two {
    transform: rotate(180deg);
    bottom: -70px;
    top: auto;
}
.center_box.func {
    padding-top: 190px;
    flex-direction: column;
}
.center_box.func .intro {
    display: flex;
    gap: 2vw;
    margin-bottom: 30px;
}
.center_box .intro .show {
    width: 50%;
}
.center_box .intro .show img{
    width: 100%;
}
.center_box .title_wrap .little {
    height: auto;
}
.center_box .sec_title {
    font-weight: 500;
    font-size: clamp(33px, 2vw, 43px);
    color: #0B3D2C;
}
.center_box.func .intro .intro_p {
    margin-top: 20px;
    color: #555;
    font-family: "Montserrat";
    font-weight: 400;
}
.center_box.func .intro_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}
header.product {
    background-image: url('bg/Product.png')
}
/* App */
header.app {
    background-image: url('bg/APP.png')
}
main.app {
    padding-bottom: 60px;
}
.app .center_box.func {
    padding-top: 120px;
}
.main_content.bg8 {
    padding-bottom: 120px;
    background-image: url('bg/product-1.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #0B3D2C;
    background-size: calc(42% + ((3200px - 10vw) / 5));
}
@media (max-width: 800px) {
    .main_content.bg8 {
        background-size: cover;
    }
}
.center_box.control_where {
    width: 50%;
    background-color: #F0FFF0;
    padding: 5vw 3vw;
    max-width: 700px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}
@media (min-width: 1200px) {
    .center_box.control_where {
        padding: 90px 40px;
    }
}
/* About Us */
header.aboutus {
    background-image: url('bg/About us.png');
}
.main_content .center_bg_box {
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: right;
}
.about .center_box.features {
    width: 50%;
    margin-bottom: 60px;
}
.about .center_box.features .title_wrap {
    justify-content: flex-start;
}
.about .center_box .title2 {
    text-align: left;
}
.center_box.clients {
    justify-content: space-between;
    gap: 0.5vw;
    max-width: 1400px;
    margin-top: -180px;
    margin-bottom: 100px;
}
.clients .say_box {
    position: relative;
    border-radius: 12px;
}
.clients .say_box .say_img {
    display: block;
}
.clients .say_box .say_img img {
    width: 100%;
    vertical-align: middle;
}
@media (max-width: 900px) {
    .center_box.clients {
        flex-wrap: wrap;
        justify-content: left;
    }
    .clients .say_box {
        flex: 1 1 20%;
    }
}
@media (max-width: 600px) {
    .clients .say_box {
        flex: 1 1 45%;
    }
}
@media (max-width: 350px) {
    .clients .say_box {
        flex: 1 1 55%;
    }
}
.clients .say_box .say_word {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 0 0.5vw 0.5vw;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); /* 添加线性渐变 */
    color: white; /* 文字颜色设置为白色 */
    font-family: "Inter";
    font-weight: 400;
    font-size: 0.8rem;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
/* Reviews */
header.review {
    background-image: url('bg/Review.png');
}
.center_box.reviews {
    gap: 1.5vw 0;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin: 100px 0 120px;
}
.center_box .review_box {
    padding: 30px 25px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    font-family: "Inter";
    font-weight: 400;
    border-top: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 2px 4px rgba(0, 0, 0, 0.05);
    width: 32%;
    min-width: 150px;
}
.center_box .review_start {
    background-image: url('bg/start.png');
    background-repeat: repeat-x;
    background-size: 20px;
    width: 100px;
    height: 20px;
}
.center_box .review_box .words {
    font-size: 0.8rem;
}
.center_box .review_box .reviewer {
    font-size: 0.9rem;
    font-weight: 600;
}
/* Download App */
header.download {
    background-image: url('bg/Download App.png');
    height: 900px;
}
.download .title_wrap {
    display: flex;
}
.download .title_wrap p {
    padding: 0;
}
.download .title_wrap .title_box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 55%;
}
.download .title_wrap .title_box .title {
    font-size: clamp(35px, 5vw, 62px);
}
.download .title_wrap .intro {
    font-size: clamp(13px, 4vw, 20px);
    font-family: "Montserrat";
    font-weight: 400;
    padding-right: 4vw;
}
.download .title_wrap .platform img{
    max-width: 200px;
    min-width: 140px;
    width: 30%;
}
.download .title_wrap .app {
    width: 45%;
}
.download .title_wrap .app img {
    width: 170%;
    max-width: 600px;
    min-width: 300px;
    margin-right: -20vw;
    margin-top: clamp(50px, 20vw, 250px);
}
.main_content.main_down {
    margin-top: 5vw;
    position: relative;
    padding-bottom: 150px;
}
.main_content.main_down .tessera-shape {
    height: 120px;
    bottom: 0;
    transform: none;
}
.main_content.main_down .tessera-shape-fill3 {
    fill: #003d33;
}
/* Contract Us */
header.contactus {
    background-image: url('bg/Contact Us.png');
}
.main_content.contact {
    flex-direction: column;
    padding: 120px 0;
    font-family: "Montserrat";
    font-weight: 400;
    color: #0B3D2C;
}
@media (max-width: 1200px) {
    .main_content.contact {
        padding: 0 10px;
    }
}
.main_content.contact a {
    text-decoration: none;
    color: #0B3D2C;
}
.main_content.contact .center_box {
    gap: 1vw;
}
@media (max-width: 450px) {
    .main_content.contact .center_box {
        flex-direction: column;
    }
}
.center_box .title {
    color: #0B3D2C;
}
.center_box .contact_form {
    width: 50%;
    background-color: #0B3D2C;
    padding: 2.5vw 2vw 16vw;
    background-image: url('bg/contact-1.png');
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    max-height: 860px;
    min-height: 750px;
}
@media (max-width: 450px) {
    .center_box .contact_form {
        width: 100%;
    }
}
.center_box p.white {
    color: #fff;
}
.center_box .contact_form .title {
    font-weight: 500;
    font-size: clamp(2rem, 4vw, 3rem);
    margin-top: 15px;
} 
.center_box .contact_form input {
    width: 50%;
    padding: clamp(8px, 2vw, 15px) clamp(8px, 2vw, 15px);
}
.center_box .contact_form .box_between {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    gap: 1.5vw;
}
.wd100 {
    width: 100% !important;
}
.center_box .contact_form input,
.center_box .contact_form textarea {
    border-radius: 10px;
    font-family: "Montserrat";
    font-weight: 400;
    color: #0B3D2C;
    font-size: 1rem;
    margin: 12px 0;
    border: none;
}
.center_box input:focus,
.center_box textarea:focus {
    outline: none;
    border: none;
}
.center_box input::placeholder,
.center_box textarea::placeholder {
    color: #0B3D2C;
    font-family: "Montserrat";
    font-weight: 500;
}
.center_box input::-webkit-input-placeholder,
.center_box textarea::-webkit-input-placeholder {
    color: #0B3D2C;
    font-family: "Montserrat";
    font-weight: 500;
}
.center_box input::-moz-placeholder,
.center_box textarea::-moz-placeholder {
    color: #0B3D2C;
    font-family: "Montserrat";
    font-weight: 500;
}
.center_box input:-ms-input-placeholder,
.center_box textarea:-ms-input-placeholder {
    color: #0B3D2C;
    font-family: "Montserrat";
    font-weight: 500;
}
.center_box input::-ms-input-placeholder,
.center_box textarea::-ms-input-placeholder {
    color: #0B3D2C;
    font-family: "Montserrat";
    font-weight: 500;
}
.center_box .contact_form textarea {
    width: 100%;
    max-width: 780px;
    resize: none;
    min-height: 180px;
    padding: clamp(8px, 1vw, 15px) clamp(8px, 1vw, 15px);
}
.center_box .contact_form button {
    width: 100%;
    padding: 20px;
    background-color: #2A7D2E;
    border-radius: 15px;
    color: #fff;
    border: none;
    font-family: "Montserrat";
    font-weight: 600;
    cursor: pointer;
}
.center_box .to_email {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center
}
@media (max-width: 450px) {
    .center_box .to_email {
        width: 100%;
    }
}
.center_box .to_email .title {
    font-weight: 500;
}
.center_box .to_email .title .bold {
    font-weight: Bold;
    font-size: clamp(2rem, 4vw, 3rem);
}
.center_box .link_faq {
    border-radius: 22px;
    width: 6vw;
    height: 2vw;
    background-color: #2A7D2E;
    color: #fff !important;
    margin: clamp(15px, 1.5vw, 30px) 0;
    font-weight: 600;
    font-size: clamp(12px, 0.6vw, 18px);
    display: inline-flex;
    align-items: center;
    min-width: 120px;
    min-height: 40px;
    justify-content: center
}
.center_box .to_email .support_box {
    display: flex;
    position: relative;
    border: none;
}
.center_box .to_email .support_box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px dashed #AEAEAE;
    border-radius: 20px;
    box-sizing: border-box;
    z-index: -1;
}
.center_box .to_email .support_box .box_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.center_box .to_email .support_box .tip_img {
    padding: 1.5vw 1vw;
}
.center_box .to_email .support_box .tip_img img {
    width: 100%;
    min-height: 30px;
}
.center_box .to_email .support_box .tip_title {
    font-weight: 600;
}
.success-modal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    align-content: center;
    z-index: 999;
    display: none;
}
.success-modal .success-info-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90vw;
    max-width: 700px;
    background-color: #fff;
    padding: clamp(15px, 4vw, 40px) clamp(15px, 3vw, 30px);
    z-index: 1000;
    border-radius: 10px;
    margin: 0 auto;
}
.success-modal .success-info-wrap .success-logo {
    width: 3vw;
    min-width: 80px;
}
.success-modal .success-info-wrap p {
    margin: clamp(5px, 1vw, 15px) 0;
    text-align: center;
}
.success-modal .success-info-wrap .success-title {
    font-family: "Montserrat";
    font-weight: 600;
    font-size: clamp(16px, 5vw, 30px);
    color: #0B3D2C;
}
.success-modal .success-info-wrap .success-info {
    color: #898989;
}
.success-modal .success-info-wrap  .confirm-button {
    width: 15vw;
    min-width: 100px;
    max-width: 250px;
    height: 2vw;
    min-height: 40px;
    border-radius: 10px;
    background-color: #17AC64;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: clamp(16px, 3vw, 25px);
    border: none;
    margin-top: 1vw;
    cursor: pointer;
}
/* FAQ */
header.faq {
    background-image: url('bg/FAQ.png');
}
.main_content.main_faq p {
    font-family: "Montserrat";
    font-weight: 400;
    word-wrap:break-word;
    
}
.main_content.main_faq .intro{
    color: #0B3D2C;
    margin: 20px 0 30px;
}
.main_content.main_faq p.title {
    color: #0B3D2C;
    font-weight: Bold;
    font-size: clamp(25px, 4vw, 45px);
}
.main_content.main_faq .center_box {
    gap: 1vw;
}
@media (max-width: 450px) {
    .main_content.main_faq .center_box {
        flex-direction: column;
    }
}
.center_box .faqs {
    width: 60%;flex-grow: 1;
}
@media (max-width: 450px) {
    .center_box .faqs {
        width: 100%;
    }
}
.center_box .faq_box {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    margin: 15px 0;
    border-radius: 5px;
}
.center_box .faq_box .faq_title_wrap {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: clamp(10px, 5vw, 25px) clamp(10px, 5vw, 15px);
}
.center_box .faq_box .faq_title_wrap img {
    transition: transform 0.3s ease;
}
.center_box .faq_box .faq_title_wrap.show img{
    transform: rotate(180deg);
}
.center_box .faq_box .faq_title_wrap img {
    width: 5vw;
    max-width: 20px;
    max-height: 20px;
}
.no_wrap {
    white-space: nowrap;
    display: inline !important;
}
.main_content.main_faq .faq_title {
    font-weight: 600;
}
.center_box .faq_box .detail {
    display: none;
    padding: 0 clamp(10px, 5vw, 15px) clamp(10px, 5vw, 25px);
}
.center_box .ask {
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: clamp(10px, 5vw, 25px) clamp(10px, 5vw, 15px);
}
@media (max-width: 450px) {
    .center_box .ask {
        width: 100%;
    }
}
.center_box .ask .title {
    text-align: center;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: clamp(18px, 5vw, 25px);
    background-color: #F1D2A9;
    border-radius: 25px;
    margin-bottom: 30px;
    padding: 10px;
}
.center_box .ask form {
    display: flex;
    flex-direction: column;
}
.center_box .ask input,
.center_box .ask textarea{
    width: 100%;
    border-radius: 22px;
    font-family: "Montserrat";
    font-weight: 400;
    color: #848885;
    font-size: clamp(14px, 1rem, 18px);
    margin: 12px 0;
    border: none;
    background-color: #F0FFF0;
    padding: clamp(8px, 1vw, 15px) clamp(10px, 1vw, 18px);
}
.center_box .ask input::placeholder,
.center_box .ask textarea::placeholder {
    color: #848885;
    font-family: "Montserrat";
    font-weight: 400;
}
.center_box .ask input::-webkit-input-placeholder,
.center_box .ask textarea::-webkit-input-placeholder {
    color: #848885;
    font-family: "Montserrat";
    font-weight: 400;
}
.center_box .ask input::-moz-placeholder,
.center_box .ask textarea::-moz-placeholder {
    color: #848885;
    font-family: "Montserrat";
    font-weight: 400;
}
.center_box .ask input:-ms-input-placeholder,
.center_box .ask textarea:-ms-input-placeholder {
    color: #848885;
    font-family: "Montserrat";
    font-weight: 400;
}
.center_box .ask input::-ms-input-placeholder,
.center_box .ask textarea::-ms-input-placeholder {
    color: #848885;
    font-family: "Montserrat";
    font-weight: 400;
}
.center_box .ask textarea {
    width: 100%;
    resize: none;
    min-height: 160px;
    padding: clamp(8px, 1vw, 15px) clamp(10px, 1vw, 18px);
}
.center_box .ask button {
    width: 100%;
    padding: 20px;
    background-color: #0B3D2C;
    color: #fff;
    border: none;
    font-family: "Montserrat";
    font-weight: 600;
    cursor: pointer;
    border-radius: 25px;
    margin: 15px 0 25px;
}
.center_box .prove {
    width: 40%;
    max-height: 640px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-image: url('bg/faq-2.png');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 28px;
    background-position: center;
    min-height: 400px;
}
@media (max-width: 450px) {
    .center_box .prove {
        width: 100%;
    }
}
.center_box .prove .prove_box {
    background-color: #0B3D2C;
    padding: 25px 26px;
    margin-right: 30px;
    border-top-right-radius: 28px;
    border-bottom-left-radius: 28px;
}
.center_box .prove .prove_box p {
    color: #fff;
}
.center_box .prove .prove_box .title {
    font-weight: Bold;
    font-size: clamp(16px, 4vw, 22px);
}
.center_box .prove .prove_box .intro {
    font-size: clamp(12px, 3vw, 16px);
    margin-top: 10px;
    margin-bottom: 10px;
}
/* Blog */
.main_content.blog .center_box {
    font-family: "Montserrat";
}
.main_content.blog a {
    text-decoration: none;
}
.main_content.blog .center_box {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.5vw 0;
}
@media (max-width: 500px) {
    .main_content.blog .center_box {
        flex-wrap: wrap;
        flex-direction: row;
    }
}
.center_box .blog_box {
    display: flex;
    width: 32%;
    min-width: 150px;
    flex-direction: column;
    justify-content: space-between
}
@media (max-width: 500px) {
    .center_box .blog_box {
        width: 49%;
    }
}
@media (max-width: 320px) {
    .center_box .blog_box {
        width: 99%;
    }
}
.center_box .blog_box .title_img img {
    width: 100%;
    border-radius: 20px;
}
.center_box .blog_box .title {
    font-weight: Bold;
    font-size: clamp(18px, 2vw, 25px);
}
.center_box .read_wrap {
    display: flex;
    align-items: center;
}
.center_box .read_wrap .link_faq_box {
    display: flex;
    align-items: center;
}
.center_box .read_wrap .link_faq {
    margin: clamp(14px, 1.5vw, 20px) 0;
    height: 1.8vw;
    font-weight: 500;
}
.center_box .read_wrap img {
    width: 35px;
    margin-left: -22px;
}
/* Blog 详情 */
.main_content.blog_detail .center_box {
    flex-direction: column;
}
.blog_detail .center_box .title_img img {
    width: 100%;
}
.blog_detail .center_box h1,
.blog_detail .center_box h2,
.blog_detail .center_box h3 {
    font-family: "Montserrat";
    font-weight: 600;
    color: #0B3D2C;
}
.blog_detail .center_box h1 {
    text-align: center;
    font-size: clamp(25px, 3vw, 40px);
    margin-bottom: clamp(15px, 1vw, 25px);
}
.blog_detail .center_box h2 {
    font-size: clamp(20px, 2.5vw, 28px);
    margin: clamp(25px, 1vw, 35px) 0;
}
.blog_detail .center_box h3 {
    font-size: clamp(16px, 2vw, 22px);
    margin: clamp(15px, 1vw, 20px) 0;
}
.blog_detail .center_box .word {
    font-family: "Inter";
    font-weight: 400;
    color: #555555;
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 27px;
}
.blog_detail .center_box .word .sm_bold {
    font-weight: 600;
}
.blog_detail .center_box p.bold {
    font-family: "Montserrat";
    font-weight: 600;
    color: #0B3D2C;
    margin-top: 20px;
    font-size: clamp(16px, 2.5vw, 20px);
}