/* Global */
	
	.hero-hp-container{
		position: relative;
	}

	.main-hp-container.main-container-margin{
		margin: 48px 0;
	}
	
	.main-hp-container.main-container-padding{
		padding: 48px 0;
	}

	.main-hp-container h2{
		font-size: 26px;
		font-weight: 400;
		line-height: 32px;
		margin: 0 0 20px;
	}

	.main-hp-container h2 a{
		text-decoration: underline;
	}
	
	.main-hp-container h2 a:hover{
		color: #222426B3;
	}

	.main-hp-container h2 a:focus{
		text-decoration: unset;
	}

	@media (max-width: 992px){
		.main-hp-container h2{
			font-size: 22px;
			line-height: 28px;
		}
	}
	
	/* Hero 01 */

	.hero-hp-container.hero-hp-01{
		min-height: 450px;
		max-height: 65vh;
		max-width: 2560px;
		margin: 0 auto;
	}

	.hero-hp-container.hero-hp-01 img,
	.hero-hp-container.hero-hp-01 video{
		width: 100%;
		max-height: inherit;
		min-height: inherit;
		object-fit: cover;
		object-position: top;
	}

	.hero-hp-container.hero-hp-01 .hero-content{
		position: absolute;
		bottom: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
		width: 100%;
		height: 100%;
		padding: 0 0 60px;
		color: #fff;
		background: linear-gradient(0deg, rgba(34,36,38,1) 0%, rgba(34,36,38,0) 70%);
	}
	
	.hero-hp-container.hero-hp-01 .hero-content div{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
		width: 100%;
		height: 100%;
	}
	
	@media (max-width: 1864px){
		.hero-hp-container.hero-hp-01 .hero-content div{
			max-width: fit-content;
		}
	}

	.hero-hp-container .hero-content h1{
		font-size: 32px;
		font-weight: 400;
		line-height: 40px;
		margin: 0;
	}

	.hero-hp-container.hero-hp-01 .hero-content p{
		font-size: 20px;
		line-height: 28px;
		margin: 8px 0 0;
	}

	
	.hero-hp-container.hero-hp-01 .hero-content section{
		margin: 24px 0 0;
	}

	.hero-hp-container .hero-content section{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 16px;
		flex-wrap: wrap;
	}

	.hero-hp-container .hero-content section a{
		padding: 16px 20px;
		background-color: #222426;
		border-radius: 8px;
		font-size: 16px;
		color: #FFF;
		width: fit-content;
		text-decoration: none;
		cursor: pointer;
	}
	
	.hero-hp-container .hero-content section a:hover{
		background-color: #222426CC;
	}
	
	.hero-hp-container .hero-content section a:active{
		background-color: #222426B3;
	}

	.hero-hp-container .hero-content section a.white{
		background-color: #FFF;
		color: #222426;
	}
	
	.hero-hp-container .hero-content section a.white:hover{
		background-color: #FFFFFFE6;
	}

	.hero-hp-container .hero-content section a.white:active{
		background-color: #FFFFFFCC;
	}
	
	@media (max-width: 1200px){
		.hero-hp-container.hero-hp-01{
			max-height: 700px;
		}
		
		.hero-hp-container.hero-hp-01 .hero-content{
			padding: 0 0 40px;
		}
	}

	
	@media (min-width: 993px) {
		.hero-hp-container.hero-hp-01 .hero-content p {
			max-width: 800px;
		}
	}
	
	
	@media (max-width: 992px){
		.hero-hp-container .hero-content h1{
			font-size: 26px;
			line-height: 32px;
		}
		
		.hero-hp-container.hero-hp-01 .hero-content p{
			font-size: 16px;
			line-height: 24px;
		}
	}

	@media (max-width: 768px){
		
		.hero-hp-container.hero-hp-01 .hero-content{
			padding: 0 0 20px;
		}
	}
	
	/* Hero 02 */
	
	.hero-hp-container.hero-hp-02{
		min-height: 450px;
		max-height: 800px;
		max-width: 2560px;
		margin: 0 auto;
	}

	.hero-hp-container.hero-hp-02{
		display: grid;
		grid-template-columns: auto 700px auto;
	}
	
	.hero-hp-container.hero-hp-02 img{
		width: 100%;
		height: 100%;
		max-height: inherit;
		min-height: inherit;
		object-fit: cover;
		object-position: top;
	}

	.hero-hp-container .hero-content.event-content{
		display: grid;
		grid-template-rows: 12fr auto;
		gap: 20px;
		align-items: center;
		padding: 40px;
		background-color: #2224260D;
		color: #FFF;
		height: inherit;
		text-align: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.hero-hp-container .hero-content.event-content.reverse-background{
		color: #222426;
	}
	
	/*.hero-hp-container .hero-content div:first-child{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}*/

	.hero-hp-container .hero-content div img{
		max-width: 450px;
		height: unset;
		max-height: unset;
		min-height: unset;
		object-fit: initial;
	}
	
	.hero-hp-container .hero-content div img:first-child{
		margin: 0 0 20px;
	}
	
	.hero-hp-container .hero-content div img:last-child{
		margin: 20px 0 0;
	}

	.hero-hp-container .hero-content.event-content .date{
		font-size: 16px;
		line-height: 24px;
		margin: 0 0 4px;
	}
	
	.hero-hp-container .hero-content.event-content .hero-promo{
		margin: 20px 0 0;
	}
	
	.hero-hp-container .hero-content.event-content div:has(.legal) .hero-promo{
		margin: 20px 0;
	}

	.hero-hp-container .hero-content.event-content .hero-promo p{
		font-size: 16px;
		font-weight: 900;
		line-height: 24px;
		margin: 0;
	}

	.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-grid{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 4px;
	}
	
	.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-grid .hero-promo-mention{
		display: flex;
		margin: 4px 0 0;
	}

	.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-grid .hero-promo-mention .number{
		font-size: 70px;
		line-height: 56px;
	}

	.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-grid .hero-promo-mention div{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
	}

	.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-mention div p:first-child{
		font-size: 24px;
		line-height: 24px;
	}

	.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-mention div p:last-child{
		font-size: 14px;
		line-height: 14px;
		text-align: left;
	}
	
	/* $ 1x1 */

	.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-grid .hero-promo-mention.hero-promo-mention-1x1 .number{
		font-size: 100px;
		line-height: 75px;
	}
	
	.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-mention.hero-promo-mention-1x1 div p:first-child{
		font-size: 32px;
		line-height: 32px;
	}
	
	.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-mention.hero-promo-mention-1x1 div p:last-child{
		font-size: 16px;
		line-height: 16px;
	}

	/* $ EN $ */

	.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-grid .hero-promo-mention-EN p{
		font-size: 24px;
		line-height: 24px;
	}
	
	.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-mention.hero-promo-mention-EN div{
		justify-content: flex-end;
	}
	
	@media (max-width: 1920px){
		
		.hero-hp-container.hero-hp-02{
			max-height: 650px;
		}
	}

	@media (max-width: 992px){
		.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-grid .hero-promo-mention-EN p{
			font-size: 16px;
			line-height: 16px;
		}
	}

	.hero-hp-container .hero-content.event-content p{
		font-size: 16px;
		line-height: 24px;
		margin: 20px 0 0;
	}
	
	.hero-hp-container .hero-content.event-content ul{
		font-size: 16px;
		line-height: 24px;
		padding-left: 18px;
		margin: 0 auto;
		max-width: fit-content;
	}
	
	.hero-hp-container .hero-content.event-content li{
		margin: 8px 0 0;
	}

	.hero-hp-container .hero-content.event-content .legal{
		font-size: 12px;
		line-height: 16px;
		margin: 8px 0 0;
	}
	
	@media (max-width: 1600px){
		.hero-hp-container.hero-hp-02 {
			grid-template-columns: 4fr 6fr 4fr;
		}
	}

	@media (max-width: 1200px){
		.hero-hp-container.hero-hp-02 {
			grid-template-columns: repeat(2, 6fr);
		}
		
		.hero-hp-container.hero-hp-02 .img-desktop:nth-child(3),
		.hero-hp-container.hero-hp-02 .img-desktop:nth-child(4){
			display: none;
		}
		
		.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-grid .hero-promo-mention .number{
			font-size: 60px;
			line-height: 48px;
		}
		
		.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-mention div p:first-child{
			font-size: 20px;
			line-height: 20px;
		}

		.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-mention div p:last-child{
			font-size: 12px;
			line-height: 12px;
		}
	}

	@media (max-width: 992px){
		.hero-hp-container .hero-content.event-content {
			padding: 20px;
		}
		
		.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-grid {
			flex-direction: row;
		}
		
		.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-grid .hero-promo-mention .number{
			font-size: 48px;
			line-height: 42px;
		}
		
		.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-mention div p:first-child{
			font-size: 16px;
			line-height: 16px;
		}
		
		/* $ 1x1 */

		.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-grid .hero-promo-mention.hero-promo-mention-1x1 .number{
			font-size: 80px;
			line-height: 60px;
		}

		.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-mention.hero-promo-mention-1x1 div p:first-child{
			font-size: 24px;
			line-height: 24px;
		}

		.hero-hp-container .hero-content.event-content .hero-promo .hero-promo-mention.hero-promo-mention-1x1 div p:last-child{
			font-size: 14px;
			line-height: 14px;
		}
	}
	
	@media (max-width: 768px){
		.hero-hp-container.hero-hp-02{
			min-height: unset;
			max-height: unset;
		}
		
		.hero-hp-container.hero-hp-02 {
			grid-template-columns: 12fr;
		}
		
		.hero-hp-container .hero-content.event-content {
			padding: 20px 16px;
			height: auto;
		}
		
		.hero-hp-container.hero-hp-02 img {
			height: auto;
		}
	}
		
	/* Hero 03 */
	
	.hero-hp-container.hero-hp-03{
		min-height: 450px;
		max-height: 800px;
		max-width: 2560px;
		margin: 0 auto;
	}

	.hero-hp-container.hero-hp-03{
		display: grid;
		grid-template-columns: 5fr 7fr;
	}
	
	.hero-hp-container.hero-hp-03 img{
		width: 100%;
		max-height: inherit;
		min-height: inherit;
		height: 100%;
		object-fit: cover;
	}
	
	@media (max-width: 1920px){
		
		.hero-hp-container.hero-hp-03{
			max-height: 650px;
		}
	}

	@media (max-width: 1200px){
		.hero-hp-container.hero-hp-03{
			grid-template-columns: 500px auto;
		}
	}

	@media (max-width: 992px){

		.hero-hp-container.hero-hp-03{
			grid-template-columns: 5fr 7fr;
		}
	}

	@media (max-width: 768px){
	
		.hero-hp-container.hero-hp-03{
			min-height: unset;
			max-height: unset;
		}
		
		.hero-hp-container.hero-hp-03{
			grid-template-columns: 12fr;
		}
	}

	/* Hero 04 */

	.hero-hp-container.hero-hp-04{
		min-height: 450px;
		max-height: 65vh;
		max-width: 2560px;
		margin: 0 auto;
	}
	
	.hero-hp-container.hero-hp-04 img{
		width: 100%;
		height: 100%;
		max-height: inherit;
		min-height: inherit;
		object-fit: cover;
	}

	.hero-hp-container.hero-hp-04 .hero-content.event-content{
		position: absolute;
		bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content:flex-end;
		align-items: center;
		height: 100%;
		width: 100%;
		background: linear-gradient(0deg, rgba(34,36,38,1) 0%, rgba(34,36,38,0) 100%);
		padding: 0;
	}

	.hero-hp-container.hero-hp-04 .hero-content.event-content .hero-info{
		max-width: 800px;
		margin: 40px 16px;
	}

	.hero-hp-container.hero-hp-04 .hero-content.event-content section{
		margin: 20px 0 0;
	}
	
	@media (max-width: 768px){
		.hero-hp-container.hero-hp-04{
			min-height: unset;
			max-height: unset;
		}
		
		.hero-hp-container.hero-hp-04 .hero-content.event-content{
			position: initial;
			background: #FFF;
		}
		
		.hero-hp-container.hero-hp-04 .hero-content.event-content .hero-info{
			margin: 0 16px;
			padding: 16px 0;
		}
	}
	
	/* Company */
		
	.main-hp-container .company-container{
		display: grid;
		grid-template-columns: repeat(4, 3fr);
		gap: 16px 24px;
		margin: 16px 0 0;
	}

	.main-hp-container .company-container .single-benefits{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 12px;
		border-radius: 40px;
	}

	.main-hp-container .company-container .single-benefits img{
		width: 60px;
		height: 60px;
		transition: transform 0.6s;
		background: #2224260D;
		border-radius: 50px;
		padding: 12px 16px;
	}

	.main-hp-container .company-container .single-benefits:hover img{
		background: #2224261A;
	}

	.main-hp-container .company-container .single-benefits p{
		font-size: 14px;
		line-height: 16px;
		margin: 0;
	}
	
	.main-hp-container .company-container hr{
		margin: 0;
		border-top: 1px solid #2224261A;
		grid-column: span 4;
	}

	@media (max-width: 768px){
		.main-hp-container .company-container{
			grid-template-columns: repeat(2, 6fr);
			gap: 16px;
		}
		
		.main-hp-container .company-container .single-benefits{
			justify-content: flex-start;
		}
		
		.main-hp-container .company-container hr{
			grid-column: span 2;
		}
		
		.main-hp-container .company-container .single-benefits img{
			width: 45px;
			height: 45px;
			padding: 8px;
		}
		
		.main-hp-container .company-container .single-benefits p{
			font-size: 12px;
		}
	}

	/* Hero 04 */

	.hero-hp-container .hero-content.event-content .hero-promo.hero-promo-3x1 .hero-promo-grid{		
		flex-wrap: unset;
		gap: 0;
	}

	.hero-hp-container .hero-content.event-content .hero-promo.hero-promo-3x1 .hero-promo-grid .hero-promo-mention{
		flex-direction: column;
	}

	.hero-hp-container .hero-content.event-content .hero-promo.hero-promo-3x1 .hero-promo-grid .hero-promo-mention:nth-child(1){
		padding-right: 8px;
		border-right: solid 1px white;
	}

	.hero-hp-container .hero-content.event-content .hero-promo.hero-promo-3x1 .hero-promo-grid .hero-promo-mention:nth-child(2){
		padding-right: 8px;
		padding-left: 8px;
		border-right: solid 1px white;
	}

	.hero-hp-container .hero-content.event-content .hero-promo.hero-promo-3x1 .hero-promo-grid .hero-promo-mention:nth-child(3){
		padding-left: 8px;
	}

	.hero-hp-container .hero-content.event-content .hero-promo.hero-promo-3x1 .hero-promo-grid .hero-promo-mention div{
		flex-direction: row;
		justify-content: center;
	}

	.hero-hp-container .hero-content.event-content .hero-promo.hero-promo-3x1 .hero-promo-grid .hero-promo-mention div p:last-child{
		font-size: 24px;
		line-height: 24px;
	}

	@media (max-width: 1200px) {
		.hero-hp-container .hero-content.event-content .hero-promo.hero-promo-3x1 .hero-promo-grid .hero-promo-mention div p:last-child{
			font-size: 20px;
			line-height: 20px;
		}
	}

	@media (max-width: 992px) {
		.hero-hp-container .hero-content.event-content .hero-promo.hero-promo-3x1 .hero-promo-grid .hero-promo-mention div p:last-child{
			font-size: 16px;
			line-height: 16px;
		}
	}

	.hero-hp-container .hero-content.event-content .hero-promo.hero-promo-3x1 .hero-promo-grid .hero-promo-mention .text{
		font-size: 14px;
		font-weight: 400;
		line-height: 16px;
		margin-top: 8px;
	}