.BudgetCalculatorComp{padding:20px 40px}
@media(min-width:320px) and (max-width:991px){.BudgetCalculatorComp{padding:20px}
}
.AdvancePBCMain-Tab .tabs{overflow:hidden;overflow-x:auto;white-space:nowrap;margin:60px 30px}
@media(min-width:320px) and (max-width:991px){.AdvancePBCMain-Tab .tabs{margin:25px 0}
}
.AdvancePBCMain-Tab .tabs ul{display:flex;justify-content:space-evenly}
.AdvancePBCMain-Tab .tabs ul li a{color:#b6b6b6;padding-bottom:15px;display:block;font-size:13px;font-weight:500;text-transform:uppercase}
.AdvancePBCMain-Tab .tabs ul li.is-active a{color:#222;border-bottom:2px solid #222}
.AdvancePBCMain-Tab .pbc-main-wrapper{padding:0}
@media(min-width:320px) and (max-width:991px){.AdvancePBCMain-Tab .pbc-main-wrapper .reset-btn{text-align:center;margin-bottom:10px}
}
.pbc-landing-page{width:100%;background-color:#fff}
@media(min-width:991px) and (max-width:1200px){.pbc-landing-page .planning-to-do h2.mb-3{font-size:16px}
}
@media(min-width:991px) and (max-width:1200px){.pbc-landing-page .planning-to-do .slick-prev{left:unset}
.pbc-landing-page .planning-to-do .slick-next{right:0}
}
.pbc-landing-page .estimation-details.planning-to-do h2{text-transform:capitalize}
.pbc-landing-page .js-singleSlideCarousel-withArrow{width:inherit;z-index:2}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .js-singleSlideCarousel-withArrow .slick-list{overflow:visible}
}
.pbc-landing-page .form-fields{margin-right:40px;flex:0 0 60%}
@media(min-width:1280px){.pbc-landing-page .form-fields{max-width:750px;width:750px}
}
@media(min-width:1366px){.pbc-landing-page .form-fields{max-width:820px;width:820px}
}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .form-fields{flex:1px;max-width:100%;width:100%}
}
.pbc-landing-page .DarkButton{color:#222 !important}
.pbc-landing-page .add-shadow{border-radius:50%;box-shadow:0 0 3px -1px #222}
.pbc-landing-page .share-dowload button:after{right:12px;position:absolute;top:24px}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .share-dowload button:after{top:15px}
}
.pbc-landing-page .share-dowload--share{padding-bottom:40%;margin-top:15px;position:relative}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .share-dowload--share{padding:0;margin:0}
}
.pbc-landing-page .share-dowload--share .shareProduct{cursor:pointer}
.pbc-landing-page .share-dowload .shareWithWrap{left:55px;top:35px}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .share-dowload .shareWithWrap{left:50px;top:35px}
}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .share-dowload{align-items:center}
}
.pbc-landing-page .let-us-know-budget{border:1px solid #eaeaea}
.pbc-landing-page .let-us-know-budget .bg{min-height:180px;background-size:cover;background-origin:center;background-repeat:no-repeat}
.pbc-landing-page .let-us-know-budget h2,.pbc-landing-page .let-us-know-budget p{padding:0 30px}
.pbc-landing-page .recommended-product-wrapper{flex-basis:410px;flex:0 0 40%;margin-left:auto}
@media(min-width:1280px){.pbc-landing-page .recommended-product-wrapper{max-width:380px;width:380px}
}
@media(min-width:1366px){.pbc-landing-page .recommended-product-wrapper{max-width:410px;width:410px}
}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .recommended-product-wrapper{width:auto;flex-basis:auto;max-width:100%;flex:none}
}
@media(min-width:1280px){.pbc-landing-page .recommended-product-wrapper .let-us-know-budget p{width:380px}
}
@media(min-width:1366px){.pbc-landing-page .recommended-product-wrapper .let-us-know-budget p{width:410px}
}
.pbc-landing-page .recommended-product-wrapper .recommended-product{padding:20px;border-radius:2px;border:1px solid #eaeaea}
.pbc-landing-page .recommended-product-wrapper .recommended-product .prod-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.pbc-landing-page .recommended-product-wrapper a{width:110px;margin-bottom:0 !important}
.pbc-landing-page .recommended-product-wrapper a img{width:100%}
.pbc-landing-page .recommended-product-wrapper .pull-bottom{margin-bottom:-100px}
.pbc-landing-page .recommended-product-wrapper .shareWithWrap a{cursor:pointer !important}
.pbc-landing-page .budget-estimation{padding:16px;color:#fff;font-size:14px;font-weight:300;background:linear-gradient(90deg,#3023ae,#966dd7)}
.pbc-landing-page .slick-slide.slick-current.slick-active{height:auto !important}
.pbc-landing-page .slick-slide{height:0 !important}
.pbc-landing-page .additionl-product-wrapper{max-width:800px;padding-right:40px;width:calc(100% - 0px)}
.pbc-landing-page .additionl-product-wrapper .heading-text{padding-top:58px;border-top:1px solid #eaeaea}
.pbc-landing-page .additionl-product-wrapper .please-note{font-size:12px;line-height:13px;font-weight:500}
.pbc-landing-page .additionl-product-wrapper .suggested{margin-bottom:70px}
.pbc-landing-page .additionl-product-wrapper .suggested li .product-item{margin-right:30px}
.pbc-landing-page .additionl-product-wrapper .suggested li .product-item:last-child{margin-right:0}
.pbc-landing-page .additionl-product-wrapper .suggested li .product-item a{width:110px}
.pbc-landing-page .additionl-product-wrapper .suggested li .product-item a img{width:100%}
.pbc-landing-page .additionl-product-wrapper .suggested li .product-item h2{font-size:14px;line-height:24px}
.pbc-landing-page .calculator-title{margin-bottom:50px}
.pbc-landing-page .planning-to-do{margin-right:0;margin-bottom:60px}
.pbc-landing-page .planning-to-do.no-of-rooms .form-global__inline-label:last-child{margin-right:0}
.pbc-landing-page .planning-to-do .label-name{line-height:30px}
.pbc-landing-page .planning-to-do h2{margin-bottom:10px !important}
.pbc-landing-page .planning-to-do input{width:195px;padding:12px}
.pbc-landing-page .planning-to-do .sq-ft-input-filed{padding-right:60px}
.pbc-landing-page .planning-to-do .sq-ft-input-filed .sq-ft{top:8px;right:22px;font-size:14px;font-weight:300;line-height:24px;display:inline-block}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .planning-to-do .sq-ft-input-filed{padding:10px 60px 10px 0}
.pbc-landing-page .planning-to-do .sq-ft-input-filed .sq-ft{top:12px}
}
.pbc-landing-page .planning-to-do .sq-ft-input-filed input{width:155px;margin-right:0}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .planning-to-do .sq-ft-input-filed input{margin-bottom:0}
}
.pbc-landing-page .planning-to-do .sq-ft-input-filed .form-global__field-message{position:absolute;top:60px;width:320px;visibility:visible}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .planning-to-do .sq-ft-input-filed .form-global__field-message{position:relative;top:0;width:auto;padding:10px 0}
}
.pbc-landing-page .label-name{flex:1;max-width:320px;width:320px;flex:0 0 40%}
.pbc-landing-page .select-paint-type{max-width:500px;width:500px;flex:0 0 60%}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .js-singleSlideCarousel-withArrow .slick-slide{margin-right:15px}
.pbc-landing-page .let-us-know-budget{display:none !important}
.pbc-landing-page .calculator-title{margin-bottom:20px}
.pbc-landing-page .pull-bottom{margin-bottom:0 !important}
.pbc-landing-page .form-fields{margin-right:0}
.pbc-landing-page .planning-to-do{margin-bottom:5px}
.pbc-landing-page .planning-to-do .label-name{font-size:16px}
.pbc-landing-page .planning-to-do h2{margin-bottom:15px}
.pbc-landing-page .planning-to-do input{width:100%;padding:8px 12px}
.pbc-landing-page .planning-to-do .field-elements{width:100%}
.pbc-landing-page .additionl-product-wrapper{width:100%;padding-top:0;margin-top:20px;padding-right:0}
.pbc-landing-page .additionl-product-wrapper .heading-text{padding-top:20px}
.pbc-landing-page .additionl-product-wrapper .suggested{margin-bottom:0}
.pbc-landing-page .additionl-product-wrapper .suggested li .product-item{margin-right:0;margin-bottom:20px}
.pbc-landing-page .recommended-product-wrapper{width:100%}
.pbc-landing-page .label-name{flex:auto;max-width:100%}
}
@media(min-width:320px) and (max-width:991px) and (min-width:320px) and (max-width:991px){.pbc-landing-page .label-name{min-width:200px}
}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .select-paint-type{flex:auto}
}
@media(min-width:320px) and (max-width:991px) and (min-width:320px) and (max-width:991px){.pbc-landing-page .select-paint-type{max-width:500px}
}
@media(min-width:320px) and (max-width:991px){.pbc-landing-page .sq-ft-input-filed{width:100%}
.pbc-landing-page .sq-ft-input-filed input{width:100% !important}
}
.flex-1{flex:1}
.pbc-main-wrapper{overflow:hidden;padding:4%;transition:all .3s ease-in-out;border-bottom:1px solid #eaeaea}
.pbc-main-wrapper .pbc-checkbox-wrap{margin-bottom:40px}
.pbc-main-wrapper .form-global__custom-element{border-color:#431a80}
.pbc-main-wrapper .calculator-title{line-height:30px;margin-bottom:40px}
.pbc-main-wrapper .planning-to-do.no-of-rooms{margin-right:0}
.pbc-main-wrapper .planning-to-do a.ctaText:hover{color:#fff !important}
.pbc-main-wrapper .planning-to-do h2{font-size:20px;line-height:30px;margin-bottom:30px}
.pbc-main-wrapper .planning-to-do .note{font-size:13px;line-height:24px}
.pbc-main-wrapper .planning-to-do .label-name{margin-bottom:0}
.pbc-main-wrapper .planning-to-do .select-paint-type .form-global__inline-label{margin-right:30px}
.pbc-main-wrapper .planning-to-do .select-paint-type .form-global__custom-label-text{font-size:14px;line-height:24px;padding-left:5px;letter-spacing:.5px}
.pbc-main-wrapper .planning-to-do .select-paint-type .form-radio-input__field:checked~.form-global__custom-element:after{content:"";width:22px;height:23px;left:0;top:-1px;display:inline-block;background-position:-709px -313px;background-image:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-Sprite.webp)}
.pbc-main-wrapper .planning-to-do.no-of-rooms .form-global__inline-label{margin-right:50px}
.pbc-main-wrapper .planning-to-do input{width:280px;font-size:13px;line-height:13px;margin-right:40px;padding-left:12px;border-radius:2px;padding-right:12px;letter-spacing:1px;border:1px solid #222}
.pbc-main-wrapper .planning-to-do .ctaText{color:#fff}
.pbc-main-wrapper .planning-to-do .downloadBtn .DarkButton.ctaText{color:#431a80 !important;padding:15px 20px;border:1px solid #431a80;font-weight:700;box-shadow:0 0 6px 2px rgba(0,0,0,.2);font-size:16px}
@media(min-width:320px) and (max-width:991px){.pbc-main-wrapper .planning-to-do .downloadBtn .DarkButton.ctaText{font-size:12px}
}
.pbc-main-wrapper .planning-to-do .downloadBtn .DarkButton.ctaText:after{position:absolute;top:18px}
.pbc-main-wrapper .planning-to-do .know-more-tooltip{display:none;width:100%;margin:0;left:-60px;padding:10px;min-width:240px;border-radius:4px;background-color:#fff;bottom:calc(100% + 10px);border:1px solid #22222240;color:#222}
.pbc-main-wrapper .planning-to-do .know-more-tooltip:after{content:"";width:8px;height:8px;left:60px;position:absolute;top:calc(100% - 3px);display:inline-block;background-color:#fff;transform:rotate(-45deg);border-left:1px solid #22222240;border-bottom:1px solid #22222240}
.pbc-main-wrapper .planning-to-do .know-more{width:12px;height:12px;color:#fff;font-size:8px;padding:2px;line-height:8px;vertical-align:middle;background-color:#22222280}
.pbc-main-wrapper .planning-to-do .know-more:hover .know-more-tooltip{display:inline-block}
.pbc-main-wrapper .budget-estimate-page{top:0;z-index:20;width:100%;height:100%;overflow:auto;padding:inherit;left:calc(100vw + 100px);transition:all .3s ease-in-out;background-color:#f8f8f8}
.pbc-main-wrapper .budget-estimate-page.show{left:0}
.pbc-main-wrapper .budget-estimate-page .suggested img{width:110px}
.pbc-main-wrapper .budget-estimate-page .suggested h2{font-size:13px;line-height:24px;letter-spacing:1px}
.pbc-main-wrapper .budget-estimate-page .suggested h3{font-size:12px;line-height:12px}
@media(min-width:320px) and (max-width:991px){.pbc-main-wrapper{width:100%;padding:30px 20px;border-bottom:0}
.pbc-main-wrapper .pbc-checkbox-wrap{margin-bottom:3px}
.pbc-main-wrapper .calculator-title{font-size:22px;margin-bottom:20px}
.pbc-main-wrapper .planning-to-do{margin-right:0}
.pbc-main-wrapper .planning-to-do h2{font-size:16px;margin-bottom:10px}
.pbc-main-wrapper .planning-to-do .note{font-size:12px;margin-bottom:15px}
.pbc-main-wrapper .planning-to-do input{width:100%;margin-right:0;font-size:12px;line-height:12px;padding:13px 12px;margin-bottom:20px}
.pbc-main-wrapper .planning-to-do .ctaText{margin-bottom:0}
.pbc-main-wrapper .planning-to-do .label-name{margin-bottom:12px}
}
@media(min-width:320px) and (max-width:991px) and (min-width:320px) and (max-width:991px){.pbc-main-wrapper .planning-to-do .label-name{max-width:320px}
}
@media(min-width:320px) and (max-width:991px){.pbc-main-wrapper .planning-to-do .ctaComp{width:100%}
.pbc-main-wrapper .select-paint-type .form-global__inline-label{margin-bottom:15px;margin-right:20px !important}
.pbc-main-wrapper .budget-estimate-page .suggested li{width:100%;margin-bottom:15px;padding-bottom:20px;border-bottom:1px solid #22222220}
.pbc-main-wrapper .budget-estimate-page .suggested li:last-child{border-bottom:0}
.pbc-main-wrapper .budget-estimate-page .reset-calculation{width:100%}
}
@media(min-width:320px) and (max-width:991px){.advancePBC .form-group-global{max-height:unset;overflow-y:unset}
}
.advancePBC .form-group-global .roomCalculate-title{font-size:20px;margin-bottom:20px}
@media(min-width:320px) and (max-width:991px){.advancePBC .form-group-global .roomCalculate-title{font-size:16px}
}
.advancePBC .vue-tabs__wrap{display:flex;align-items:center}
@media(min-width:320px) and (max-width:991px){.advancePBC .vue-tabs__wrap{display:none}
}
.advancePBC .scroll-section{display:flex;min-width:100px;justify-content:center}
.advancePBC .scroll-section .scroll-left{padding-right:10px}
.advancePBC .scroll-section .disabled{opacity:.7;pointer-events:none}
.advancePBC .vue-tabs{display:flex;flex-wrap:nowrap;overflow:hidden;width:100%}
@media(min-width:320px) and (max-width:991px){.advancePBC .vue-tabs{max-width:100%}
}
.advancePBC .vue-tabs--list{min-width:150px}
.advancePBC .vue-tabs--list .vue-tabs--item{display:flex;justify-content:center;padding:15px 10px}
.advancePBC .vue-tabs--list .vue-tabs--item .floating-label{margin:0}
.advancePBC .vue-tabs--list .vue-tabs--item .floating-label input{margin:0;font-size:14px;height:auto}
.advancePBC .vue-tabs--list .vue-tabs--item .floating-label input:read-only{border:0;width:80px}
.advancePBC .vue-tabs--list .vue-tabs--item .tabs-btn--wrap{display:flex}
.advancePBC .vue-tabs--list .vue-tabs--item .deleteRoom,.advancePBC .vue-tabs--list .vue-tabs--item .editRoomName{border:0;display:none}
.advancePBC .vue-tabs--list .vue-tabs--item .deleteRoom .spriteIcon-Aprevamp,.advancePBC .vue-tabs--list .vue-tabs--item .deleteRoom .spriteIcon-Firstfold,.advancePBC .vue-tabs--list .vue-tabs--item .editRoomName .spriteIcon-Aprevamp,.advancePBC .vue-tabs--list .vue-tabs--item .editRoomName .spriteIcon-Firstfold{transform:scale(.8)}
.advancePBC .vue-tabs--list .vue-tabs--item.last-item .editRoomName{display:block}
.advancePBC .vue-tabs--list .vue-tabs--item.active{background:#f8f8f8;border-top-left-radius:15px;border-top-right-radius:15px}
.advancePBC .vue-tabs--list .vue-tabs--item.active .deleteRoom,.advancePBC .vue-tabs--list .vue-tabs--item.active .editRoomName{display:flex;align-items:center}
.advancePBC .vue-tabs--list .vue-tabs--item.last-item.active .deleteRoom{display:none}
.advancePBC .vue-tabs .addRoom-btn a{border:0;background:0;display:flex;align-items:center;min-width:150px;padding:15px 20px}
.advancePBC .vue-tabs .addRoom-btn a .spriteIcon-Firstfold{transform:scale(.8);margin-left:5px;display:block}
.advancePBC .vue-tabs--body .mobile--addRoom{display:none;padding:0 2.5%;margin-bottom:30px}
@media(min-width:320px) and (max-width:991px){.advancePBC .vue-tabs--body .mobile--addRoom{display:block}
}
.advancePBC .vue-tabs--body .mobile--addRoom a{display:flex}
@media(min-width:320px) and (max-width:991px){.advancePBC .vue-tabs--body .mobile--addRoom a.ctaComp.whiteBtn .ctaText{width:100%;padding:9px 20px}
}
.advancePBC .vue-tabs--content-item{display:none}
.advancePBC .vue-tabs--content-item.active{display:block}
.advancePBC .vue-tabs--content-item.last-item.active .deleteRoom{display:none}
.advancePBC .vue-tabs--content .form-global__field-message{min-height:25px;height:auto}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile{display:none;justify-content:space-between;padding:15px 0}
@media(min-width:320px) and (max-width:991px){.advancePBC .vue-tabs--content .roomCalculatorComp__mobile{display:flex;border-top:2px solid #e9e9e9}
}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .editRoomName{display:flex;align-items:center}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .editRoomName .spriteIcon-Aprevamp{transform:scale(.6)}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .deleteRoom{display:none;align-items:center;padding-left:15px;position:relative}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .deleteRoom .ctaText{text-transform:uppercase}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .deleteRoom:before{content:"";width:2px;height:50%;background:#222;position:absolute;top:8px;left:5px}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .last-item .editRoomName{display:block}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .active .deleteRoom,.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .active .editRoomName{display:flex;align-items:center}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .last-item.active .deleteRoom{display:none}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .deleteRoom :before{content:"";width:2px;display:block}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .floating-label{margin:0}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .floating-label input{margin:0;font-size:14px;height:auto;max-width:150px}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile .floating-label input:read-only{border:0;width:80px}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile--name{display:flex}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile--toggleRoom{padding-top:10px;flex-grow:2;display:flex;justify-content:flex-end}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile--toggleRoom a{transform:rotate(45deg);position:relative;left:-10px}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile--toggleRoom .minus-icon{width:17px;content:"";height:2px;background:#585858;display:none}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile--toggleRoom .closeIcon{display:block}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile--toggleRoom.active a{transform:rotate(0)}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile--toggleRoom.active .closeIcon{display:none}
.advancePBC .vue-tabs--content .roomCalculatorComp__mobile--toggleRoom.active .minus-icon{display:block}
.advancePBC .form-group-global{max-height:100%;overflow:hidden}
.advancePBC .form-group-global--error{color:#ed1c24;font-size:12px;padding:5px 0;display:flex;align-items:center}
.advancePBC .form-dropdown .form-global__field-message,.advancePBC .form-text-input .form-global__field-message{visibility:hidden}
.advancePBC .form-dropdown.form-text-input--error .form-global__field-message,.advancePBC .form-dropdown.hasError .form-global__field-message,.advancePBC .form-text-input.form-text-input--error .form-global__field-message,.advancePBC .form-text-input.hasError .form-global__field-message{visibility:visible !important}
.advancePBC .ProductSelectionField{position:relative}
.advancePBC .ProductSelectionField .not-selected-error{display:none}
.advancePBC .disabledProduct .form-dropdown,.advancePBC .disabledProduct .form-radiogroup{opacity:.5}
.advancePBC .disabledProduct .overlay{position:absolute;width:100%;z-index:22;height:100%;background:transparent;opacity:.4;top:0}
.advancePBC .disabledProduct .not-selected-error{position:absolute;bottom:10px;font-size:11px;color:#ed1c24;display:none}
@media(min-width:320px) and (max-width:991px){.advancePBC .disabledProduct .not-selected-error{position:relative}
}
.advancePBC .disabledProduct .not-selected-error.show{display:block}
.advancePBC .change-product-error{position:absolute;bottom:10px;font-size:11px;color:#ed1c24}
@media(min-width:320px) and (max-width:991px){.advancePBC .change-product-error{position:relative}
}
.advancePBC .estimate-text{color:#222;font-size:14px}
.advancePBC .op70{opacity:.7}
@media(min-width:320px) and (max-width:991px){.advancePBC [class^=col-]{flex:0 0 100%;max-width:100%}
}
.PaintAndSpaceSelection h2{margin-bottom:30px;line-height:30px}
.PaintAndSpaceSelection .productItemWrap{display:flex;margin-bottom:30px}
@media(min-width:320px) and (max-width:991px){.PaintAndSpaceSelection .productItemWrap{flex-wrap:wrap}
}
.PaintAndSpaceSelection .productItemWrap .form-global__label{flex-basis:30%;font-size:20px;font-weight:700}
@media(min-width:320px) and (max-width:991px){.PaintAndSpaceSelection .productItemWrap .form-global__label{margin-bottom:15px;flex-basis:100%}
}
@media(min-width:320px) and (max-width:991px){.PaintAndSpaceSelection .productItemWrap .ProductSelectionField{flex-basis:100%}
}
.PaintAndSpaceSelection .productItemWrap .ProductSelectionField .form-radiogroup{display:flex}
@media(min-width:320px) and (max-width:991px){.PaintAndSpaceSelection .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input{flex-basis:50%;max-width:200px}
}
.PaintAndSpaceSelection .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input__filter-variant{background:transparent;padding-left:0;padding-right:2.5rem}
@media(min-width:320px) and (max-width:991px){.PaintAndSpaceSelection .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input__filter-variant{padding-right:1rem}
}
.PaintAndSpaceSelection .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input__filter-variant .form-global__custom-label-text{font-size:14px;line-height:24px;font-weight:400;columns:#222;opacity:.7}
.PaintAndSpaceSelection .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input__filter-variant .form-radio-input__field:checked+.customRadio-checked{background-position:-709px -313px;width:23px;height:23px}
.PaintAndSpaceSelection .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input__filter-variant .form-radio-input__field+.customRadio-checked{background-position:-669px -313px;width:23px;height:23px}
@media(min-width:320px) and (max-width:991px){.PaintAndSpaceSelection .productItemWrap .ProductSelectionField .desc{width:80%}
}
.roomCalculatorComp{background:#f8f8f8;padding:4% 2.5%;box-shadow:none;margin-bottom:30px}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp{background:0;margin-bottom:0}
}
.roomCalculatorComp .form-dropdown__custom-variant--icon.caretIcon{background-position:-106px -192px}
.roomCalculatorComp .form-dropdown.target-active .form-dropdown__custom-variant--icon.caretIcon{background-position:-145px -193px}
.roomCalculatorComp .floating-label{max-width:375px}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp .floating-label{max-width:100%;margin-bottom:0}
}
.roomCalculatorComp .floating-label input{text-transform:uppercase;font-size:14px;padding-right:35px}
.roomCalculatorComp .form-global__label{font-size:14px;text-transform:uppercase;font-weight:500}
.roomCalculatorComp .form-dropdown__custom-variant--target{top:66%}
.roomCalculatorComp .form-dropdown__custom-variant--target ul li a{text-align:unset;padding-left:20px}
.roomCalculatorComp .form-dropdown .form-global__field{z-index:2;cursor:pointer}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp .form-group-global{overflow:unset}
}
.roomCalculatorComp__LengthHeightSection{border-bottom:1px solid #dfdfdf}
.roomCalculatorComp__LengthHeightSection-step1{display:flex;padding-bottom:40px}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__LengthHeightSection-step1{padding-bottom:10px;flex-wrap:wrap;justify-content:space-between}
}
.roomCalculatorComp__LengthHeightSection-step1 .WLH-section{width:33%}
@media(min-width:991px) and (max-width:1200px){.roomCalculatorComp__LengthHeightSection-step1 .WLH-section{width:40%}
}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__LengthHeightSection-step1 .WLH-section{width:50%}
}
.roomCalculatorComp__LengthHeightSection-step1 .form-global__label{font-size:14px;font-weight:500;line-height:24px;text-transform:uppercase;color:#222;min-width:40%}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__LengthHeightSection-step1 .form-global__label{display:flex;margin-bottom:10px}
}
.roomCalculatorComp__LengthHeightSection-step1 .form-global__label .infoIcon{vertical-align:middle;margin:0 5px 2px;cursor:pointer;position:relative}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__LengthHeightSection-step1 .form-global__label .infoIcon{margin:5px 10px}
}
.roomCalculatorComp__LengthHeightSection-step1 .form-global__label .infoIcon .PBC__WD-tooltip{position:absolute;background:#fff;border:1px solid #dedede;padding:10px 15px;border-radius:5px;bottom:25px;display:none;left:-20px}
.roomCalculatorComp__LengthHeightSection-step1 .form-global__label .infoIcon .PBC__WD-tooltip p{margin:0;font-size:10px;text-transform:none;width:200px}
.roomCalculatorComp__LengthHeightSection-step1 .form-global__label .infoIcon .PBC__WD-tooltip p:after{content:"";width:8px;height:8px;left:20px;position:absolute;top:calc(100% - 3px);display:inline-block;background-color:#fff;transform:rotate(-45deg);border-left:1px solid #22222240;border-bottom:1px solid #22222240}
.roomCalculatorComp__LengthHeightSection-step1 .form-global__label .infoIcon.active .PBC__WD-tooltip{display:block}
.roomCalculatorComp__LengthHeightSection-step1 .form-global__field{width:75px;height:50px;background-color:#fff;padding:0 10px;border:1px solid #222}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__LengthHeightSection-step1 .form-global__field{width:100px}
}
.roomCalculatorComp__LengthHeightSection-step1 .measurement-prefix{color:#222;opacity:.6;margin-left:5px}
.roomCalculatorComp__WallSection-step2{padding-top:40px;padding-bottom:40px;display:flex}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__WallSection-step2{flex-wrap:wrap;padding-bottom:0}
}
.roomCalculatorComp__WallSection-step2-left{width:40%;display:inline-block}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__WallSection-step2-left{width:100%;order:2}
}
.roomCalculatorComp__WallSection-step2-left .form-global__field,.roomCalculatorComp__WallSection-step2-left .form-global__label{font-size:14px;line-height:12px;font-weight:400;z-index:2;cursor:pointer}
.roomCalculatorComp__WallSection-step2-left .form-checkbox-input__custom{padding:0;font-size:14px;letter-spacing:.5px}
.roomCalculatorComp__WallSection-step2-left .form-checkbox-input__custom .form-global__custom-label-text{color:#222;opacity:.6}
.roomCalculatorComp__WallSection-step2-right{width:60%;display:inline-block;padding:30px}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__WallSection-step2-right{width:100%;order:1;padding:0}
}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock{margin:0 auto}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock{margin-left:0}
}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .parent-box{border:1px dashed #dfdfdf;text-align:center;position:relative;background:rgba(77,69,168,.97);background:-moz-linear-gradient(-45deg,rgba(77,69,168,.97) 0,#4d45a8 0,#a382d9 100%);background:-webkit-gradient(left top,right bottom,color-stop(0,rgba(77,69,168,.97)),color-stop(0,#4d45a8),color-stop(100%,#a382d9));background:-webkit-linear-gradient(-45deg,rgba(77,69,168,.97),#4d45a8 0,#a382d9);background:-o-linear-gradient(-45deg,rgba(77,69,168,.97) 0,#4d45a8 0,#a382d9 100%);background:-ms-linear-gradient(-45deg,rgba(77,69,168,.97) 0,#4d45a8 0,#a382d9 100%);background:linear-gradient(135deg,rgba(77,69,168,.97),#4d45a8 0,#a382d9)}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .parent-box p{font-size:12px;line-height:24px;font-weight:500}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .topSide{border-top:25px solid #fdfdfd;border-left:25px solid transparent;border-right:25px solid transparent;width:100%;top:0;position:unset;height:0;transform:unset;margin:0}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .topSide span{position:absolute;top:0;display:block;left:50%;transform:translateX(-50%);color:#000}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .bottomSide{border-bottom:25px solid #fdfdfd;border-right:25px solid transparent;border-left:25px solid transparent;width:100%;bottom:0;position:absolute;height:0;left:0;transform:unset;margin:0}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .bottomSide span{position:relative;display:block;left:50%;transform:translateX(-50%);color:#000}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .leftSide{position:absolute;transform:unset;left:0;top:0;height:100%;width:100%;border-bottom:25px solid transparent;border-left:25px solid #fdfdfd;border-top:25px solid transparent}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .leftSide span{display:block;position:relative;transform:translateY(-50%) rotate(270deg);top:50%;left:-110px;color:#000}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .rightSide{position:absolute;transform:unset;right:0;top:0;height:100%;width:100%;border-bottom:25px solid transparent;border-right:25px solid #fdfdfd;border-top:25px solid transparent}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .rightSide span{display:block;position:relative;transform:translateY(-50%) rotate(90deg);top:50%;right:-110px;color:#000}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .child-box{border:1px solid #dfdfdf;background:#fff;min-height:10rem;margin:25px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:300;margin-top:0}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .ceiling-ON .child-box{background:transparent;color:#fff}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock.squareView{width:220px}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock.squareView{margin:0 auto}
}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock.rectangleView{width:255px}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock.rectangleView{margin:0 auto}
}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock.rectangleView .leftSide span{left:-125px}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock.rectangleView .rightSide span{right:-125px}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .clr-WallA.topSide{border-top:25px solid transparent}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .clr-WallA.topSide span{color:#fff}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .clr-WallA.topSide~.child-box{margin-top:0 !important}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .clr-WallC.bottomSide{border-bottom:25px solid transparent}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .clr-WallC.bottomSide span{color:#fff}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .clr-WallC .topSide~.child-box{margin-top:25px}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .clr-WallB.rightSide{border-right:25px solid transparent}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .clr-WallB.rightSide span{color:#fff}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .clr-WallD.leftSide{border-left:25px solid transparent}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .clr-WallD.leftSide span{color:#fff}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .Disclaimer{margin:20px 0}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .Disclaimer p:first-child{font-size:13px;line-height:12px;font-weight:500;color:#000;text-transform:uppercase}
.roomCalculatorComp__WallSection-step2-right .Ceiling-ShapeMock .Disclaimer p:last-child{font-size:13px;line-height:22px;font-weight:300;color:#000;opacity:.6}
.roomCalculatorComp__ChooseProductSection{border-top:1px solid #dfdfdf}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__ChooseProductSection{border-top:0}
}
.roomCalculatorComp__ChooseProductSection-step3{margin-top:30px;padding-top:10px}
.roomCalculatorComp__ChooseProductSection-step3.disabled{background:#dedede;display:block;z-index:9999;cursor:default;cursor:not-allowed;opacity:.3}
.roomCalculatorComp__ChooseProductSection-step3 h3{font-size:20px;margin-bottom:20px}
.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap{display:flex}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap{flex-wrap:wrap}
}
.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap .form-global__label{flex-basis:20%}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap .form-global__label{margin-bottom:15px;flex-basis:100%}
}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap .ProductSelectionField{flex-basis:100%}
}
.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap .ProductSelectionField .form-radiogroup{display:flex;justify-content:space-between}
.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input__filter-variant{background:transparent;padding:.5rem 1rem;padding-left:0;padding-right:2.5rem}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input__filter-variant{padding-right:0}
}
.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input__filter-variant .form-global__custom-label-text{font-size:14px;line-height:24px;font-weight:300;columns:#222;opacity:.7}
@media(min-width:320px) and (max-width:991px){.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input__filter-variant .form-global__custom-label-text{padding-left:5px}
}
.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input__filter-variant .form-radio-input__field:checked+.customRadio-checked{background-position:-709px -313px;width:23px;height:23px}
.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap .ProductSelectionField .form-radiogroup .form-radio-input__filter-variant .form-radio-input__field+.customRadio-checked{background-position:-669px -313px;width:23px;height:23px}
.roomCalculatorComp__ChooseProductSection-step3 .productItemWrap .form-dropdown__list{max-height:185px;overflow:auto}
.finalCalculation .Disclaimer{margin-bottom:20px}
.finalCalculation .Disclaimer p:first-child{font-size:13px;line-height:12px;font-weight:500;color:#000;text-transform:uppercase;opacity:.6;margin-bottom:10px}
.finalCalculation .Disclaimer ol{padding:0 15px}
.finalCalculation .Disclaimer ol li{font-size:13px;line-height:20px;font-weight:300;color:#000;opacity:.4}
.finalCalculation .form-group-global__advanceCalculator--submit{display:flex;align-items:center}
@media(min-width:320px) and (max-width:991px){.finalCalculation .form-group-global__advanceCalculator--submit{flex-direction:column;text-align:center}
}
.finalCalculation .form-group-global__advanceCalculator--submit .ctaComp{margin-right:40px}
@media(min-width:320px) and (max-width:991px){.finalCalculation .form-group-global__advanceCalculator--submit .ctaComp{width:100%;margin:15px 0;margin-right:0}
.finalCalculation .form-group-global__advanceCalculator--submit .ctaComp.basebtn{margin-bottom:0}
.finalCalculation .form-group-global__advanceCalculator--submit .ctaComp.linkBtn{margin-bottom:25px}
}
.finalCalculation .form-group-global__advanceCalculator--submit .ctaComp.basebtn .ctaText{width:200px}
@media(min-width:320px) and (max-width:991px){.finalCalculation .form-group-global__advanceCalculator--submit .ctaComp.basebtn .ctaText{width:100%}
}