/* TABS */

.TOGGLE {
	position: relative;
}

.TOGGLE .toggle {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--s3);
	margin-bottom: var(--s7);
	margin-left: var(--col-2);
}

.TOGGLE nav ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: var(--s1);
}

.TOGGLE nav li {
	border: 1rem solid transparent;
	border-width: 1rem 1rem 0 1rem;
}

.TOGGLE nav label {
	display: block;
	cursor: pointer;
	max-width: 100%;
	box-sizing: border-box;
}

.TOGGLE .b-column:nth-child(2) .content {position: relative;}


.TOGGLE .b-columns.alt-flickity.alt-b .b-column {
	margin-bottom: var(--s6) !important;
	padding: var(--s2);
	margin-right: var(--s4);
}

.TOGGLE .b-columns.alt-flickity.alt-b .b-column.is-selected.is-nav-selected {
	color: var(--teal);
    border-bottom: 2px solid var(--teal);
}

.TOGGLE h2 {
	margin-top: var(--s3);
}

.TOGGLE .b-buttons {
	font-size: initial;
	text-align: center;
}

.TOGGLE .b-button {
	width: -webkit-fill-available;
}

.TOGGLE a:not(.b-button) {
	position: relative;
	text-decoration: none;
	font-weight: 800;
	text-align: center;
}

.TOGGLE a:not(.b-button):hover {color: var(--white);}

.TOGGLE .content {
	background: var(--midnight-300);
	border-radius: var(--s4);
	border: 1rem solid var(--blue);
	padding: var(--s5) var(--s4);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 620rem;
}

.TOGGLE .b-column:nth-child(2) .content::after {
	content: 'POPULAR';
	position: absolute;
	width: auto;
	height: auto;
	top: var(--ns5);
	left: var(--s3);
	background: linear-gradient(0deg, rgba(66, 225, 217, 0.42) -56.47%, rgba(36, 122, 137, 0.69) -4.98%, rgba(13, 45, 78, 0.88) -12.89%, #00002B -0.27%);
	padding: 0 var(--s2);
	color: var(--teal);
	font-weight: 500;
	font-size: 15rem;
}


.TOGGLE .check-box {
	height: 38rem;
}

.TOGGLE input[type="checkbox"] {
    position: relative;
    appearance: none;
    width: 45rem;
    height: 30rem;
    background: var(--blue-on-dark);
    border-radius: 50rem;
    cursor: pointer;
    transition: 0.4s;
}

.TOGGLE input:checked[type="checkbox"] {
    background: var(--blue-on-dark);
}

.TOGGLE input[type="checkbox"]::after {
    position: absolute;
    content: "";
    width: 22rem;
    height: 22rem;
    top: 4rem;
    left: 5rem;
    background: var(--white);
    border-radius: 50%;
    transform: scale(1.1);
    transition: 0.4s;
}

.TOGGLE input:checked[type="checkbox"]::after {
    left: 43%;
    background: var(--white);
}

.TOGGLE .pricing {
	color: var(--dark-green); 
	display: flex;
	align-items: center;
	gap: 10rem;
}


.TOGGLE .pricing .amount {
	font-size: 64rem;
	font-weight: 600;
}

.TOGGLE .pricing .details {
	display: flex;
	flex-direction: column;
	font-size: 18rem;
	font-weight: 600;
	line-height: 1.2;
}

@media screen and (min-width: 961px) {
	/* .TOGGLE .b-column {padding: var(--s4);} */

	.TOGGLE .b-column:nth-child(2) .content::before {
		content: '';
		position: absolute;
		top: -20rem;
		left: -15rem;
		width: 100%;
		height: 100%;
		border: 1px solid var(--teal);
		border-radius: var(--s5);
		background: transparent;
		padding: var(--s3);
	}

	.TOGGLE .b-columns.alt-desktop {display: flex;}
	.TOGGLE .b-columns.alt-mobile {display: none;}
	.TOGGLE .b-columns.alt-b {display: none;}

}

@media screen and (max-width: 960px) {
	.TOGGLE nav ul {padding-left: 0;}
	.TOGGLE .toggle {margin-left: var(--s5); font-size: 16rem;}
	.TOGGLE .content {min-height: 450rem;}
	.TOGGLE h2 {font-size: 60rem;}
	.TOGGLE .b-column:nth-child(2) .content::after {top: var(--s3); left: auto; right: var(--s3); background: none;}
	.TOGGLE .b-columns.alt-desktop {display: none;}
	.TOGGLE .b-columns.alt-mobile {display: block;}
	.TOGGLE .b-columns.alt-b {display: block;}

}

/* WP ADMIN */

.editor-styles-wrapper .TOGGLE nav li:nth-child(1) {border-color: var(--light-grey); background: var(--white);}
.editor-styles-wrapper .TOGGLE .TOGGLE .tab:nth-child(1) {display: block;}