.vg-select-quote{
	--_grid-template-columns: 1fr;
	--_max-width-table: 625px;

	display: grid;
	grid-template-columns: var(--_grid-template-columns);
	margin-inline: auto;

}

@media (min-width: 800px) {
	.vg-select-quote{
		--_grid-template-columns: 55% 1fr;
	}
}

@media (min-width: 1100px) {
	.vg-select-quote{
		--_grid-template-columns: 59% 1fr;
	}
}

.vg-select-quote__q{
	padding-top: 36px;
}

.vg-select-quote__container,
.vg-select-quote__maintenance-container,
.vg-select-quote__banner-text {
	margin-inline: auto;
	padding-inline: var( --vg--spacing--inline--default );
}

@media (min-width: 800px) {
	.vg-select-quote__container,
	.vg-select-quote__maintenance-container,
	.vg-select-quote__banner-text{
		padding-inline: var( --vg--spacing--inline--default ) 36px;
	}
}

.vg-select-quote__title{
	margin-bottom: 24px;
	color: var(--wp--preset--color--title);
}

.vg-select-quote__content{
	--_margin-block: 0 56px;

	display: flex;
	flex-direction: column;
	gap: 36px;
	margin-block: var(--_margin-block);
}

@media (min-width: 800px) {
	.vg-select-quote__content{
		--_margin-block: 0 72px;
	}
}

.vg-select-quote__banner-image {
	--_banner_height: 150px;
	object-fit: cover;
	width: 100%;
	height: var(--_banner_height);
}

@media (min-width: 800px) {
	.vg-select-quote__banner-image {
		--_banner_height: 250px;
	}
}

@media (min-width: 1100px) {
	.vg-select-quote__banner-image {
		--_banner_height: 420px;
	}
}

.vg-select-quote__select-monthly{
	--_border-color: var(--wp--preset--color--neutral-1);
	--_border-radius: 12px;
	--_border-width: 0.5px;
	--_space-between: 8px;

	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: var(--_space-between);
}

.vg-select-quote__select-monthly span{
	display: inline-flex;
}

.vg-select-quote--weekly-label span{
	border: 0.5px solid var(--_border-color);
	border-radius: var(--_border-radius) 0 0 var(--_border-radius);
	border-width: var(--_border-width) 0 var(--_border-width) var(--_border-width);
	margin-left: var(--_space-between);
	padding: 2px 0 2px 2px;
}

.vg-select-quote--monthly-label span{
	border: 0.5px solid var(--_border-color);
	border-radius: 0 var(--_border-radius) var(--_border-radius) 0;
	border-width: var(--_border-width) var(--_border-width) var(--_border-width) 0;
	margin-right: var(--_space-between);
	padding: 2px 2px 2px 0;
}

.vg-select-quote__select-monthly input[type="radio"]{
	appearance: none;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0px;
}
.vg-select-quote__select-monthly input[type="radio"]:checked{
	appearance: none;
	background: var(--wp--preset--color--primary);
	border-radius: 100%;
}

input#vg-select-quote--weekly:checked{
	background-color: var(--wp--preset--color--secondary);
}

.vg-select-quote__select-monthly label{
	font-weight: bold;
}

.vg-select-quote__registration{
	margin-top: 10px;
}

.vg-select-quote__registration [data-slot-end] {
	margin-left: 13px;
}

.vg-select-quote__list-detail{
	--_gap: 12px;

	display: flex;
	flex-direction: column;
	gap: var(--_gap);
	text-align: center;
	min-height: 570px;
}

@media (min-width: 800px) {
	.vg-select-quote__list-detail{
		--_gap: 16px;
	}
}

.vg-select-quote__list{
	--_gap: 8px;
	--_num_columns: 1;

	display: grid;
    grid-template-columns: repeat( var(--_num_columns), 1fr);
	justify-content: center;
	column-gap: var(--_gap);
	row-gap: var(--_gap);
	text-align: center;
}

.vg-select-quote__list :where(p){
	margin: 0;
}

.vg-select-quote__list.grid-3{
	--_num_columns: 3;
	row-gap: 10px;
}

.vg-select-quote__list.grid-2{
	--_num_columns: 2;
}

@media (min-width: 800px) {
	.vg-select-quote__list{
		--_gap: 20px;
	}
}

.vg-select-quote__list-item{
	--_gap: 16px;

	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--_gap);
}

@media (min-width: 800px) {
	.vg-select-quote__list-item{
		--_gap: 24px;
	}

}

.vg-select-quote__list-item.item-quote-special {
	--_padding-inline: 0;

	grid-column-start: 1;
	grid-column-end: 4;
	padding-inline: var(--_padding-inline);
	padding-top: 56px;

}

.vg-select-quote__list-item.item-quote-special img {
	margin: 0 auto;
}

.vg-select-quote__promotion-conditions {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
	height: fit-content;
	z-index: 1;
}

@media (min-width: 800px) {
	.vg-select-quote__list-item.item-quote-special {
		--_padding-inline: 26px;
	}
}

@media (min-width: 1100px) {
	.vg-select-quote__list-item.item-quote-special {
		--_padding-inline: 78px;
	}
}

.vg-select-quote__list-item-name{
	height: 100%;
}

.vg-select-quote__list-item-label{
	color: var(--wp--preset--color--title);
	text-transform: uppercase;
}

.vg-select-quote__list-item-price{
	--_margin-block: 0;

	margin-block: var(--_margin-block);
	color: inherit;
}

.vg-select-quote__list-item.item-quote-special .vg-select-quote__list-item-price{
	--_margin-block: 8px;

	margin-block: var(--_margin-block);
}

.vg-select-quote__promotion.disabled {
	display: none;
}

[data-slot-end].disabled {
	display: none;
}

.vg-select-quote__promotion{
	--_border-radius: 5px;
	--_min-width: auto;

	display: block;
	background-color: var(--wp--preset--color--tertiary-pink);
	color: var(--wp--preset--color--white);
	display: flex;
	align-items: center;
	padding: 3px;
	min-width: var(--_min-width);
	margin-inline: auto;
	border-radius: var(--_border-radius);
	margin-bottom: 12px;
}

@media (min-width: 1100px) {
	.vg-select-quote__promotion{
		--_min-width: 530px;
	}
}


.vg-select-quote__promotion span:first-child{
	padding: 10px;

}

.vg-select-quote__promotion span:last-child{
	display: block;
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--text);
	padding: 10px;
	width: 100%;
	text-align: left;
	border-top-right-radius: var(--_border-radius);
	border-bottom-right-radius: var(--_border-radius);
}

.vg-select-quote__list-item-price-promotion{
	color: var(--wp--preset--color--text-disabled);
	min-height: 24px;
}

@media (min-width: 800px) {
	.vg-select-quote__list-item-price-promotion{
		min-height: 40px;
	}
}

.vg-select-quote__underline-text{
	--_color-line: var(--wp--preset--color--error-dark);
	--_height-line: 3px;

	position: relative;
	display: inline-block;
	margin-inline: auto;
}

.vg-select-quote__description-promotion p{
	margin-block: 0 4px;
}

.vg-select-quote__description-promotion{
	margin-bottom: 36px;
}

.vg-select-quote__underline-text::after{
	--_position_top: 45%;

	content: '';
	display: block;
	width: 110%;
	height: var(--_height-line);
	background-color: var(--_color-line);
	position: absolute;
	top: var(--_position_top);
	left: -5%;
}

@media (min-width: 800px) {
	.vg-select-quote__underline-text::after{
		--_position_top: 35%;
	}

	.vg-select-quote__registration .vg-select-quote__underline-text::after{
		--_position_top: 45%;
	}
}

.vg-select-quote__cilpcard-price-promotion.vg-select-quote__underline-text::after{
	--_position_top: 45%;
}

.vg-select-quote__list-item-button{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 126px;
}

@media (min-width: 1260px) {
	.vg-select-quote__list-item-button{
		min-height: 98px;
	}
}

.vg-select-quote__list-item.item-quote-special .vg-select-quote__list-item-button{
	--_margin-block: 24px 0;
	min-height: auto;
}

.vg-select-quote__list-item-button input{
	display: none;
}

.vg-select-quote__list-item-button input[type="radio"]:checked + label {
	--_bg: var( --wp--preset--color--primary-disabled );
	--_bw: 2px;
	--_bd: var(--wp--preset--color--primary-hover);
	--_fg: var(--wp--preset--color--primary-hover);
}

.vg-select-quote__list-item-button input[type="radio"]:not(:checked):hover + label {
	--_bg: var( --wp--preset--color--secondary-hover );
}

.vg-select-quote__list-item-button .ob-button{
	--_fs: 20px;
	--_min-width: 100%;
	--_gap: 10px;
	--_pi: 10px;

	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--_gap);
}

@media (min-width: 1100px) {
	.vg-select-quote__list-item-button .ob-button{
		--_pi: 14px;
	}

}

.vg-select-quote__list-item.item-quote-featured .ob-button{
	
}

.vg-select-quote__list-item.item-quote-featured .ob-button:hover{
	--_accent : var(--wp--preset--color--primary-hover);
}

.vg-select-quote__cart-summary{
	--_border-primary: solid 4px var(--wp--preset--color--primary);
	--_padding-inline: 30px;
	--_padding-block: 16px 12px;

	display: flex;
	flex-direction: column;
	gap: 28px;
	background-color: var(--wp--preset--color--white);
	padding-block: var(--_padding-block);
	width: 100%;
	position: sticky;
	padding-inline: var(--_padding-inline)  var( --vg--spacing--inline--default );
	z-index: 99;
}

@media (max-width: 799px) {
	.vg-select-quote__cart-summary{
		border-top: var(--_border-primary);
		bottom: 0;
	}

}

@media (min-width: 800px) {
	.vg-select-quote__cart-summary{
		--_padding-block: 36px;

		border-left: var(--_border-primary);
        position: sticky;
	}

}


@media (min-width: 1100px) {
	.vg-select-quote__cart-summary{
		--_padding-inline: 40px;
	}

}

@media (min-width: 800px) {
	.vg-select-quote__cart-summary vg-disclosure{
		position: sticky;
		top: 20px;
	}
}
@media (min-width: 1100px) {
	.vg-select-quote__cart-summary vg-disclosure{
		top: 100px;
	}
}

.vg-select-quote__cart-summary-title{
	margin: 0;
	color: var(--wp--preset--color--title);
}

.vg-select-quote__cart-summary-title button{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: transparent;
	border: 0;
	padding-left: 0;
}

.vg-select-quote__cart-summary-title button::after{
	--_mask: var(--icon--caret) center / cover;

	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	-webkit-mask: var(--_mask);
    mask: var(--_mask);
	background-color: currentColor;
}

.vg-select-quote__cart-summary-title button[aria-expanded="true"]::after {
	transform: rotate(180deg);
}

.vg-select-quote__cart-summary-content{
	--_margin-bottom : 20px;

	margin-block: var(--_margin-bottom) 0;
	min-height: 500px;
}

@media (min-width: 800px) {
	.vg-select-quote__cart-summary-content{
		--_margin-bottom : 28px;
	}
}

.vg-select-quote__cart-summary-content table{
	margin-block: 0 var(--_margin-bottom);
}

@media (max-width: 799px) {
	.vg-select-quote__cart-summary-content div:last-child table{
		margin-bottom: 0;
	}
}

.vg-select-quote__cart-summary-subtitle{
	margin-bottom: 4px;
	color: var(--wp--preset--color--title);
}

.vg-select-quote__cart-summary-detail{
	width: 100%;
	border-collapse: collapse;
	display: table;
}

.vg-select-quote__cart-summary-detail tbody tr{
	border-bottom: dotted 1px var(--wp--preset--color--neutral-2);
}

.vg-select-quote__cart-summary-detail td{
	--_padding-cell: 8px;

	padding-top: 12px;
	width: max-content;
}

.vg-select-quote__cart-summary-detail td span{
	background-color: var(--wp--preset--color--white);
	position: relative;
	bottom: -6px;
}
.vg-select-quote__table-label span{
	padding-right: var(--_padding-cell);
}

.vg-select-quote__table-price{
	text-align: right;
}

.vg-select-quote__table-price span{
	padding-left: var(--_padding-cell);
}

.vg-select-quote__cart-summary-detail tfoot td{
	padding-top: 20px;
}

.vg-select-quote__table-total .vg-select-quote__table-label{
	width: 100%;
	padding-right: 24px;
	text-align: right;
}

.vg-select-quote__cart-summary-detail-mobil{
	display: block;
	margin-block: 8px 0;
	display: grid;
	grid-template-columns: max-content 1fr;
	row-gap: 8px;
	column-gap: 12px;
}

.vg-select-quote__cart-summary-detail-mobil dd{
	text-align: right;
}

@media (min-width: 800px) {
	.vg-select-quote__cart-summary-detail-mobil{
		display: none;
	}
}

.vg-select-quote__cart-summary vg-disclosure[data-open="true"] .vg-select-quote__cart-summary-detail-mobil{
	display: none;
}

.vg-select-quote__addons{
	--_padding-block: 56px;

	background: var(--wp--preset--color--neutral-2-disabled);
	padding-block: var(--_padding-block);
}

@media (min-width: 1100px) {
	.vg-select-quote__addons{
		--_padding-block: 72px;
	}
}

.vg-select-quote__addons-container{
	--_gap: 32px;

	display: flex;
	flex-direction: column;
	gap: var(--_gap);
}


@media (min-width: 800px) {
	.vg-select-quote__addons-container{
		--_gap: 36px;
	}
}
@media (min-width: 1100px) {
	.vg-select-quote__addons-container{
		--_gap: 37px;
	}
}

.vg-select-quote__addons-title{
	margin-block: 0;
	color: var(--wp--preset--color--title);
	text-align: center;
}

.vg-select-quote__addons-list{
	--_gap: 48px;

	display: flex;
	flex-direction: column;
	gap: var(--_gap);
	text-align: center;
}
@media (min-width: 800px) {
	.vg-select-quote__addons-list{
		--_gap: 56px;
	}
}

.vg-select-quote__addons-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;

	max-width: var(--_max-width-table);
	margin-inline: auto;
}

.vg-select-quote__addons-item :where(h3, p){
	margin: 0;
}

.vg-select-quote__addons-item :where(p){
	text-align: left;
}

.vg-select-quote__addons-image,
.vg-select-quote__subscription-image {
	--_margin-inline: 0;

	margin-inline: var(--_margin-inline);
	aspect-ratio: 483/268;
	object-fit: cover;
	max-width: 500px;
	width: 100%;
}

@media (min-width: 415px) {
	.vg-select-quote__addons-image{
		--_margin-inline: 29px;
	}
}

@media (min-width: 1100px) {
	.vg-select-quote__addons-image{
		--_margin-inline: 24px;
	}
}

.vg-select-quote__addons-item-title{
	--_margin-block: 0 16px;

	margin-block: var(--_margin-block);
	color: var(--wp--preset--color--title);
}

@media (min-width: 1100px) {
	.vg-select-quote__addons-item-title{
		--_margin-block: 0 20px;
	}
}

.vg-select-quote__addons-price{
	margin-top: 16px;
	color: var(--wp--preset--color--title);
}

.vg-select-quote__addons-button{
	position: relative;
}

.vg-select-quote__addons-button input[type="checkbox"]{
	display: none;
}

.vg-select-quote__addons-button input[type="checkbox"] + label{
	--_min-width: 100%;
	--_fs: 20px;
}

@media (min-width: 415px) {
	.vg-select-quote__addons-button input[type="checkbox"] + label{
		--_min-width: 330px;
	}
}

.vg-select-quote__clipcard{
	--_padding-block: 56px;

	background-color: var(--wp--preset--color--neutral-1);
	color: var(--wp--preset--color--white);
	padding-block: var(--_padding-block);
}

.vg-select-quote__clipcard-list {
	--_gap: 56px;

	display: flex;
	flex-direction: column;
	gap: var(--_gap);
}

@media (min-width: 1100px) {
	.vg-select-quote__clipcard{
		--_padding-block: 72px;
	}
}

.vg-select-quote__clipcard :where(h3, p){
	margin: 0;
}

.vg-select-quote__clipcard-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	max-width: var(--_max-width-table);
	margin-inline: auto;
}

.vg-select-quote__clipcard-image{
	--_max-width: 500px;

	aspect-ratio: 483/268;
	object-fit: cover;
	width: calc(100% - 48px);
	margin-inline: 24px;
	max-width: var(--_max-width);
}

.vg-select-quote__clipcard-title{
	--_margin-block: 0 16px;

	color: var(--wp--preset--color--primary);
	text-align: center;
	text-transform: uppercase;
	margin-block: var(--_margin-block);
}

@media (min-width: 1100px) {
	.vg-select-quote__clipcard-title{
		--_margin-block: 0 20px;
	}
}

.vg-select-quote__cilpcard-price{
	color: var(--wp--preset--color--primary);
}

.vg-select-quote__clipcard-description{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vg-select-quote__clipcard-description ul{
	--_mask: var(--icon--vivagym) no-repeat center / contain;

	margin: 0;
	padding-left: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	list-style: none;
}

.vg-select-quote__clipcard-description ul li{
	display: flex;
	align-items: center;
}

.vg-select-quote__clipcard-description ul li:before{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	padding: 4px;
	-webkit-mask: var(--_mask);
	mask: var(--_mask);
	background-color: var(--wp--preset--color--white);
}

.vg-select-quote__cilpcard-prices{
	margin-top: 16px;
}
.vg-select-quote__cilpcard-prices,
.vg-select-quote__clipcard-conditions,
.vg-select-quote__clipcard-button{
	text-align: center;
}

.vg-select-quote__cilpcard-price-promotion{
	--_color-line: var(--wp--preset--color--primary);
	--_height-line: 2px;

	color: var(--wp--preset--color--text-disabled);
}

.vg-select-quote__clipcard-button{
	position: relative;
}

.vg-select-quote__cilpcard-price{
	margin-bottom: 4px;
}
.vg-select-quote__cilpcard-price-detail{
	margin-top: 16px;
}

.vg-select-quote__clipcard-button input[type="checkbox"]{
	display: none;
}
.vg-select-quote__clipcard-button label{
	--_min-width : 100%;
	--_fs: 20px;
}

@media (min-width: 415px) {
	.vg-select-quote__clipcard-button label{
		--_min-width : 330px;
	}
}

.vg-select-quote__clipcard-conditions{
	display: flex;
	justify-content: center;
	align-items: center;
}

.vg-select-quote__clipcard-conditions a{
	color: currentColor;
}

@media (min-width: 1100px) {
	.vg-select-quote__clipcard-conditions a{
		margin-left: 5px;
	}
}

.vg-select-quote__clipcard-conditions a:hover{
	text-decoration: none;
}

.vg-select-quote__clipcard-conditions.vg-form__field-group-checkbox label::before{
	border-color: var(--wp--preset--color--white);
}

.vg-select-quote__panel-submit{
	--_padding-block: 56px 48px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-block: var(--_padding-block); ;
}

@media (min-width: 800px) {
	.vg-select-quote__panel-submit{
		--_padding-block: 72px 48px;
	}
}

.vg-select-quote__panel-submit .vg-select-quote__submit{
	--_fs: 20px;
}

.vg-form__field-group-checkbox label{
	position: relative;
	display: flex;
	align-items: center;
}

@media (max-width: 1099px) {
	.vg-select-quote__clipcard-conditions.vg-form__field-group-checkbox label{
		display: inline;
		text-align: left;
	}
}

.vg-form__field-group-checkbox label:before{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	border: solid 2px var(--wp--preset--color--neutral-1);
	margin-right: 8px;
}

.vg-form__field-group-checkbox input[type="checkbox"]{
	display: none;
}

.vg-form__field-group-checkbox input[type="checkbox"]:checked + label::after{
	--_mask: var(--icon--check) center / contain;
	--_position_top: 5px;

	content: '';
	background-color: var(--wp--preset--color--white);
	width: 12px;
	height: 12px;
	display: inline-block;
	-webkit-mask: var(--_mask);
  	mask: var(--_mask);
	position: absolute;
	left: 2px;
	top: var(--_position_top);
}

@media (min-width: 1100px) {
	.vg-form__field-group-checkbox input[type="checkbox"]:checked + label::after{
		--_position_top: auto;
	}
}

.vg-form__field-group-checkbox input[type="checkbox"]:checked + label:before{
	background-color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
}

.vg-select-quote__table .vg-tooltip__panel{
	--_min-width: 360px;
}

@media (min-width: 801px) {
	.vg-select-quote__table .vg-tooltip__panel{
		--_min-width: 650px;
	}
}

dialog.tooltip-click{
	border-color: var(--wp--preset--color--neutral-2);
	min-height: 200px;
}

dialog.tooltip-click .close-btn{
	color: var(--wp--preset--color--tertiary-pink);
}

dialog.tooltip-click .vg-modal__content{
	padding-right: 20px;
}