.hover-cards-section {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0.72rem 0;

}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.hover-cards-section {
		padding: 0.4rem 0;

}
	}
.hover-cards-section .container {
		display: flex;
		flex-direction: column;
		gap: 0.8rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.hover-cards-section .container {
			gap: 0.4rem;
	}
		}
.hover-cards-section .title-wrap {
		position: relative;
		display: block;
		width: 100%;
	}
:is(.hover-cards-section .title-wrap) .title {
			color: var(--blue);
		}
.hover-cards-section .hover-cards-list-wrap {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		visibility: visible;
		
	}
:is(.is-slider-inactive:is(.hover-cards-section .hover-cards-list-wrap) .splide__track) .splide__list {
					position: relative;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					gap: 0.205rem;
					width: 100%;
				}
:is(:is(.is-slider-inactive:is(.hover-cards-section .hover-cards-list-wrap) .splide__track) .splide__list) .splide__slide {
						position: relative;
						display: flex;
						width: calc((100% - 0.41rem) / 3);
					}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.is-slider-inactive:is(.hover-cards-section .hover-cards-list-wrap) .splide__track) .splide__list) .splide__slide {
							width: 100%;
					}
						}
:is(.hover-cards-section .hover-cards-list-wrap) .splide__track {
			overflow: visible;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.hover-cards-section .hover-cards-list-wrap) .splide__track {
				width: 2.98rem;
		}
			}
:is(.hover-cards-section .hover-cards-list-wrap) .hover-cards-item {
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-end;
			width: 100%;
			gap: 0.24rem;
			background-color: var(--light-grey);
			padding: 0.4rem;
			border-radius: 0.32rem;
			min-height: 3.77rem;
			transition: background-color 0.4s ease-in-out;
			cursor: pointer;
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.hover-cards-section .hover-cards-list-wrap) .hover-cards-item {
				padding: 0.2rem 0.1973rem;
				min-height: 2.59rem;
				height: 100%;
		}
			}
:is(:is(.hover-cards-section .hover-cards-list-wrap) .hover-cards-item):hover {
				background-color: var(--orange);
			}
:is(:is(.hover-cards-section .hover-cards-list-wrap) .hover-cards-item):hover .title {
					opacity: 0;
					visibility: hidden;
				}
:is(:is(.hover-cards-section .hover-cards-list-wrap) .hover-cards-item):hover .text {
					opacity: 1;
					visibility: visible;
				}
:is(:is(.hover-cards-section .hover-cards-list-wrap) .hover-cards-item) .title {
				position: absolute;
				display: flex;
				bottom: 0.4rem;
				left: 0.4rem;
				color: var(--blue);
				width: calc(100% - 0.8rem);
				opacity: 1;
				visibility: visible;
				transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.hover-cards-section .hover-cards-list-wrap) .hover-cards-item) .title {
					bottom: 0.2rem;
					left: 0.2rem;
					width: calc(100% - 0.4rem);
			}
				}
:is(:is(.hover-cards-section .hover-cards-list-wrap) .hover-cards-item) .text {
				color: var(--dark-grey);
				opacity: 0;
				visibility: hidden;
				color: var(--white);
				padding-right: 0.05rem;
				transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
			}
.is-slider-active:is(.hover-cards-section .hover-cards-list-wrap) .custom-arrow-navigation {
				display: flex;
			}
:is(.hover-cards-section .hover-cards-list-wrap) .custom-arrow-navigation {
			position: relative;
			display: none;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			width: 100%;
			margin-top: 0.4rem;
			gap: 0.2rem;
		}
:is(:is(.hover-cards-section .hover-cards-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 0.56rem;
				height: 0.56rem;
				background-color: var(--blue);
				border-radius: 50%;
				border: none;
				cursor: pointer;
				transition: background-color 0.4s ease-in-out;
				border: 1px solid var(--blue);
			}
.next:is(:is(:is(.hover-cards-section .hover-cards-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button) {
					transform: rotate(180deg);
				}
:is(:is(:is(.hover-cards-section .hover-cards-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button):disabled {
					background-color: transparent;
					cursor: not-allowed;
				}
:is(:is(:is(.hover-cards-section .hover-cards-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button):disabled svg {
						fill: var(--blue);
					}
:is(:is(:is(.hover-cards-section .hover-cards-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button) svg {
					width: 0.16rem;
					height: 0.22rem;
					fill: var(--white);
					transition: fill 0.4s ease-in-out;
				}