.experience-section {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0.72rem 0;
	overflow: hidden;
	background-color: var(--light-grey);

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

}
	}
.experience-section .title-experience-wrap{
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 0.56rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.experience-section .title-experience-wrap{
			flex-direction: column;
			gap: 0.4rem;
	}
		}
:is(.experience-section .title-experience-wrap) .title-text-wrap {
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: flex-start;
			gap: 0.24rem;
			max-width: 8.68rem;
			margin: 0 auto;
		}
:is(:is(.experience-section .title-experience-wrap) .title-text-wrap) .title {
				color: var(--blue);
				text-align: center;
			}
:is(:is(:is(.experience-section .title-experience-wrap) .title-text-wrap) .title) span {
					color: var(--orange);
				}
:is(:is(.experience-section .title-experience-wrap) .title-text-wrap) .text {
				color: var(--blue);
				text-align: center;
			}
:is(.experience-section .title-experience-wrap) .experience-list-wrap {
			position: relative;
			display: flex;
			flex-direction: column;
			width: 100%;
			visibility: visible;
			
		}
:is(.is-slider-inactive:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .splide__track) .splide__list {
						position: relative;
						display: flex;
						flex-direction: row;
						flex-wrap: wrap;
						gap: 0.2rem;
						width: 100%;
					}
:is(:is(.is-slider-inactive:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .splide__track) .splide__list) .splide__slide {
							position: relative;
							display: flex;
							width: calc((100% - 0.6rem) / 4);
						}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.is-slider-inactive:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .splide__track) .splide__list) .splide__slide {
								width: 100%;
						}
							}
:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .splide__track {
				overflow: visible;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .splide__track {
					width: 2.98rem;
			}
				}
:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .experience-card {
				position: relative;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: space-between;
				background-color: var(--white);
				padding: 0.24rem;
				border-radius: 0.24rem;
				border: 2px solid var(--orange);
				min-height: 3.15rem;
				height: 100%;
				gap: 0.4rem;
			}
:is(:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .experience-card) .experience-card-title {
					color: var(--blue);
				}
:is(:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .experience-card) .experience-card-text {
					color: var(--dark-grey);
				}
.is-slider-active:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .custom-arrow-navigation {
					display: flex;
				}
:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .custom-arrow-navigation {
				position: relative;
				display: none;
				flex-direction: row;
				align-items: center;
				justify-content: center;
				width: 100%;
				margin-top: 0.56rem;
				gap: 0.2rem;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .custom-arrow-navigation {
					margin-top: 0.4rem;
			}
				}
:is(:is(:is(.experience-section .title-experience-wrap) .experience-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;
				}
.next:is(:is(:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button) {
						transform: rotate(180deg);
					}
:is(:is(:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button):disabled {
						background-color: var(--white);
						cursor: not-allowed;
					}
:is(:is(:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button):disabled svg {
							fill: var(--blue);
						}
:is(:is(:is(:is(.experience-section .title-experience-wrap) .experience-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;
					}
@media screen and (min-width: 768px) {
						:is(:is(:is(:is(.experience-section .title-experience-wrap) .experience-list-wrap) .custom-arrow-navigation) .custom-arrow-navigation-button):hover {
							background-color: var(--orange);
						}
					}