.apCityCarousel .variant-three-container{display:flex;flex-direction:column}
.apCityCarousel .variant-three-container .variant-three-title{font-weight:800;font-size:32px;line-height:41.6px;letter-spacing:0;text-align:center;color:#232426;margin-bottom:40px}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .variant-three-container .variant-three-title{font-size:24px;line-height:33.6px;text-align:left;margin-bottom:10px}
}
.apCityCarousel .variant-three-container .city-store-container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:40px}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .variant-three-container .city-store-container{gap:20px 16px}
}
.apCityCarousel .variant-three-container .city-store-container .city-card{flex:0 1 calc((100% - 160px) / 5);display:flex;flex-direction:column;gap:10px;overflow:hidden;cursor:pointer}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .variant-three-container .city-store-container .city-card{flex:0 1 calc((100% - 16px) / 2)}
}
.apCityCarousel .variant-three-container .city-store-container .city-card .city-image-wrapper{width:100%;overflow:hidden;border-radius:8px}
.apCityCarousel .variant-three-container .city-store-container .city-card .city-image-wrapper picture{display:block;transition:transform .5s ease;transform-origin:top left;will-change:transform}
.apCityCarousel .variant-three-container .city-store-container .city-card .city-image-wrapper picture .city-image{width:100%;height:auto;object-fit:cover;border-radius:inherit}
.apCityCarousel .variant-three-container .city-store-container .city-card .city-name{font-weight:700;font-size:20px;line-height:28px;letter-spacing:0;color:#232426}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .variant-three-container .city-store-container .city-card .city-name{font-size:16px;line-height:24px}
}
.apCityCarousel .variant-three-container .city-store-container .city-card .city-name .no-of-store{font-weight:400}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .variant-three-container .city-store-container .city-card .city-name .no-of-store{font-size:16px;line-height:24px}
}
@media(min-width:992px){.apCityCarousel .variant-three-container .city-store-container .city-card:hover .city-image-wrapper picture{transform:scale(1.05)}
}
.apCityCarousel .apcitycarouselwrapper{margin-bottom:35px}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .apcitycarouselwrapper .apcitydescription{padding:8px 16px}
}
.apCityCarousel .apcitycarouselwrapper .apcitydescription .common-city-headine{font-size:32px;line-height:35.2px;font-weight:800;color:#000;text-align:center}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .apcitycarouselwrapper .apcitydescription .common-city-headine{font-size:20px;line-height:27.32px;text-align:start;width:300px}
}
.apCityCarousel .apcitycarouselwrapper .apcitydescription .common-city-subheadine{text-align:center;font-weight:400;font-size:14px;letter-spacing:.5px;margin-bottom:0}
.apCityCarousel .apcitycarouselwrapper .apcitybanner{position:relative}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg{width:440px;height:450px;margin-right:20px;box-shadow:0 12px 20px 0 #00000014;padding:20px 18px;border-radius:8px;transition-timing-function:ease-out;cursor:pointer}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg{width:309px}
}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg .cityimg-wraper{display:block}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg .cityimg-wraper .img-wrapper{display:block;height:260px;overflow:hidden;border-radius:8px}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg .cityimg-wraper .img-wrapper img{height:100%;width:100%;border-radius:8px;object-fit:cover;transition:.3s}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg .cityimg-wraper .citydetails{padding-top:15px}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg .cityimg-wraper .citydetails .city-name{font-weight:700;font-size:28px;margin-bottom:4px;color:#1d1d1f;line-height:42px}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg .cityimg-wraper .citydetails .city-name{font-weight:800;font-size:24px;line-height:36px}
}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg .cityimg-wraper .citydetails .city-description{font-size:14px;overflow:hidden;line-height:21px;font-weight:500}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg .cityimg-wraper .citydetails .city-description{font-size:12px;line-height:18px;font-weight:400}
}
@media(min-width:992px){.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg:hover{box-shadow:inset 0 0 0 1px #00000014}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .cityimg:hover .img-wrapper img{transform:scale(1.1);overflow:hidden}
}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-arrow{top:unset;bottom:2px}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-arrow:before{width:28px;height:28px;background-position:50%;position:absolute}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-prev{right:105px;left:unset}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-prev:before{background-image:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/components/content/apCityCarousel/clientlibs/resources/images/prev-icon.svg)}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-next{right:60px;left:unset}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-next:before{background-image:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/components/content/apCityCarousel/clientlibs/resources/images/next-icon.svg)}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-list{padding:33px 0 4% 3%}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-list{padding:8px 0 30px 16px}
}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-dots{bottom:-2px;display:flex;padding-left:6px}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-dots li{width:8px !important;height:8px !important;margin-right:0}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-dots li button:before{content:"";color:gray;width:8px !important;height:8px !important}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-dots li button:hover:before{opacity:.4}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-dots li.slick-active{margin-right:11px;margin-left:6px}
.apCityCarousel .apcitycarouselwrapper .apcitybanner .slick-dots li.slick-active button:before{background:#4d4d4d !important;width:19px !important;opacity:1 !important}
.apCityCarousel .contractors-in-your-city{margin-left:40px}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .contractors-in-your-city{margin-left:16px;margin-bottom:20px}
}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-title{font-size:32px;font-weight:800;line-height:41.6px;color:#000;margin-bottom:30px}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .contractors-in-your-city .contractors-in-your-city-title{font-size:20px;font-weight:700;line-height:28px;color:#2f2f2f;margin-bottom:20px;max-width:233px}
}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards{display:flex}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .contractors-in-your-city-card{width:229px !important;margin-right:20px}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .contractors-in-your-city-card:focus-visible .blur-image{filter:none !important;transform:scale(1.1);overflow:hidden}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .contractors-in-your-city-card.focus-visible-auto-imp:focus,.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .contractors-in-your-city-card.focus-visible-auto-imp:focus-visible{outline-width:0 !important}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .contractors-in-your-city-card{margin-right:20px}
}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .contractors-in-your-city-card .contractors-citycard-link .contractors-in-your-city-card-img{overflow:hidden;display:block;width:229px;height:210px;border-radius:8px}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .contractors-in-your-city-card .contractors-citycard-link .contractors-in-your-city-card-img .blur-image{filter:grayscale(100%);-webkit-filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;cursor:pointer}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .contractors-in-your-city-card .contractors-citycard-link .contractors-in-your-city-card-title{font-size:24px;font-weight:800;line-height:33.6px;color:#1d1d1f;margin-top:12px}
@media(min-width:320px) and (max-width:991px){.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .contractors-in-your-city-card .contractors-citycard-link .contractors-in-your-city-card-title{font-size:20px;line-height:28px;font-weight:700}
}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .contractors-in-your-city-card .contractors-citycard-link:hover .blur-image{filter:none;transform:scale(1.1);overflow:hidden}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-arrow{top:-62px;bottom:2px}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-arrow:before{width:44px;height:44px;background-position:50%;position:absolute}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-prev{right:120px;left:unset}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-prev:before{background-image:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/components/content/apCityCarousel/clientlibs/resources/images/prev-icon_v2.svg)}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-next{right:55px;left:unset}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-next:before{background-image:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/components/content/apCityCarousel/clientlibs/resources/images/next-icon_v2.svg)}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-dots{bottom:-2px;display:flex;padding-left:6px;bottom:-18px;margin-left:-18px}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-dots li{width:8px !important;height:8px !important;margin-right:0}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-dots li button:before{content:"";color:gray;width:8px !important;height:8px !important}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-dots li button:hover:before{opacity:.4}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-dots li.slick-active{margin-right:11px;margin-left:6px}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-dots li.slick-active button:before{background:#4d4d4d !important;width:19px !important;opacity:1 !important}
.apCityCarousel .contractors-in-your-city .contractors-in-your-city-cards .slick-list .slick-track{display:flex;width:100% !important}