/** Banner sections */
.banner_sections{margin-right: 0;margin-left: 0;width: 100vw;}
.banner_sections .btmw_container{position: sticky;top: 0%;overflow: hidden;width: 100vw;}
.banner_sections .section_problem {will-change: transform;}
.banner_sections .section_banner_img{
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding: 1.5vw 3.5vw;
    display: flex;
    width: 100%;
}
.banner_sections .section_banner_1{
    background-image: url("../img/banner/index_banner_1.jpg");
    /*background-position-x: 60%;*/
    /*background-position-y: 40%;*/
}
.banner_sections .section_banner_1 .banner_container{width: 55%;}
.banner_sections .section_banner_2{
    background-image: url("../img/banner/index_banner_2.jpg");
    /*background-position-x: right;*/
    /*background-position-y: 80%;*/
}
.banner_sections .section_banner_3{
    background-image: url("../img/banner/index_banner_3.jpg");
    /*background-position: 10%;*/
}
.banner_sections .section_banner_4{
    background-image: url("../img/banner/index_banner_4.jpg");
    /*background-position: 0 10%;*/
}
.banner_sections .banner_title{
    font-family: "209";
    font-size: 8.5em;
    color: #fff;
    font-weight: normal;
    margin-bottom: var(--space-s);
}
.banner_sections .banner_title_desc{
    font-family: "735";
    font-size: 2em;
    color: #fff;
    font-weight: normal;
    margin-bottom: var(--space-xs);
    padding-left: 15px;
}
.banner_sections .banner_size_nav{
    display: inline-flex;
    gap: var(--space-l);
}
.banner_sections .banner_size_nav .size_link {
    position: relative; /* 父容器设为相对定位 */
    display: inline-block; /* 确保可以正确定位 */
}
.about_sections .about_sections_container .slider_container .slider_area .slider_op .slider_op_btn .css-filter,
.banner_sections .banner_size_nav .size_link .css-filter {
    display: block; /* 防止图片下方有空白 */
}
.banner_sections .banner_size_nav .size_link::after {
    content: "";
    position: absolute;
    background-image: url("../img/arrow.png"); /* 小图标路径 */
    background-size: cover;
    width: 26px; /* 小图标宽度 */
    height: 26px; /* 小图标高度 */
    bottom: 27px; /* 距离底部 10px */
    right: 16px; /* 距离右侧 10px */
    z-index: 2; /* 确保显示在图片上方 */
    filter: brightness(1); /* 默认白色 */
    /* 默认状态：0°（完全显示） */
    transform: rotate(0deg);
}
.banner_sections .banner_size_nav .size_link:hover::after {
    animation: spin-in 0.4s ease-out 1,
    yellow-tint 0.4s ease-out 1; /* 同步触发黄色滤镜动画 */
    /*transform: rotate(0deg) scale(1.2); !* 归位同时放大 *!*/
    opacity: 1; /* 如果启用了淡入 */
    filter:
            brightness(1.5)      /* 提高亮度 */
            sepia(1)             /* 添加黄褐色 */
            hue-rotate(200deg)   /* 调整色相为蓝色 */
            saturate(5);         /* 提高饱和度 */
}
@keyframes spin-in {
    0% { transform: rotate(-90deg); opacity: 0; }
    70% { transform: rotate(15deg); opacity: 1; }
    100% { transform: rotate(0deg); }
}
/* 黄色滤镜动画 */
@keyframes yellow-tint {
    from {
        filter:
                brightness(1.2)  /* 提亮 */
                sepia(1)         /* 黄褐色基底 */
                hue-rotate(30deg); /* 微调黄色 */
    }
    to {
        filter:
                brightness(1.2)
                sepia(1)
                hue-rotate(30deg);
    }
}

@media (max-width:768px){
    .banner_sections .section_banner_1{
        background-image: url("../img/banner/index_banner_1_m.jpg");
    }
    .banner_sections .section_banner_1 .banner_container{padding-left: 10%;padding-right: 10%;width: 100%;transform: translateY(-30%);}
    .banner_sections .section_banner_2{
        background-image: url("../img/banner/index_banner_2_m.jpg");
    }
    .banner_sections .section_banner_3{
        background-image: url("../img/banner/index_banner_3_m.jpg");
    }
    .banner_sections .section_banner_4{
        background-image: url("../img/banner/index_banner_4_m.jpg");
    }
    .banner_sections .banner_title{font-size: 3.5em;margin-bottom: var(--space-l);}
    .banner_sections .banner_title_desc{font-size: 1em;margin-bottom: var(--space-s);}
    .banner_sections .banner_size_nav{display: list-item;list-style: none;}
    .banner_sections .banner_size_nav a{display: block;}
    .banner_sections .banner_size_nav a + a{margin-top: var(--space-s) !important;}
    .banner_sections .banner_size_nav img{width: 70%;}
    .banner_sections .banner_size_nav .size_link::after{
        width: 20px; /* 小图标宽度 */
        height: 20px; /* 小图标高度 */
        bottom: 33%; /* 距离底部 10px */
        right: 33%; /* 距离右侧 10px */
    }
}
.banner_sections .banner_container.banner_desc{width: 50%;margin: 0 auto; /* 水平居中 */position: relative;height: 232px; /* 与color_block高度一致 */ transform: translate(-10%, 0%);}
.banner_sections .banner_container .color_block{border-radius: 20px;width: 330px;height: 232px;position: absolute;left: 50%; /* 相对父容器左移50% */transform: translateX(-50%); /* 回退自身宽度的一半 */}
.banner_sections .banner_container .green_block{background-color:#5AAA5A;}
.banner_sections .banner_container .red_block{background-color:#E61932;}
.banner_sections .banner_container .yellow_block{background-color:#FFB400;}
.banner_sections .banner_container .banner_text{
    font-family: "209";
    font-size: 3em;
    line-height: 0.1em;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    position: absolute;
    top: 50%; /* 垂直居中 */
    left: 67%; /* 从父容器中线开始 */
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.banner_sections .section_banner_2 .banner_container .banner_text{transform: translate(-43%, -50%);}
/*.banner_sections .section_banner_4 .banner_container .banner_text{transform: translate(-43%, -50%);}*/
@media (max-width:768px){
    .banner_sections .banner_container .color_block{height: 100%;width: 70%;}
    .banner_sections .banner_container .banner_text{font-size: 2.2em;transform: translate(-50%, -50%); /* 完全居中 */text-align: center;left: 50%;}
    .banner_sections .section_banner_2 .banner_container .banner_text,
    .banner_sections .section_banner_4 .banner_container .banner_text{transform: translate(-50%, -50%);}
}

/** About sections */
.about_sections{height: 100vh;width: 100%;background-color: #F5F5F5;}
.about_sections .about_sections_container{display: grid;grid-template-columns: 1fr 1fr;height: 100vh; }

.about_sections .about_sections_container .about_container{background-image: url("../img/index_about_bg.jpg");position: relative;display: flex;justify-content: center;align-items: center;}
.about_sections .about_sections_container .about_container .about_text{font-family: "735";font-size: larger;line-height: 1.5em;width: 60%;margin: 0 auto;color: #fff;position: absolute;top: 50%;transform: translate(0%, -50%); /* 完全居中 */}
.about_sections .about_sections_container .about_container .about_text h2{font-weight: normal;text-transform: uppercase;font-size: 2em;margin-bottom: 1em;}
.about_sections .about_sections_container .slider_container{position: relative;}
.about_sections .about_sections_container .slider_container .slider_title{font-family: "209";font-size: 4.6em;width: 80%;margin: 0 auto;color: #5F3C32;position: absolute;top: 40%;transform: translate(16%, -110%);}
.about_sections .about_sections_container .slider_container .slider_wrapper{width: 100%;height: 40%;position: absolute;transform: translate(10%, 60%);}
.about_sections .about_sections_container .slider_container .slider_area{
    width: 100%;
    height: 81%;
    position: absolute;
    transform: translate(0, 67.5%);z-index: 1;
    display: block;
}
.about_sections .about_sections_container .slider_container .slider_area .slider_area_container{
    height: 100%;
    width: 82%;
    padding-left: 3%;
}
.about_sections .about_sections_container .slider_container .slider_area .slider_imgs
{border-radius: 30px;overflow: hidden;
    width: 80%;
    float: left;
}
.about_sections .about_sections_container .slider_container .slider_area .slider_imgs .slider_item{width: 100%;height: 100%;}
.about_sections .about_sections_container .slider_container .slider_area .slider_imgs .slider_item img{width: 100%;height: 100%;object-fit: cover;}
.about_sections .about_sections_container .slider_container .slider_area .slider_op{
    width: 48px;
    float: left;
    display: inline-grid;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-left: 6%;
    padding-top: 8%;
    padding-bottom: 2%;
}
.about_sections .about_sections_container .slider_container .slider_area .slider_op .slider_op_btn{cursor: pointer;}
.about_sections .about_sections_container .slider_container .slider_area .slider_op .slider_op_next{padding-top: 25%;}
.about_sections .about_sections_container .slider_container .slider_area .slider_op .slider_op_pre{padding-bottom: 20%;}
.about_sections .about_sections_container .slider_container .slider_bg{width: 50%;height: 85%;border-radius: 15px;background-color: #FFB400;position: absolute;right: 50%;transform: translate(108%, 20%);}

.about_sections .about_sections_container .slider_container .slider_area .slider_op .slider_op_next:hover{
    animation: spin-in 0.5s ease-out 1;
    filter:
            brightness(1.5)
            drop-shadow(0 0 8px rgba(255, 255, 255, 0.9));
}
.about_sections .about_sections_container .slider_container .slider_area .slider_op .slider_op_pre:hover {
    animation: spin-in 0.5s ease-out 1;
    filter:
            brightness(1.2)
            drop-shadow(0 0 5px rgba(255, 215, 0, 0.7));
}
.about_sections .about_sections_container .slider_container .slider_area .slider_imgs .owl-dots,
.about_sections .about_sections_container .slider_container .slider_area .slider_imgs .owl-nav{display: none;}



@media (max-width:1024px){
    .about_sections .about_sections_container .about_container{background-size: cover;background-position: center center;}
    .about_sections .about_sections_container .about_container .about_text{width: 80%;}
    .about_sections .about_sections_container .slider_container .slider_title{transform: translate(12%, -220%);}
    .about_sections .about_sections_container .slider_container .slider_area .slider_imgs{border-radius: 15px;}
    .about_sections .about_sections_container .slider_container .slider_wrapper{width: 100%;transform: translate(0,60%);padding: 0 10px;}
    .about_sections .about_sections_container .slider_container .slider_area{
        width: 90%;
        transform: translate(0, 20%);
        /*display: flex; flex-flow: column;*/
    }
    .about_sections .about_sections_container .slider_container .slider_area .slider_op{
        /*display: grid;*/
        width: 100%;
        /*justify-content: space-between;*/
        /*padding: unset;*/
        /*grid-template-columns: 1fr 1fr;*/
        /*margin-top: 10px;*/
    }
    /*.about_sections .about_sections_container .slider_container .slider_area .slider_op img{*/
    /*    filter:*/
    /*            brightness(0)*/
    /*            drop-shadow(0 0 #FFB400);*/
    /*}*/
    /*.about_sections .about_sections_container .slider_container .slider_area .slider_op_next{order: 2;display: flex;justify-content: flex-end;}*/
    /*.about_sections .about_sections_container .slider_container .slider_area .slider_op_pre{order: 1;display: flex;justify-content: flex-start;}*/
}
@media (max-width:768px){
    .about_sections{height: auto;}
    .about_sections .about_sections_container{grid-template-columns:repeat(1,100%);height: auto;}
    .about_sections .about_sections_container .slider_container{order: 1;height: 42vh;max-width: 100%;overflow: hidden;}
    .about_sections .about_sections_container .about_container{
        order:2;height: 58vh;
        /*background-image:unset;position:unset;*/
    }
    .about_sections .about_sections_container .slider_container .slider_wrapper{transform: translate(0,60%);padding: 0 7%;}
    .about_sections .about_sections_container .about_container .about_text{width: 100%;transform: unset;padding: 9% 9%;top: unset;font-size: 0.8em;
        position: unset;
        /*background-image: url(../img/index_about_bg.jpg);position:unset;*/
    }
    .about_sections .about_sections_container .about_container .about_text h2{font-size: 1.9em;}
    .about_sections .about_sections_container .about_container .about_text .about_text_desc{width: 95%;}
    .about_sections .about_sections_container .about_container .about_text p{font-size: 1.5em;}
    .about_sections .about_sections_container .slider_container .slider_title{font-size: 2.2em;transform: translate(10%, -130%);}
    .about_sections .about_sections_container .slider_container .slider_bg{width:50%;right:40%;height:98%;transform: translate(100%, 0);}
    .about_sections .about_sections_container .slider_container .slider_area{
        width: 100%;
        display: block;
        transform: translate(0, 33%);
        height: 100%;
    }
    .about_sections .about_sections_container .slider_container .slider_area .slider_area_container{
        padding-left: 0;
    }
    .about_sections .about_sections_container .slider_container .slider_area .slider_imgs{border-radius: 10px;width: 79%;}
    .about_sections .about_sections_container .slider_container .slider_area .slider_op{
        width: 10%;padding-top: 12%;padding-bottom: 0;}
    .about_sections .about_sections_container .slider_container .slider_area .slider_op img{width: 24px;height: 24px;}
    .banner_sections .banner_container.banner_desc{width: 40%;height: 180px;transform: translate(0, 10%);}
}
/** business sections */
.business_sessions{height: 100vh;width: 100%;background-color: #F5F5F5;}
.business_sessions .business_sections_container{display: grid;grid-template-columns: 1fr 1fr;height: 100vh; }
.business_sessions .business_sections_container .business_portfolio{font-family: "735";font-size: larger;width: 60%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: left;align-items: center;}
.business_sessions .business_sections_container .business_portfolio .business_title{font-family: "209";font-size: 4em;color: #40554c;width: 100%;margin-bottom: 50px;}
.business_sessions .business_sections_container .business_portfolio .business_portfolio_container{width: 100%;}
.business_portfolio_container .business_portfolio_item{border-bottom: 1px solid #6d6d6d;padding: 10px 0;color: #37554B;font-size: large;margin-bottom: 30px;}
.business_portfolio_container .business_portfolio_item:last-child{margin-bottom: 0;}
.business_portfolio_container .business_portfolio_item .business_portfolio_item_title{color:#5AAA5A;font-size: xx-large;margin-bottom: 10px;text-transform:uppercase;}
.business_sessions .business_sections_container .business_future{background-image: url("../img/index_business_bg.jpg");background-position: 25% 40%;height: 100vh;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.business_future .future_wrapper{width: 600px;position: absolute;}
.business_slider{width: 600px;height: 100%;}
/*#business.owl-dots{display: none;}*/
/*.owl-theme .owl-dots, .owl-theme .owl-nav{display: none;}*/
.business_future .future_wrapper .business_slider .future_item{height: 246px;background-color: #fff;border-radius: 15px;margin:0 10px;padding: 50px 20px 20px;display: flex;flex-wrap: wrap;justify-content: center;}
.business_future .future_wrapper .business_slider .future_item .item_icon{background-image:url("../img/business_icon.png");height: 64px;width: 46px;}
.business_future .future_wrapper .business_slider .future_item .item_icon_purchase{background-position: 0 0;}
.business_future .future_wrapper .business_slider .future_item .item_icon_temprerature{background-position: 0 -64px;}
.business_future .future_wrapper .business_slider .future_item .item_icon_genuine{background-position: 0 -128px;}
.business_future .future_wrapper .business_slider .future_item .item_icon_stock{background-position: 0 -194px;}
.business_future .future_wrapper .business_slider .future_item .item_icon_value{background-position: 0 -258px;}
.business_future .future_wrapper .business_slider .future_item .item_icon_service{background-position: 0 -322px;}
.business_future .future_wrapper .business_slider .future_item .item_text{width: 100%;font-family: "735";font-size: large;text-align: center;color: #3C3C3C;border-top: 1px solid #eee;padding-top: 20px;}
.business_future .future_wrapper .owl-theme .owl-nav{margin-top: unset;position: absolute;width: 660px;transform: translate(-30px, -200%);color: rgba(255,255,255,0.5);justify-content: space-between;display: flex;font-size: 50px;}
.business_future .future_wrapper .owl-carousel .owl-item {
    width: 200px; /* 设置你想要的宽度 */
}
@media (min-width:1024px){
    .about_sections .about_sections_container{max-height: 1024px;}
    .about_sections .about_sections_container .about_container{background-repeat: no-repeat;}
}
@media (max-width:1024px){
    .business_sessions .business_sections_container .business_future{background-image: url("../img/index_business_bg_m.jpg");background-size: cover;background-position: unset;}
    .business_future .future_wrapper{margin: 20% auto;}
    .business_sessions .business_sections_container .business_portfolio{margin: 40% auto;align-items: unset;}
    .business_future .future_wrapper .owl-theme .owl-nav{display: none;}
    .business_sessions .business_sections_container .business_future{align-items: unset;height: auto;}
}
@media (max-width:768px){
    .business_sessions{height: auto;background-color: #fff;}
    .business_sessions .business_sections_container{grid-template-columns: 1fr !important;height: auto;}
    .business_sessions .business_sections_container .business_portfolio{width: 100%;height:65vh;font-size: unset;margin: 0;display: block;}
    .business_sessions .business_sections_container .business_portfolio .portfolio_wrapper{width: 94%;padding: 22% 7%;}
    .business_sessions .business_sections_container .business_portfolio .business_title{font-size: 2.4em;line-height: 1.3em;margin-bottom: unset;}
    .business_sessions .business_sections_container .business_portfolio .business_portfolio_container{width: 100%;margin-top: 12%;}
    .business_portfolio_container .business_portfolio_item{font-size: unset;border-bottom: 1px solid #a5a5a5;}
    .business_portfolio_container .business_portfolio_item .business_portfolio_item_title{font-size: 1.2em;margin-bottom: 3px;}
    .business_portfolio_container .business_portfolio_item .business_portfolio_item_desc{font-size: 0.9em;color: #3c5a50;}
    .business_future .future_wrapper{width: 94%;height: 17vh;margin: 20% 3%;}
    .business_sessions .business_sections_container .business_future{height: 35vh;display: block}
    .business_future .future_wrapper .business_slider .future_item{padding: 17% 10%;margin: 0 5px;border-radius: 8px;height: 80%;}
    .business_future .future_wrapper .business_slider .future_item .item_text{margin-top: 20%;
        padding-top: 20%;
        font-size: 0.7em;
        overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;
        /*! autoprefixer:off */
        -webkit-box-orient: vertical;
    }
    .business_future .future_wrapper .owl-carousel .owl-item{width: unset;height: 20%;}
    .business_future .future_wrapper .business_slider .future_item .item_icon{width: 23px;height: 32px;background-size: cover;}
    .business_future .future_wrapper .business_slider .future_item .item_icon_purchase{background-position: 0 0;}
    .business_future .future_wrapper .business_slider .future_item .item_icon_temprerature{background-position: 0 -32px;}
    .business_future .future_wrapper .business_slider .future_item .item_icon_genuine{background-position: 0 -64px;}
    .business_future .future_wrapper .business_slider .future_item .item_icon_stock{background-position: 0 -96px;}
    .business_future .future_wrapper .business_slider .future_item .item_icon_value{background-position: 0 -128px;}
    .business_future .future_wrapper .business_slider .future_item .item_icon_service{background-position: 0 -160px;}
}
@media (max-width:480px){
    /*.business_sessions .business_sections_container .business_future{max-height: 640px;}*/
}
.storage_sessions{width: 100%;background-color: #F5F5F5;display: flex;justify-content: center;align-items: center;}
.storage_sessions .storage_sessions_container{width: 100%;display: grid;grid-template-columns: 1fr 1fr; }
.storage_sessions .storage_sessions_container .storage_main {margin-right: 10px}
.storage_sessions .storage_sessions_container .storage_management{font-family: "735";font-size: larger;width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.storage_sessions .storage_sessions_container .storage_management .storage_title{font-family: "209";text-transform: uppercase;font-size: 4em;color: #782D37;width: 100%;margin-bottom: 86px;text-align: center;}
.storage_sessions .storage_sessions_container .storage_management .storage_futures_b_containers{width: 80%;display: grid;grid-template-columns: 1fr 1fr;}
.storage_sessions .storage_sessions_container .storage_management .storage_futures_b_item{border: 1px solid #ccc;border-radius: 15px;display: block;align-items: center;margin-right: 5px;padding: 30px 0;}
.storage_sessions .storage_sessions_container .storage_management .storage_futures_b_item:last-child{margin-right: 0;margin-left: 5px;}
.storage_sessions .storage_sessions_container .storage_futures_b_item .storage_icon{width: 100%;text-align: center;}
.storage_sessions .storage_sessions_container .storage_futures_b_item .storage_icon_b img{width: 102px;height: 102px;}
.storage_sessions .storage_sessions_container .storage_futures_b_item .storage_icon_s img{width: 68px;height: 68px;}
.storage_sessions .storage_sessions_container .storage_future_text,
.storage_sessions .storage_sessions_container .storage_addon_future .storage_addon_future_item .storage_future_text{
    width: 100%;height:42px;text-align: center;margin: 20px 0;font-size: 1.2em;line-height: 1.5em;font-weight:bolder;vertical-align: middle;align-items: center;
    /*display: inline-flex;justify-content: center;*/
}
.storage_sessions .storage_sessions_container .storage_management .storage_futures_b_item .storage_future_text div{font-size: 1.2em;}
.storage_sessions .storage_sessions_container .storage_management .storage_futures_b_item .storage_future_text div.desc{font-size: 0.9em;font-weight: normal;margin-top: 0.5em;}

.storage_sessions .storage_sessions_container .storage_addon{width: 80%;margin-left: 10px;}
.storage_sessions .storage_sessions_container .storage_addon_future{width:100%;border: 1px solid #ccc;border-radius: 15px;padding: 20px 40px;}

.storage_sessions .storage_sessions_container .storage_addon_future .storage_addon_future_item{text-align: center;border-right: 1px solid #ccc;padding: 40px 0;}
.storage_sessions .storage_sessions_container .storage_addon_future .storage_addon_future_wrapper{display: grid;grid-template-columns: repeat(3,1fr);}
.storage_sessions .storage_sessions_container .storage_addon_future hr{margin-bottom: 15px;}
.storage_sessions .storage_sessions_container .storage_addon_future_item:nth-child(3n+3){border-right: 0;}
.storage_sessions .storage_sessions_container .storage_addon_future .storage_addon_future_item .storage_future_text{margin-bottom: 0;}
@media (max-width:768px){
    .storage_sessions .storage_sessions_container{display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /*padding: 10% 0;*/
    }
    .storage_sessions .storage_sessions_container .storage_main{margin-right: unset;width: 100%;margin-top: -30%;}
    .storage_sessions .storage_sessions_container .storage_management .storage_title{margin: 11% 11% 12% 11%;font-size: 2.2em;text-align: left;}
    .storage_sessions .storage_sessions_container .storage_management .storage_futures_b_containers{width: 100%;padding: 0 10%;grid-gap: 2px;}
    .storage_sessions .storage_sessions_container .storage_management .storage_futures_b_item{margin-left: 0;padding: 15% 0;}
    .storage_sessions .storage_sessions_container .storage_futures_b_item .storage_icon_b img{width: 51px;height: 51px;}
    .storage_sessions .storage_sessions_container .storage_futures_b_item .storage_icon_b .storage_future_text{height: unset;margin: unset;}
    .storage_sessions .storage_sessions_container .storage_addon{margin-left: unset;width: 100%;padding: 2% 10%;}
    .storage_sessions .storage_sessions_container .storage_addon_future{padding: 5%;}
    .storage_sessions .storage_sessions_container .storage_addon_future .storage_addon_future_item{padding: 18% 5%;}
    .storage_sessions .storage_sessions_container .storage_future_text, .storage_sessions .storage_sessions_container .storage_addon_future .storage_addon_future_item .storage_future_text{
        height: unset;margin: 4% 0;font-size: 0.8em;line-height: unset;
    }
    .storage_sessions .storage_sessions_container .storage_management .storage_futures_b_item .storage_future_text div{font-size: 1em;}
    .storage_sessions .storage_sessions_container .storage_management .storage_futures_b_item .storage_future_text div.desc{font-size: 0.6em;font-weight: normal;margin-top: 0em;}

    .storage_sessions .storage_sessions_container .storage_addon_future .storage_addon_future_item img{width: 36px;height: 36px;}
}

.section_problem {
    height: 100vh;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*padding: 20px;*/
    /*text-align: center;*/
    /*position: relative;*/
    transition: transform 0.4s ease, opacity 0.4s ease;
    /*opacity: 0.9;*/
}

.floating-btn {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    /*background: rgba(255, 255, 255, 0.9);*/
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
    z-index: 100;
    transition: all 0.3s ease;
    animation: pulse 2s infinite;
}

.floating-btn:hover {
    transform: translateX(-50%) scale(1.1);
    /*background: white;*/
    box-shadow: 0 7px 30px rgba(0, 0, 0, 0.4);
}

.floating-btn.hidden {
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
}

.floating-btn i {
    font-size: 32px;
    color: rgba(255, 255, 255, 0.6);
}

.back-to-top {
    /*display: flex;*/
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
    z-index: 100;
    transition: all 0.3s ease;
}

.back-to-top:hover {
    transform: translateY(-5px);
    background: white;
}

.back-to-top.hidden {
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
}

.back-to-top i {
    font-size: 24px;
    color: rgba(0, 0, 0, 0.2);
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
    40% { transform: translateX(-50%) translateY(-20px); }
    60% { transform: translateX(-50%) translateY(-10px); }
}

:root {
    --animation-duration: 1.5s;
    --transition-duration: 0.8s;
}

section {
    /*height: 100vh;*/
    width: 100%;
    display: flex;
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*color: white;*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*position: relative;*/
    transition: transform var(--transition-duration) cubic-bezier(0.17, 0.67, 0.83, 0.67);
    min-height: 100vh;
    /*transform: scale(0.95);*/
    /*opacity: 0.7;*/
}

section.active {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
    /*animation: elastic var(--animation-duration) cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards;*/
    background: rgba(245, 245, 245, 1);
}

@keyframes elastic {
    0% {
        transform: scale(0.95);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}

section::after {
    /*content: '';*/
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 0;
    transition: opacity var(--transition-duration) ease;
}

section.active::after {
    opacity: 0.5;
}

section > * {
    position: relative;
    z-index: 1;
    transition: transform var(--transition-duration) ease, opacity var(--transition-duration) ease;
    /*transform: translateY(30px);*/
    /*opacity: 0.8;*/
}

section.active > * {
    transform: translateY(0);
    opacity: 1;
}

@media (max-width:768px){
    #about,
    #business,
    #storage{height: auto!important;}
}