.page-platforms .home-image .image {
	max-width: 750px;
	margin-right: -160px;
	margin-bottom: -80px;
}

@media (max-width: 550px) {
	.page-platforms .home-image .image {
		margin-right: -35px;
		margin-bottom: -50px;
	}
}

/* ------------------ EXPLORE GBH ------------------ */
.explore-gbh {
	padding: 72px 0;
	display: none;
}
.explore-gbh .center {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}
.explore-gbh .group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.explore-gbh .group .item {
	background: #F2F2F2;
	border-radius: 8px;
	padding: 69px 15px 40px 15px;
	text-align: center;
	position: relative;
}
.explore-gbh .group .item:last-child {
	padding-top: 95px;
}
.explore-gbh .item .btn-source {
	position: absolute;
	top: 22px;
	right: 22px;
	background: var(--color);
	color: #fff;
}
.explore-gbh .item .image {
	min-height: 147px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.explore-gbh .item h5 {
	font-size: 40px;
}
.explore-gbh .item:nth-child(1) .image {min-height: 94px;}
.explore-gbh .item:nth-child(1) .image i {width: 80px;}
.explore-gbh .item:nth-child(2) .image {max-width: 146px;}
.explore-gbh .item h4 {
	margin-top: 24px;
	font-size: 20px;
	font-weight: 500;
}

@media (max-width: 991px) {
	.explore-gbh .center {grid-template-columns: 250px 1fr;}
	.explore-gbh .content p br {display: none;}
	.explore-gbh .group {gap: 15px;}
}

@media (max-width: 767px) {
	.explore-gbh {padding: 40px 0;}
	.explore-gbh .center {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

@media (max-width: 550px) {
	.explore-gbh .group {
		grid-template-columns: 1fr;
        gap: 24px;
    }
}

/* ------------------ EVENTS GBH ------------------ */
.events-gbh {
	padding: 72px 0;
	background: rgba(242, 242, 242, .5);
}
.events-gbh .center {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}
.events-gbh .list h4 {
	font-size: 22px;
	margin-bottom: 24px;
}
.events-gbh .list ul li {
	display: flex;
	align-items: center;
	gap: 18px;
}
.events-gbh .list ul li + li {margin-top: 18px;}
.events-gbh .list ul li svg {fill: #BC27C7;}

@media (max-width: 991px) {
	.events-gbh .content p br {display: none;}
}

@media (max-width: 767px) {
	.events-gbh {padding: 40px 0;}
}

@media (max-width: 550px) {
	.events-gbh .center {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.events-gbh .list h4 {font-size: 20px;}
	.events-gbh .list ul li + li {margin-top: 16px;}
}

/* ------------------ TYPES ------------------ */
.types {padding: 72px 0;}
.types h2.title {margin-bottom: 0;}
.types .head {
	display: flex;
	align-items: center;
	padding-bottom: 48px;
	border-bottom: 3px solid #BC27C7;
	position: relative;
}
.types .head span {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 24px;
	right: 16px;
}
.types .splide {margin-top: 48px;}
.types .slide .image {
	min-height: 326px;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
}
.types .slide .image img {
	display: block;
	width: 100%;
	object-fit: cover;
}
.types .slide h3 {
	margin-top: 24px;
	font-size: 20px;
	margin-bottom: 8px;
}

.types .splide__arrow {
	width: 7.5px;
	height: 10px;
	background: url(../img/ic-splide.svg) no-repeat;
	opacity: 1;
	top: -117px;
	transform-origin: center;
	cursor: pointer;
	transition: all 0.3s linear;
}
.types .splide__arrow:hover {opacity: 0.8;}
.types .splide__arrow svg {display: none;}
.types .splide__arrow--next {right: 0;}
.types .splide__arrow--prev {
	right: 83px;
	left: inherit;
	transform: rotate(180deg);
	margin-top: -4px;
}

@media (max-width: 1350px) {
	.types {padding: 40px 0;}
	.types .head {padding-bottom: 40px;}
	.types .head span {top: 10px;}
}

@media (max-width: 1250px) {
	.types .head span {top: 3px;}
}

@media (max-width: 991px) {
	.types .slide .image {min-height: 250px;}
	.types .head span {
	    top: 14px;
	}
	.types .splide__arrow {top: -98px;}
	.types .splide {margin-top: 40px;}
}

@media (max-width: 550px) {
	.types {display: none;}

	.types-events {
		padding: 40px 0;
		display: block !important;
	}
	.types-events h2.title {
		text-align: center;
		padding-bottom: 35px;
		margin-bottom: 40px;
		font-size: 20px;
		font-weight: bold;
		font-family: var(--RedHatDisplay);
		border-bottom: 3px solid #BC27C7;
	}
	.types-events .image {
		display: block;
		margin-bottom: 24px;
		margin-top: 24px;
	}
	.types-events .image img {
		display: block;
		width: 100%;
	}
	.types-events p {
		margin-bottom: 40px;
	}
	.types-events h3 {
		font-size: 20px;
		margin-bottom: 8px;
		font-family: var(--RedHatDisplay);
		text-align: center;
	}
	.types-events p:last-child {margin-bottom: 0;}
}