section.product-usage-with-buttons ul {
	padding-left: 70px;
}

section#official-rules {
	margin-top: 50px;
}

#official-rules ul {
	padding-left: 30px;
}

.uage-btn,
.uage-btn:hover {
	height: 50px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 1px;
	align-items: center;
	display: flex;
	justify-content: center;
	font-weight: 700;
	font-family: var(--behr-body-and-label-font);
	text-decoration: unset;
}

.btn-black,
.btn-black:hover {
	background: #4E4E4E;
	max-width: 172px !important;
	height: 50px !important;
}

.btn-white,
.btn-white:hover {
	background: #FFFFFF !important;
	max-width: 172px !important;
	color: #4E4E4E !important;
	height: 50px !important;
}

.design-project-deliverables ul li {
	padding: 10px 0;
}

p {
	font-family: var(--behr-body-and-label-font);
}

strong {
	font-weight: var(--behr-bold);
}

.page-header {
	padding: 60px 0 30px 0px !important;
}

.page-header .uage-btn.btn-white span {
	font-weight: var(--behr-bold);
}

.four-col--heading.flex-center {
	display: flex;
}

p.judge-name {
	height: unset !important;
	bottom: unset !important;
	font-size: 20px;
	line-height: 35px;
	font-weight: var(--behr-bold);
	margin-top: 0 !important;
}

p.judge-position {
	height: unset !important;
	bottom: unset !important;
	font-size: 18px;
	line-height: 22px;
}

.four-col-wrapper {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.two-col-text__layout h3 {
	font-size: 44px !important;
	line-height: 52px !important;
	font-weight: 500 !important;
	padding: 10px 0 !important;
	height: unset !important;
	bottom: unset !important;
}

.two-col-text__layout p {
	padding: 0 60px;
}

.two-col-wrapper {
	padding-top: unset !important;
	padding-bottom: 40px !important;
}

.carousel-content {
	top: 20%;
	left: 57.5%;
	max-width: 430px;
}

.carousel-content h2 {
	font-size: 48px;
	line-height: 52px;
}

.carousel-content p {
	font-size: 16px;
	line-height: 24px;
}

.design-project a,
.design-project-deliverables a,
.submission-criteria a,
#contest-rules p a,
.product-usage-with-buttons.py-5 p a {
	font-weight: var(--behr-normal);
	font-size: 18px;
	line-height: 27px;
}

.award-prize-section h2,
.award-prize-section h3,
.award-prize-section h4 {
	text-transform: none;
}


@media only screen and (min-width: 992px) {
	.four-col-wrapper {
		padding-top: 2rem !important;
		padding-bottom: 5rem !important;
	}
}

@media (max-width: 991px) {
	
	.design-project a,
	.design-project-deliverables a,
	.submission-criteria a,
	#contest-rules p a,
	.product-usage-with-buttons.py-5 p a {
		font-size: 15px;
		line-height: 22px;
	}

	.uage-btn {
		padding: 0px !important;
		min-width: 45px;
		height: 45px;
		max-width: 45px;
	}

	.four-col-wrapper {
		padding-top: 2rem !important;
		padding-bottom: unset !important;
	}

	.design-project a,
	.design-project-deliverables a {
		font-size: 15px;
		line-height: 22px;
	}

	.carousel-content {
		top: 12%;
		left: unset;
		padding: unset;
		text-align: center;
		max-width: 325px;
	}

	.carousel-content h2 {
		font-size: 45px;
		line-height: 48px;
	}

	.carousel-content p {
		font-size: 14px;
		line-height: 22px;
	}

	.btn-grey {
		min-width: 45px;
		max-width: 45px;
		height: 50px !important;
	}

	section.product-usage-with-buttons ul {
		padding-left: 40px;
	}

	section.product-usage-with-buttons h2 {
		font-size: 32px;
		line-height: 52px;
	}

	section.product-usage-with-buttons p {
		font-size: 15px;
		line-height: 22px;
	}

	.page-header {
		padding: 40px 0 !important;
	}

	.two-col-text__layout h3 {
		font-size: 32px !important;
		line-height: 38px !important;
	}

	.two-col-text__layout p {
		padding: 0 20px;
	}

	p.judge-name {
		font-size: 15px;
		line-height: 20px;
	}

	p.judge-position {
		font-size: 12px;
		line-height: 14px;
	}

	.fourColLayout .col-lg-3 {
		width: 50%;
	}

	.fourColLayout .four-col--heading h2 {
		padding-bottom: 0;
		font-size: 32px;
		line-height: 32px;
	}

	.four-col-wrapper {
		padding-top: 1rem !important;
		padding-bottom: 0rem !important;
	}

	.four-col--heading.flex-center {
		margin-bottom: 0;
	}

	.two-col-wrapper {
		padding-top: 0px;
		padding-bottom: 0px;
	}

}

.bg-image-wrapper {
	/* background: url(/binaries/content/gallery/behr-us-pro/colors/2024-student-design-competition/prizes-background-2.jpg); */
	/* background-position: center; */
	/* background-repeat: no-repeat; */
	background-color: #F3F3F3;
	height: 640px;
	position: relative;
}

.bg-prizes-content-wrapper {
	position: absolute;
	background: #E35D47;
	box-shadow: 0px 4px 4px 0px #00000040;
	width: 733px;
	height: 638px;
	text-align: center;
	backdrop-filter: blur(5px);
}

.bg-prizes-content {
	padding: 40px 60px;
}

.bg-prizes-content * {
	color: #000000;
}

.bg-prizes-content h2 {
	font-size: 45px;
	line-height: 52px;
}

.bg-prizes-content h2:first-child {
	font-size: 44px;
	line-height: 52px;
	color: white;
}

.bg-prizes-content h3 {
	font-size: 35px;
	line-height: 30px;
}

.button {
	border-radius: 0px;
}

.subscription-disclaimer {
	font-weight: var(--behr-bold);
}

.custom-logo-padding {
	padding-top: 50px;
}

@media (max-width:991px) {
	.bg-image-wrapper {
		/* background: url(/binaries/content/gallery/behr-us-pro/colors/2024-student-design-competition/prizes-background-mobile-2.png); */
		/* background-position: center; */
		/* background-repeat: no-repeat; */
		background-color: #F3F3F3;
		height: 730px;
		position: relative;
	}

	.bg-prizes-content-wrapper {
		width: 375px;
		height: 505px;
	}

	.bg-prizes-content {
		padding: 20px 25px;
	}

	.bg-prizes-content h2:first-child {
		font-size: 32px;
		line-height: 52px;
	}

	.bg-prizes-content h2 {
		font-size: 26px;
		line-height: 26px;
	}

	.bg-prizes-content h3 {
		font-size: 26px;
		line-height: 26px;
	}

	.bg-prizes-content p {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.bg-prizes-content p.font-weight-bold {
		font-size: 16px;
	}

	.subscription-disclaimer {
		font-weight: var(--behr-normal);
		font-size: 16px;
		line-height: 20px;
	}

	.bg-prizes-content h4 {
		font-size: 18px;
		line-height: 18px;
	}
	
	.second-price-font {
		font-size: 22px !important;
	}
}

.fonts-proxima {
	font-family: var(--behr-body-and-label-font);
}

.page-header .behr-pro-text.pt-4 {
	width: 100% !important;
}

/* New CSS Added  */

.off-white-cta {
    font-family: var(--behr-body-and-label-font--bold);
    font-weight: var(--behr-bold);
    text-align: center;
    font-style: normal;
    background: #F3F3F3;
    border: 1px solid #F3F3F3;
    color: #000000;
    padding: 12px 15px;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 !important;
}
.off-white-cta:hover, .off-white-cta:focus, .off-white-cta:hover:focus-visible {
    color: #000000;
    background: #fdfbfb;  
    text-decoration: none;
}
#viewGallery .modal-header,
#viewGallery1 .modal-header,
#viewGallery2 .modal-header {
    border-bottom: 0px;
}
#viewGallery .modal-content,
#viewGallery1 .modal-content,
#viewGallery2 .modal-content {
    padding: 15px 0px 30px 30px;
}
#viewGallery .modal-body,
#viewGallery1 .modal-body,
#viewGallery2 .modal-body {
    padding-right: 0px;
}
#viewGallery .owl-nav button span,
#viewGallery1 .owl-nav button span {
    color:black;
    font-size: 60px;
}

#viewGallery2 .owl-nav button span {
    /* color:white; */
    font-size: 60px;
}

#viewGallery .owl-nav button:hover, 
#viewGallery .owl-nav button:focus, 
#viewGallery .owl-nav button:focus-visible,
#viewGallery1 .owl-nav button:hover, 
#viewGallery1 .owl-nav button:focus, 
#viewGallery1 .owl-nav button:focus-visible,
#viewGallery2 .owl-nav button:hover, 
#viewGallery2 .owl-nav button:focus, 
#viewGallery2 .owl-nav button:focus-visible {
    outline: 0;
    background: none;
}
#viewGallery .owl-nav button.owl-prev,
#viewGallery1 .owl-nav button.owl-prev,
#viewGallery2 .owl-nav button.owl-prev {
    position: absolute;
    left: 15px;
	top: 50%;
	display: flex;
}
#viewGallery .owl-nav button.owl-next,
#viewGallery1 .owl-nav button.owl-next,
#viewGallery2 .owl-nav button.owl-next {
    position: absolute;
    right: 15px;
	top: 50%;
	display: flex;
}
#viewGallery1 .owl-nav button.owl-prev,
#viewGallery1 .owl-nav button.owl-next,
#viewGallery2 .owl-nav button.owl-prev,
#viewGallery2 .owl-nav button.owl-next {
	top: 40%;
}
#viewGallery img,
#viewGallery1 img,
#viewGallery2 img {
    width: auto;
}
#viewGallery .owl-nav button.disabled,
#viewGallery1 .owl-nav button.disabled,
#viewGallery2 .owl-nav button.disabled {
    visibility: hidden;
} 
.winners-h-line {
    border-bottom: 5px solid #DC5D47;
}

.winner-biography {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    font-size: 18px;
    line-height: 22px;
    font-weight: 100;
    padding: 0 56px;
    background: #DC5D47;
}

p.see-more-content {
    padding-bottom: 12px;
}


	
.winners-name {
	font-weight: var(--behr-bold);
}

span.winner-title {
    font-size: 38px;
    line-height: 44px;
    font-weight: 300;
}

span.winner-description {
    font-size: 31px;
    line-height: 44px;
    font-weight: 300;
}

span.award {
    font-size: 28px;
    line-height: 20px;
    font-weight: 400;
}

.rte__wrapper p {
    line-height: 30px;
}

span.see-more,
span.see-less {
    font-weight: 700;
    cursor: pointer;
}

.behr-pro-text {
    padding-top: unset !important;
}

p.see-more-content a {
    font-size: 18px;
    line-height: 30px;
    color: unset;
    font-weight: 400;
    text-decoration-line: underline;
}

.institute-university, .about-winner {
	font-weight: var(--behr-normal);
}
.btn.btn-primary, .primary-button-orange,
.btn-primary:hover, .primary-button-orange:hover {
	background: #4E4E4E !important;
    border: 1px solid #4E4E4E !important;
}
.winner-image {
	width: 304px;
}

.m-width26 {
	width: 26.5%;
}
.m-width72 {
	width: 72%;
}
@media (min-width:1331px) {
	.m-width26 {
		width: 27%;
	}
}

@media (min-width: 768px) and (max-width:991px) {
	.winner-image {
		width: 276px;
		height: 426px;
		object-fit: cover;
	}
}

@media (max-width:767px) {
	.winner-biography {
		padding: 66px 20px;
	}
	
	.mobile-winner-image {
		background: #DC5D47;
	    width: 100%;
	    justify-content: center;
	    display: flex !important;
	}
	
	.mobile-winner-image .winner-image {
	    width: 100%;
	}
	
	span.award {
	    font-size: 18px;
	    line-height: 20px;
	    font-weight: 600;
	}
	
	span.winner-title {
	    font-size: 28px;
	    line-height: 33px;
	    font-weight: 300;
	}
	
	span.winner-description {
	    font-size: 24px;
	    line-height: 33px;
	    font-weight: 300;
	}
	
	p.see-more-content {
	    padding-bottom: 24px;
	}
}

@media (min-width: 1660px) {
    .modal-xl {
        max-width:1600px
    }
}

.modal-header .close {
	padding-right: 50px;
}
@media (max-width:1659px) {
	.modal-body .owl-item {
		display: flex;
		justify-content: center;
	}
}
@media (min-width:1496px) and (max-width:1659px) {
	#viewGallery .modal-body .item,
	#viewGallery2 .modal-body .item {
		width: 90% !important;
	}
	#viewGallery1 .modal-body .item {
		width: 80% !important;
	}
	#viewGallery .modal-body .owl-item:nth-child(3) .item{
		width: 63% !important;
	}
	#viewGallery .modal-body .owl-item:nth-child(4) .item {
		width: 63% !important;
	}

	#viewGallery1 .modal-body .owl-item .item {
		width: 100% !important;
	}
	#viewGallery1 .modal-body:nth-child(2) .item {
		width: 58% !important;
	}
}
@media (min-width:1200px) and (max-width:1495px) {
	#viewGallery .modal-body .item,
	#viewGallery2 .modal-body .item {
		width: 75% !important;
	}

	#viewGallery .modal-body .owl-item:nth-child(3) .item {
		width: 53% !important;
	}
	#viewGallery .modal-body .owl-item:nth-child(4) .item {
		width: 53% !important;
	}

	#viewGallery1 .modal-body .owl-item .item {
		width: 100% !important;
	}
	#viewGallery1 .modal-body:nth-child(2) .item {
		width: 48% !important;
	}
}
@media (max-width:1199px) {
	#viewGallery .modal-body .item,
	#viewGallery2 .modal-body .item {
		width: 100% !important;
	}
	#viewGallery .modal-body .owl-item:nth-child(3) .item {
		width: 70% !important;
	}
	#viewGallery .modal-body .owl-item:nth-child(4) .item {
		width: 70% !important;
	}

	#viewGallery1 .modal-body .owl-item .item {
		width: 100% !important;
	}
	#viewGallery1 .modal-body:nth-child(2) .item {
		width: 70% !important;
	}
}
.footer-subscription-form__form .primary-button-orange {
	background-color: #C94F15 !important;
	border: 1px solid #C94F15 !important;
}