.budi-pakete-cards {
	--budi-pakete-accent: #E66F00;
	--budi-pakete-muted: #f2f2f2;
	color: var(--color-sub);
	font-family: "Poppins", "Poppins-Child", "Source Sans Pro", Arial, sans-serif;
}

.budi-pakete-cards__tabs {
	display: flex;
	padding: 10px 18px 10px 10px;
	justify-content: center;
	align-items: center;
	gap: 0;
	border-radius: 100px;
	background: #F6F6F6;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto 46px;
}

.budi-pakete-cards .budi-pakete-cards__tab {
	appearance: none;
	border: 0 !important;
	border-radius: 100px !important;
	background: transparent !important;
	color: var(--color-sub) !important;
	cursor: pointer;
	font: inherit;
	font-size: 20px !important;
	font-weight: 600;
	line-height: 1.2;
	padding: 8px 20px !important;
	transition: background-color 180ms ease, color 180ms ease;
	white-space: nowrap;
}

.budi-pakete-cards .budi-pakete-cards__tab.is-active {
	background: var(--budi-pakete-accent) !important;
	color: #fff !important;
}

.budi-pakete-cards .budi-pakete-cards__tab--red.is-active {
	background: var(--color-main) !important;
}

.budi-pakete-cards button.budi-pakete-cards__tab:hover{
	background: transparent !important;
	color: var(--color-sub) !important;
	outline: none;
}

.budi-pakete-cards button.budi-pakete-cards__tab.is-active:hover{
	background: var(--budi-pakete-accent) !important;
	color: #fff !important;
}

.budi-pakete-cards button.budi-pakete-cards__tab--red.is-active:hover{
	background: var(--color-main) !important;
}

.budi-pakete-cards__panel {
	display: none;
}

.budi-pakete-cards__panel.is-active {
	display: block;
}

.budi-pakete-cards__panel--red {
	--budi-pakete-accent: var(--color-main);
}

.budi-pakete-cards__grid {
	overflow: hidden;
	padding: 40px;
	margin: -40px;
}

.budi-pakete-cards__grid .swiper-wrapper {
	align-items: stretch;
}

.budi-pakete-cards__grid .swiper-slide {
	height: auto;
}

.budi-pakete-cards__slider-nav {
	margin-top: 30px;
}

.budi-pakete-cards__card {
	height: 100%;
	display: flex;
	padding: 25px;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	flex-shrink: 0;
	border-radius: 25px;
	background: #FFF;
	box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.15);
}

.budi-pakete-cards__icon {
	display: flex;
	align-items: center;
	width: 70px;
	height: 70px;
	color: var(--budi-pakete-accent);
}

.budi-pakete-cards__icon:empty {
	display: none;
}

.budi-pakete-cards__icon-image,
.budi-pakete-cards__icon svg,
.budi-pakete-cards__icon img {
	display: block;
	width: auto;
	max-width: 66px;
	height: auto;
	max-height: 66px;
	object-fit: contain;
	color: var(--budi-pakete-accent);
}

.budi-pakete-cards__icon svg * {
	stroke: currentColor;
}

.budi-pakete-cards__title {
	align-self: flex-start;
	max-width: 100%;
	margin: 0;
	padding: 8px 12px;
	border: 1px solid var(--budi-pakete-accent);
	border-radius: 999px;
	color: var(--budi-pakete-accent);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
}

.budi-pakete-cards__meta {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
}

.budi-pakete-cards__time {
	color: var(--color-sub);
}

.budi-pakete-cards__time span,
.budi-pakete-cards__time strong,
.budi-pakete-cards__time b,
.budi-pakete-cards__time:first-letter {
	color: var(--budi-pakete-accent);
}

.budi-pakete-cards__time span,
.budi-pakete-cards__time strong,
.budi-pakete-cards__time b {
	font-size: 36px;
	line-height: 1;
}

.budi-pakete-cards__teaser {
	display: none;
	color: var(--color-sub);
}

.budi-pakete-cards__rule {
	width: 40px;
	height: 1px;
	margin: 0;
	background: var(--budi-pakete-accent);
}

.budi-pakete-cards__services {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.42;
}

.budi-pakete-cards__services ul {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.budi-pakete-cards__services li {
	position: relative;
	margin: 0;
	padding-left: 30px;
}

.budi-pakete-cards__services li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.08em;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_409_9796)'%3E%3Cpath d='M19.9989 10.0001C19.9989 8.64511 19.4039 7.36678 18.3947 6.56344C18.5114 5.21178 18.028 3.88761 17.0697 2.92844C16.1114 1.97094 14.7905 1.48844 13.5055 1.63261C11.8272 -0.497392 8.20136 -0.537392 6.56219 1.60344C5.20886 1.48344 3.88636 1.96927 2.92802 2.92844C1.97052 3.88678 1.48719 5.21178 1.63219 6.49261C-0.497809 8.17094 -0.538642 11.7968 1.60302 13.4368C1.48636 14.7884 1.96969 16.1126 2.92802 17.0718C3.88636 18.0293 5.20886 18.5134 6.49219 18.3676C8.17052 20.4976 11.7964 20.5376 13.4355 18.3968C14.7855 18.5101 16.1105 18.0309 17.0697 17.0718C18.0272 16.1134 18.5105 14.7884 18.3655 13.5076C19.4039 12.6343 19.9989 11.3559 19.9989 10.0009V10.0001ZM14.6155 8.80511L10.6664 12.6118C9.69719 13.5793 8.11136 13.5709 7.14219 12.6009L5.26552 10.8576C4.92886 10.5443 4.90886 10.0168 5.22219 9.68011C5.53636 9.34261 6.06469 9.32428 6.39969 9.63678L8.29802 11.4009C8.64636 11.7484 9.17302 11.7476 9.49802 11.4218L13.458 7.60428C13.7897 7.28594 14.3172 7.29511 14.6364 7.62594C14.9564 7.95678 14.9464 8.48511 14.6155 8.80428V8.80511Z' fill='%23171717'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_409_9796'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}

.budi-pakete-cards__button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	margin-top: auto;
	padding: 12px 18px;
	border-radius: 999px;
	background: linear-gradient(90deg, #E66F00 0%, #FF7E06 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.budi-pakete-cards__panel--red .budi-pakete-cards__button {
	background: linear-gradient(90deg, var(--color-main) 0%, var(--color-light) 100%);
}

.budi-pakete-cards .budi-pakete-cards__button:hover,
.budi-pakete-cards .budi-pakete-cards__button:focus {
	color: #fff;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

@media (max-width: 767px) {
	.budi-pakete-cards__tabs {
		margin-bottom: 30px;
		overflow-x: auto;
		justify-content: flex-start;
	}
}

@media (max-width: 576px) {
	.budi-pakete-cards__grid .swiper-wrapper {
		align-items: flex-start;
	}

	.budi-pakete-cards__card {
		height: auto;
	}

	.budi-pakete-cards__icon {
		width: 60px;
		height: 60px;
	}
}