.colour__family{padding:70px 0 0}@media(max-width:767px){.colour__family{padding:60px 0 0}}.colour__family--page{padding:24px 0 0}@media(max-width:767px){.colour__family--page{padding:60px 0 0}}.colour__family .title{margin:0 auto;max-width:975pt}@media(max-width:767px){.colour__family .title{margin:0 30px}}@media only screen and (min-width:767px)and (max-width:1360px){.colour__family .title{margin:0 20px}}.colour__family .title .cmp-title__text{color:#192959;font-size:clamp(2.25rem,.77vw + 2.08rem,3rem);font-weight:700;letter-spacing:-.045em;line-height:clamp(2.25rem,.77vw + 2.08rem,3rem);margin-bottom:34px;text-align:center}@media(max-width:767px){.colour__family .title .cmp-title__text{margin-bottom:40px}}.colour__family__tabs>.cmp-container{margin:0 auto 34px;max-width:975pt}@media(max-width:767px){.colour__family__tabs>.cmp-container{margin:0 30px}}@media only screen and (min-width:767px)and (max-width:1360px){.colour__family__tabs>.cmp-container{margin:0 20px;margin-bottom:34px}}@media(max-width:767px){.colour__family__tabs>.cmp-container{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-column-gap:17px;-moz-column-gap:17px;column-gap:17px;justify-content:start;margin-bottom:35px;row-gap:20px}}.colour__family__tabs .browsebycategorieslist{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.colour__family__tabs .thumbnail_card{cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:calc(10% - 9px)}@media(max-width:767px){.colour__family__tabs .thumbnail_card{width:calc(33% - .65pc)}}.colour__family__tabs .thumbnail_card .cmp-colorbox{background-repeat:no-repeat;background-size:cover;height:5pc;margin-bottom:10px;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:100%}@media(max-width:767px){.colour__family__tabs .thumbnail_card .cmp-colorbox{height:40px;width:100%}}.colour__family__tabs .thumbnail_card .cmp-teaser{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.colour__family__tabs .thumbnail_card .cmp-teaser p{font-size:clamp(1rem,.13vw + .97rem,1.13rem);font-weight:400;letter-spacing:-.02em;line-height:clamp(1.25rem,.13vw + 1.22rem,1.38rem)}.colour__family__tabs .thumbnail_card.active .cmp-colorbox{-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px #00abe8;box-shadow:0 0 0 2px #fff,0 0 0 4px #00abe8}.colour__family__tabs .thumbnail_card:hover{z-index:2}.colour__family__tabs .thumbnail_card:hover .cmp-colorbox{border:4px solid #fff;-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.251);box-shadow:0 4px 20px 0 rgba(0,0,0,.251);margin-bottom:0;-webkit-transform:scale(1.3);transform:scale(1.3)}@media(max-width:767px){.colour__family__tabs .thumbnail_card:hover .cmp-colorbox{margin-bottom:10px;-webkit-transform:scaleX(1.3) scaleY(1.5);transform:scaleX(1.3) scaleY(1.5)}}.colour__family__tabs .thumbnail_card:hover .cmp-teaser{-webkit-transform:translateY(-22px) translateX(-2px);transform:translateY(-22px) translateX(-2px)}@media(max-width:767px){.colour__family__tabs .thumbnail_card:hover .cmp-teaser{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}.colour__family__tabs.get-inspired-page>.cmp-container{margin-bottom:0;padding-top:10px}@media(max-width:767px){.colour__family__tabs.get-inspired-page>.cmp-container{padding-top:6px}}.colour__family__palette{margin:0 5px;padding:24px 0 84px}@media(max-width:767px){.colour__family__palette{margin:0 30px;padding:22px 0 40px}}.colour__family__palette--page{padding:0 0 84px}.colour__family__palette--page.region,.colour__family__palette--page.space{padding:69px 0 50px}@media(max-width:767px){.colour__family__palette--page.region,.colour__family__palette--page.space{padding:0 0 40px}}.colour__family__palette--page.mood{padding:0 0 50px}@media(max-width:767px){.colour__family__palette--page,.colour__family__palette--page.mood{padding:0 0 40px}}.colour__family__palette>.cmp-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}@media(max-width:767px){.colour__family__palette>.cmp-container{gap:9px}}.colour__family__palette>.cmp-container .colourswatches{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;width:100%}@media(max-width:767px){.colour__family__palette>.cmp-container .colourswatches{gap:9px}}.colour__family__palette>.cmp-container .swatch__card{color:#000;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;width:calc(12.5% - 8.75px)}@media(max-width:1500px){.colour__family__palette>.cmp-container .swatch__card{width:calc(16.66% - 8.75px)}}@media(max-width:1100px){.colour__family__palette>.cmp-container .swatch__card{width:calc(25% - 8.75px)}}@media(max-width:767px){.colour__family__palette>.cmp-container .swatch__card{width:calc(33.33% - 6px)}}.colour__family__palette>.cmp-container .swatch__card.shimmer{-webkit-animation-duration:2.2s;animation-duration:2.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shimmer;animation-name:shimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:#ddd;background:-webkit-gradient(linear,left top,right top,color-stop(8%,#f6f6f6),color-stop(18%,#f0f0f0),color-stop(33%,#f6f6f6));background:linear-gradient(90deg,#f6f6f6 8%,#f0f0f0 18%,#f6f6f6 33%);background-size:75pc 100%}.colour__family__palette>.cmp-container .swatch__card.shimmer .swatch-code,.colour__family__palette>.cmp-container .swatch__card.shimmer .swatch-title{color:transparent}@-webkit-keyframes shimmer{0%{background-position:-75pc 0}to{background-position:75pc 0}}@keyframes shimmer{0%{background-position:-75pc 0}to{background-position:75pc 0}}.colour__family__palette>.cmp-container .swatch__card .cvr{display:block;height:100%;padding:103px 21px 19px}@media(max-width:767px){.colour__family__palette>.cmp-container .swatch__card .cvr{padding:33px 6px 8px}}.colour__family__palette>.cmp-container .swatch__card .cvr .swatch-title{font-size:clamp(.69rem,.26vw + .63rem,.94rem);font-weight:500;line-height:clamp(.81rem,.32vw + .74rem,1.13rem);margin-bottom:9px}@media(max-width:767px){.colour__family__palette>.cmp-container .swatch__card .cvr .swatch-title{margin-bottom:5px}}.colour__family__palette>.cmp-container .swatch__card .cvr .swatch-code{font-size:clamp(.56rem,.19vw + .52rem,.75rem);font-weight:400;line-height:clamp(.63rem,.26vw + .57rem,.88rem)}.colour__family__palette>.cmp-container .noresultfound{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding:50px 0;width:100%}.colour__family__palette>.cmp-container .noresultfound p{color:#999;font-size:20px;font-style:italic;font-weight:500}@media(max-width:767px){.colour__family__palette>.cmp-container .noresultfound p{font-size:22px}}.colour__family__palette>.cmp-container .loading_wrap{padding:50px 0;text-align:center;width:100%}.colour__family__palette>.cmp-container .loading_wrap p{color:#192959;font-size:20px}@media(max-width:767px){.colour__family__palette>.cmp-container .loading_wrap p{font-size:22px}}.loadmore__btn{margin:0 auto;max-width:975pt;text-align:center}@media(max-width:767px){.loadmore__btn{margin:0 30px}}@media only screen and (min-width:767px)and (max-width:1360px){.loadmore__btn{margin:0 20px}}.loadmore__btn--page{margin-bottom:4pc}@media(max-width:767px){.loadmore__btn--page{margin-bottom:30px}}.loadmore__btn button{background:none;cursor:pointer;padding-bottom:29px;position:relative}@media(max-width:767px){.loadmore__btn button{padding-bottom:34px}}.loadmore__btn button:before{background:url(../../../../../content/dam/pidilitehaishapaints/haisha-paints/icons/chevron-right.png);background-position:50%;background-size:cover;bottom:0;content:"";display:inline-block;height:24px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:24px}.loadmore__btn button.show-less{padding-bottom:0;padding-top:29px}@media(max-width:767px){.loadmore__btn button.show-less{padding-bottom:0;padding-top:34px}}.loadmore__btn button.show-less:before{bottom:unset;top:0;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg)}.loadmore__btn button span{color:#192959;font-size:clamp(1.25rem,.26vw + 1.19rem,1.5rem);font-weight:700;letter-spacing:-.02em;line-height:clamp(1.5rem,.32vw + 1.43rem,1.81rem)}.root.container>.cmp-container{overflow:visible}.filter{background:#fff;position:sticky;top:110px;z-index:2}