﻿ .sustainability-bg{position:relative;z-index:0;padding:12% 0 0}
.sustainability-bg>h2{text-align:center;color:#fff !important}
.sustainability-bg::before{content:'';width:100vw;max-width:1920px;height:100%;display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;background:url(/Content/uploads/20251136813/2025110717263965869758acdd45b28c4d8acd5d15386c.png)  no-repeat;background-size:100% 60%}
@media (max-width:1024px){.sustainability-bg::before{background-size:cover}}
  .compostable{background:url(/uploads/43915/page/2025111013434958c23.png) no-repeat;background-size:contain;background-position:center;padding:3% 0;margin-top:3%}
.compostable .top a,.compostable .bottom a{display:flex;align-items:flex-start;justify-content:space-between;color:#111}
.compostable .top,.compostable .bottom{display:flex;align-items:center;justify-content:space-between}
.compostable .top{margin-bottom:2%}
.compostable .item{width:40%;cursor:pointer;display:flex;padding:2% 2% 2% 4%;border:1px solid var(--color);border-radius:15px;color:#111;transition:all 300ms ease-in-out}
.compostable .item .title{font-size:28px;font-weight:bold}
.compostable .item .desc{font-size:18px}
.compostable .item .icon{max-width:60px;margin-right:2%}
.compostable .item:hover{color:#fff;background:var(--color)}
.compostable .item:hover a{color:#fff;text-decoration:none}
.compostable .top .item:first-child,.compostable .bottom .item:first-child{padding:2% 4% 2% 2%}
.compostable-title{text-align:center;margin:3% 0;font-size:42px;font-weight:bold}
@media (max-width:768px){.compostable .top,.compostable .bottom{flex-wrap:wrap}
.compostable .item{width:100%;margin-bottom:2%}
}
.banner-inner>.l-wrap{display:none;}
@media (max-width:768px){.sustainabletop{flex-wrap:wrap}
.sustainabletop>div{flex:inherit!important;width:100%;}
.sustainabletop>div:first-child{margin-bottom:20px}
.sustainabletop>div:first-child h1{margin-bottom:6px;line-height:1.3}
.sustainabletop>div:first-child h1+p{display:none}}
.pagesbanner .pagesbanner-animate{max-width:1100px}
.pagesbanner .pagesbanner-animate .p1{font-size:42px;font-weight:bold}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize20);margin:15px auto 0;max-width:700px;line-height:1.5}
@media (max-width:1280px){.pagesbanner .pagesbanner-animate .p1{font-size:36px;}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize18);margin:10px auto 0;max-width:650px;}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate .p1{font-size:32px;}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize17);}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .p1{font-size:27px;}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize16);}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize22);}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize14);margin-top:8px}}
   @media (min-width:1024px){.pagesbanner .pagesbanner-animate .p1{font-size:54px}
.pagesbanner .pagesbanner-animate .p2{font-size:32px}
}