.earthian-series-slider {
	position: relative;
	padding: 44px 34px 30px;
}

.earthian-series-slide {
	display: block;
	text-decoration: none;
	color: inherit;
}

.earthian-series-thumb {
	position: relative;
	display: block;
	border-radius: 20px;
	overflow: hidden;
	background: #e9ecef;
	aspect-ratio: 410 / 252;
}

.earthian-series-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.earthian-series-pagination.swiper-pagination-bullets {
    display: none;
}
.earthian-series-play
 {
    position: absolute;
    bottom: 90px;
    left: 4.9%;
    transform: none;
    width: 41px;
    height: 41px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2241%22%20height%3D%2241%22%20viewBox%3D%220%200%2041%2041%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M20.125%200C25.4625%200%2030.5814%202.12031%2034.3555%205.89448C38.1297%209.66864%2040.25%2014.7875%2040.25%2020.125C40.25%2025.4625%2038.1297%2030.5814%2034.3555%2034.3555C30.5814%2038.1297%2025.4625%2040.25%2020.125%2040.25C14.7875%2040.25%209.66864%2038.1297%205.89448%2034.3555C2.12031%2030.5814%200%2025.4625%200%2020.125C0%2014.7875%202.12031%209.66864%205.89448%205.89448C9.66864%202.12031%2014.7875%200%2020.125%200ZM20.125%2037.375C24.7%2037.375%2029.0876%2035.5576%2032.3226%2032.3226C35.5576%2029.0876%2037.375%2024.7%2037.375%2020.125C37.375%2015.55%2035.5576%2011.1624%2032.3226%207.92741C29.0876%204.69241%2024.7%202.875%2020.125%202.875C15.55%202.875%2011.1624%204.69241%207.92741%207.92741C4.69241%2011.1624%202.875%2015.55%202.875%2020.125C2.875%2024.7%204.69241%2029.0876%207.92741%2032.3226C11.1624%2035.5576%2015.55%2037.375%2020.125%2037.375ZM17.9688%2026.2516L27.1601%2020.125L17.9688%2013.9984V26.2516ZM18.446%2010.8589L29.6528%2018.331C29.9481%2018.5279%2030.1902%2018.7947%2030.3577%2019.1076C30.5251%2019.4206%2030.6128%2019.7701%2030.6128%2020.125C30.6128%2020.4799%2030.5251%2020.8294%2030.3577%2021.1424C30.1902%2021.4553%2029.9481%2021.7221%2029.6528%2021.919L18.446%2029.3911C18.1213%2029.6076%2017.7439%2029.7319%2017.3541%2029.7507C16.9643%2029.7695%2016.5767%2029.6822%2016.2326%2029.4981C15.8885%2029.314%2015.6008%2029.0399%2015.4003%2028.7051C15.1997%2028.3703%2015.0938%2027.9874%2015.0938%2027.5971V12.65C15.0938%2012.2597%2015.1997%2011.8768%2015.4003%2011.542C15.6008%2011.2072%2015.8885%2010.9332%2016.2326%2010.749C16.5767%2010.5649%2016.9643%2010.4776%2017.3541%2010.4964C17.7439%2010.5153%2018.1213%2010.6395%2018.446%2010.856V10.8589Z%22%20fill%3D%22white%22/%3E%3C/svg%3E) no-repeat center / contain;
    z-index: 999;
}

.earthian-series-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 29.4%;
	height: 70.6%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(57, 57, 57, 0.75) 87.08%);
	border-radius: 0 0 20px 20px;
}

.earthian-series-title {
	position: absolute;
    left: 4.9%;
    bottom: 24px;
    color: #ffffff;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.0025em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.7em;
}
.earthian-series-slider {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.earthian-series-button {
	position: absolute;
	width: 46px !important;
	height: 46px !important;
	border-radius: 50%;
	background: #393939;
	color: #fff !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
	top: 20px;
	margin-top: 0;
	transform: none;
	transform-origin: 0 0;
	z-index: 2;
}

.earthian-series-slider .swiper-button-prev,
.earthian-series-slider .swiper-button-next {
	right: 0;
	left: auto;
	top: 35px;
	bottom: auto;
}
.earthian-series-slider {
    padding-top: 79px !important;
}
.earthian-series-slider .swiper-button-prev {
	right: 60px;
}

.earthian-series-slider .swiper-button-next {
	right: 8px;
}

@media (max-width: 1024px) {
	.earthian-series-slider {
		padding: 40px 24px 24px;
	}

	.earthian-series-title {
		font-size: 16px;
		line-height: 22px;
	}
}

@media (max-width: 767px) {
	.earthian-series-slider {
		padding: 36px 16px 20px;
	}

	.earthian-series-button {
		width: 29px !important;
		height: 29px !important;
	}

	.earthian-series-slider .swiper-button-prev,
	.earthian-series-slider .swiper-button-next {
		top: 25px;
	}

	.earthian-series-slider .swiper-button-prev {
		right: 40px;
	}

	.earthian-series-slider .swiper-button-prev::after,
	.earthian-series-slider .swiper-button-next::after {
		font-size: 10px;
	}

	.earthian-series-slider .swiper-button-next {
		right: 6px;
	}

	.earthian-series-play {
		width: 36px;
		height: 36px;
	}

	.earthian-series-title {
		font-size: 14px;
		line-height: 20px;
	}
}

.earthian-series-slider .swiper-button-prev::after,
.earthian-series-slider .swiper-button-next::after {
	font-size: 16px;
}

.earthian-series-slider .swiper-button-prev.swiper-button-disabled,
.earthian-series-slider .swiper-button-next.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	border-style: solid;
	border-color: #c4c4c4 !important;
	border-width: 1px;
	color: #c4c4c4 !important;
	/* width: 46px !important;
	height: 46px !important; */
	transform-origin: 0 0;
}

.earthian-series-pagination .swiper-pagination-bullet {
	background: #000;
	opacity: 0.4;
}

.earthian-series-pagination .swiper-pagination-bullet-active {
	opacity: 1;
}

.earthian-series-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
}

.earthian-series-modal.is-open {
	display: flex;
}

.earthian-series-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(7, 10, 14, 0.75);
	backdrop-filter: blur(4px);
}

.earthian-series-modal__content {
	position: relative;
	background: #0b0f14;
	border-radius: 16px;
	max-width: 900px;
	width: min(92vw, 900px);
	z-index: 1;
	padding: 14px;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
}

.earthian-series-modal__video {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	border-radius: 12px;
	z-index: 1;
}

.earthian-series-modal__video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.earthian-series-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(255, 255, 255, 0.9);
	border: 0;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	cursor: pointer;
	font-size: 20px;
	line-height: 32px;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
	transition: transform 0.15s ease, background 0.15s ease;
	z-index: 2;
}

.earthian-series-modal__close:hover {
	background: #ffffff;
	transform: scale(1.05);
}

@media (max-width: 767px) {
	.earthian-series-modal__content {
		padding: 10px;
		border-radius: 14px;
	}

	.earthian-series-modal__close {
		width: 30px;
		height: 30px;
		font-size: 18px;
		line-height: 30px;
	}
}

body.earthian-series-modal-open {
	overflow: hidden;
}