/*	Mobile  */
	@media screen and (max-width: 440px) {

		.Container {
			display: flex;
			flex-direction: column;
			margin-top: 1.5rem;
			align-items: center;
		}
		.redbar {
		    width: 100%;
		    height: 8rem;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    background: #9c0034;
		    color: #ffffff;
		    font-size: 1.6rem;
		    font-weight: 600;
		    text-align: center;
		    padding: 0 2rem;
		    box-sizing: border-box;
		    margin-top: 5.5rem;
		}
		.Container h2.firstTitle {
		    text-align: center;
		    text-transform: uppercase;
		    font-size: 1.3rem;
		    font-weight: 600;
		    margin-top: 2rem;
		    padding: 0 2rem;
		}
		.Container .Columns {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			row-gap: 1.5rem;
			margin-top: 2rem;
			padding: 0 2rem;
			box-sizing: border-box;
		}
/*---------------------------------------------------LEFT---------*/
		.Container .Columns .left {
			width: 100%;
			display: flex;
			flex-direction: column;
			row-gap: 1.5rem;
		}
		.Columns .left .box {
			width: 100%;
			padding: 2rem 2.5rem;
			height: 13rem;
			cursor: default;
			position: relative;
			background: #9c0034;
			color: #ffffff;
			display: flex;
			flex-direction: column;
			justify-content: center;
			flex-wrap: nowrap;
			box-sizing: border-box;
		}
		.Columns .left .box::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-image: url("/repository/files/2025041416135267FD1820C5823700182515.jpg");
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			z-index: 1;
			mix-blend-mode: lighten;
		}
		.Columns .left .box::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.25);
			pointer-events: none;
			z-index: 1;
		}
		.Columns .left .box h2,
		.Columns .left .box p {
			position: relative;
			z-index: 5;
		}
		.Columns .left .box h2 {
			padding-bottom: 1rem;
			border-bottom: 0.1rem solid #ffffff;
			margin-top: 0rem;
			font-weight: 600;
		}
		.Columns .left .box .price {
			font-size: 1.3rem;
			margin-bottom: 0rem;
			font-weight: 700;
		}
/*---------------------------------------------------RIGHT---------*/
		.Container .Columns .right {
			width: 100%;
		}
		.Columns .right .RedBox {
			padding: 2rem;
			background: #9c0034;
			box-sizing: border-box;
		}
		.right .RedBox h2 {
			margin: 0rem;
		    color: #ffffff;
		    font-size: 1.3rem;
		    font-weight: 600;
		    margin-bottom: 1rem;
		    padding-bottom: 1rem;
		    border-bottom: 0.1rem solid #ffffff;
		}
		.right .RedBox p:nth-child(2) {
			font-style: italic;
		    color: #ffffff;
		    font-weight: 700;
		    font-size: 0.8rem;
		    line-height: 1.3rem;
		    margin-bottom: 4rem;
		}
		.right .RedBox p:nth-child(3) {
			color: #ffffff;
			margin-top: 1rem;
			padding-top: 2rem;
			border-top: 0.1rem solid #ffffff;
			font-style: italic;
			font-size: 0.8rem;
			font-weight: 800;
		}
/*------------------------------------------------INFOBOX--------------*/
		.Container .InfoBox {
			margin-top: 3rem;
			width: 100%;
			padding: 0 2rem;
			box-sizing: border-box;
		}
		.Container .InfoBox .Info {
			margin-bottom: 1rem;
		}
		.Container .InfoBox .Info .InfoRow {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 1rem 1.5rem;
			background: #f7f7f7;
			cursor: pointer;
		}
		.Container .InfoBox .Info .InfoRow p {
			font-size: 1.1rem;
			font-weight: 600;
			color: #9c0034;
		}
		.Container .InfoBox .Info .InfoRow i {
			color: #9c0034;
		}
		.Container .InfoBox .Info .InfoText {
			font-size: 0.95rem;
		}
		.Info .InfoText .section h4 {
			color: #9c0034;
		}

	}

/*	Desktop  */
	@media screen and (min-width: 441px) {
		.Container {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		.redbar {
		    margin-top: 10rem;
		    width: 100%;
		    height: 12rem;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    background: #9c0034;
		    color: #ffffff;
		    font-size: 2.2rem;
		    font-weight: 600;
		}
		.Container h2.firstTitle {
		    text-align: center;
		    text-transform: uppercase;
		    font-size: 1.8rem;
		    font-weight: 600;
		    margin-top: -4rem;
		}
		.Container .Columns {
			display: flex;
			justify-content: space-between;
			width: 100%;
			column-gap: 2rem;
			margin-top: 2rem;
		}
/*---------------------------------------------------LEFT---------*/
		.Container .Columns .left {
			width: 60%;
			display: flex;
			row-gap: 3rem;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.Columns .left .box {
			width: 35%;
			padding: 2rem 2.5rem;
			height: 10rem;
			cursor: default;
			position: relative;
			background: #9c0034;
			color: #ffffff;
			display: flex;
			flex-direction: column;
			justify-content: center;
			flex-wrap: nowrap;
		}
		.Columns .left .box::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-image: url("/repository/files/2025041416135267FD1820C5823700182515.jpg");
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			z-index: 1;
			mix-blend-mode: lighten;
		}
		.Columns .left .box::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.25);
			pointer-events: none;
			z-index: 1;
		}
		.Columns .left .box h2,
		.Columns .left .box p {
			position: relative;
			z-index: 5;
		}
		.Columns .left .box h2 {
			padding-bottom: 1rem;
			border-bottom: 0.1rem solid #ffffff;
			margin-top: 0rem;
			font-weight: 600;
		}
		.Columns .left .box .price {
			font-size: 1.3rem;
			margin-bottom: 0rem;
			font-weight: 700;
		}
/*---------------------------------------------------RIGHT---------*/
		.Container .Columns .right {
			width: 30%;
		}
		.Columns .right .RedBox {
			padding: 2rem;
			background: #9c0034;
		}
		.right .RedBox h2 {
			margin: 0rem;
		    color: #ffffff;
		    font-size: 1.3rem;
		    font-weight: 600;
		    margin-bottom: 1rem;
		    padding-bottom: 1rem;
		    border-bottom: 0.1rem solid #ffffff;
		}
		.right .RedBox p:nth-child(2) {
			font-style: italic;
		    color: #ffffff;
		    font-weight: 700;
		    font-size: 0.8rem;
		    line-height: 1.3rem;
		    margin-bottom: 10rem;
		}
		.right .RedBox p:nth-child(3) {
			color: #ffffff;
			margin-top: 1rem;
			padding-top: 2rem;
			border-top: 0.1rem solid #ffffff;
			font-style: italic;
			font-size: 0.8rem;
			font-weight: 800;
		} 
/*------------------------------------------------INFOBOX--------------*/
		.Container .InfoBox {
			margin-top: 5rem;
			width: 75%;
		}
		.Container .InfoBox .Info {
			margin-bottom: 1rem;
		}
		.Container .InfoBox .Info .InfoRow {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 1rem 3rem;
			background: #f7f7f7;
			cursor: pointer;
		}
		.Container .InfoBox .Info .InfoRow p {
			font-size: 1.3rem;
			font-weight: 600;
			color: #9c0034;
		}
		.Container .InfoBox .Info .InfoRow i {
			color: #9c0034;
		}
		.Container .InfoBox .Info .InfoText {
			font-size: 0.8rem;
		}
		.Info .InfoText .section h4 {
			color: #9c0034;
		}
	}