.compare-brands{position:absolute;z-index:1037;width:100%;top:0}
@media(min-width:320px) and (max-width:991px){.compare-brands{z-index:1038}
}
.compare-brands .mob-heading{display:none}
@media(min-width:320px) and (max-width:991px){.compare-brands .mob-heading{display:flex;height:60px;background:#fff}
}
.compare-brands .mob-heading .arrow{display:flex;padding-left:5px;margin-top:20px;padding-left:16px}
.compare-brands .mob-heading .arrow:after{content:"";background:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/arrow-icon.svg) no-repeat;width:17px;height:19px;filter:invert(1);transform:rotate(180deg)}
.compare-brands .mob-heading .heading{margin-top:20px;font-size:16px;font-weight:500;padding-left:18px}
.compare-brands .product-lists{border-radius:8px;border:1px solid #ccc;background:#f9f9f9;box-shadow:1px 6px 25px -4px rgba(16,24,40,.16);padding:25px 40px 0;margin:75px 40px 40px}
@media(min-width:320px) and (max-width:991px){.compare-brands .product-lists{padding:30px 16px;margin:0;border:0;background:#efefef;border-radius:0;padding-right:0}
}
.compare-brands .product-lists .compare-cta{position:absolute;right:82px}
@media(min-width:320px) and (max-width:991px){.compare-brands .product-lists .design-row{flex-wrap:nowrap !important;overflow:scroll;margin:0;gap:10px}
.compare-brands .product-lists .design-row::-webkit-scrollbar{display:none}
}
.compare-brands .product-lists .design-row .design-column{width:12.5%;padding:0 2.5px}
@media(min-width:320px) and (max-width:991px){.compare-brands .product-lists .design-row .design-column{height:auto;flex:0 0 161px;padding:0;margin-bottom:24px}
.compare-brands .product-lists .design-row .design-column:last-child{margin-right:16px}
.compare-brands .product-lists .design-row .design-column .card-view{padding:14px 6px 0;height:85px}
.compare-brands .product-lists .design-row .design-column .card-view .icon-wishlist{top:4px;right:4px}
.compare-brands .product-lists .design-row .design-column .card-view .image-container{display:flex;padding:0}
.compare-brands .product-lists .design-row .design-column .card-view .image-container .img-div{flex:0 0 50px;height:56px}
.compare-brands .product-lists .design-row .design-column .card-view .image-container .title{text-align:left;margin:10px 0 0;flex:0 0 96px;margin-left:2px;margin-bottom:15px}
.compare-brands .product-lists .design-row .design-column .card-view .compare{padding:0;position:absolute;right:21px;bottom:10px}
}
@media(min-width:992px){.compare-brands .product-lists .design-row .design-column .card-view .image-container .img-div{height:90px;width:58.667px}
.compare-brands .product-lists .design-row .design-column .card-view .image-container .img-div img{height:100%;object-fit:contain}
.compare-brands .product-lists .design-row .design-column .card-view .image-container .title{margin:10px 0}
}
@media(min-width:991px) and (max-width:1200px){.compare-brands .product-lists .design-row .design-column .icon-wishlist{right:6px}
}
@media(min-width:1201px) and (max-width:1440px){.compare-brands .product-lists .design-row .design-column .icon-wishlist{right:8px}
}
.compare-brands .product-lists .design-row .design-column .image-container{padding:16px 6px 0}
@media(min-width:992px){.compare-brands .product-lists .design-row .design-column .image-container{padding:9px 6px 0}
}
.compare-brands .product-lists .design-row .design-column .compare{padding:8px 0 14px}
@media(min-width:992px){.compare-brands .product-lists .design-row .design-column .compare{padding:3px 0 14px}
}
@media(min-width:320px) and (max-width:991px){.compare-brands .go-to-compare-button{transform:translateX(25%)}
}
@media(min-width:320px) and (max-width:991px){.compare-brands .brandListing1 .product-lists{height:100vh}
body:has(.compare-brands:not(.compare-brands.d-none)){overflow:hidden}
}
.product-lists{padding:25px 30px}
@media(min-width:320px) and (max-width:991px){.product-lists{margin:0;padding:15px}
}
.product-lists .product-title{margin:0 10px 30px}
@media(min-width:320px) and (max-width:991px){.product-lists .product-title{margin:0 0 20px}
}
.product-lists .product-title .design-heading{color:#000;width:fit-content;font-size:20px;font-weight:800;line-height:normal}
@media(min-width:320px) and (max-width:991px){.product-lists .product-title .design-heading{font-size:16px}
}
@media(min-width:320px) and (max-width:991px){.product-lists .design-row{margin:0 -7px}
}
.product-lists .design-row .design-column{padding:0 10px;margin-bottom:20px;width:16.6666%;height:auto}
@media(min-width:320px) and (max-width:991px){.product-lists .design-row .design-column{width:50%;height:auto;margin-bottom:14px;padding:0 7px}
}
.product-lists .design-row .design-column .card-view{background:#fff;padding-bottom:0;height:100%;border-radius:8px;border:1px solid #efefef;position:relative;display:grid}
@media(min-width:320px) and (max-width:991px){.product-lists .design-row .design-column .card-view{padding:17px 10px 10px}
}
.product-lists .design-row .design-column .card-view .shimmer{position:absolute;font-size:10px;font-weight:600;color:#fff;background-color:#22cdcc;display:inline-block;padding:2px 10px;border-radius:20px;-webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 50%) right/200% 100%;background-repeat:no-repeat;animation:shimmer 2.5s infinite;margin:4px 0 0 6px;padding:5px 6px;line-height:9px}
@media(min-width:320px) and (max-width:991px){.product-lists .design-row .design-column .card-view .shimmer{margin:.5px 0 0 1px;padding:3px 6px}
}
@keyframes shimmer{to{-webkit-mask-position:left}
}
.product-lists .design-row .design-column .image-container{padding:36px 24px 0;margin-bottom:0;height:100%;aspect-ratio:unset}
@media(min-width:320px) and (max-width:991px){.product-lists .design-row .design-column .image-container{padding:0}
}
.product-lists .design-row .design-column .image-container .img-div{width:80px;margin:0 auto}
@media(min-width:320px) and (max-width:991px){.product-lists .design-row .design-column .image-container .img-div{width:50px}
}
.product-lists .design-row .design-column .image-container .img-div img{width:100%;height:100%;border-radius:8px;object-fit:cover;height:fit-content}
.product-lists .design-row .design-column .title{margin:14px 0 10px;color:#161515;text-align:center;font-size:12px;font-weight:700;line-height:14.4px}
@media(min-width:320px) and (max-width:991px){.product-lists .design-row .design-column .title{font-size:12px;margin:10px 0 6px;line-height:14.4px}
}
@media(min-width:1800px){.product-lists .design-row .design-column .sub-title{padding-left:20px}
}
.product-lists .design-row .design-column .sub-title ul li{list-style-type:disc;padding-left:0;margin-left:16px;color:#000;font-size:11px;font-weight:400;line-height:normal}
@media(min-width:320px) and (max-width:991px){.product-lists .design-row .design-column .sub-title ul li{font-size:10px}
}
.product-lists .design-row .design-column .mrp-section{position:absolute;bottom:35px;left:0;text-align:center;width:100%}
@media(min-width:320px) and (max-width:991px){.product-lists .design-row .design-column .mrp-section{bottom:30px}
}
.product-lists .design-row .design-column .mrp-section .price{font-size:12px;font-weight:500;line-height:16.39px;color:#161515}
.product-lists .design-row .design-column .mrp-section .price span:first-child{margin-right:3px;font-weight:400;line-height:13.2px}
.product-lists .design-row .design-column .mrp-section .price span:nth-child(2){font-weight:700;line-height:14.4px}
.product-lists .design-row .design-column .mrp-section .details{font-size:11px;font-weight:400;line-height:15.03px;color:#4d4d4d}
.product-lists .design-row .design-column .mrp-section .details span:last-child{font-size:12px;font-weight:500;line-height:16.39px;color:#ee4137}
.product-lists .design-row .design-column .compare{transform:translateY(10px);padding:45px 0 14px;display:flex;justify-content:center;align-self:flex-end}
@media(min-width:320px) and (max-width:991px){.product-lists .design-row .design-column .compare{padding:35px 0 3px}
}
.product-lists .design-row .design-column.banner-pos-1{width:100%}
.product-lists .design-row .design-column.banner-pos-2{width:83.333%}
.product-lists .design-row .design-column.banner-pos-3{width:66.664%}
.product-lists .design-row .design-column.banner-pos-4{width:49.9998%}
.product-lists .design-row .design-column.banner-pos-5{width:33.3332%}
.product-lists .design-row .design-column.banner-pos-0{width:16.6666%}
.product-lists .design-row .design-column.banner-pos{position:relative}
.product-lists .design-row .design-column.banner-pos img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;position:absolute;top:0;left:0;margin-left:7px}
@media(min-width:320px) and (max-width:991px){.product-lists .design-row .design-column.banner-pos{width:50%}
}
.product-lists .disclaimer{padding-left:10px;font-size:13px;font-weight:700;line-height:14.3px;text-align:left;color:#292929}
@media(min-width:320px) and (max-width:991px){.product-lists .disclaimer{font-size:12px}
}
.product-lists .disclaimer span{color:#ee4137}
.product-lists .icon-wishlist{position:absolute;right:0;top:13px;right:11px}
.paints-listing{position:relative}
.filter-compare-container{padding:0 40px;display:flex;justify-content:space-between;position:relative;top:25px;z-index:1036}
@media(min-width:320px) and (max-width:991px){.filter-compare-container{padding:0 15px;flex-direction:column-reverse}
}
.filter-compare-container .selected-filter-section{width:80%;display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}
@media(min-width:320px) and (max-width:991px){.filter-compare-container .selected-filter-section{width:100%}
}
@media(min-width:1200px) and (max-width:1280px){.filter-compare-container .selected-filter-section{width:76%}
}
.filter-compare-container .selected-filter-section .selected-filter{display:inline-flex;padding:10px 12px;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:#efefef;color:#000;font-size:12px;font-weight:500;line-height:normal;text-transform:capitalize}
@media(min-width:992px){.filter-compare-container .selected-filter-section .selected-filter{height:36px}
}
.filter-compare-container .selected-filter-section .selected-filter .cross-icon:after{display:block;content:"";background:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/cross-icon.svg) no-repeat;width:11px;height:11px;cursor:pointer}
.filter-compare-container .filter-compare-section{height:auto;z-index:1036}
.filter-compare-container .filter-compare-section .filter-compare-btn{width:100%;display:flex;justify-content:end;margin-bottom:8px;column-gap:10px}
.filter-compare-container .filter-compare-section .filter-compare-btn button{color:#000;font-size:12px;font-weight:500;line-height:23.28px;display:flex;padding:8px 12px;align-items:center;background:#fff;border-radius:8px;border:1px solid #ccc;cursor:pointer}
@media(min-width:991px) and (max-width:1200px){.filter-compare-container .filter-compare-section .filter-compare-btn button{line-height:normal}
}
@media(min-width:320px) and (max-width:991px){.filter-compare-container .filter-compare-section .filter-compare-btn button{width:50%}
}
@media(min-width:320px) and (max-width:991px){.filter-compare-container .filter-compare-section .filter-compare-btn .filter-button{display:flex;justify-content:center;align-items:center;column-gap:10%}
}
.filter-compare-container .filter-compare-section .filter-compare-btn .filter-button .filter-icon{display:flex;padding-left:5px}
.filter-compare-container .filter-compare-section .filter-compare-btn .filter-button .filter-icon:after{content:"";background:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/filter-icon.svg) no-repeat;width:10px;height:10px}
.filter-compare-container .filter-compare-section .filter-compare-btn .filter-button.active{border:1px solid #00c853;background:#e2f9eb}
.filter-compare-container .filter-compare-section .filter-compare-btn .filter-button.active .filter-icon:after{content:"";background:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/cross-icon.svg) no-repeat;width:11px;height:11px}
.filter-compare-container .filter-compare-section .filter-compare-btn .filter-button:disabled{opacity:.5;cursor:default}
.filter-compare-container .filter-compare-section .filter-compare-btn .compare-brands-button{display:flex;justify-content:center;align-items:center}
@media(min-width:320px) and (max-width:991px){.filter-compare-container .filter-compare-section .filter-compare-btn .compare-brands-button{padding:8px 10px}
}
.filter-compare-container .filter-compare-section .filter-compare-btn .compare-brands-button .arrow{display:flex;padding-left:5px}
.filter-compare-container .filter-compare-section .filter-compare-btn .compare-brands-button .arrow:after{content:"";background:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/arrow-icon.svg) no-repeat;width:17px;height:19px;filter:invert(1)}
.filter-compare-container .filter-compare-section .filter-compare-btn .compare-brands-button.active-compare{border:1px solid #00c853;background:#e2f9eb}
.filter-compare-container .filter-compare-section .filter-compare-btn .compare-brands-button.active-compare .arrow:after{content:"";background:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/cross-icon.svg) no-repeat;width:11px;height:11px;filter:none}
.filter-compare-container .filter-compare-section .cta.compare-now-button{position:absolute;right:40px}
@media(min-width:320px) and (max-width:991px){.filter-compare-container .filter-compare-section .cta.compare-now-button{display:none}
}
.filter-compare-container .filter-compare-section .cta.compare-now-button a{cursor:pointer !important}
.filter-compare-container .filter-compare-section .cta.go-to-compare-button{display:none}
@media(min-width:320px) and (max-width:991px){.filter-compare-container .filter-compare-section .cta.go-to-compare-button{align-items:center;justify-content:center;display:flex;height:fit-content;position:fixed;bottom:0;left:100px;bottom:150px}
}
.filter-compare-container .filter-compare-section .cta.go-to-compare-button.sticky{display:none}
@media(min-width:320px) and (max-width:991px){.filter-compare-container .filter-compare-section .cta.go-to-compare-button.sticky{position:fixed;align-items:center;justify-content:center;display:flex;top:50vh !important;left:50%;bottom:0;right:0;transform:translate(-50%)}
}
.filter-compare-container .filter-compare-section .filter-options-section{position:absolute;right:40px;width:20%;height:auto;border-radius:8px;border:1px solid #ccc;background:#f9f9f9;box-shadow:1px 6px 25px -4px rgba(16,24,40,.16);z-index:1037}
@media(min-width:320px) and (max-width:991px){.filter-compare-container .filter-compare-section .filter-options-section{width:94%;left:10px;right:10px}
}
.filter-compare-container .filter-compare-section .filter-options-section .filter-values{width:100%;padding:22px 20px 0}
.filter-compare-container .filter-compare-section .filter-options-section .filter-values .filter-type{padding-bottom:18px}
.filter-compare-container .filter-compare-section .filter-options-section .filter-values .filter-type .filter-heading{margin:0;padding-bottom:15px;font-size:13px;font-weight:700;line-height:15px;color:#1d1d1f;display:flex;justify-content:space-between;text-transform:capitalize;cursor:pointer}
.filter-compare-container .filter-compare-section .filter-options-section .filter-values .filter-type .filter-heading.active{flex-direction:row-reverse}
.filter-compare-container .filter-compare-section .filter-options-section .filter-values .filter-type .filter-heading.active:before,.filter-compare-container .filter-compare-section .filter-options-section .filter-values .filter-type .filter-heading:after{content:"";background:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/accordion-arrow-up.svg) no-repeat;height:16px;width:16px}
.filter-compare-container .filter-compare-section .filter-options-section .filter-values .filter-type .filter-heading:after{rotate:180deg}
.filter-compare-container .filter-compare-section .filter-options-section .filter-values .filter-type .filter-accordion-options{list-style:none;padding:0;margin:0}
.filter-compare-container .filter-compare-section .filter-options-section .filter-values .filter-type .filter-accordion-options .filter-item{width:fit-content;cursor:pointer;color:#1d1d1f;font-size:12px;font-weight:500;line-height:normal;padding-bottom:12px}
.filter-compare-container .filter-compare-section .filter-options-section .clear-apply-btn{width:100%;display:flex}
.filter-compare-container .filter-compare-section .filter-options-section .clear-apply-btn button{width:50%;padding:10px 0;font-size:12px;font-weight:700;line-height:15px;cursor:pointer}
.filter-compare-container .filter-compare-section .filter-options-section .clear-apply-btn .apply-button{color:#000;border-radius:0 0 0 8px;border:0;background:#feb940}
.filter-compare-container .filter-compare-section .filter-options-section .clear-apply-btn .apply-button:disabled{opacity:.5;cursor:default}
.filter-compare-container .filter-compare-section .filter-options-section .clear-apply-btn .reset-button{color:#1d1d1f;border-radius:0 0 8px 0;border:1px solid #efefef;background:#fff}
.filter-compare-container .filter-compare-section .filter-options-section .clear-apply-btn .reset-button:disabled{opacity:.5;cursor:default}
@media(min-width:992px){.paintslisting .filter-compare-container{z-index:1038}
}