.exploreColors{position:relative}
.exploreColors .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo h2{margin-block-end:15px}
.exploreColors .backgroundPlaceHolder{padding:61px 0 70px}
.exploreColors .exploreTitle{color:#2a2a2a}
@media(min-width:320px) and (max-width:991px){.exploreColors .exploreTitle{color:#373737}
}
.exploreColors .exploreTitle h2{line-height:30px;letter-spacing:0;margin-bottom:15px;text-transform:capitalize}
@media(min-width:320px) and (max-width:991px){.exploreColors .exploreTitle h2{line-height:22px;margin-bottom:5px}
}
.exploreColors .exploreTitle p{line-height:24px}
@media(min-width:320px) and (max-width:991px){.exploreColors .exploreTitle p{line-height:22px;letter-spacing:.58px}
}
.exploreColors .explorecta.ctaComp{margin-top:10px}
.exploreColors .explorecta.ctaComp .ctaText{font-size:13px}
@media(min-width:320px) and (max-width:767px){.exploreColors{padding:0}
}
.exploreColors.placeHolderRightImg .exploreTitle{position:absolute;top:20%;left:8%;z-index:999;width:30%;margin-bottom:10px}
@media(min-width:320px) and (max-width:991px){.exploreColors.placeHolderRightImg .exploreTitle{top:-70px;margin-top:10px;width:100%;left:0;padding:0 5%}
}
.exploreColors.placeHolderRightImg .exploreTitle h2,.exploreColors.placeHolderRightImg .exploreTitle p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1200px){.exploreColors.placeHolderRightImg .exploreTitleSwatches{left:5%}
}
@media(min-width:1280px){.exploreColors.placeHolderRightImg .exploreTitleSwatches{left:6%}
}
@media(min-width:1366px){.exploreColors.placeHolderRightImg .exploreTitleSwatches{left:7%}
}
@media(min-width:1440px){.exploreColors.placeHolderRightImg .exploreTitleSwatches{left:8%}
}
@media(min-width:320px) and (max-width:767px){.exploreColors.placeHolderRightImg .placeHolderImgWithBg{margin-top:20%}
}
@media(min-width:768px) and (max-width:991px){.exploreColors.placeHolderRightImg .placeHolderImgWithBg{margin-top:20%}
}
@media(min-width:320px) and (max-width:575px){.exploreColors.placeHolderRightImg .placeHolderImgWithBg{margin-top:30%}
}
.exploreColors.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{margin:7% 0 0}
@media(min-width:320px) and (max-width:767px){.exploreColors.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{margin:0 auto}
}
@media(min-width:768px) and (max-width:991px){.exploreColors.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{margin:0 auto}
}
@media(min-width:1200px){.exploreColors.placeHolderRightImg .placeHolderImgWithSwatches .backgroundPlaceHolder{padding-left:1%}
}
@media(min-width:1280px){.exploreColors.placeHolderRightImg .placeHolderImgWithSwatches .backgroundPlaceHolder{padding-left:4%}
}
@media(min-width:1366px){.exploreColors.placeHolderRightImg .placeHolderImgWithSwatches .backgroundPlaceHolder{padding-left:6%}
}
@media(min-width:1440px){.exploreColors.placeHolderRightImg .placeHolderImgWithSwatches .backgroundPlaceHolder{padding-left:8%}
}
@media(min-width:320px) and (max-width:991px){.exploreColors.placeHolderRightImg.placeHolderTwo .placeHolderTwoImg{padding-bottom:0}
}
.exploreColors.placeHolderRightImg .ctaComp .ctaText{padding:16px 10px;width:196px}
@media(min-width:320px) and (max-width:991px){.exploreColors.placeHolderRightImg .ctaComp .ctaText{width:100%}
}
.exploreColors .backgroundPlaceHolder .placeHolderInfo{width:70%;max-width:560px;margin-top:5%;margin-left:5%}
@media(min-width:991px) and (max-width:1200px){.exploreColors .backgroundPlaceHolder .placeHolderInfo{max-width:350px}
}
@media(min-width:768px) and (max-width:991px){.exploreColors .backgroundPlaceHolder .placeHolderInfo{margin-top:6%}
}
@media(min-width:320px) and (max-width:767px){.exploreColors .backgroundPlaceHolder .placeHolderInfo{width:100%;margin-left:0;margin-top:35%}
}
@media(min-width:576px) and (max-width:767px){.exploreColors .backgroundPlaceHolder .placeHolderInfo{width:100%;margin:55% auto;padding:0 50px}
}
.exploreColors .ctaText{width:200px}
.expCar{margin-top:25px;padding-top:0}
.expCar .productItem{width:88px;margin:0 14px}
@media(min-width:991px) and (max-width:1200px){.expCar .productItem{margin:0 10px}
}
@media(min-width:320px) and (max-width:767px){.expCar .productItem{width:74px;margin:0 4px}
}
@media(min-width:576px) and (max-width:767px){.expCar .productItem{width:74px;margin:0 4px}
}
.expCar .productItem .productDec{text-transform:capitalize}
.expCar .productItem .productImgWrap{width:100%;height:93px;border-radius:0;border-top-right-radius:12px;position:relative}
.expCar .productItem .productImgWrap:focus-visible{margin-left:1px}
@media(min-width:320px) and (max-width:767px){.expCar .productItem .productImgWrap{height:78px}
}
@media(min-width:576px) and (max-width:767px){.expCar .productItem .productImgWrap{height:78px}
}
.expCar .productItem .productImgWrap.selectedTick:before{content:"";background-image:url(../../../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-Sprite.webp);width:36px;height:40px;background-position:-1150px -370px;display:inline-block;position:absolute;left:0;right:0;margin:auto;top:25px;z-index:1}
.expCar .productDec h3{margin-bottom:0;font-weight:700;font-size:13px;line-height:20px;margin-top:4px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2a2a2a}
@media(min-width:320px) and (max-width:991px){.expCar .productDec h3{font-size:12px;line-height:16px}
}
.expCar .productDec p{font-size:13px;letter-spacing:1px;font-weight:300;margin-bottom:15px;color:#2a2a2a}
@media(min-width:320px) and (max-width:991px){.expCar .productDec p{font-size:12px;line-height:16px}
}
.expCar .slick-list{padding-top:40px}
@media(min-width:320px) and (max-width:767px){.expCar .slick-list{padding-top:0}
}
@media(min-width:576px) and (max-width:767px){.expCar .slick-list{padding-top:0}
}
.expCar .slick-arrow.slick-prev{left:auto;right:60px}
.expCar .slick-arrow.slick-next{right:10px}
.expCar .slick-arrow.slick-next,.expCar .slick-arrow.slick-prev{top:12px;z-index:999}
.ccoQuizExploreColours .exploreColors.commonWrapper{margin-left:-4% !important;margin-right:-4% !important}