.banner-container{width:100%;margin:0 auto}
.wthi-unlocking-secrets-wrapper{margin-bottom:50px}
.design_expert_banner_section{padding-top:120px}
.wthi-unlocking-secrets-wrapper .wthi-unlocking-secrets-title{text-align:center;margin:0 auto 32px;color:#323232;font-family:"Playfair Display",serif !important;font-weight:500;font-size:52px;line-height:101%;max-width:750px}
.bh-slider-wrapper{position:relative}
.bh-slider-wrapper .bh-slider .unlocking-slider-img{position:relative}
.bh-slider-wrapper .bh-slider .unlocking-slider-img img{width:100%;height:100%}
.unlocking-slider-btn{position:absolute;bottom:45px;right:296px}
.blackbg .unlocking-slider-btn a{background-color:#000;color:#fff;border-radius:30px;padding:10px 48px 10px 20px;font-size:16px;font-weight:700;font-family:lato;position:relative;display:inline-block;line-height:24px}
.whitebg .unlocking-slider-btn a{background-color:#FFF;color:#000;border-radius:30px;padding:10px 48px 10px 20px;font-size:16px;font-weight:700;font-family:lato;position:relative;display:inline-block;line-height:24px}
.blackbg .unlocking-slider-btn a::after{content:'';position:absolute;width:20px;height:20px;background-image:url('../../../content/dam/asianpaintsbeautifulhomes/where-the-heart-is/unlocking-secrets/read-more-arrow-icon.png');background-size:contain;background-repeat:no-repeat;right:20px;top:50%;transform:translateY(-50%)}
.whitebg .unlocking-slider-btn a::after{content:'';position:absolute;width:20px;height:20px;background-image:url('../../../content/dam/asianpaintsbeautifulhomes/where-the-heart-is/unlocking-secrets/white-read-more-arrow-icon.png');background-size:contain;background-repeat:no-repeat;right:20px;top:50%;transform:translateY(-50%)}
.wthi-unlocking-secrets .slick-dots{background-color:#000;width:max-content;min-width:415px;height:74px;transform:rotate(90deg);transform-origin:left;border-radius:38px;top:calc(50% - 208px);left:86px;display:flex;justify-content:space-between;padding:12px}
.wthi-unlocking-secrets .slick-dots li,.wthi-unlocking-secrets .slick-dots li button,.wthi-unlocking-secrets .slick-dots li button::before{width:50px;height:50px;border-radius:50px;margin:0;padding:0}
.unlocking-slider-custom-dots{background-color:#1c2933;width:max-content;height:74px;transform:rotate(90deg);transform-origin:left;border-radius:38px;top:calc(50% - 208px);left:86px;display:flex;padding:12px;position:absolute;bottom:-25px;gap:10px;display:none}
.unlocking-slider-custom-dots_dot{width:50px;position:relative;height:50px;border-radius:50px;display:block;cursor:pointer;opacity:.5}
.unlocking-slider-custom-dots_dot.active{width:70px;opacity:1}
.unlocking-slider-custom-dots_dot.active .unlocking-slider-custom-dots_img{height:70px;width:50px;margin-left:10px;margin-top:-10px;border:1px solid #FFF;cursor:default}
.unlocking-slider-custom-dots div img{transform:rotate(-90deg);transition:all 100ms linear;transform-origin:center;height:100%;border-radius:50px;width:100%;object-fit:cover}
.wthi-unlocking-secrets .slick-dots li.slick-active button::before{height:70px;top:-10px;left:10px;border:2px solid #fff;border-radius:50px}
@media screen and (min-width:320px) and (max-width:767px){.design_expert_banner_section{padding-top:50px}
.wthi-unlocking-secrets-wrapper .wthi-unlocking-secrets-title{margin:0 13.5px 13px;font-weight:500;font-size:30px;line-height:110.00000000000001%;color:#232426}
.wthi-unlocking-secrets .slick-dots{background-color:transparent;border:0;width:max-content;min-width:95px;height:7px;transform:translateX(-50%);transform-origin:unset;border-radius:0;top:unset;bottom:-20px;left:50%;padding:0}
.wthi-unlocking-secrets .slick-dots li,.wthi-unlocking-secrets .slick-dots li button,.wthi-unlocking-secrets .slick-dots li button::before{width:6px;height:6px;border-radius:30px;transition:all 500ms linear}
.wthi-unlocking-secrets .slick-dots li button::before,.wthi-unlocking-secrets .slick-dots li.slick-active button::before{background-image:none !important;border:0;transform:unset;background-color:#2d2d2d;font-size:unset}
.wthi-unlocking-secrets .slick-dots li.slick-active,.wthi-unlocking-secrets .slick-dots li.slick-active button,.wthi-unlocking-secrets .slick-dots li.slick-active button::before{width:30px;height:6px;top:0;left:0}
.unlocking-slider-btn{bottom:20px;right:19px;width:max-content}
.blackbg .unlocking-slider-btn a{padding:6px 36px 6px 16px;font-size:14px}
.whitebg .unlocking-slider-btn a{padding:6px 36px 6px 16px;font-size:14px}
.blackbg .unlocking-slider-btn a::after{width:16px;height:16px;right:16px}
.whitebg .unlocking-slider-btn a::after{width:16px;height:16px;right:16px}
.unlocking-slider-custom-dots{display:none}
}