@import url(https://js01.v15cdn.com/single-template/public.css);
.sustainability>.l-wrap{padding:0;margin:0 auto;max-width:100%}
.sustainability .page-main{padding:0}
.modtitle{font-weight:var(--fontbold6);font-size:var(--fontsize42);color:#111;line-height:1.25}
.modulehead{text-align:center}
.modtext{color:#555;line-height:30px;margin-top: 25px;}
.modback{background:#f5f5f5}
.margintop{margin-top:50px}
.padding2{padding:5.5% 0}
.padding{padding:5% 0}
.bannercard{position: absolute;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.bannercard .p1{color: #fff;}
.bannerdev{width: 100px;height: 3px;background: var(--color);margin-top: 20px;}
.bannercard .p2{color: #fff;margin-top: 20px;}
.modulebtn{display: flex;margin-top: 25px;}
.modulebtn a{border-radius: 6px;padding: 20px 25px;line-height: 1;background: var(--color);color: #fff;}
.modulebtn a em{transition: all .3s ease-in-out;}
.modulebtn:hover a{color: #fff;}
.modulebtn a:hover{text-decoration: unset;}
.modulebtn a:hover em{margin-left: 10px;} 
.bannertext{position: absolute;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.bannertext .line{width: 100px;height: 3px;background: var(--color);display: flex;margin-top: 25px;}
.bannertext .p1{color: #fff;}
.bannertext .p2{color: #fff;margin-top: 20px;}
@media (max-width:1640px) {.modtitle{font-size: var(--fontsize32);}}
@media (max-width:1440px) {.modtitle{font-size: var(--fontsize28);}
.margintop{margin-top:40px}}
@media (max-width:1280px) {.modtitle{font-size: var(--fontsize26);}}
@media (max-width:1024px) {.modtitle{font-size: var(--fontsize24);}
.margintop{margin-top:30px}}
@media (max-width:768px) {.modtitle{font-size: var(--fontsize22);}
.modtext{line-height:26px}}
@media (max-width:550px) {.margintop{margin-top:25px}}
.module1{background: url(/Content/uploads/20261261457/20260701161809b9ee0e8a4d01427eb337dc34ca0fe792.webp)center no-repeat;background-size: cover}
.module1-contant{padding: 90px 70px;background: #ffffffb5;border-radius: 10px;overflow: hidden;text-align: center;}
.module1-text{margin-top: 25px;text-align: center;}
.module1-text p{color: #555555;line-height: 30px;margin-bottom: 10px;}
.module2-contant{display: flex;flex-direction: column;gap: 60px;margin-top: 50px;}
.module2-item{display: flex;gap: 60px;align-items: center;}
.module2-img{width: 48%;aspect-ratio: 3 / 2;border-radius: 6px;border: 1px solid #F0F0F0;overflow: hidden;}
.module2-img img{width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-in-out;}
.module2-info{flex: 1;}
.module2-info .p1{font-weight: bold;font-size: 26px;color: #111111;margin-bottom: 10px;}
.module2-item:nth-of-type(2n){flex-direction: row-reverse;}
.module2-item:hover img{transform: scale(1.03);}
.module3{background: linear-gradient(0deg, #FFFFFF 0%, #F5F5F5 100%);}
.module3-contant{display: flex;gap: 30px;margin-top: 50px;}
.module3-icon{width: 80px;height: 80px;background: var(--color);border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.module3-icon em{font-size: 32px;width: 32px;color: #fff;line-height: 1;}
.module3-item{background: #FFFFFF;box-shadow: 0px 3px 0px 0px var(--color);border-radius: 6px;padding: 50px 30px;flex: 1;}
.module3-info .p1{font-weight:var(--fontbold6);font-size: var(--fontsize20);color: #000000;line-height: 30px;}
.module3-info .p2{color: #555555;line-height: 30px;margin-top: 15px;}
.module3-info{margin-top: 35px;}
@media (max-width:1640px) {.module1-contant{padding: 70px 50px;}
.module2-contant{gap: 50px; margin-top: 40px;}
.module2-item{gap: 50px;}
.module2-img{width: 45%;}
.module3-contant{gap: 25px; margin-top: 40px;}
.module3-item{padding: 40px 25px;}
.module3-icon{width: 70px; height: 70px;}
.module3-icon em{font-size: 28px; width: 28px;}
.module3-info{margin-top: 30px;}}
@media (max-width:1440px) {.module1-contant{padding: 55px 40px;}
.module1-text p{line-height: 28px;}
.module2-contant{gap: 40px; margin-top: 35px;}
.module2-item{gap: 40px;}
.module2-img{width: 44%;}
.module3-contant{gap: 20px; margin-top: 35px;}
.module3-item{padding: 35px 20px;}
.module3-icon{width: 62px; height: 62px;}
.module3-icon em{font-size: 26px; width: 26px;}
.module3-info{margin-top: 25px;}
.module3-info .p1{font-size: 17px;}}
@media (max-width:1280px) {.module1-contant{padding: 45px 35px;}
.module1-text p{line-height: 27px; font-size: 15px;}
.module2-contant{gap: 35px; margin-top: 30px;}
.module2-item{gap: 35px;}
.module2-img{width: 46%;}
.module2-info .p1{font-size: var(--fontsize20);}
.module2-info .p2{font-size: 14px; line-height: 26px;}
.module3-contant{gap: 18px; margin-top: 30px;}
.module3-item{padding: 30px 18px;}
.module3-icon{width: 56px; height: 56px;}
.module3-icon em{font-size: 24px; width: 24px;}
.module3-info{margin-top: 22px;}
.module3-info .p1{font-size: 16px; line-height: 26px;}
.module3-info .p2{font-size: 14px; line-height: 26px;}}
@media (max-width:1024px) {.module1-contant{padding: 40px 30px;}
.module1-text p{font-size: 14px; line-height: 26px;}
.module2-contant{gap: 30px;}
.module2-item{flex-direction: column !important; gap: 25px;}
.module2-img{width: 100%;}
.module2-img{transform: translateY(40px) !important;}
.module2-img.animated{transform: translateY(0) !important;}
.module2-info{transform: translateY(20px);}
.module2-info.animated{transform: translateY(0);}
.module3-contant{flex-wrap: wrap; gap: 15px; margin-top: 30px;}
.module3-item{flex: 0 0 calc(50% - 8px); padding: 30px 20px;}
.module3-icon{width: 52px; height: 52px;}
.module3-icon em{font-size: 22px; width: 22px;}
.module3-info{margin-top: 20px;}
.module3-info .p1{font-size: 15px; line-height: 24px;}
.module3-info .p2{font-size: 13px; line-height: 24px; margin-top: 10px;}}
@media (max-width:768px) {.module1-contant{padding: 30px 20px;}
.module1-text p{font-size: 14px; line-height: 25px;}
.module2-contant{gap: 25px;}
.module2-info .p1{font-size: 18px;}
.module2-info .p2{font-size: 13px; line-height: 24px;}
.module3-contant{flex-direction: column; gap: 12px;}
.module3-item{flex: 1; padding: 25px 18px;}
.module3-icon{width: 48px; height: 48px; flex-shrink: 0;}
.module3-icon em{font-size: 20px; width: 20px;}
.module3-info{margin-top: 18px;}
.module3-info .p1{font-size: 15px; line-height: 24px;}
.module3-info .p2{font-size: 13px; line-height: 23px; margin-top: 8px;}}
@media (max-width:550px) {.module1-contant{padding: 25px 15px; border-radius: 6px;}
.module1-text{margin-top: 18px;}
.module1-text p{font-size: 13px; line-height: 23px; margin-bottom: 8px;}
.module2-contant{gap: 20px; margin-top: 20px;}
.module2-item{gap: 18px;}
.module2-img{border-radius: 4px;}
.module2-info .p1{font-size: 16px; line-height: 24px;}
.module2-info .p2{font-size: 12px; line-height: 22px;}
.module3-contant{gap: 10px; margin-top: 20px;}
.module3-item{padding: 20px 15px; border-radius: 4px;}
.module3-icon{width: 42px; height: 42px;}
.module3-icon em{font-size: 18px; width: 18px;}
.module3-info{margin-top: 15px;}
.module3-info .p1{font-size: 14px; line-height: 22px;}
.module3-info .p2{font-size: 12px; line-height: 21px; margin-top: 6px;}}