.foundation-material-container{font-family:Archivo;>.cmp-container{display:flex;flex-direction:column;gap:30px;margin:40px 0;max-width:1360px;margin:0 auto;@media screen and (max-width:650px){padding:0;gap:15px;margin:60px 0}
}
.foundation-material-text{padding:40px;padding-bottom:0;padding-left:0;@media screen and (max-width:650px){padding:0 20px}
.cmp-text{display:flex;flex-direction:column;gap:13px;@media screen and (max-width:650px){align-items:center;gap:8px}
h2{font-size:30px;color:#232426;font-weight:400;line-height:101%;font-family:"Playfair Display",serif !important;@media screen and (max-width:650px){font-size:22px;text-align:center}
}
p{font-size:18px;color:#323232;font-weight:300;line-height:18px;@media screen and (max-width:650px){font-size:14px;text-align:center;color:#696f75;font-weight:400}
}
}
}
.foundation-material-teaser-container{>.cmp-container{display:flex;gap:20px;margin:0 auto;max-width:1360px;@media screen and (max-width:650px){padding-left:20px;overflow-x:scroll;gap:10px}
}
>.cmp-container::-webkit-scrollbar{display:none}
.teaser{width:25%;@media screen and (max-width:650px){width:100%}
.cmp-teaser{display:flex;flex-direction:column;gap:15px;@media screen and (max-width:650px){width:300px}
}
.cmp-teaser__content{order:2;display:flex;flex-direction:column;gap:5px}
.cmp-teaser__title{font-size:20px;font-weight:600;color:#232426;line-height:132%;@media screen and (max-width:650px){font-size:18px}
}
.cmp-teaser__description{font-size:14px;font-weight:400;color:#75787b;line-height:132%;@media screen and (max-width:650px){font-size:12px}
}
.cmp-teaser__image{overflow:hidden;border-radius:10px;.cmp-image__image{width:100%;transition:transform .3s ease;height:250px}
&:hover .cmp-image__image{transform:scale(1.1)}
}
}
}
}
.foundation-material-container.find-fabric-features-container{.teaser{.cmp-teaser__image{width:250px;height:250px;background-color:#F4F2F6;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center;.cmp-image__image{width:106px;height:106px;object-fit:contain}
}
.cmp-teaser__title a{color:#232426}
.cmp-teaser__action-container{opacity:0;visibility:hidden;.cmp-teaser__action-link{display:inline-flex;align-items:center;gap:6px;color:#232426;&::after{content:"";display:inline-block;width:20px;height:20px;background-image:url("../../../../content/dam/asianpaintsbeautifulhomes/sleek-revamp/transform-arrow-right.png");background-size:contain;background-repeat:no-repeat;background-position:center}
}
}
&:hover{.cmp-teaser__image{background-color:#dfdbe396}
.cmp-teaser__action-container{opacity:1;visibility:visible}
}
@media screen and (max-width:650px){.cmp-teaser__action-container{opacity:1;visibility:visible;.cmp-teaser__action-link{color:#232426}
}
}
}
}
.foundation-material-container .apply-wallcoverings-container .cmp-container .cmp-teaser__image{width:100%;border-radius:20px;height:300px}
.foundation-material-container.find-fabric-features-container>.cmp-container{gap:0}
.foundation-material-container .apply-wallcoverings-container>.cmp-container>.teaser>.cmp-teaser>.cmp-teaser__image>.cmp-image>.cmp-image__image{width:216px;height:216px}
.foundation-material-container .apply-wallcoverings-container>.cmp-container{gap:40px}
.foundation-material-container .apply-wallcoverings-container .cmp-teaser__content{text-align:center}
@media(max-width:767px){.foundation-material-container .apply-wallcoverings-container>.cmp-container{gap:16px}
.foundation-material-container.find-fabric-features-container>.cmp-container{gap:0}
}