.design-banner-details-section{max-width:1440px;width:100%;padding:0 40px;box-sizing:border-box;margin:0 auto}
.design-banner-details-main-component{display:flex;gap:17px;justify-content:center;margin-bottom:60px}
.design-banner-main-wrapper{position:relative;max-width:66%;border-radius:20px;width:100%;height:629px}
.design-banner-img{width:100%;height:100%;object-fit:cover;border-radius:20px}
.design-banner-img:not(:first-child){display:none}
.design-banner-icons-main-container{display:flex;align-items:center;justify-content:space-between;width:100%}
.design-banner-icons-wrapper{width:64px;height:64px;cursor:pointer;padding:22px;background-color:#fff;border-radius:50%}
.banner-arrow{width:100%;height:100%;object-fit:contain}
.design-details-main-wrapper{max-width:33.3%;width:100%}
.details-inroom-tabs-wrapper{width:100%;border-radius:20px;background-color:#fafafa;margin-bottom:8px}
.details-inroom-items-tabs{border-bottom:1px solid #e6e7eb;padding:8px 24px 0 20px;display:flex;align-items:center;justify-content:space-between}
.details-tab-content{padding:24px 23px 24px 20px;height:362px}
.details-tab-content-h2{font-family:"Archivo",sans-serif;font-weight:500;font-size:20px;line-height:24px;letter-spacing:0;color:#232426}
.details-tab-content-p{font-family:"Archivo";font-weight:400;font-size:16px;line-height:24px;letter-spacing:0;color:#696f75;margin-top:20px}
.details-inroom-tab-wrapper{display:flex;gap:12px}
.details-inroom-tab-content{font-family:"Archivo",sans-serif;font-weight:500;font-size:14px;line-height:19px;letter-spacing:0;color:#9da1b0;padding:8px;cursor:pointer}
.share-wishlist-wrapper{display:flex;align-items:center;gap:29px}
.share-wishlist-img-wrapper{width:16px;height:16px;cursor:pointer}
.design-banner-details-main-component .left-arrow{position:absolute;left:20px;top:50%;box-shadow:0 8px 30px 0 #3838380D;transform:translateY(-50%)}
.design-banner-details-main-component .right-arrow{position:absolute;right:20px;top:50%;box-shadow:0 8px 30px 0 #3838380D;transform:translateY(-50%)}
.details-inroom-icons{width:100%;height:100%}
.inroom-item-tab-content-wrapper{padding-right:20px}
.inroom-item-tab-content-wrapper-container{height:478px;width:432px}
.inroom-item-tab-content{padding:20px;display:flex;flex-wrap:wrap;gap:15px;overflow-y:scroll;max-height:max-content;height:100%}
.inroom-item-tab-content::-webkit-scrollbar{width:5px}
.inroom-item-tab-content::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:12px}
.inroom-item-tab-content::-webkit-scrollbar-track{background-color:transparent;border-radius:12px}
.inroom-item-tab-content::-webkit-scrollbar-thumb:hover{background-color:#d9d9d9}
.in-rooms-card{width:176px;border-radius:12px;background-color:#f2f3f5;overflow:hidden}
.in-rooms-cards-img-wrapper{width:109px;height:143px;margin:auto;margin-top:14px}
.in-room-img{width:100%;height:100%;background-color:#f2f3f5}
.in-rooms-cards-h2{font-family:"Archivo",sans-serif;font-weight:500;font-size:14px;line-height:19px;letter-spacing:0;color:#202129;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-rooms-cards-p{font-family:"Archivo",sans-serif;font-weight:400;font-size:12px;line-height:140%;letter-spacing:0;color:#74798a;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.price-addtocard-wrapper{display:flex;align-items:center;justify-content:space-between}
.in-rooms-cards-containt-wrapper{padding:14px 12px}
.inroom-item-price{font-family:"Archivo",sans-serif;font-weight:500;font-size:14px;line-height:19px;letter-spacing:0;color:#202129}
.out-of-stock{font-family:Archivo;font-weight:700;font-style:Bold;font-size:12px;line-height:150%;letter-spacing:0;color:#ed1c24}
.inroom-item-img-wrapper{width:25px;height:25px;cursor:pointer}
.inroom-item-img{width:100%;height:100%}
.get-this-design-button-wrapper{padding:16px 20px;border:1px solid #e9e9e9;background-color:#fff;border-radius:20px;margin-top:7px}
.get-this-design-btn{width:100%;border-radius:50px;padding:20px 0;cursor:pointer;border:unset;font-family:"Archivo",sans-serif;font-weight:500;font-size:16px;line-height:24px;letter-spacing:0;text-align:center;color:#fff;background:linear-gradient(270deg,#712ccb 0,#a77fdc 100%)}
.details-tab-active{font-family:"Archivo",sans-serif;font-weight:500;font-size:14px;line-height:19px;letter-spacing:0;color:#202129;border-bottom:1px solid #000}
.find-store-component-pdp-img-wrapper{width:100%}
.pdp-find-store-component .Find-a-store-link{font-family:"Archivo",sans-serif;font-weight:700;font-size:14px;line-height:19px;letter-spacing:0;text-align:center;color:#7849bf}
.pdp-find-store-component .Find-a-store-para{font-family:"Archivo",sans-serif;font-weight:700;font-size:12px;line-height:16px;letter-spacing:0;color:#333642}
.navigation-container{display:none}
.design-banner-main-wrapper .hotspot{position:absolute;width:28px;height:28px;object-fit:contain;cursor:pointer}
.pdp-find-store-component{width:100%;cursor:pointer}
.in-rooms-card.active{border:1px solid #7455a2;border-radius:12px}
@media(max-width:767px){.design-banner-details-section{padding:unset}
.design-banner-details-main-component{flex-direction:column;gap:unset;margin-bottom:80px}
.design-banner-img{min-width:unset;width:100%;height:100%;border-radius:unset}
.design-banner-icons-main-container{display:none}
.design-details-main-wrapper{max-width:unset;width:100%}
.details-tab-content{height:max-content;padding:15px 16px}
.details-inroom-tabs-wrapper{border-radius:unset;min-height:max-content}
.get-this-design-button-wrapper{position:sticky;width:100%;border:unset;border-radius:unset;padding:12px 16px;width:100%;bottom:0;left:0;z-index:1;background-color:#fff;box-shadow:0 -2px 25px 0 #0000001A;display:flex;justify-content:center;margin-top:unset}
.pdp-find-store-component{width:unset;cursor:pointer;margin:0 16px 12px 16px}
.in-rooms-card{width:168px}
.in-room-img{width:100%;height:100%}
.in-rooms-cards-p{margin-bottom:7px}
.inroom-item-img-wrapper{width:24px;height:24px}
.inroom-item-img{width:100%;height:100%}
.share-wishlist-wrapper{gap:22px}
.inroom-item-tab-content-wrapper{padding-right:unset}
.inroom-item-tab-content-wrapper-container{height:unset;width:unset}
.inroom-item-tab-content{padding:22px 8px 4px 8px;height:unset;overflow-y:unset;gap:16px 8px;background-color:#fff}
.design-banner-main-wrapper{max-width:100%;height:260px}
.navigation-container{display:flex;justify-content:space-between;padding:11px 16px 15px 16px;border-bottom:1px solid #e6e7eb;flex-direction:row-reverse}
.nav-button{display:flex;align-items:center;font-family:"Archivo",sans-serif;font-weight:600;font-size:14px;line-height:19px;letter-spacing:0;text-align:center;color:#7849bf}
.design-banner-details-main-component .prev-button::before{content:"";background-image:url("../../../content/dam/asianpaintsbeautifulhomes/design-ideas-pdp/left-arrow-mob.png");margin-right:10px;display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-size:contain;vertical-align:middle}
.design-banner-details-main-component .next-button::after{content:"";background-image:url("../../../content/dam/asianpaintsbeautifulhomes/design-ideas-pdp/right-arrow-mob.png");margin-left:10px;display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-size:contain;vertical-align:middle}
.details-inroom-items-tabs{background-color:#fff;padding:0 16px}
.design-banner-main-wrapper .hotspot{height:24px}
}