/* General */
.glexco-home-slider .glexco-slide {
	position: relative;
	min-height: 550px;
	height: calc(100vh - 100px);

	padding: 16px;
}

.glexco-slide .glexco-slide-container {
	max-width: 1400px;
	margin: auto;
}

.glexco-slide .glexco-slide-button {
	font-family: var(--e-global-typography-text-font-family);
	font-weight: 500;
	line-height: 1;
	text-align: center;

	color: white;
	background-color: var(--e-global-color-primary);

	padding: 16px 24px;

	border-radius: 80px;

	display: inline-block;
	min-width: 160px;
}

@media (max-width: 767px) {
	.glexco-home-slider .glexco-slide {
	height: calc(100vh - 80px);
	}
}

/* Template 1 */
.glexco-slide.glexco-slide-1 .glexco-slide-image {
	position: absolute;
	z-index: -1;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 767px) {
  .glexco-slide.glexco-slide-1 .glexco-slide-image {
    object-fit: contain;
  }
}

.glexco-slide.glexco-slide-1 .glexco-slide-content {
	width: 100%;
	max-width: 584px;

	padding-top: calc((100vh - 132px) - (100vh * 0.75));
}

.glexco-slide.glexco-slide-1 .glexco-slide-text {
	display: flex;
	flex-direction: column;
}

.glexco-slide.glexco-slide-1 [class*="glexco-slide-title"] {
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 48px;
	font-weight: 300;
	line-height: 1;
}

.glexco-slide.glexco-slide-1 .glexco-slide-title-2 {
	display: flex;
	gap: 8px;

	font-size: 64px;
	font-weight: 700;
}

.glexco-slide.glexco-slide-1 .glexco-slide-title-3 {
	align-self: flex-end;
	padding-right: 32px;
}

@media (max-width: 767px) {
	.glexco-slide.glexco-slide-1 .glexco-slide-content {
		max-width: 296px;
	}

	.glexco-slide.glexco-slide-1 [class*="glexco-slide-title"] {
		font-size: 24px;
	}

	.glexco-slide.glexco-slide-1 .glexco-slide-title-2 {
		font-size: 32px;
	}
}

/* Template 2 */
.glexco-slide.glexco-slide-2 .glexco-slide-container {
	display: flex;
	flex-direction: column;
	gap: 24px;

	height: 100%;
}

.glexco-slide.glexco-slide-2 .glexco-slide-content {
	display: flex;
	gap: 48px;

	flex: 0 0 auto;

	width: auto;
}

.glexco-slide.glexco-slide-2 .glexco-slide-title-container {
	display: flex;
	flex-direction: column;
	align-items: end;
	gap: 8px;

	flex: 1 0 0;
}

.glexco-slide.glexco-slide-2 .glexco-slide-title {
	color: var(--e-global-color-primary);
	text-align: right;
	font-family: var(--e-global-typography-primary-font-family);
	font-size: clamp(24px, 10vw, 112px);
	font-weight: 700;
	line-height: 1;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: balance;
}

.glexco-slide.glexco-slide-2 .glexco-slide-desc-container {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: space-evenly;
	gap: 16px;

	flex: 0 0 auto;
	width: 392px;
}

.glexco-slide.glexco-slide-2 .glexco-slide-desc {
	font-family: var(--e-global-typography-text-font-family);
	font-weight: 400;
	line-height: 1.5;
}

.glexco-slide.glexco-slide-2 .glexco-slide-image-container {
	flex: 1 0 0;

	position: relative;
}

.glexco-slide.glexco-slide-2 .glexco-slide-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
}

@media (max-width: 1024px) {
	.glexco-slide.glexco-slide-2 .glexco-slide-content {
		flex-direction: column;
	}

	.glexco-slide.glexco-slide-2 .glexco-slide-title-container {
		align-items: start;
	}

	.glexco-slide.glexco-slide-2 .glexco-slide-title {
		text-align: left;
	}

	.glexco-slide.glexco-slide-2 .glexco-slide-desc-container {
		width: 100%;

		padding-top: 0;
	}
}

/* Template 3 */
.glexco-slide.glexco-slide-3 .glexco-slide-container {
	display: flex;
	align-items: center;

	height: 100%;
}

.glexco-slide.glexco-slide-3 .glexco-slide-content {
	display: flex;

	width: auto;
	max-width: 680px;
}

.glexco-slide.glexco-slide-3 .glexco-slide-text {
	flex: 1 0 0;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;

	background-color: var(--e-global-color-primary);
	color: white;

	padding: 32px 24px 32px 40px;

	border-radius: 24px 0 24px 24px;
}

.glexco-slide.glexco-slide-3 .glexco-slide-title {
	color: white;
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 56px;
	font-weight: 400;
	line-height: 1.25;

	margin-right: -24px;
}

.glexco-slide.glexco-slide-3 .glexco-slide-desc {
	color: white;
	font-family: var(--e-global-typography-text-font-family);
	font-weight: 400;
	line-height: 1.75;
}

.glexco-slide.glexco-slide-3 .glexco-slide-button {
	color: var(--e-global-color-primary);
	background-color: white;
}

.glexco-slide.glexco-slide-3 .glexco-slide-text-decor {
	flex: 0 0 auto;
	width: auto;
	margin-left: -1px;
}

.glexco-slide.glexco-slide-3 .glexco-slide-text-decor svg {
	fill: var(--e-global-color-primary);
}

.glexco-slide.glexco-slide-3 .glexco-slide-image {
	position: absolute;
	z-index: -1;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*Template 4*/
.glexco-slide.glexco-slide-4 .glexco-slide-image {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Template 5 */
.glexco-slide-5 { position:relative; width:100%; min-height:520px; overflow:hidden; }

/* MP4 */
.glexco-video-mp4{
	position:absolute; top:50%; left:50%;
	transform:translate(-50%,-50%);
	min-width:100%; min-height:100%;
	width:auto; height:auto;
	object-fit:cover;
}

/* YouTube */
.glexco-video-iframe{
	position:absolute; top:50%; left:50%;
	width:120%; height:120%;
	transform:translate(-50%,-50%);
	pointer-events:none;
}

.glexco-video-overlay{ position:absolute; inset:0; }

@media (max-width: 767px) {
	.glexco-slide.glexco-slide-3 .glexco-slide-content {
		flex-direction: column;
		align-items: end;
	}

	.glexco-slide.glexco-slide-3 .glexco-slide-text {
		padding: 24px;

		border-radius: 24px 24px 0px 24px;
	}

	.glexco-slide.glexco-slide-3 .glexco-slide-title {
		font-size: 32px;
		line-height: 1.2;

		margin-right: 0;
	}

	.glexco-slide.glexco-slide-3 .glexco-slide-text-decor {
		margin-top: -1px;
	}

	.glexco-slide-5{ 
		min-height:420px; 
	}

	.glexco-video-iframe{ 
		width:180%; height:180%; 
	}

	.glexco-slide-5, .glexco-video-bg {
		 min-height:420px;
	}

	.glexco-video-iframe { 
		width:180%; height:180%; 
	}
}