:root{--multitilepaddingTop:100px;--multitilepaddingBottom:100px;--multitilefontSizeHeading:3.625rem;--multitilefontSizeDesc:2rem;--multitiletextAlign:left}
.articles{position:relative;z-index:6;font-family:var(--pnr);padding-top:var(--multitilepaddingTop);padding-bottom:var(--multitilepaddingBottom);overflow:hidden}
.sustainability-multi-tile .articles{padding-top:var(--multitilepaddingTop) !important;padding-bottom:var(--multitilepaddingBottom) !important}
.articles .textComponent.titlearea{margin:0 auto;width:1200px}
.articles .textComponent .text .desc:not(:first-child){margin:26px auto}
.articles .card{max-width:550px;position:relative;background:#fff;box-shadow:0 0 4px rgba(0,0,0,0.25);border-radius:20px;padding-bottom:80px;overflow:hidden;margin:2px;border:0}
.articles .card .imageContainer{height:280px}
.articles .card .imageContainer>img{width:fit-content;width:-moz-fit-content;max-width:100%}
.articles .card .textContainer{padding:35px 35px 0 35px;font-family:'Nunito Sans';color:#000}
.articles .card .textContainer .text{max-width:1200px;margin:0 auto}
.articles .card .textContainer .title{font-family:var(--pnb);font-size:2.625rem;line-height:1.5;margin-bottom:20px}
.articles .text .title{font-size:var(--multitilefontSizeHeading) !important;text-align:var(--multitiletextAlign) !important}
.articles .card .textContainer .desc{font-family:var(--pnr);font-size:1.375rem;line-height:1.5;margin-bottom:80px}
.articles .text .desc{font-size:var(--multitilefontSizeDesc) !important;text-align:var(--multitiletextAlign) !important}
.articles .card .buttonContainer{position:absolute;bottom:50px;left:50%;transform:translateX(-50%)}
.articles .card .buttonContainer>a{background-color:#382356}
@media only screen and (max-width:1366px){.articles .card .textContainer .title{line-height:1.5}
.articles .card{max-width:440px}
.cust_container{max-width:1000px}
.articles .card .imageContainer{height:auto}
}
@media only screen and (max-width:1024px){.articles .card{margin:0 0 50px}
}
@media only screen and (max-width:801px){.articles .card{margin:0 0 50px}
}
@media only screen and (max-width:834px) and (max-height:1194px) and (orientation:portrait){.articles .card{width:45%}
}
@media only screen and (max-width:768px) and (max-height:1024px) and (orientation:portrait){.articles .card{margin:0 0 50px;width:100%}
.articles .card .textContainer .title{font-size:1.8125rem}
.articles .card .textContainer .desc{font-size:1.125rem}
}
@media only screen and (max-width:767px){.articles .card{width:94%}
}
@media only screen and (max-width:414px){.articles .card{width:94%}
.articles .card .textContainer .title{font-size:1.4375rem;line-height:1.5}
.articles .card .textContainer .desc{font-size:1rem;margin:0 0 30px}
}
@media only screen and (max-width:375px) and (max-height:812px){.articles .card{margin:0 0 50px;max-width:372px}
}
.articles .card.fullwidth{display:flex;max-width:unset;width:calc(100% - 14px);justify-content:space-between;padding:0;grid-column:1 / span 2;flex-direction:row}
.articles .card.fullwidth .imageContainer{max-width:550px;height:100%;border-radius:20px;overflow:hidden;width:50%}
.articles .card.fullwidth .imageContainer img{height:auto;width:100%}
.articles .card.fullwidth .textContainer{max-width:550px;padding:30px 0;width:50%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.articles .card.fullwidth .textContainer img{margin:0 0 16px}
.articles .card.fullwidth .textContainer .title{color:#00002e}
.articles .card.fullwidth .textContainer .desc{margin:0;width:90%}
.articles .card.fullwidth .buttonContainer{position:relative;margin:20px 0 0;justify-content:flex-start;bottom:unset;left:unset;transform:none}
.articles .card.fullwidth .textContainer .plusIcon img{margin:0}
@media only screen and (max-width:1366px){.articles .card.fullwidth{width:calc(100% - 30px)}
.articles .card.fullwidth .imageContainer{max-width:440px;height:auto;padding-bottom:0;width:48%}
.articles .card.fullwidth .textContainer{max-width:440px;height:unset}
}
@media only screen and (max-width:1024px) and (max-height:1366px){.articles .card.fullwidth{width:calc(100% - 62px)}
}
@media only screen and (max-width:991px){.articles .card.fullwidth{flex-direction:column;max-width:440px;width:100%}
.articles .card.fullwidth .imageContainer{width:100%;max-width:unset}
.articles .card.fullwidth .textContainer{width:100%;max-width:unset;padding:10%}
.articles .card.fullwidth .buttonContainer{justify-content:center;margin:40px 0 0}
.articles .card.fullwidth .imageContainer{width:100%}
.articles .card.fullwidth .imageContainer img{position:relative;width:100%}
}
@media only screen and (max-width:768px) and (max-height:1024px) and (orientation:portrait){.articles .card.fullwidth{flex-direction:column;max-width:440px}
.articles .card.fullwidth .textContainer{max-width:unset;padding:35px 35px 65px 35px;width:100%}
.articles .card.fullwidth .textContainer .desc{width:100%}
}
@media only screen and (max-width:767px){.articles .card.fullwidth{width:94%}
}
@media only screen and (max-width:1366px){.articles .card .textContainer .title{font-size:2rem}
.articles .text .title{font-size:calc(var(--multitilefontSizeHeading) - .9375rem) !important}
.articles .card .textContainer .desc{font-size:1.125rem}
.articles .text .desc{font-size:calc(var(--multitilefontSizeDesc) - 6px) !important}
}
@media only screen and (max-width:1024px){.articles .card .textContainer .title{font-size:2rem}
.articles .card .textContainer .desc{font-size:1.125rem}
.sustainability-multi-tile .articles{padding-top:calc(var(--multitilepaddingTop)/2) !important;padding-bottom:calc(var(--multitilepaddingBottom)/2) !important}
}
@media only screen and (max-width:768px){.articles .card .textContainer .title{font-size:1.8125rem}
.articles .textComponent.titlearea{max-width:58%}
.articles .text .title{font-size:calc(var(--multitilefontSizeHeading) - 1.4375rem) !important}
.articles .card .textContainer .desc{font-size:1.125rem}
.articles .text .desc{font-size:calc(var(--multitilefontSizeDesc) - 9px) !important}
}
@media only screen and (max-width:500px){.articles .card .textContainer .title{font-size:1.4375rem}
.articles .text .title{font-size:calc(var(--multitilefontSizeHeading) - 1.875rem) !important;text-align:center !important}
.articles .card .textContainer .desc{font-size:1rem}
.articles .text .desc{font-size:calc(var(--multitilefontSizeDesc)/2) !important;text-align:center !important}
.sustainability-multi-tile .articles{padding-top:calc(var(--multitilepaddingTop)/3) !important;padding-bottom:calc(var(--multitilepaddingBottom)/3) !important}
.articles .textComponent.titlearea{padding:0 10px}
}
@media only screen and (min-width:1170px) and (orientation:portrait){.articles .card .textContainer .title{font-size:1.4375rem}
.articles .text .title{font-size:calc(var(--multitilefontSizeHeading) - 1.875rem) !important;text-align:center !important}
.articles .card .textContainer .desc{font-size:1rem}
.articles .text .desc{font-size:calc(var(--multitilefontSizeDesc)/2) !important;text-align:center !important}
.sustainability-multi-tile .articles{padding-top:calc(var(--multitilepaddingTop)/3) !important;padding-bottom:calc(var(--multitilepaddingBottom)/3) !important}
.articles .textComponent.titlearea{padding:0 10px}
}