.fabric-type-section{position:relative !important;padding-top:60px !important;margin-top:26px !important}
.fabric-carousel-nav{display:flex !important;gap:8px;position:absolute;top:0;right:16px;z-index:10}
.fabric-carousel-nav button{width:64px;height:64px;border-radius:50%;border:1px solid #d1d1d1;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;font-size:18px;color:#333}
.fabric-carousel-nav button:hover{border-color:#999;background:#f5f5f5}
.fabric-carousel-nav button:disabled{opacity:.4;cursor:not-allowed}
.fabric-type-section>.cmp-container{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 16px 16px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.fabric-type-section>.cmp-container>.text{position:absolute;top:-5px;font-size:32px;font-weight:500;font-family:Archivo;line-height:101%;color:#232426}
.fabric-type-section>.cmp-container::-webkit-scrollbar{display:none}
.fabric-type-section .teaser{flex:0 0 300px;scroll-snap-align:start}
.fabric-type-section .cmp-teaser{display:flex;flex-direction:column;z-index:9;padding-bottom:30px;position:relative}
.fabric-type-section .cmp-teaser .cmp-image{transform:scale(1);transition:transform .7s ease-in-out}
.fabric-type-section .cmp-teaser:hover .cmp-image{transform:scale(1.25);transition:transform .7s ease-in-out}
.fabric-type-section .cmp-teaser__image{width:100%;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;max-height:160px}
.fabric-type-section .cmp-teaser__image .cmp-image{height:100%}
.fabric-type-section .cmp-teaser__image img{width:100%;height:100%;object-fit:cover;display:block}
.fabric-type-section .cmp-teaser__pretitle{font-size:20px;font-weight:600;color:#232426;font-family:Archivo;line-height:132%;margin-top:16px}
.fabric-type-section .cmp-teaser__description{padding-left:8px}
.fabric-type-section .cmp-teaser__description p{margin:0;padding:0}
.fabric-type-section .cmp-teaser__description li{list-style:disc;margin-left:16px;margin-bottom:2px;font-size:14px;line-height:190%;color:#75787b;font-family:Archivo;font-weight:400}
.fabric-type-section .cmp-teaser__action-link{display:none;align-items:center;gap:6px;color:#000;font-weight:500;font-size:16px;font-family:Archivo;position:absolute;bottom:0;cursor:pointer}
.fabric-type-section .cmp-teaser:hover .cmp-teaser__action-link{display:block}
.fabric-type-section .cmp-teaser__action-link::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;position:relative;top:4px;left:7px}
@media(max-width:767px){.fabric-type-section .teaser{flex:0 0 260px;padding-bottom:0}
.fabric-type-section{padding:0 0 0 16px !important;margin-top:90px !important}
.fabric-carousel-nav{display:none !important}
.fabric-type-section>.cmp-container{padding:0;gap:10px}
.fabric-type-section .cmp-teaser__image{border-radius:6px}
.fabric-type-section .cmp-teaser__pretitle{font-size:18px;margin-top:12px}
.fabric-type-section .cmp-teaser__description li{line-height:180%;font-size:12px}
.fabric-type-section>.cmp-container>.text{font-size:24px;top:-40px;left:50%;transform:translateX(-50%);width:max-content}
.fabric-type-section{margin-top:100px}
.fabric-type-section .cmp-teaser__action-link{display:flex;position:relative}
.fabric-type-section .cmp-teaser__action-link{font-size:14px}
.fabric-type-section .cmp-teaser__action-link{display:block}
.fabric-type-section .cmp-teaser__action-link::after{top:6px}
}