.lo-card-active .lo-progressbar-card-indicator,
.lo-card-animate .lo-progressbar-card-indicator {
	left: 0;
	background-image: linear-gradient(90deg, #f100d7 0, #ff1f2f 15%, #f25349 33%, #ffa93f 49%, #b3d676 63%, #0086ca 83%, #00f 100%);
	bottom: 0;
	width: 100%
}

.bg-progressbar-card {
	background-color: #f2f2f2
}

.bg-progressbar-card-active {
	background-color: #f8ce6c
}

.bg-module-container {
	background-image: linear-gradient(to bottom, #fff 85%, #e6ebf1 100%)
}

.bg-card-active {
	background-color: #fff
}

.cl-dark {
	color: #212336
}

.cl-light {
	color: #8d99af
}

.cl-dark-hover,
.lo-card-active-h .tx-title-3 {
	color: #2a2a2a
}

.pd-heading {
	padding: 1.25% 2% 1% .5%
}

.pd-card-container {
	padding: 2% 2.5%
}

.pd-card-md {
	padding: 0 0 2rem
}

.pd-text-content {
	padding: 5.3% 4% 5% 6.5%
}

.pd-card-text p {
	padding-top: 8px;
	padding-bottom: 0;
	padding-left: 5px
}

.pd-list li {
	padding: 4% 0
}

.sp-module-container {
	margin: 1% auto 5%
}

.sp-content-container {
	margin-top: 25px
}

.sp-card-container {
	gap: 1.5rem
}

.sp-text-content h4 {
	margin-left: -3%;
	margin-top: -1.2%;
	margin-bottom: 2%
}

.sp-text-content p {
	margin-bottom: 4%;
	margin-top: 1%;
	margin-left: -3%
}

.sp-heading {
	margin-bottom: 1.7%
}

.sp-card-clicked {
	margin-bottom: 5px
}

.sp-progressbar-card {
	margin-bottom: 3px;
	margin-left: 6px
}

.sp-card-text p {
	margin-top: 8px
}

.sp-list {
	gap: 2rem
}

.rd-card-container {
	border-radius: 5px
}

.lo-module-container {
	margin: auto;
	display: flex;
	justify-content: space-between;
	width: 100%
}

.lo-content-container {
	display: flex;
	position: relative;
	width: 100%;
	overflow: hidden
}

.lo-card-container-h {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	min-height: 70px;
	overflow: hidden
}

@media screen and (max-width:1250px) {
	.sp-text-content h4 {
		margin-left: -2%
	}

	.sp-text-content p {
		margin-left: -1%
	}

	.sp-list {
		gap: 1.6rem
	}

	.lo-card-container-h .pd-tab-nav {
		padding: 2% 1.8%
	}

	.lo-card-container-h .gap-tab-nav {
		gap: .4rem
	}
}

.lo-card-container-v {
	display: flex;
	flex-direction: column
}

.lo-card-v {
	display: flex;
	flex-direction: column;
	position: relative
}

.lo-card-v .title {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between
}

.div-block-680 {
	width: 24px;
	min-width: 24px;
	height: 24px;
	min-height: 24px
}

.lo-list-item:last-child::after,
.sp-card-md.lo-card-active.sh-card-active.lo-card-animate .div-block-680 .plus-icon,
.sp-card-md.lo-card-inactive .div-block-680 .minus-icon {
	display: none
}

.sp-card-md.lo-card-active.sh-card-active.lo-card-animate .div-block-680 .minus-icon {
	display: block
}

.sp-card-md.lo-card-inactive {
	border: 1px solid #fad4da;
	border-radius: 15px;
	padding: 30px 40px;
	position: relative;
	overflow: hidden
}

.sp-card-md.lo-card-active.sh-card-active.lo-card-animate {
	border-radius: 15px;
	padding: 30px 40px;
	position: relative;
	overflow: hidden;
	background: #fff;
	height: 210px
}

.lo-card-v div[role=title]:hover {
	cursor: pointer
}

.lo-card-active .lo-progressbar-card,
.lo-card-animate .lo-progressbar-card {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	height: 2px
}

.lo-card-active .lo-progressbar-card-indicator {
	position: absolute;
	height: 2px;
	z-index: -1
}

.lo-card-active div[role=description] {
	transition: .4s;
	margin-top: 15px
}

.lo-card-inactive .lo-progressbar-card {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1
}

.lo-card-inactive .lo-progressbar-card-indicator {
	visibility: hidden
}

.lo-card-inactive div[role=description] {
	max-height: 0;
	overflow: hidden;
	transition: transform 5s ease-in;
	background-color: #fff
}

.lo-card-inactive div[role=title] {
	color: #7e7a7a
}

.lo-card-animate .lo-progressbar-card-indicator {
	visibility: visible;
	position: absolute;
	height: 5px;
	animation: 8s linear forwards progress-bar-v
}

@keyframes progress-bar-v {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

.lo-content-block-text {
	max-width: 45%;
	flex: 0 0 45%
}

.lo-content-block-image {
	display: flex;
	flex-direction: row;
	justify-content: center;
	max-width: 50%;
	flex: 0 0 50%;
	position: relative;
	background: #fff;
	align-items: center;
	border-radius: 15px
}

.lo-img-container {
	position: absolute;
	top: 50%;
	transition: opacity .5s linear;
	transform: translateY(-50%)
}

.lo-progressbar-h {
	position: absolute;
	top: 8px;
	width: 87%;
	height: 2px
}

.lo-progressbar-active {
	position: absolute;
	top: 8px;
	width: 0%;
	height: 4px;
	animation: 5s forwards fillProgress
}

@keyframes fillProgress {
	0% {
		width: 0%
	}

	100% {
		width: 100%
	}
}

.lo-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.lo-list-item {
	position: relative;
	max-width: 80%
}

@media screen and (max-width:900px) {
	.sp-text-content h4 {
		margin-left: 2%;
		margin-bottom: 3%
	}

	.sp-text-content p {
		margin-left: 2%
	}

	.sp-list {
		gap: 1.2rem
	}

	.lo-list-item {
		max-width: 90%;
		font-size: 16px;
		line-height: 30px;
		margin-left: 8%
	}
}

.lo-list-item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: -18px;
	display: block;
	width: 100%;
	height: .5px;
	background-color: rgba(236, 235, 235, .5);
	margin-top: 5px
}

.lo-card-h:hover {
	background-color: #fff;
	z-index: 2;
	box-shadow: -1px .8px 13px .5px #d8dbe2;
	transition: background-color .5s
}

.lo-card-active-h {
	width: 105%;
	z-index: 1;
	transition: background-color .5s
}

.lo-title {
	max-width: 380px
}

@media screen and (max-width:767px) {
	.lo-card-v .title img {
		left: -3rem
	}

	.pd-card-md {
		padding: 0 0 2rem 3rem
	}
    .sp-card-md.lo-card-inactive {
        padding: 20px 20px;
    }
}

@media only screen and (min-width:1440px) and (max-width:1599px) {
	.sp-card-md.lo-card-active.sh-card-active.lo-card-animate {
		height: 180px
	}

	.lo-img-container {
		padding: 2rem
	}
}

@media only screen and (min-width:1366px) and (max-width:1439px) {
	.sp-card-md.lo-card-active.sh-card-active.lo-card-animate {
		height: 180px
	}

	.lo-img-container {
		padding: 2rem
	}
}

@media only screen and (min-width:1280px) and (max-width:1365px) {
	.sp-card-md.lo-card-active.sh-card-active.lo-card-animate {
		height: 180px
	}

	.lo-img-container {
		padding: 2rem
	}
}

@media only screen and (min-width:1140px) and (max-width:1279px) {
	.sp-card-md.lo-card-active.sh-card-active.lo-card-animate {
		height: 180px
	}

	.lo-img-container {
		padding: 2rem
	}
}

@media only screen and (min-width:0px) and (max-width:992px) {
	.sp-card-md.lo-card-active.sh-card-active.lo-card-animate {
		height: auto
	}
}