/* Coty Available Sheens */
.coty-available-sheens {
	background: var(--behr-beige);
}
.coty-available-sheens h2 {
	font-weight: var(--behr-normal);
	font-size: 45px;
	line-height: 54px;
}

.gallerySection {
    left: 18%;
}

.coty-available-sheens p {
	font-weight: var(--behr-normal);
	font-size: 18px;
	line-height: 22px;
}

@media (min-width:992px) {
	.content-area {
		width: 455px;
	}	
}
.can-image-position {
	position: absolute;
	bottom: -10%;
	left: -12%;
}
@media (max-width:991px) {
	.coty-available-sheens h2 {
		font-weight: var(--behr-normal);
		font-size: 36px;
		line-height: 44px;
	}

	.gallerySection {
    left: 2%;
}

	.order-0 {
		order: 1;
		padding-bottom: 50px;
	}
	.order-1 {
		order: 0;
	}
	.can-image-position {
		position: absolute;
		bottom: -15%;
		left: 10%;
	}
	.content-area {
		padding-right: 15%;
		margin-top: 7%;
	}
}

@media (min-width:1801px) {
	.can-image-position img {
		width: 100%;
	}
	
	.can-image-position {
	    position: absolute;
	    bottom: -17%;
	    left: -21%;
	}
	
	.content-area {
	    width: 450px;
	}
}

@media (min-width:1601px) and (max-width:1800px) {
	.can-image-position img {
		width: 80%;
	}
	
	.can-image-position {
	    position: absolute;
	    bottom: -15%;
	    left: -18%;
	}
	
	.content-area {
	    width: 450px;
	}
}

@media (min-width:1441px) and (max-width:1600px) {
	.can-image-position img {
		width: 70%;
	}
	
	.can-image-position {
	    position: absolute;
	    bottom: -15%;
	    left: -18%;
	}
	
	.content-area {
	    width: 450px;
	}
}

@media (min-width:1100px) and (max-width:1440px) {
	.can-image-position img {
		width: 60%;
	}
	
	.can-image-position {
	    position: absolute;
	    bottom: -15%;
	    left: -18%;
	}
	
	.content-area {
	    width: 450px;
		padding-right: 23%;
	}
}


@media (min-width:992px) and (max-width:1099px) {
	.can-image-position img {
		width: 50%;
	}
	
	.can-image-position {
	    position: absolute;
	    bottom: -15%;
	    left: -18%;
	}
	
	.content-area {
	    width: 380px;
		padding-right: 20%;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.can-image-position img {
		width: 70%;
	}
}

@media (min-width:575px) and (max-width:767px) {
	.can-image-position img {
		width: 70%;
	}
}

@media (max-width:574px) {
	.can-image-position img {
		width: 30%;
	}
}
/* @media (min-width:1441px) {
	.coty-available-sheens .custom-container-coty-23 {
		max-width: 1190px !important;
		margin-right: auto;
		margin-left: auto;
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
		-webkit-transition: all 1s ease-in;
		-moz-transition: all 1s ease-in;
		-ms-transition: all 1s ease-in;
		-o-transition: all 1s ease-in;
		transition: all 1s ease-in;
	}
} */

/* Color Trends Gallery */	

section.color-trends-gallery {
    cursor: pointer;
}

.scrollable-content {
	overflow: auto;
	overflow-y: hidden;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollable-content::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollable-content {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.stain-color-trends-gallery p.explore {
    font-weight: var(--behr-bold-600);
    color: #000000;
}

.stain-color-trends-gallery p.scroll-text {
    font-weight: var(--behr-bold-600);
    color: #000000;
}


/* Stain 2024 */
section.coty-tugboat {
	background: #A67B58;
	height: 94px;
}

section.coty-tugboat p.text-tugboat {
	font-weight: var(--behr-normal);
	font-size: 36px;
	line-height: 37px;
	color: #FFFFFF;
    font-family: var(--behr-heading-font) !important;
}

@media (max-width: 991px) {
	section.coty-tugboat {
		height: 64px;
	}

	section.coty-tugboat p.text-tugboat {
		font-size: 29px;
		line-height: 37px;
	}
}


/* Stain Gallery */
.stain-color-trends-gallery .color-area {
	font-family: var(--behr-body-and-label-font) !important;
	font-weight: var(--behr-bold-600);
	font-size: 12px;
	line-height: 25px;
}
.stain-color-trends-gallery .color-name {
	font-family: var(--behr-body-and-label-font) !important;
	font-weight: var(--behr-bold) !important;
	font-size: 16px;
	line-height: 25px;
}
.stain-color-trends-gallery .color-code {
	font-family: var(--behr-body-and-label-font) !important;
	font-weight: var(--behr-normal);
	font-size: 16px;
	line-height: 25px;
}

.stain-color-trends-gallery .color-chip-details p,
.stain-color-trends-gallery .solid-color-chip-details p,
.stain-color-trends-gallery .semi-transparent-color-chip-details p  {
    color: unset;
}


.scroll-button {
	border: 1px solid;
    border-radius: 50px;
    cursor: pointer;
}


/** Color Detail Drawer **/

#semi-transparent-color-modal .modal-dialog {
	position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;	
    margin-top: 0;
}  

#semi-transparent-color-modal .modal-dialog .modal-content {
	border-radius: 0;
    border: 0;
    -webkit-box-shadow: -12px 0 38px -14px rgb(0 0 0 / 25%);
    -moz-box-shadow: -12px 0 38px -14px rgba(0, 0, 0, 0.25);
    box-shadow: -12px 0 38px -14px rgb(0 0 0 / 25%);
    background-clip: padding-box;
    height: 100vh;
    overflow-x: hidden;
}

#semi-transparent-color-modal .modal-dialog {
	max-width: 500px;
}

#semi-transparent-color-modal .modal-header {
	border-bottom: 1px solid black !important;
}


#semi-transparent-color-modal .modal-header {
	border-bottom: 1px solid black !important;
}


#semi-transparent-color-modal .modal-header .close span, 
#semi-transparent-color-modal .modal-header .close span:hover {
	font-size: 30px;
	line-height: 50px;
	font-weight: var(--behr-bold);
	color: #465058 !important;
}

#stain-color-modal .modal-dialog,
#cordovan-brown-color-modal .modal-dialog,
#cedar-color-modal .modal-dialog,
#st-cordovan-brown-color-modal .modal-dialog,
#st-cedar-color-modal .modal-dialog,
#oil-rubbed-bronze-color-modal .modal-dialog,
#dark-bronze-color-modal .modal-dialog,
#congo-color-modal .modal-dialog {
	position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;	
    margin-top: 0;
    max-width: 500px;
}  
 
#stain-color-modal .modal-dialog .modal-content,
#cordovan-brown-color-modal .modal-dialog .modal-content,
#cedar-color-modal .modal-dialog .modal-content,
#st-cordovan-brown-color-modal .modal-dialog .modal-content,
#st-cedar-color-modal .modal-dialog .modal-content,
#oil-rubbed-bronze-color-modal .modal-dialog .modal-content,
#dark-bronze-color-modal .modal-dialog .modal-content,
#congo-color-modal .modal-dialog .modal-content {
	border-radius: 0;
    border: 0;
    -webkit-box-shadow: -12px 0 38px -14px rgb(0 0 0 / 25%);
    -moz-box-shadow: -12px 0 38px -14px rgba(0, 0, 0, 0.25);
    box-shadow: -12px 0 38px -14px rgb(0 0 0 / 25%);
    background-clip: padding-box;
    height: 100vh;
    overflow-x: hidden;
}
 
#stain-color-modal .modal-header,
#cordovan-brown-color-modal .modal-header,
#cedar-color-modal .modal-header,
#st-cordovan-brown-color-modal .modal-header,
#st-cedar-color-modal .modal-header,
#oil-rubbed-bronze-color-modal .modal-header
#dark-bronze-color-modal .modal-header
#congo-color-modall .modal-header {
	border-bottom: 1px solid black !important;
}
 
 
#stain-color-modal .modal-header .close span, 
#stain-color-modal .modal-header .close span:hover,
#cordovan-brown-color-modal .modal-header .close span, 
#cordovan-brown-color-modal .modal-header .close span:hover,
#cedar-color-modal .modal-header .close span, 
#cedar-color-modal .modal-header .close span:hover,
#st-cordovan-brown-color-modal .modal-header .close span, 
#st-cordovan-brown-color-modal .modal-header .close span:hover,
#st-cedar-color-modal .modal-header .close span, 
#st-cedar-color-modal .modal-header .close span:hover,
#oil-rubbed-bronze-color-modal .modal-header .close span, 
#oil-rubbed-bronze-color-modal .modal-header .close span:hover,
#dark-bronze-color-modal .modal-header .close span, 
#dark-bronze-color-modal .modal-header .close span:hover,
#congo-color-modal .modal-header .close span, 
#congo-color-modal .modal-header .close span:hover {
	font-size: 30px;
	line-height: 50px;
	font-weight: var(--behr-bold);
	color: #465058 !important;
}
 
 
/*----------- New --------------*/
 
.solid-color-chip-details:hover,
.semi-transparent-color-chip-details:hover,
.color-chip-details:hover,
.cordovan-brown-color-chip-details:hover,
.cedar-color-chip-details:hover,
.st-cordovan-brown-color-chip-details:hover,
.st-cedar-color-chip-details:hover,
.oil-rubbed-bronze-color-chip-details:hover,
.dark-bronze-color-chip-details:hover,
.congo-color-chip-details:hover {
	cursor: pointer;	
}

section.stain-gallery {
    background: #F6F5F0;
	overflow-x: hidden;
}

.caro-images {
	max-width: fit-content;
}

@media (max-width: 915px) {
	.caro-images {
		max-width: 100vw;
	}
}


.prev, .next {
	width: 50px !important;
	height: 50px !important;
	background: #465058 !important;
	border-radius: 50% !important;
	border: none;
	padding: 0px;
}

.prev.disabled, .next.disabled {
	background: #D9D9D9 !important;
	cursor: unset;
}

.carousel-nav-btn {
	color: white;
	font-weight: 500;
	font-size: 36px;
	position: relative;
	font-weight: var(--behr-bold);
}

.can-content-wrapper {
	position: absolute;
	top: -190px;
	z-index: 1;
	left: 25px;
}

.custom-gallery .sc-content {
	padding-left: 340px !important;
	padding-right: 800px !important;
}
@media (min-width:1441px) and (max-width:1600px) {
	.custom-gallery .sc-content {
		padding-left: 260px !important;
		padding-right: 500px !important;
	}
}
@media (min-width:1300px) and (max-width:1440px) {
	.custom-gallery .sc-content {
		padding-left: 200px !important;
		padding-right: 400px !important;
	}
}
@media (min-width:1200px) and (max-width:1399px) {
	.custom-gallery .sc-content {
		padding-left: 120px !important;
		padding-right: 400px !important;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.custom-gallery .sc-content {
		padding-left: 100px !important;
		padding-right: 400px !important;
	}
}
@media (max-width:991px) {
	.custom-gallery .sc-content {
		padding-left: 10px !important;
		padding-right: 400px !important;
	}
}
.carousel-nav {
	padding-right: 100px;
	z-index: 999;
}
@media (max-width:767px) {
	.carousel-nav {
		padding-right: 0px;
	}
}

@media (min-width:992px) {
	.custom-gallery  .item .caro-images {
		opacity: 0.5;
	}
	
	.custom-gallery  .item.active .caro-images {
		opacity: unset;
	}		
}

/* Hide scrollbar for Chrome, Safari and Opera */
.sc-content::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.sc-content {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.small-color-chip {
	width: 40px;
	height: 40px;
	margin: 10px;
}

#solid-content .small-color-chip-wrapper {
	border-bottom: 2px solid #6F5F51; 
	padding-bottom: 75px;
}

div#semi-transparent-carousel {
    padding-top: 75px;
}

:root {
     /* Colors */
    --behr-camouflage-hex: #5F4D3B;
    --behr-adirondack-blue-hex: #74858F;
    --behr-polar-bear-hex: #F5F4EC;
    --behr-red-pepper-hex: #7A3F38;
    --behr-dark-ash-hex: #6A6D6D;
    --behr-swiss-coffee-hex: #F1EDE0;
    --behr-charismatic-hex: #E7C180;
    --behr-white-hex: #EBEBE6;
    --behr-cracked-pepper-hex: #4F5152;
    --behr-wave-top-hex: #AFD9D3;
    --behr-ultra-pure-white-hex: #F8F9F3;
    --behr-jungle-camouflage-hex: #AAA794;
    --behr-midnight-blue-hex: #4C565E;
    --behr-whisper-white-hex: #F4F3EA;
    --behr-seaside-villa-hex: #E9D5C9;
    --behr-canyon-dusk-hex: #C39C83;
    --behr-smoky-white-hex: #E9E4DA;
    --behr-nocturne-blue-hex: #344D58;
    --behr-oil-bubbed-bronze-hex: #5B452E;
	--behr-perfect-taupe-hex: #B6ACA0;
	--behr-off-white-hex: #E7E2D2;
	--behr-rumors-hex: #744245;
	--behr-tiki-torch-hex: #CC6F50;
	--behr-riviera-beach-hex: #C0AE96;
	--behr-spanish-sand-hex: #DCD0BD;
	--behr-baronial-brown-hex: #5A4840;
	--behr-cedar-hex: #9B6E3C;
	--behr-cordovan-brown-hex: #302524;
	--behr-dark-bronze-hex: #756C65;
	--behr-congo-hex: #4D6052;
	--behr-nurturing-hex: #A1A97B;
	--behr-off-white-hex: #E6E2D2;
	--behr-red-my-mind-hex: #994341;
	--behr-north-woods-hex: #555A51;
	--behr-green-agate-hex: #3F6253;
	--behr-boreal-hex: #717E73;
	--behr-dark-everglade-hex: #3E554F;
	--behr-pure-earth-hex: #A79480;
	--behr-juniper-ash-hex: #798884;
	--behr-orange-flambe-hex: #A96F55;
	--behr-caribe-hex: #147D87;
	--behr-landmark-brown-hex: #756657;
	--behr-october-leaves-hex: #855743;
	--behr-ultra-pure-white-hex: #F8F8F2;
	--behr-blueprint-hex: #60818E;
	--behr-perfect-tan-hex: #CBAC88;
	--behr-filtered-moon-hex: #ECCA9A;
	--behr-platinum-hex: #D1D4D1;
	--behr-celebration-hex: #E8C47A;
	--behr-lunar-surface-hex: #B6B9B6;
	--behr-livingston-hex: #A39880;
	--behr-shipyard-hex: #4F6F85;
	--behr-black-hex: #3F3F3E;
	--behr-morning-zen-hex: #CBCDB9;
	--behr-tbd-hex: #C37E7E;
	--behr-cedar-hex: #A57B5A;
	--behr-russet-hex: #674B41;
	--behr-russet-hex: #A67B58;
        --behr-tugboat-hex: #5F4D3B;

}

.scroll-button {
	border: 1px solid;
    border-radius: 50px;
    cursor: pointer;
}

.curb-gallery-1 {
	background: #F6F5F0;
	min-width: 783px !important;
}

.curb-gallery-1 .content-wrapper {
	width: 63%;
}

@media (min-width:1331px) and (max-width:1440px) {
	.curb-gallery-1 {
		min-width: 721px !important;
	}
}
.column-2-color-chips {
    width: 186px;
}

.column-2-chip-1 {
    height: 258px;
}

.column-2-chip-2 {
    height: 153px;
}

.column-2-chip-3 {
    height: 159px;
}

.column-3-color-chips {
	width: 163px;
}

.column-3-chip-1 {
    height: 259px;
}

.column-3-chip-2 {
    height: 153px;
}

.column-3-chip-3 {
    height: 158px;
}

.column-4-color-chips {
	width: 184px;
}

.column-4-chip-1 {
    height: 211px;
}

.column-4-chip-2 {
    height: 201px;
}

.column-4-chip-3 {
    height: 158px;
}


.column-5-color-chips {
	height: 172px;
}

.column-5-chip-1 {
    width: 214px;
}

.column-5-chip-2 {
    width: 199px;
}

.column-5-chip-3 {
    width: 189px;
}
.column-5-chip-4 {
    width: 201px;
}

.column-6-color-chips {
	width: 224px;
}

.column-6-chip-1 {
    height: 242px;
}

.column-6-chip-2 {
    height: 114px;
}

.column-6-chip-3 {
    height: 107px
}
.column-6-chip-4 {
    height: 107px
}

.column-7-color-chips {
	width:176px;
}

.column-7-chip-1 {
    height: 260px;
}

.column-7-chip-2 {
    height: 152px;
}
.column-7-chip-3 {
    height: 158px;
}

.column-9-chip {
	height: 140px;
	width: 190px;
	margin: 20px 10px;
}

.column-9-chip:hover {
	cursor: pointer;
}

span.link-to-color-chips {
	font-weight: 700;
}

span.link-to-color-chips:hover {
	cursor: pointer;
}

.column-9-chip .semi-transparent-color-chip-details,
.column-9-chip .solid-color-chip-details,
.column-9-chip .cedar-color-chip-details,
.column-9-chip .cordovan-brown-color-chip-details,
.column-9-chip .st-cedar-color-chip-details,
.column-9-chip .st-cordovan-brown-color-chip-details,
.column-9-chip .color-chip-details,
.column-9-chip .oil-rubbed-bronze-color-chip-details,
.column-9-chip .dark-bronze-color-chip-details,
.column-9-chip .congo-color-chip-details {
    display: none;
}

.column-9-chip:hover .semi-transparent-color-chip-details,
.column-9-chip:hover .solid-color-chip-details,
.column-9-chip:hover .cedar-color-chip-details,
.column-9-chip:hover .cordovan-brown-color-chip-details,
.column-9-chip:hover .st-cedar-color-chip-details,
.column-9-chip:hover .st-cordovan-brown-color-chip-details,
.column-9-chip:hover .color-chip-details,
.column-9-chip:hover .oil-rubbed-bronze-color-chip-details,
.column-9-chip:hover .dark-bronze-color-chip-details,
.column-9-chip:hover .congo-color-chip-details {
    display: block !important;
    background: rgba(0, 0, 0, 0.2);
    color: #000000;
}


@media (max-width: 991px) {
	
	.stain-color-trends-gallery img {
		max-width: unset !important;
	}
	.stain-color-trends-gallery .column-10 img,
	.stain-color-trends-gallery .column-4 img {
		max-width: 100% !important;
	}
	
	
	.curb-gallery-1 {
		background: #F6F5F0;
		min-width: 300px !important;
	}
/* commeting color section for mobile
	.curb-gallery-1 .content-wrapper {
		width: 90%;
	}

	
	.column-2-color-chips {
		width: 192px;
	}

	.column-2-chip-1 {
		height: 386px;
	}

	.column-2-chip-2 {
		height: 234px;
	}

	.column-3-color-chips {
		width: 175px;
	}

	.column-3-chip-1 {
		height: 283px;
	}

	.column-3-chip-2 {
		height: 167px;
	}

	.column-3-chip-3 {
		height: 173px;
	}
	
	.column-4-color-chips {
	    width: unset;
	}

	.column-4-chip-1 {
		height: 286px;
		width: 156px;
	}

	.column-4-chip-2 {
		height: 286px;
		width: 174px
	}

	.column-4-chip-3 {
		height: 286px;
		width: 149px
	}

	.column-4-chip-4 {
		height: 286px;
		width: 157px
	}

	.column-5-color-chips {
	width: 803px;
}

	.column-5-chip-1 {
		height: 283px;
		width: 178px;
	}

	.column-5-chip-2 {
		height: 167px;
		width: 178px;
	}

	.column-5-chip-3 {
		height: 172px;
		width: 178px;
	}

	.column-6-color-chips {
		width: 191px;
	}

	.column-6-chip-1 {
		height: 281px;
	}

	.column-6-chip-2 {
		height: 167px;
	}

	.column-6-chip-3 {
		height: 172px
	}

	.column-7-color-chips {
		width: 194px;
	}

	.column-7-chip-1 {
		height: 261px;
	}

	.column-7-chip-2 {
		height: 125px;
	}
	
	.column-7-chip-3 {
		height: 116px;
	}
	
	.column-7-chip-4 {
		height: 118px;
	}

	.column-8-color-chips {
		width: 176px;
	}	
	
	.column-8-chip-1 {
		height: 281px;
	}

	.column-8-chip-2 {
		height: 167px;
	}

	.column-8-chip-3 {
		height: 173px;
	}

	.column-10-chip-1 {
	    height: 286px;
		width: 156px;
	}
	
	.column-10-chip-2 {
	    height: 286px;
		width: 162px;
	}
	
	.column-10-chip-3 {
	    height: 286px;
		width: 165px;
	}
	
	.column-10-chip-4 {
	    height: 286px;
		width: 153px;
	}

	.column-9-chip {
		height: 140px;
		width: 160px;
		margin: 20px 10px;
	}
	
	img.img-1-mobile {
	    min-width: 530px;
	}
	
	img.img-2-mobile {
	    min-width: 400px;
	}
	
	img.img-3-mobile {
	    min-width: 636px;
	}
	
	img.img-4-mobile {
	    min-width: 530px;
	}
	
	img.img-5-mobile {
	    min-width: 530px;
	}
	
	img.img-6-mobile {
	    min-width: 530px;
	}
	
	img.img-7-mobile {
	    min-width: 530px;
	}
	
	img.img-8-mobile {
	    min-width: 636px;
	} */
}


/* Fonts and Spacing */
.introducing-coty-stain-2024 h2 {
	font-size: 66px;
	line-height: 80px;
	color: #525252;
}
.introducing-coty-stain-2024 p {
	font-size: 20px;
	line-height: 26px;
	color: #525252;
}
.introducing-coty-stain-2024 .stain-type {
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	text-transform: none;
}
.introducing-coty-stain-2024 .stain-color-name,
.introducing-coty-stain-2024 .stain-color-code {
	font-size: 18px;
	line-height: 25px;
	color: #000000;
	text-transform: none;
}
.introducing-coty-stain-2024 .stain-color-code {
	font-weight: var(--behr-normal) !important;
}
.stain-gallery h3 {
	font-size: 45px;
	line-height: 45px;
	color: #525252;
}
.best-in-performance {
	background: #F6F5F0;
}
.stain-gallery p, .best-in-performance .align-items-center p {
	font-size: 18px;
	line-height: 22px;
}

.stain-gallery #solid-carousel h3,
.stain-gallery #semi-transparent-carousel h3  {
	font-size: 32px;
	line-height: 40px;
}
.small-color-chip-wrapper p {
	font-size: 18px;
	line-height: 25px;
}
.small-color-chip-wrapper .color-name {
	font-family: var(--behr-body-and-label-font--bold);
	font-weight: var(--behr-bold) !important;
	font-size: 18px;
	line-height: 20px;
}
.small-color-chip-wrapper .color-code {
	font-family: var(--behr-body-and-label-font--bold);
	font-weight: var(--behr-normal);
	font-size: 18px;
	line-height: 20px;
}
.stain-color-trends-gallery .column-9 h2 {
	font-size: 36px;
	line-height: 36px;
	color: #525252;
}
.column-9 .column-9-color-chips p {
	font-size: 17px;
	line-height: 26px;
	text-wrap: nowrap;
}
.column-9 .color-collection .color-name,
.column-9 .color-collection .color-code {
	font-size: 14px;
	line-height: 17px;
}
.stain-color-trends-gallery .curb-gallery-1 h3 {
	font-size: 36px;
	line-height: 36px;
	color: #525252;
}
.stain-color-trends-gallery .curb-gallery-1 p {
	font-size: 20px;
	line-height: 22px;
	color: #525252;
}
.stain-color-trends-gallery .curb-gallery-1 .scroller p {
	font-size: 18px;
	line-height: 25px;
	color: #000000;
}
@media (min-width: 767px) and (max-width: 991px) {
.stain-color-trends-gallery .curb-gallery-1 p {
		font-size:17px;
	}
}
@media (max-width:767px) {
	.stain-color-trends-gallery .curb-gallery-1 p {
		font-size:16px;
		line-height: 22px;
	}

	.introducing-coty-stain-2024 h2 {
		font-size: 45px;
		line-height: 44px;
	}
	.introducing-coty-stain-2024 p {
		font-size: 18px;
		line-height: 20px;
	}
	.introducing-coty-stain-2024 .stain-color-name,
	.introducing-coty-stain-2024 .stain-color-code {
		font-size: 15px;
	}
	.stain-gallery h3 {
		font-size: 34px;
		line-height: 36px;
	}
	.stain-gallery p {
		font-size: 16px;
		line-height: 20px;
	}
	.stain-gallery #solid-carousel h3,
	.stain-gallery #semi-transparent-carousel h3 {
		font-size: 28px;
		line-height: 28px;
	}
}
@media (min-width:992px) and (max-width:1200px) {
	.coty-available-sheens .container-fluid,
	.best-in-performance .container-fluid {
		padding: 0px 50px;
	}
}
@media (min-width:1201px) and (max-width:1440px) {
	.coty-available-sheens .container-fluid,
	.best-in-performance .container-fluid {
		padding: 0px 80px;
	}
}
@media (min-width:1441px) {
	.coty-available-sheens .container-fluid,
	.best-in-performance .container-fluid {
		padding: 0px 100px;
	}
}
@media (min-width:992px) {
	.product-line-listing__item {
		max-width: 20% !important;
		margin-top: 0px;
		padding-top: 0px !important;
	}

	.product-line-listing__item-container {
		padding-left: 30px !important;
	}
	.product-line-listing__item-details p {
		margin-left: 0px;
	}
}

.caro-images {
	touch-action: none !important;
}

@media (max-width: 600px) {
	.two-chips div {
	    flex-direction: column;
	    text-align: center;
	}
	
	.small-color-chip-wrapper p {
	    max-width: 150px;
	}
}

.to-section-link {
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.to-section-link:hover {
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-decoration: none;
}

.modal-body h2 {
    text-transform: none;
}


 /* 2025 new update */

.explore-text {
    /* font-family: Proxima Nova; */
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF;
    font-family: var(--behr-body-and-label-font) !important;
    font-weight: var(--behr-bold) !important;
}

a.explore-text:hover {
  color:#FFFFFF;
  font-size: 18px;
}
@media (max-width:991px) {
.stain-color-trends-gallery .column-10 img,
	.stain-color-trends-gallery .column-4 img {
		max-width: 100% !important;
	}
	.page-header h1 {
    padding-bottom: 8px;
}
}
.scroll-container {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden; /* Prevent vertical scrollbar */
    white-space: nowrap; /* Prevent wrapping of content */
  }
a#scroll-right {
    position: sticky;
    left: 0;
padding-left: 10px;
}
a#scroll-left{
    position: sticky;
    left: 0;
padding-left: 10px;
}


/* Beer Before After Slider */

.beer-reveal[data-beer-label]:after, .beer-reveal-semi[data-beer-label]:after {
      background: none !important;
    color: #FFFFFF;
    font-weight: var(--behr-bold);
    font-family: var(--behr-body-and-label-font);
    padding-bottom: 2.1rem;
    justify-content: center;
    text-align: center;
    bottom: 1.5rem;
    top: unset !important;
}

.beer-slider[data-beer-label]:after {
    background: none !important;
    color: #FFFFFF;
    font-weight: var(--behr-bold);
    font-family: var(--behr-body-and-label-font);
    padding-bottom: 2.1rem;
    justify-content: center;
    text-align: center;
    bottom: 1.5rem;
    top: unset !important;
left: var(--label-left, 50%); /* Default left */
    transition: left -1.7s ease-in-out;

}
.beer-reveal>img:first-child {
    height: -webkit-fill-available !important;
}

.beer-reveal[data-beer-label]:after {
    left: 1.5rem;
    right: 2.1rem !important;
}
.beer-reveal-semi[data-beer-label]:after {
    left: 1.5rem;
    right: 2.1rem !important;
}

span.beer-handle,
.beer-range:focus~.beer-handle {
    background: #969595;
    background-image: url(https://staging.kilz.com/binaries/content/gallery/kilz/projects/drag-handle-arrows.png);
    background-repeat: no-repeat;
    color: white;
    background-position: center;
    border: 4px solid;
}


.beer-reveal {
    border-right: 4px solid #fff;
}

.icon-play {
    color: #fff;
    border: 2px solid;
    border-radius: 50%;
    padding: 20px;
    padding-left: 30px;
    font-size: 38px;
    margin-left: 4px;
    position: absolute;
    width: 85px;
    height: 85px;
    cursor: pointer;
}

.icon-play:before {
    content: "\f04b";
}

#curbappeal img {
    max-height: 570px;
}

#curbappeal img.img-4 {
    max-height: 398px !important;
}

#curbappeal img.img-4-mobile {
    max-height: 398px !important;
}
.page-header span {
    font-weight: unset !important;
    /* font-weight: var(--behr-bold); */
}