.woodfinish{display:flex}
@media(min-width:320px) and (max-width:991px){.woodfinish{margin:0 15px;background:linear-gradient(270deg,#250d06 89.94%,rgba(37,13,6,.8))}
}
.woodfinish .vertical-tab-container{display:flex;width:100%;position:relative;height:600px}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container{flex-direction:column}
}
.woodfinish .vertical-tab-container .left-container{flex:70%;flex-wrap:wrap;display:flex;height:100%;padding-bottom:60px}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .left-container{flex:100%;position:relative}
}
.woodfinish .vertical-tab-container .left-container .bg-img-section{position:absolute;height:600px;width:100%}
.woodfinish .vertical-tab-container .left-container .bg-img-section img{height:100%;width:100%}
.woodfinish .vertical-tab-container .left-container .left-space{flex:80%}
.woodfinish .vertical-tab-container .left-container .right{flex:20%;display:flex;justify-content:center}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .left-container .right{position:absolute;right:17px;top:39px}
}
.woodfinish .vertical-tab-container .left-container .right #tab-legends{padding-top:45%;display:flex;flex-direction:column;gap:30px;position:relative;align-items:flex-end;width:100%}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .left-container .right #tab-legends{gap:20px;padding-top:44px}
}
@media(min-width:320px) and (max-width:360px){.woodfinish .vertical-tab-container .left-container .right #tab-legends{padding-top:42px}
}
.woodfinish .vertical-tab-container .left-container .right #tab-legends li{cursor:pointer;font-size:20px;font-style:normal;font-weight:700;filter:blur(2px);color:#fff;line-height:47px}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .left-container .right #tab-legends li{font-size:16px;line-height:1.3}
}
.woodfinish .vertical-tab-container .left-container .right #tab-legends li.active{filter:blur(0);z-index:2;transition:all .5s ease-in-out}
.woodfinish .vertical-tab-container .left-container .right #tab-legends li.active:before{content:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/dotted-line-desk.svg);background-repeat:no-repeat;position:absolute;margin-top:19px;right:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .left-container .right #tab-legends li.active:before{width:98.212px;content:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/dotted-line-mob.svg)}
}
.woodfinish .vertical-tab-container .left-container .right #tab-legends li.active:after{background:var(--polygon-color);content:"";display:block;position:absolute;clip-path:polygon(72% 49%,0 0,0 100%);width:32px;height:32px;top:10px;right:-58px}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .left-container .right #tab-legends li.active:after{content:none}
}
.woodfinish .vertical-tab-container .left-container .title-text{color:#fff;margin:0 54px;margin-top:60px;position:relative}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .left-container .title-text{position:absolute;right:16px;top:25px;margin:0}
}
.woodfinish .vertical-tab-container .left-container .title-text p{font-size:24px;font-style:normal;font-weight:400}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .left-container .title-text p{font-size:12px;margin-bottom:0;font-style:normal;font-weight:400;text-align:end}
}
.woodfinish .vertical-tab-container .left-container .title-text h3{font-size:60px;font-style:normal;font-weight:300;line-height:47px}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .left-container .title-text h3{font-size:20px;font-style:normal;font-weight:300;line-height:normal}
}
.woodfinish .vertical-tab-container .right-container{flex:30%;border-radius:8px;background:var(--bg-color);margin:30px;display:flex;align-items:center;position:inherit}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .right-container{flex:100%;margin:-10px 16px 16px}
}
@media(min-width:320px) and (max-width:360px){.woodfinish .vertical-tab-container .right-container{margin:-10px 16px 13px}
}
.woodfinish .vertical-tab-container .right-container .content-wrapper{display:flex;flex-direction:column;align-items:center;padding:0 20px;width:100%}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .right-container .content-wrapper{padding:20px 20px 10px}
}
.woodfinish .vertical-tab-container .right-container .content-wrapper .image{width:178px;height:212px;margin-bottom:24px}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .right-container .content-wrapper .image{width:94px;height:112px;margin-bottom:10px}
}
.woodfinish .vertical-tab-container .right-container .content-wrapper .image img{width:100%;height:100%}
.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details{color:#fff;text-align:center;align-items:center;display:flex;flex-direction:column}
.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details h2{text-align:center;font-size:24px;font-style:normal;font-weight:700;line-height:28.8px;margin-bottom:25px}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details h2{font-size:16px;line-height:19.2px;margin-bottom:8px}
}
.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details p{text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.42px}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details p{font-size:11px;letter-spacing:.33px;line-height:16.5px;margin-bottom:16px}
}
.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details .animated-arrow-button{border-radius:45px;border:1px solid #fff;display:flex;width:148px;height:38px;padding:14px 20px;align-items:center;gap:18px;flex-shrink:0}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details .animated-arrow-button{font-size:14px;line-height:19.6px;gap:10px}
}
.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details .content-view-all{font-size:14px;font-style:normal;font-weight:700;line-height:19.6px;display:block;margin-top:20px}
.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details .productlistdynamiccount .dynamic-count .cta-redirect-link{cursor:pointer;margin-top:25px;font-size:14px;font-weight:700;color:#fff}
@media(min-width:320px) and (max-width:991px){.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details .productlistdynamiccount .dynamic-count .cta-redirect-link{margin-top:22px}
}
.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details .productlistdynamiccount .dynamic-count .cta-redirect-link:hover{color:#ffc63c}
.woodfinish .vertical-tab-container .right-container .content-wrapper .image,.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details .cta,.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details h2,.woodfinish .vertical-tab-container .right-container .content-wrapper .tab-details p{-webkit-animation:fadein 1.2s;-moz-animation:fadein 1.2s;-ms-animation:fadein 1.2s;-o-animation:fadein 1.2s;animation:fadein 1.2s}
.woodfinish-editor .showDefault{display:block !important;width:100% !important}
.woodfinish-editor .right-container{width:50%;float:right}
@keyframes fadein{0{opacity:.4}
to{opacity:1}
}