.budget-form-layout{background:rgba(0,0,0,.3)}
@media(min-width:992px){.budget-form-layout{min-height:637px}
}
@media(min-width:320px) and (max-width:991px){.budget-form-layout{padding:20px 0 40px}
}
@media(min-width:992px){.budget-form-layout .budget-form-header{padding-top:26px}
}
@media(min-width:320px) and (max-width:991px){.budget-form-layout .form-layout-container{padding:16px}
}
@media(min-width:992px){.budget-form-layout .form-layout-container{padding:2% 20% 3%}
}
@media(min-width:992px) and (max-width:1024px){.budget-form-layout .form-layout-container{padding:2% 13% 3%}
}
@media(min-width:1024px) and (max-width:1100px){.budget-form-layout .form-layout-container{padding:2% 14% 3%}
}
@media(min-width:1100px) and (max-width:1200px){.budget-form-layout .form-layout-container{padding:2% 16% 3%}
}
@media(min-width:1200px) and (max-width:1279px){.budget-form-layout .form-layout-container{padding:2% 19% 3%}
}
.budget-form-layout .form-layout-container .ccforms{min-height:fit-content;border-radius:5px;padding:21px 30px 15px}
@media(min-width:320px) and (max-width:991px){.budget-form-layout .form-layout-container .ccforms{padding:20px 15px}
}
.budget-form-layout .form-layout-container .ccforms .enquire-form__step{box-shadow:none !important}
@media(min-width:992px){.budget-form-layout .form-layout-container .ccforms .form-layout-revamp .form-revamp-ques{display:flex}
.budget-form-layout .form-layout-container .ccforms .form-layout-revamp .form-revamp-ques .disclaimer-group{flex:0 0 50%}
.budget-form-layout .form-layout-container .ccforms .form-layout-revamp .form-revamp-ques .disclaimer-group.disclaimer-ques-one{border-bottom:0;padding:17px 24px 17px 13px !important}
.budget-form-layout .form-layout-container .ccforms .form-layout-revamp .form-revamp-ques .disclaimer-group.disclaimer-ques-two{border-left:1px solid #bedbff;padding:17px 18px 17px 30px !important}
}
@media(min-width:320px) and (max-width:991px){.budget-form-layout .form-layout-container .ccforms .form-layout-revamp .form-revamp-ques .disclaimer-group{flex-wrap:wrap}
.budget-form-layout .form-layout-container .ccforms .form-layout-revamp .form-revamp-ques .disclaimer-group .form-global__field-message{padding-top:15px !important;flex:1 1 100%;transform:translateY(-10px) !important}
}
.budget-form-layout .form-layout-container .ccforms .form-layout-revamp .cta.ctaRevampYellow{padding-top:0;transform:translateY(-28px)}
@media(min-width:320px) and (max-width:991px){.budget-form-layout .form-layout-container .ccforms .form-layout-revamp .cta.ctaRevampYellow .arrow{padding-right:4px}
}
.budget-form-layout.form-texturetool-block{background:transparent;margin:0 auto;min-height:637px;width:100%}
@media(min-width:320px) and (max-width:991px){.budget-form-layout.form-texturetool-block{min-height:auto;padding:0 0 15px}
}
.budget-form-layout.form-texturetool-block .budget-form-header{color:#fff;text-align:center}
@media(min-width:320px) and (max-width:991px){.budget-form-layout.form-texturetool-block .budget-form-header{text-align:left;padding:15px 20px 7px}
}
@media(min-width:992px){.budget-form-layout.form-texturetool-block .budget-form-header{display:flex;flex-direction:column;justify-content:center;padding-top:54px;padding-bottom:25px}
}
.budget-form-layout.form-texturetool-block .budget-form-header .title{font-size:32px;line-height:35.2px;font-weight:800;margin-bottom:15px;width:100%}
@media(min-width:320px) and (max-width:991px){.budget-form-layout.form-texturetool-block .budget-form-header .title{font-size:32px;font-weight:800;line-height:35.2px;width:100%}
}
@media(min-width:576px) and (max-width:767px){.budget-form-layout.form-texturetool-block .budget-form-header .title{max-width:100%;text-align:center}
}
@media(min-width:768px) and (max-width:991px){.budget-form-layout.form-texturetool-block .budget-form-header .title{max-width:100%;text-align:center}
}
.budget-form-layout.form-texturetool-block .budget-form-header .sub-title{font-size:16px;line-height:21.86px;font-weight:500}
@media(min-width:320px) and (max-width:991px){.budget-form-layout.form-texturetool-block .budget-form-header .sub-title{max-width:100%;font-size:12px;line-height:16.39px}
}
@media(min-width:576px) and (max-width:767px){.budget-form-layout.form-texturetool-block .budget-form-header .sub-title{max-width:100%;text-align:center}
}
@media(min-width:768px) and (max-width:991px){.budget-form-layout.form-texturetool-block .budget-form-header .sub-title{max-width:100%;text-align:center}
}
@media(min-width:992px){.budget-form-layout.form-texturetool-block .form-layout-container{width:880px;margin:0 auto;padding:0 !important}
@-moz-document url-prefix(){.budget-form-layout.form-texturetool-block .form-layout-container{padding:0 !important}
}
}
.budget-form-layout.form-texturetool-block .form-layout-container .ccforms{padding:30px 70px}
@media(min-width:320px) and (max-width:991px){.budget-form-layout.form-texturetool-block .form-layout-container .ccforms{padding:20px 15px}
}
@media(min-width:992px){.budget-form-layout.form-texturetool-block .form-layout-container .ccforms .form-layout-revamp .disclaimer-questions .disclaimer-ques-one{flex:1}
}
.budget-form-layout.form-texturetool-block .form-layout-container .ccforms .form-layout-revamp .texturetool-submitform{transform:translateY(0)}
.budget-form-layout.form-texturetool-block .form-layout-container .ccforms .form-layout-revamp .terms-and-condition{margin:10px 0 35px}
.budget-form-layout.form-texturetool-block .form-layout-container .ccforms .form-layout-revamp .terms-and-condition p{margin:0;color:#424242;text-align:left;font-size:10px;font-weight:400;line-height:19px;letter-spacing:normal}
.budget-form-layout.form-texturetool-block .form-layout-container .ccformsError .back{width:fit-content;background:transparent;color:#fff;border:0;cursor:pointer;font-size:14px;font-weight:700;line-height:19.6px;display:flex;margin-bottom:10px}
.budget-form-layout.form-texturetool-block .form-layout-container .ccformsError .back:before{content:"";margin-right:10px;background:url(../../../../../content/dam/apcolourcatalogue/asset/ap-revamp/wood-finish-tool/restart-white-icon.webp);width:18px;height:18px}
.budget-form-layout.form-texturetool-block .form-layout-container .ccformsError .back:hover{color:#feb940;transform:scaleY(.95)}
.budget-form-layout.form-texturetool-block .form-layout-container .ccformsError .back:hover:before{background:url(../../../../../content/dam/apcolourcatalogue/asset/ap-revamp/wood-finish-tool/restart-yellow-icon.webp)}
.form-layout-revamp .form-global-layout-revamp{margin-bottom:28px}
@media(min-width:320px) and (max-width:991px){.form-layout-revamp .form-global-layout-revamp{margin-bottom:18px}
}
.form-layout-revamp .form-global-layout-revamp label{position:absolute;top:30px;transform:translateY(-35px);color:#000;margin-left:15px;padding:5px 5px 0;cursor:pointer;line-height:17px;opacity:1;font-size:10px;font-weight:400}
.form-layout-revamp .form-global-layout-revamp input{background:#f9f9f9;border:1px solid #bdbdbd;border-radius:8px;padding-left:15px;height:56px;color:#303030;font-size:16px;font-weight:400;line-height:20px}
.form-layout-revamp .form-global-layout-revamp input::-webkit-input-placeholder{font-weight:400;font-size:16px}
.form-layout-revamp .form-text-input--error input{border:1px solid red !important}
.form-layout-revamp .form-text-input--error input.telNum{border-left:0 !important}
.form-layout-revamp .form-text-input--error+.MobileNum{border:1px solid red !important}
@media(min-width:992px){.form-layout-revamp .row-parent{display:flex;justify-content:space-between}
.form-layout-revamp .row-parent .form-global-layout-revamp,.form-layout-revamp .row-parent .phone-number-revamp{flex-basis:48.5%}
}
.form-layout-revamp .row-parent .phone-number-revamp{display:flex;flex-direction:row-reverse}
.form-layout-revamp .row-parent .phone-number-revamp .form-global-layout-revamp{flex-basis:100%}
.form-layout-revamp .row-parent .phone-number-revamp .phoneNumLabel{left:-89px}
@media(min-width:320px) and (max-width:991px){.form-layout-revamp .row-parent .phone-number-revamp .phoneNumLabel{left:-75px}
}
.form-layout-revamp .row-parent .phone-number-revamp .telNum{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-left:none !important;padding-left:8px}
.form-layout-revamp .row-parent .phone-number-revamp .form-global__field-message{margin-left:-73px}
.form-layout-revamp .row-parent .phone-number-revamp .MobileNum{background:#f9f9f9;border:1px solid #bdbdbd;border-radius:8px;align-items:center;margin:8px 0 0;padding:0 8px;border-top-right-radius:0;border-bottom-right-radius:0;height:56px;border-right:0 !important}
@media(min-width:320px) and (max-width:991px){.form-layout-revamp .row-parent .phone-number-revamp .MobileNum{padding:0 2px}
}
.form-layout-revamp .row-parent .phone-number-revamp .MobileNum .CountryFlag{background-position:-1035px -480px;width:33px;height:33px;cursor:pointer}
.form-layout-revamp .row-parent .phone-number-revamp .MobileNum .CountryCode{line-height:20px;vertical-align:bottom;padding:0 7px 0 0}
.form-layout-revamp .row-parent .phone-number-revamp .MobileNum .line-break{border-right:2px solid #000;height:25px;width:10px;opacity:.2}
.form-layout-revamp .form-whatsapp-consent{flex-direction:row;justify-content:flex-start;gap:30px;padding:0 0 25px;width:fit-content}
.form-layout-revamp .form-whatsapp-consent .form-global-label-text{padding-left:0;color:#000;font-size:12px;font-weight:400;line-height:15px;text-align:left}
.form-layout-revamp .form-whatsapp-consent .whatsApp-toggle{flex:0 0 60px;width:60px;height:32px;border-radius:40px;margin-right:0;padding-right:0}
.form-layout-revamp .form-whatsapp-consent .whatsApp-toggle:after{content:"";position:relative;display:block;background-image:url(../../../clientlibs/clientlib-global/resources/images/Icons-Sprite-firstFold.webp);background-position:-521px -300px;background-color:#fff;filter:grayscale(100%);width:25px;height:25px;top:2.4px;bottom:4px;right:-2px;border-radius:50%;border-width:0;transform:none;transition:none}
.form-layout-revamp .form-whatsapp-consent .whatsApp-toggle .on-off{background:linear-gradient(90deg,#ffffff00 8.93%,#bdbdbd80 93.96%);font-weight:500;position:absolute;padding:6.7px 0;margin:3.5px -6px;border-radius:40px;width:33px;font-size:10px;user-select:none;border-bottom-left-radius:0;border-top-left-radius:0}
.form-layout-revamp .form-whatsapp-consent .whatsApp-toggle.whatsAppCheckbox:hover{border:1px solid #7ad06d}
.form-layout-revamp .form-whatsapp-consent .whatsApp-toggle.whatsAppCheckbox-checked{background-color:transparent}
.form-layout-revamp .form-whatsapp-consent .whatsApp-toggle.whatsAppCheckbox-checked:after{top:2.4px;left:2.1px;filter:grayscale(0);position:relative;display:block;background-image:url(../../../clientlibs/clientlib-global/resources/images/Icons-Sprite-firstFold.webp);background-position:-521px -300px;background-color:#fff;width:25px;height:25px;bottom:4px;right:-2px;border-radius:50%;border-width:0;transform:none;transition:none}
.form-layout-revamp .form-whatsapp-consent .whatsApp-toggle.whatsAppCheckbox-checked .on-off{background:linear-gradient(90deg,#ffffff00 8.93%,#7ad06d80 93.96%)}
.form-layout-revamp .form-revamp-ques{border:1px solid #bedbff;border-radius:4px;background:#f2f8ff}
.form-layout-revamp .form-revamp-ques .disclaimer-ques-one{border-bottom:1px solid #bedbff}
.form-layout-revamp .form-revamp-ques .disclaimer-group{margin:0;padding:9px 10px 8px}
.form-layout-revamp .form-revamp-ques .disclaimer-group p{flex:1;margin:auto;user-select:none;color:#252b42;font-size:12px;font-weight:600;line-height:16px}
.form-layout-revamp .form-revamp-ques .disclaimer-group .form-radio-input-label{cursor:pointer;margin:auto;border:1px solid #bdbdbd;border-radius:40px}
.form-layout-revamp .form-revamp-ques .disclaimer-group .form-radio-input-label:hover{border:1px solid #7ad06d;border-radius:40px}
@media(min-width:320px) and (max-width:991px){.form-layout-revamp .form-revamp-ques .disclaimer-group .form-radio-input-label{display:inline-block;margin:10px 0}
}
@media(min-width:320px) and (max-width:991px){.form-layout-revamp .form-revamp-ques .disclaimer-group{padding:2px 10px 2px 13px;display:block}
}
.form-layout-revamp .form-revamp-ques .disclaimer-ques-one .form-global__custom-element,.form-layout-revamp .form-revamp-ques .disclaimer-ques-two .form-global__custom-element{display:none}
.form-layout-revamp .form-revamp-ques .disclaimer-ques-one .form-global__custom-label-text,.form-layout-revamp .form-revamp-ques .disclaimer-ques-two .form-global__custom-label-text{padding:4px 19px;border-radius:30px}
.form-layout-revamp .form-revamp-ques .disclaimer-ques-one .form-radio-input__field:checked~.form-global__custom-element+.form-global__custom-label-text,.form-layout-revamp .form-revamp-ques .disclaimer-ques-two .form-radio-input__field:checked~.form-global__custom-element+.form-global__custom-label-text{padding:4px 19px;font-size:10px;background:#7ad06d;border-radius:30px;color:#fff}
.form-layout-revamp .form-revamp-ques .disclaimer-ques-one .form-radio-input__field~.form-global__custom-element+.form-global__custom-label-text,.form-layout-revamp .form-revamp-ques .disclaimer-ques-two .form-radio-input__field~.form-global__custom-element+.form-global__custom-label-text{background:#fff;font-size:10px;font-weight:500;color:#252b42}
.form-layout-revamp .form-disclaimer{line-height:15px;margin-top:10px;color:#424242;text-align:justify;font-size:10px;font-weight:400;line-height:19px;letter-spacing:normal;opacity:0;padding:0}
@media(min-width:320px) and (max-width:991px){.form-layout-revamp .form-disclaimer{text-align:left}
}
.form-layout-revamp .ctaRevampYellow{width:100%;text-align:center}
.form-layout-revamp .ctaRevampYellow .animated-arrow-btn{padding:10.5px 20px;border-radius:45px;font-size:14px}
.form-layout-revamp .ctaRevampYellow .animated-arrow-btn .arrow{transition:all .2s ease-in}
.form-layout-revamp .ctaRevampYellow .animated-arrow-btn:hover{background:transparent !important;color:#000 !important;border:1px solid #000 !important;padding:9.8px 19.2px !important}
.form-layout-revamp .ctaRevampYellow .animated-arrow-btn:hover .arrow{transition:all .2s ease-in}
.ccformsError .error-msg{border-radius:5px;padding:70px}
@media(min-width:320px) and (max-width:991px){.ccformsError .error-msg{padding:20px 15px}
}
.ccformsError .error-msg .error-heading{font-size:40px;text-shadow:3px 2.5px 0 #fff,3px 2.5px 2px #000;color:#000;line-height:48px;letter-spacing:-.8px;font-weight:700}
@media(min-width:320px) and (max-width:991px){.ccformsError .error-msg .error-heading{font-size:28px;line-height:56px;letter-spacing:-.48px;margin-bottom:0}
}
.ccformsError .error-msg .error-description{color:#222;font-size:14px;font-weight:500;line-height:22px;letter-spacing:.14px}
@media(min-width:320px) and (max-width:991px){.ccformsError .error-slide{margin-bottom:40px}
}
.align-middle{text-align:center;color:#fff;padding:10px 0 40px}
.texturetool-main-block{background-image:var(--bg-image-desktop);object-fit:cover;width:100%;height:100%;background-repeat:no-repeat;position:relative;min-height:600px;display:flex}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block{background-image:var(--bg-image-mob);align-content:flex-start;flex-wrap:wrap;justify-content:flex-start;min-height:612px}
}
@media(min-width:320px) and (max-width:376px){.texturetool-main-block{min-height:520px}
}
@media(min-width:576px) and (max-width:767px){.texturetool-main-block{min-height:485px}
}
@media(min-width:768px) and (max-width:991px){.texturetool-main-block{min-height:455px}
}
@media(min-width:1201px) and (max-width:1440px){.texturetool-main-block{min-height:465px}
}
@media(device-width:1024px) and (device-height:1366px) and (orientation:portrait){.texturetool-main-block{min-height:503px}
}
.texturetool-main-block .texturetool-section{width:100%;display:flex;padding:60px 60px 42px;gap:20px;background:#00000033}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section{flex-direction:column;padding:30px 0;width:100%;background:linear-gradient(180deg,transparent 71.49%,rgba(0,0,0,.4) 88.74%)}
}
@media(min-width:991px) and (max-width:1201px){.texturetool-main-block .texturetool-section{padding:60px 30px 42px}
}
.texturetool-main-block .texturetool-section .texturetool-text-wraper{color:#fff;display:flex;flex-direction:column;justify-content:center;width:510px;height:400px}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-text-wraper{width:100%;padding:0 15px;height:auto}
}
.texturetool-main-block .texturetool-section .texturetool-text-wraper .texturetool-number{font-size:32px;font-weight:300;line-height:35.2px;color:#fff;margin-bottom:15px}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-text-wraper .texturetool-number{margin-bottom:20px}
}
@media(min-width:1440px){.texturetool-main-block .texturetool-section .texturetool-text-wraper .texturetool-number{margin-bottom:20px}
}
.texturetool-main-block .texturetool-section .texturetool-text-wraper .texturetool-text{font-size:40px;line-height:44px;font-weight:800;color:#f9f9f9}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-text-wraper .texturetool-text{font-size:32px;line-height:35.2px;min-height:105px}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper{width:100%}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper{padding:0 0 0 15px}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side{display:flex;justify-content:center;gap:16px}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img{position:relative;transition:all .5s ease,opacity .2s ease;text-align:start;border-radius:8px;width:auto;height:auto}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img{width:260px;height:330px !important;transition:none;margin-bottom:55px;transition:transform .9s linear;transition-delay:0}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img:not(:last-child){margin-right:16px}
}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img:not(.slick-current){height:236px !important;transform:scale(1);transition-delay:0}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img picture{display:block;overflow:hidden;box-sizing:border-box;border-radius:8px;width:auto;height:auto}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img picture{width:100%;height:236px}
}
@media(min-width:1440px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img picture{width:300px;height:400px}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img picture img{display:block;border-radius:8px;cursor:pointer;transition:1s;width:100%;height:100%}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img picture img{width:100%;height:100%;transition:none}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img .texturetool-img-name{font-size:20px;font-weight:700;color:#fff;margin-top:10px}
@media(device-width:1024px) and (device-height:1366px) and (orientation:portrait){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img .texturetool-img-name{font-size:17px}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture{outline:2px solid #fff;overflow:hidden}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture{outline:0;border:0}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture:before{content:attr(title);font-size:20px;font-weight:700;line-height:27.32px;color:#fff;position:absolute;background:#00000066;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:8px;padding-top:8px;z-index:1}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture:before{border:2px solid #fff}
}
@media(device-width:1024px) and (device-height:1366px) and (orientation:portrait){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture:before{font-size:16px;padding-top:15px}
}
@media(min-width:992px) and (max-width:1250px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture:before{font-size:16px;padding-top:15px}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture:after{content:"";width:30px;height:30px;background:url(../../../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/circle-with-yes-mark.svg) no-repeat;transition:all .2s ease-in;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);z-index:2}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture:after{transition:none}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture .texturetool-img-name{display:none}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture .theme-main{display:none !important}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture .theme-hover{display:block !important}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture picture img{transform:scale(1.1);transition:.3s}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture picture img{transform:none;transition:none}
}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture picture{width:260px}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.clicked-texture{height:fit-content !important}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .texturetool-img.slick-active picture{height:330px !important}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side li:not(.clicked-texture)>picture:hover img{transform:scale(1.1)}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side li:not(.clicked-texture)>picture:hover img{transform:none}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .slick-track{display:flex;align-items:center}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .slick-dots{text-align:right}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .slick-dots{padding:0;width:20%;float:right;right:16px;bottom:16px}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .slick-dots li{background:#fff;width:10px !important;height:10px !important;border-radius:50%}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .slick-dots li.slick-active{background:#feb940}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .texturetool-images-side-by-side .slick-dots li button:before{opacity:0 !important}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .pre-next-cta-wraper{display:flex;justify-content:flex-end;gap:20px;padding-top:30px;margin-right:60px}
@media(min-width:991px) and (max-width:1201px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .pre-next-cta-wraper{margin-right:75px}
}
@media(min-width:320px) and (max-width:360px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .pre-next-cta-wraper{margin-right:18px}
}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .pre-next-cta-wraper{padding:0;margin:0 auto;width:50%}
}
@media(min-width:1440px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .pre-next-cta-wraper{padding-top:60px}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .pre-next-cta-wraper .cta a{cursor:pointer !important}
@media(min-width:320px) and (max-width:360px){.texturetool-main-block .texturetool-section .texturetool-images-wraper .pre-next-cta-wraper .cta .animated-arrow-button{gap:10px;padding:12px 18px}
}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .pre-next-cta-wraper .texture-prev-cta a{flex-direction:row-reverse}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .pre-next-cta-wraper .texture-prev-cta a .arrow:after{rotate:179deg;height:21px !important;width:18px}
.texturetool-main-block .texturetool-section .texturetool-images-wraper .pre-next-cta-wraper .texture-prev-cta a:hover .arrow{transform:translateX(-3px) !important}
.texturetool-main-block .texturetool-section a.animated-arrow-button[disabled]{opacity:.6;cursor:not-allowed !important}
.texturetool-main-block .texturetool-section a.animated-arrow-button[disabled]:focus,.texturetool-main-block .texturetool-section a.animated-arrow-button[disabled]:hover{border:.5px solid #fff;color:#fff;background:transparent}
.texturetool-main-block .texturetool-section a.animated-arrow-button[disabled]:focus .arrow,.texturetool-main-block .texturetool-section a.animated-arrow-button[disabled]:hover .arrow{transform:none}
.texturetool-main-block .texturetool-section a.animated-arrow-button[disabled]:focus .arrow:after,.texturetool-main-block .texturetool-section a.animated-arrow-button[disabled]:hover .arrow:after{filter:none}
.texturetool-main-block .texturetool_area .texturetool-text{width:90%}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_area .texturetool-text{width:100%}
}
.texturetool-main-block .texturetool_window .texturetool-text{width:101%}
@media(min-width:991px) and (max-width:1201px){.texturetool-main-block .texturetool_window .texturetool-text{width:106%;padding-right:10px}
}
@media(min-width:1201px) and (max-width:1367px){.texturetool-main-block .texturetool_window .texturetool-text{width:104%}
}
.texturetool-main-block .texturetool_theme .texturetool-text{width:90%}
.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li{cursor:pointer}
.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li:not(.clicked-texture) .theme-images{position:relative;height:inherit}
.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li:not(.clicked-texture) .theme-images .theme-hover{position:absolute;top:0;right:0;left:0;bottom:0;object-fit:contain;opacity:0;transition:opacity 1s}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li:not(.clicked-texture) .theme-images .theme-hover{transition:none}
}
.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li:not(.clicked-texture) .theme-images img{display:block;max-width:100%;height:auto;width:100%;height:100%}
.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li:not(.clicked-texture) .theme-images:hover .theme-hover{opacity:1}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li:not(.clicked-texture) .theme-images:hover .theme-hover{opacity:0}
}
.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li.clicked-texture .theme-main{display:none !important}
.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li.clicked-texture .theme-hover{width:100%;height:100%}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li.texturetool-img{width:260px !important;height:236px !important}
}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li.texturetool-img.clicked-texture.slick-active,.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li.texturetool-img.slick-active{height:330px !important}
}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_theme .texturetool-images-wraper .texturetool-images-side-by-side li.texturetool-img.clicked-texture{height:236px !important}
}
.texturetool-main-block .texturetool_home-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background:transparent}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_home-page{position:absolute;top:50%;left:0;transform:translateY(-50%);align-items:flex-start;padding:0 16px !important}
}
.texturetool-main-block .texturetool_home-page .texturetool_home-page-content{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_home-page .texturetool_home-page-content{text-align:start;align-items:flex-start}
}
.texturetool-main-block .texturetool_home-page .texturetool_home-page-content .texturetool-title{font-size:85px;line-height:85px;font-weight:800;letter-spacing:-2px;margin-bottom:30px}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_home-page .texturetool_home-page-content .texturetool-title{font-size:40px;line-height:44px;margin-bottom:16px;color:#f9f9f9}
}
.texturetool-main-block .texturetool_home-page .texturetool_home-page-content .texturetool-para{font-size:20px;line-height:27.32px;font-weight:800;margin-bottom:30px;width:400px}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_home-page .texturetool_home-page-content .texturetool-para{font-size:16px;line-height:21.86px;margin-bottom:10px;width:290px}
}
.texturetool-main-block .texturetool_home-page .cta a{cursor:pointer !important;text-transform:none !important}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .slick-slider div{transition:none}
}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .hide-mobile{display:none !important}
}
@media(min-width:992px){.texturetool-main-block .hide-desktop{display:none !important}
}
.texturetool-main-block .texturetool_result{display:flex;width:100%;height:100%;align-content:center;min-height:600px;padding:4.3% 4.1%;gap:45px}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result{flex-direction:column;min-height:925px;gap:0;position:relative;margin-bottom:50px;padding:0}
}
@media(min-width:667px) and (max-width:991px){.texturetool-main-block .texturetool_result{min-height:850px}
}
@media(device-width:1024px) and (device-height:1366px) and (orientation:portrait){.texturetool-main-block .texturetool_result{min-height:504px;padding:3%;gap:35px}
}
@media(min-width:1800px){.texturetool-main-block .texturetool_result{min-height:685px}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper{display:flex;flex-direction:column;width:40%;justify-content:space-between}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper{width:100%;order:2;padding:0}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .restart{width:fit-content;background:transparent;color:#fff;border:0;cursor:pointer;font-size:14px;font-weight:700;line-height:19.6px;display:flex;padding-top:15px}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .restart:before{content:"";margin-right:10px;background:url(../../../../../content/dam/apcolourcatalogue/asset/ap-revamp/wood-finish-tool/restart-white-icon.webp);width:18px;height:18px}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .restart:hover{color:#feb940}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .restart:hover:before{background:url(../../../../../content/dam/apcolourcatalogue/asset/ap-revamp/wood-finish-tool/restart-yellow-icon.webp)}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .restart{position:absolute;bottom:-34px;margin:0 auto;display:flex;left:0;right:0;margin-bottom:0}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte{font-size:16px;font-weight:500;line-height:21.86px;margin-bottom:30px;margin-bottom:auto}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte{font-size:13px;font-weight:400;line-height:17.76px;background:#1D1D1F50;margin-bottom:30px;padding:18px 0 24px 24px}
}
@media(min-width:992px) and (max-width:1024px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte{font-size:13px;line-height:17.76px}
}
@media(min-width:1025px) and (max-width:1279px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte{font-size:14px;line-height:19.86px}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte .title{color:#f9f9f9;font-size:12px;font-weight:500;line-height:16.39px}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte .title{font-size:13px;font-weight:700;line-height:14.3px}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte dd{display:flex;margin-top:19px;flex-wrap:wrap;row-gap:14px;margin-bottom:32px}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte dd{row-gap:10px;margin-top:12px;flex-wrap:wrap;margin-bottom:0}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte dd li{color:#f9f9f9;font-size:13px;font-weight:400;line-height:14.3px;width:50%}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte dd li{width:fit-content;color:#f9f9f9;font-size:13px;line-height:17.76px;font-weight:400;margin-right:50px}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte dd li .selected-input{font-weight:700}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte dd li .selected-input{line-height:14.3px}
}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .rte{margin-bottom:20px}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .bottom_notes{background:#00000040;padding:20px 15px 19px;display:flex;justify-content:space-between;width:100%;border-radius:8px}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .bottom_notes{padding:13px 15px;background:#00000080;width:90%;margin:0 auto}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .bottom_notes .bottom_notes-title{width:53%}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .bottom_notes .bottom_notes-title{width:50%}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .bottom_notes .bottom_notes-title p{font-size:12px;font-weight:500;line-height:16.39px;margin-bottom:0}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .bottom_notes .bottom_notes-title p .color,.texturetool-main-block .texturetool_result .texturetool-text-wraper .bottom_notes .bottom_notes-title p span{color:#feb940;line-height:14.4px;font-weight:700}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .bottom_notes .texture-tool-pdf-button a{cursor:pointer !important}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .bottom_notes .cta .animated-arrow-button{gap:10px;padding:12px 11px}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .bottom_notes .cta .animated-arrow-button:hover .arrow{transform:none}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .cta .animated-arrow-button{font-size:12px;line-height:16.8px}
}
.texturetool-main-block .texturetool_result .texturetool-text-wraper .texturetool-content-wraper h2 p{font-size:40px;line-height:44px;font-weight:800;color:#fff;margin-bottom:32px;margin-top:55px}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .texturetool-content-wraper h2 p{display:none}
}
@media(min-width:992px) and (max-width:1024px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .texturetool-content-wraper h2 p{font-size:32px;line-height:36px}
}
@media(min-width:1025px) and (max-width:1279px){.texturetool-main-block .texturetool_result .texturetool-text-wraper .texturetool-content-wraper h2 p{font-size:36px;line-height:40px}
}
@media(device-width:1024px) and (device-height:1366px) and (orientation:portrait){.texturetool-main-block .texturetool_result .texturetool-text-wraper .texturetool-content-wraper h2 p{font-size:32px;line-height:36px}
}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper{flex:1}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-cards-wraper{padding:40px 0 20px 16px}
}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .texturetool-title-mobileonly p{display:none}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-cards-wraper .texturetool-title-mobileonly p{display:block;font-weight:800;font-size:32px;line-height:35.2px;letter-spacing:normal;color:#f9f9f9;margin-bottom:21px}
}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .texturetool-cards-side-by-side{position:relative;width:auto;margin:0;display:flex;justify-content:start;gap:16px}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-cards-wraper .texturetool-cards-side-by-side{padding:0}
}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .texturetool-cards-side-by-side input[type=radio]{position:absolute;top:0;opacity:0}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .texturetool-cards-side-by-side label{display:block;padding:6px 0;border-radius:8px;font-size:20px;font-weight:300;cursor:pointer;position:relative;text-align:center;padding-right:15px;color:#fff}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .texturetool-cards-side-by-side .tab-content{z-index:2;display:none;overflow:hidden;border-radius:8px;width:100%;position:absolute;left:0;color:#000;top:50px}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-cards-wraper .texturetool-cards-side-by-side .tab-content{top:57px !important;overflow:inherit}
}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .texturetool-cards-side-by-side [id^=texturetool-result-tab]:checked+label{background:#f9f9f9;font-weight:800;opacity:1;padding-left:15px;margin-right:11px;color:#1d1d1f}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-cards-wraper .texturetool-cards-side-by-side [id^=texturetool-result-tab]:checked+label{margin-right:9px;padding-right:10px;padding-left:10px}
}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .texturetool-cards-side-by-side [id^=texturetool-result-tab]:checked~[id^=texturetool-result-tab-content]{display:flex}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider{display:flex;gap:12px;width:100%}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card{flex:0 0 32%;display:flex}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card{margin-right:13px}
}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display{width:100%;display:flex}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section{display:flex;flex-direction:column;border-radius:8px;background:#efefef;margin:0;width:100%;padding:0;border:0;overflow:hidden}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section{width:235px;margin-right:13px}
}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description{display:flex;flex-direction:column;flex-grow:1}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .texturetool-image-section{position:relative;gap:15px;margin-bottom:0}
@media(device-width:1024px) and (device-height:1366px) and (orientation:portrait){.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .texturetool-image-section{gap:5px}
}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .texturetool-image-section img{object-fit:cover;width:100%;height:100%;margin:0}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .texturetool-image-section .product-img-title{position:absolute;color:#fff;display:block;bottom:12px;padding:0 0 0 10px;font-size:16px;font-weight:800;line-height:21.86px;z-index:2}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .texturetool-image-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(180.04deg,transparent 39.85%,rgba(0,0,0,.5) 77.59%)}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .texturetool-product-detail-section{display:flex;flex-direction:column;flex-grow:1;padding:11px 10px 13px}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .texturetool-product-detail-section .product-used-block{border-bottom:.5px solid #ccc}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .texturetool-product-detail-section .product-used-block .product-title{font-size:10px;font-weight:400;line-height:9px;color:gray;margin-bottom:8px}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .texturetool-product-detail-section .product-used-block .product-num{padding-bottom:14px}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .texturetool-product-detail-section .product-used-block .product-name,.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .texturetool-product-detail-section .product-used-block .product-num{display:block;font-size:12px;font-weight:500;line-height:16.39px;color:#1d1d1f}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .shades-block{padding-left:10px;padding-right:10px}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .shades-block .product-title{font-size:12px;font-weight:700;line-height:14.4px;color:#2f2f2f;margin-bottom:-3px}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .shades-block .shades-block-main-wraper{display:flex;gap:10px}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .shades-block .shades-block-main-wraper .shade-wraper{width:50%}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .shades-block .shades-block-main-wraper .shade-wraper .shade-name{font-size:11px;line-height:15.03px;font-weight:400;color:gray;margin-bottom:7px}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .shades-block .shades-block-main-wraper .shade-wraper .shade-color-block{background:var(--bgcolorcode);height:47px;padding:6px;padding-top:12px;border-radius:4px;border:.5px solid #75787b}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .shades-block .shades-block-main-wraper .shade-wraper .shade-color-block .shade-color-block-shade-name{margin-bottom:4px}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section .texturetool-image-and-description .shades-block .shades-block-main-wraper .shade-wraper .shade-color-block span{font-size:9px;line-height:9px;font-weight:400;display:block}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-card-detail-section{margin:10px 0}
}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .rec-product-link{padding:15px 10px}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .rec-product-link a{color:#f47838;font-size:12px;font-style:normal;font-weight:700;line-height:16.39px;text-decoration:underline}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .texturetool-detail-card .texturetool-main-display .texturetool-main-display .texturetool-image-and-description .texturetool-image-section{width:30%;display:flex}
@media(min-width:667px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .slick-dots{text-align:center;padding-right:26px}
}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .slick-list .slick-track{width:auto !important;display:flex}
@media(min-width:320px) and (max-width:991px){.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .slick-dots{bottom:-30px;text-align:end;padding-right:16px}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .slick-dots li{width:10px !important;height:10px !important;margin-right:4px}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .slick-dots li button:before{background:#ccc !important;width:10px !important;height:10px !important;content:"";opacity:1}
.texturetool-main-block .texturetool_result .texturetool-cards-wraper .product-slider .slick-dots li.slick-active button:before{background:#feb940 !important;width:10px !important;opacity:1 !important}
}