/* Form-Column Layout */
.register__form-columns {
	flex-direction: column;
}

/* Page Content Wrapper */
#content4 {
	margin: 0 120px;
}

/* Plan-Selection Grid */
/* hide the default question label */
#p264 {
	display: none;
}

/* flex container for the 3 plans */
.spanc264.drg-element-type-cms-content.drg-element-sub-type-category-8 > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch; /* or flex-start if you prefer no extra bottom space */
	margin: 0;
	padding: 0;
	list-style: none;
}

/* each plan is one third, flex-column to let the inner label stretch */
.spanc264.drg-element-type-cms-content.drg-element-sub-type-category-8
	> ul
	> li {
	flex: 1 0 33.3333%;
	display: flex;
	flex-direction: column;
	margin: 0;
}
/* make the CA province field full width */
.drg-element-sub-type-fieldname-RECIPIENTSTATE {
	flex: 1;
}

/* hide the radio inputs */
.spanc264.drg-element-type-cms-content.drg-element-sub-type-category-8
	input[type='radio'] {
	display: none;
}

/* center & size the plan images */
.spanc264.drg-element-type-cms-content.drg-element-sub-type-category-8 img {
	display: block;
	margin: 0 auto 40px;
	max-width: 200px;
}

/* Radiolabel / Hover & Selected */
.radiolabel {
	flex: 1;
	display: block;
	padding: var(--ms-space-3);
	border-radius: 0;
	transition: background-color 0.2s;
	cursor: pointer;
}

.paidElement + .radiolabel {
	border-radius: 1.5rem;
}

.radiolabel:hover,
.paidElement:checked + .radiolabel {
	background-color: var(--ms-color-navy);
	color: var(--ms-color-bg);
}

.radiolabel:hover {
	color: white;
}

.paidElement:checked + .radiolabel:hover {
	background-color: #243141;
}

.offer-landing__learn-more {
	position: relative;
	text-align: center;
	margin-bottom: var(--ms-space-2);
}

.offer-landing__learn-more .learn-more__modal {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	min-width: 200px;
	padding: 1em 1.5em;
	background: var(--ms-color-beige);
	color: #2c3b4b;
	box-shadow: 1px 2px 10px rgba(44, 59, 75, 0.2);
	border-radius: 4px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	z-index: 10;
}

.offer-landing__learn-more .learn-more__modal::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 8px solid transparent;
	border-top-color: #fffef7;
}

.learn-more__trigger:hover + .learn-more__modal {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* Learn-More Trigger */
.learn-more__trigger {
	font-size: var(--ms-text-sm);
	line-height: var(--ms-leading-normal);
	text-transform: uppercase;
	color: var(--ms-color-navy);
	cursor: pointer;
	font-weight: 700;
	letter-spacing: 0.1em;
}

/* Modal List Styling */
.register-landing__offer-list {
	text-transform: uppercase;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.register-landing__offer-list li {
	font-weight: 400;
	padding: 0.5em 0;
	font-size: var(--ms-text-xs);
	letter-spacing: 0.05em;
	line-height: 1.3;
	border-bottom: 1px solid var(--ms-color-border-muted);
	transition: border 0.2s, color 0.2s;
}

.register-landing__offer-list li:last-child {
	border-bottom: none;
}

.register-landing__offer-list strong {
	font-weight: 700;
}

.paidElement:checked + .radiolabel,
.paidElement:checked + .radiolabel .learn-more__trigger,
.paidElement:checked
	+ .radiolabel
	h2.register-landing__offer-title.register-landing__offer-title--centered {
	color: var(--ms-color-bg);
}

.learn-more__trigger:hover {
	color: #fff;
}

.spanc264.drg-element-type-cms-content.drg-element-sub-type-category-8
	> ul
	> li:hover
	.learn-more__trigger,
.spanc264.drg-element-type-cms-content.drg-element-sub-type-category-8
	> ul
	> li:hover
	h2.register-landing__offer-title.register-landing__offer-title--centered {
	color: #fff;
}

h2.register-landing__offer-title.register-landing__offer-title--centered {
	font-family: var(--ms-font-serif-display);
	line-height: var(--ms-leading-tight);
	color: var(--ms-color-navy);
	font-size: var(--ms-text-2xl);
	text-align: center;
}

p.register-landing__offer-price--gift {
	font-size: var(--ms-text-4xl);
	line-height: var(--ms-leading-normal);
	margin-bottom: 0;
	transition: border 0.2s, color 0.2s;
	text-align: center;
	font-family: var(--ms-font-serif-display);
}

sup {
	vertical-align: super;
	font-size: var(--ms-text-2xl);
	padding-left: 5px;
	text-decoration: underline;
	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.125rem;
}

ul.register-landing__offer-list strong {
	font-family: var(--ms-font-sans);
	font-weight: 700;
}

p#p2,
p#p17 {
	margin-left: 0;
}

p#p1,
p#p16 {
	margin-right: 0px;
}

.sec1 {
	display: flex;
	flex-direction: row;
	margin-bottom: 0;
}

.left1 {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: var(--ms-space-2);
}

.right1 {
	padding-left: 60px;
	flex: 1;
}

.submit {
	text-align: center;
}

.small-body-text {
	padding: var(--ms-space-6) 0 0;
	border-top: 1px solid var(--ms-color-border-muted);
}

div#state-row:first-of-type {
	display: flex;
	gap: 40px;
}

p#p8 {
	flex: 1;
}

span.spanc8.drg-element-type-standard-field.drg-element-sub-type-fieldname-STATE {
	flex: 1;
}

p#p9 {
	flex: 1;
}

div#state-row ul,
div#state-row ul li {
	flex: 1;
	margin: 0;
}

div#state-row ul.groupul {
	gap: 40px;
	display: flex;
}

span.spanc274.drg-element-type-cms-content.drg-element-sub-type-category-1 > ul,
span.spanc275.drg-element-type-cms-content.drg-element-sub-type-category-1
	> ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
}

span.spanc274.drg-element-type-cms-content.drg-element-sub-type-category-1
	> ul
	> li,
span.spanc275.drg-element-type-cms-content.drg-element-sub-type-category-1
	> ul
	> li {
	flex: 1 0 33.3333%;
	display: flex;
	flex-direction: column;
	margin: 0;
}

p#p274,
p#p275 {
	display: none;
}

input#id274_32 {
	display: none;
}

input#id274_33 {
	display: none;
}

input#id275_34 {
	display: none;
}

input#id275_35 {
	display: none;
}

/* Hover on any label */
.radiolabel:hover {
	background-color: #2c3b4b;
	color: #fff;
}

#id274_33:checked + .radiolabel,
#id274_32:checked + .radiolabel,
#id275_34:checked + .radiolabel,
#id275_35:checked + .radiolabel {
	background-color: #2c3b4b;
	color: #fff;
}

#id274_32:checked + .radiolabel {
	background-color: #2c3b4b;
	color: #fff;
}

.giftloc figure {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

img.register-landing__location-img {
	max-width: 60px;
	border: 1px solid #e7e4d3;
	transition: border 0.2s;
	border-radius: 50%;
	overflow: hidden;
	width: 100%;
}

figcaption.register-landing__location-title,
.register-landing__location-price {
	font-family: var(--ms-font-serif-display);
	padding: 5px 10px 0 20px;
	font-size: var(--ms-text-2xl);
	line-height: 1em;
}

.register-landing__location-price {
	font-size: var(--ms-text-6xl);
	line-height: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.giftloc label {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 30px;
}

span.register-landing__location-price-term {
	font-style: italic;
	text-transform: lowercase;
	color: var(--ms-color-slate);
	font-size: var(--ms-text-xs);
	line-height: 14px;
	transition: color 0.2s;
	letter-spacing: 0;
	display: block;
}

.giftloc .radiolabel {
	padding: 0px;
	border-radius: 9999px;
}

.register-landing__location-price-info {
	display: flex;
	gap: 0.25rem;
	margin-right: 0.5rem;
}

abbr {
	letter-spacing: 0.05em;
	transition: color 0.2s;
	font-size: var(--ms-text-xs);
	line-height: 18px;
}

#id274_33:checked + .radiolabel abbr,
#id274_32:checked + .radiolabel abbr,
#id275_34:checked + .radiolabel abbr,
#id275_35:checked + .radiolabel abbr {
	color: var(--ms-color-bg);
}

#id274_33:checked + .radiolabel span.register-landing__location-price-term,
#id274_32:checked + .radiolabel span.register-landing__location-price-term,
#id275_34:checked + .radiolabel span.register-landing__location-price-term,
#id275_35:checked + .radiolabel span.register-landing__location-price-term {
	color: var(--ms-color-bg);
}

.radiolabel:hover span.register-landing__location-price-term,
.radiolabel:hover abbr {
	color: var(--ms-color-bg);
}

/* Remove border on hover OR when the radio is checked */
input[type='radio']:checked + .radiolabel img.register-landing__location-img,
.radiolabel:hover img.register-landing__location-img {
	border: none;
}

p#p64 {
	display: none;
}

.register__form-price.togglable {
	font-family: var(--ms-font-serif-display);
	font-size: var(--ms-text-6xl);
	color: var(--ms-color-navy);
	border-bottom: 1px solid var(--ms-color-border-muted);
	padding-bottom: var(--ms-space-4);
}

ul.register__form-price-list {
	position: relative;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	line-height: 16px;
	color: #2c3b4b;
	margin-bottom: 10px;
}

ul.register__form-price-list li {
	margin: 0;
	padding: 0.25rem 0;
	font-family: var(--ms-font-sans);
	font-weight: 600;
}

p.register__redeeming.togglable {
}

select#EXPMONTH {
	height: 50px;
	display: inline-block;
	width: 200px;
	margin-right: 10px;
	background-color: #fff;
	border: 1px solid rgb(208, 207, 207);
	border-radius: 4px;
}

select#EXPYEAR {
	display: inline-block;
	width: 200px;
	height: 50px;
	border: 1px solid rgb(208, 207, 207);
	border-radius: 4px;
	background-color: #fff;
}

span.spanc143.drg-element-type-standard-field.drg-element-sub-type-fieldname-PAYMENTMETHOD {
	margin: 30px 0px;
}

span#stripe_script {
	margin: 0px 0px 30px;
}

div#paypal-button-container {
	margin: 0px 0px 30px;
}

span.spanc143 ul li .radiolabel:hover {
	background-color: transparent;
	color: var(--ms-color-navy);
}

@media only screen and (max-width: 767px) {
	.sec1 {
		display: flex;
		flex-direction: column;
	}

	.left1 {
		padding-right: 0;
		border: none;
	}

	.right1 {
		padding-left: 0;
	}

	.register-landing__location-price {
		font-size: 45px;
	}

	.giftloc label {
		padding: 15px;
	}

	span.spanc274.drg-element-type-cms-content.drg-element-sub-type-category-1
		> ul,
	span.spanc275.drg-element-type-cms-content.drg-element-sub-type-category-1
		> ul {
		display: flex;
		flex-direction: column;
	}

	img.register-landing__location-img {
		max-width: 42px;
	}

	.register__form-price.togglable {
		font-size: 45px;
	}

	p.register-landing__offer-price--gift {
		font-size: 45px;
	}

	div#state-row:first-of-type {
		display: flex;
		flex-direction: column;
		gap: 0px;
	}

	div#state-row ul.groupul {
		display: flex;
		flex-direction: column;
		gap: 0px;
	}
}
.sec2 {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
}