.banner-container{width:100%;margin:0 auto}
.wthi-unlocking-secrets-wrapper{margin-bottom:50px}
.design_expert_banner_section{padding-top:150px}
.wthi-unlocking-secrets-wrapper .wthi-unlocking-secrets-title{font-size:42px;font-weight:700;font-family:BioRhyme;line-height:49.224px;text-align:center;max-width:687px;margin:0 auto 40px;color:#323232}
.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:70px;right:210px}
.unlocking-slider-btn a{background-color:#7345b2;color:#fff;border-radius:30px;padding:12px 39px;font-size:18px;font-weight:700;font-family:lato}
.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}
.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{font-size:26px;line-height:31.2px;margin:0 40px 40px}
.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:#fff}
.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:50px;right:45px;min-width:145px;width:max-content}
.unlocking-slider-btn a{padding:9px 7.5px;font-size:14px}
.unlocking-slider-custom-dots{display:none}
}