.hotspot-section{padding:0 20px}
.main-hotspot-container{position:relative;max-width:1360px;margin:0 auto}
.hotspot-title-wrapper{display:flex;align-items:center;width:100%;justify-content:space-between}
.hotspot-title{font-family:Archivo;font-weight:500;font-size:52px;line-height:101%;background:linear-gradient(91.13deg,#7c35e9 -17.49%,#3a3a3a 36.54%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-bottom:16px}
.hotspot-subtitle{font-family:Archivo;font-weight:400;font-size:24px;line-height:101%;color:#6b6767}
.tab-btn{padding:12px 20px;border-radius:60px;border:1px solid #e6e6e8;background-color:#fff;cursor:pointer;font-family:Archivo;font-weight:500;font-size:20px;line-height:126%;text-align:center;color:#74798a;margin-right:20px}
.tab-btn:last-child{margin-right:0}
.tab-btn.active{background-color:#252729;color:#fff;border-color:#e6e6e8;font-family:Archivo;font-weight:700;font-size:20px;line-height:126%;text-align:center}
.banner-image-div{position:relative}
.banner-image-content{height:491px;border-radius:20px}
.image-banner{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}
.hotspot{position:absolute;width:40px;height:40px;cursor:pointer;transition:transform .3s ease;z-index:5}
.hotspot img{width:100%;height:100%;object-fit:contain;transition:filter .3s ease;background:transparent}
.hotspot:hover img{filter:hue-rotate(270deg) saturate(500%) brightness(1.2)}
.cards-details{position:absolute;min-width:260px;max-width:300px;padding:10px 10px 10px 16px;background:rgba(0,0,0,0.65);backdrop-filter:blur(8px);border-radius:12px;display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;z-index:10;color:white;font-family:sans-serif}
.hotspot:hover .cards-details{display:flex}
.cards-details .title{font-family:Archivo;font-weight:500;font-size:18px;line-height:126%;margin-bottom:6px;color:#f7f2ff}
.cards-details .desc{font-family:Archivo;font-weight:400;font-size:12px;line-height:100%;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;color:#b0b1b3}
.cards-details .text{flex:1;display:flex;flex-direction:column}
.cards-details .icons{display:flex;gap:10px}
.cards-details .icon-btn{width:32px;height:32px;background-color:rgba(255,255,255,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}
.cards-details .icon-btn:hover{background-color:rgba(255,255,255,0.2)}
.cards-details .icon-btn img{width:16px;height:16px;filter:invert(1)}
.baneer-slider{opacity:0;visibility:hidden;height:0;overflow:hidden;transition:opacity .3s ease}
.baneer-slider.active{opacity:1;visibility:visible;height:auto}
.baneer-slider .slick-dots li{position:relative;display:inline-block;height:2px;border-radius:50px;padding:0;background-color:#00000026;margin:0 2.5px;width:35px}
.baneer-slider .slick-dots li.slick-active{background-color:#000}
.baneer-slider .slick-dots li button:before{display:none}
.baneer-slider .slick-dots li button{display:none}
.baneer-slider .slick-dots{bottom:5px}
.baneer-slider .slick-prev:before,.baneer-slider .slick-next:before{content:none}
.baneer-slider .slick-prev,.baneer-slider .slick-next{width:13px;height:13px;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:10}
.baneer-slider .slick-prev{top:98%;left:44%;background-image:url('../../../../content/dam/asianpaintsbeautifulhomes/bh-new-home-page-revamp/shop-the-look-hotspot/arrow-narrow-left.png')}
.baneer-slider .slick-next{right:44%;top:98%;background-image:url('../../../../content/dam/asianpaintsbeautifulhomes/bh-new-home-page-revamp/shop-the-look-hotspot/hotshot-arrow-right.png')}
.baneer-slider.slick-dotted.slick-slider.active{padding-bottom:54px}
.baneer-slider.slick-dotted.slick-slider{margin-bottom:0}
.hotspot-viewall-content{display:block;position:absolute;bottom:0;right:0;background-color:#fff;padding:20px 9px 20px 30px;border-top-left-radius:40px}
.hotspot-anchor{display:flex;align-items:center;gap:16px}
.hotspot-anchorTxt{font-family:Archivo;font-weight:500;font-size:24px;line-height:120%;text-align:center;color:#7445b2}
.hotspot-anchorImg{width:61px;height:61px;display:block}
.hotspot-viewall-content .hotspot-anchorImgMob{display:none}
.hotspot-viewall-content::before{content:"";display:inline-block;width:50px;height:30px;background-image:url('../../../../content/dam/asianpaintsbeautifulhomes/bh-new-home-page-revamp/shop-the-look-hotspot/luxe-left-bottom-curv.png');background-size:contain;background-repeat:no-repeat;position:absolute;bottom:0;right:88.50%}
.hotspot-viewall-content::after{content:"";display:inline-block;width:47px;height:27px;background-image:url('../../../../content/dam/asianpaintsbeautifulhomes/bh-new-home-page-revamp/shop-the-look-hotspot/luxe-right-top-curv.png');background-size:contain;background-repeat:no-repeat;position:absolute;bottom:100%;right:0}
.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;justify-content:center;align-items:center;z-index:9999}
.shopPopup{top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;max-width:1047px;width:100%;padding:56px;position:relative;display:none}
.popupCross{position:absolute;top:32px;right:32px;width:24px;height:24px;cursor:pointer}
.popup-title{font-family:Archivo;font-weight:500;font-size:24px;line-height:120%;color:#181818;margin-bottom:40px}
.popup-card-details{border-radius:12px;background-color:#f2f3f5;padding:12px 12px 16px 12px}
.popup-whistlist-wrapper{display:flex;justify-content:end}
.popup-whistlist-active,.popup-whistlist{width:17px;height:15px;margin-bottom:12px}
.popup-card-product-wrapper{width:100%;height:261px}
.popup-card-product-img{width:100%;height:100%}
.details-title{font-family:Archivo;font-weight:500;font-size:14px;line-height:140%;color:#202129}
.details-subtitle{font-family:Archivo;font-weight:400;font-size:12px;line-height:140%;color:#74798a;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.details-discount-price{font-family:Archivo;font-weight:500;font-size:14px;line-height:140%;color:#202129}
.details-strike-through{font-family:Archivo;font-weight:400;font-size:12px;line-height:140%;text-decoration:line-through;color:#9da1b0}
.details-discounts{padding:4px 8px;border-radius:50px;background-color:#fff}
.details-discounts p{font-family:Archivo;font-weight:500;font-size:12px;line-height:140%;color:#005ea1}
.details-text-wrapper{display:flex;flex-direction:column;gap:8px}
.details-price-wrapper{display:flex;align-items:end;gap:10px}
.details-price-section{display:flex;justify-content:space-between;align-items:end}
.popup-add-to-cart-img img{width:34px;height:34px}
.popup-card-wrapper{display:flex;gap:28px}
@media screen and (max-width:768px){.hotspot-section{padding:0}
.hotspot-title-wrapper{flex-direction:column;gap:26px;margin-bottom:16px}
.hotspot-title{font-weight:500;font-size:24px;line-height:101%;text-align:center;margin-bottom:8px}
.hotspot-subtitle{font-weight:400;font-size:14px;line-height:120%;text-align:center;color:#696f75}
.tab-btn.active{font-weight:500;font-size:12px;line-height:140%;text-align:center}
.tab-btn{font-weight:400;font-size:12px;line-height:140%;text-align:center;color:#74798a;padding:8px 12px;margin-right:8px}
.tab-btn:last-child{margin-right:0}
.banner-image-content{height:547px;padding-bottom:79px}
.baneer-slider.slick-slider{margin:0 -8px}
.baneer-slider .banner-image-div.slick-slide{margin:0 8px}
.baneer-slider .banner-image-div.slick-slide.slick-active:first-of-type{margin-left:16px}
.hotspot-viewall-content{position:unset;padding:16px 6px}
.hotspot-viewall-content::after,.hotspot-viewall-content::before{display:none}
.hotspot-anchor{justify-content:space-between}
.hotspot-viewall-content .hotspot-anchorImg{display:none}
.hotspot-viewall-content .hotspot-anchorImgMob{display:block;width:61px;height:48px}
.hotspot-anchorTxt{font-weight:500;font-size:16px;line-height:132%;color:#333642}
.shopPopup{padding:24px 0 27px 12px}
.popupCross{top:20px;right:12px;width:16px;height:16px;border-radius:20px;border:1px solid #f1f3f5}
.baneer-slider.slick-dotted.slick-slider.active{padding-bottom:20px}
}