.underline .underline-illustration {
	bottom: 3%;
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-headline {
		max-width: 300px;
	}
}

.section-hero .highlight-wrapper .highlight::before {
	transform: translateY(-55%);
}

.section-learn-language .bentos-intro-headline .highlight-wrapper {
	margin-right: 15px;
}

@media only screen and (max-width: 734px) {
	.section-learn-language .bentos-intro-headline .highlight-wrapper {
		margin-right: 0;
	}
}

.section-learn-language
	.bentos-intro-headline
	.highlight-wrapper
	.highlight::before {
	transform: translateY(-55%);
}

.section-teach-code
	.bentos-intro-headline
	.highlight-wrapper
	.highlight::before {
	transform: translateY(-55%);
}

.section-teach-code .grid-item .tile-content.everyone {
	padding-right: 15px;
}

@media only screen and (max-width: 734px) {
	.section-teach-code .grid-item .tile-content.everyone {
		padding-right: var(--tile-padding-x);
	}
}

.section-get-certified
	.bentos-intro-headline
	.highlight-wrapper
	.highlight::before {
	transform: translateY(-55%);
}

@media only screen and (max-width: 734px) {
	.section-get-certified .tile-content.certified {
		padding-right: 30px;
	}
}

.section-get-certified .tile-cta.swift-certification {
	transform: translateY(3px);
}

@media only screen and (max-width: 1068px) {
	.section-get-certified .tile-cta.swift-certification {
		transform: translateY(4px);
	}
}

@media only screen and (max-width: 734px) {
	.section-get-certified .tile-cta.swift-certification {
		transform: translateY(0);
	}
}

@media only screen and (max-width: 734px) {
	.section-coding-apps .section-content {
		width: 95%;
		max-width: 300px;
	}
}

@media only screen and (max-width: 350px) {
	.section-coding-apps .section-content {
		max-width: 250px;
	}
}

.modal-body .typography-headline-super {
	font-size: 72px;
}

@media only screen and (max-width: 1068px) {
	.modal-body .typography-headline-super {
		font-size: 64px;
	}
}

@media only screen and (max-width: 734px) {
	.modal-body .typography-headline-super {
		font-size: 48px;
	}
}

/* swift-2023-update */
.section-get-certified .grid-item-swift-challenge.swift-2023-update {
	background-color: #000;
}

.section-get-certified
	.grid-item-swift-challenge.swift-2023-update
	.grid-image-swift-challenge {
	padding-left: 50px;
}

@media only screen and (max-width: 1068px) {
	.section-get-certified
		.grid-item-swift-challenge.swift-2023-update
		.grid-image-swift-challenge {
		padding-left: 30px;
	}
}

@media only screen and (max-width: 734px) {
	.section-get-certified
		.grid-item-swift-challenge.swift-2023-update
		.grid-image-swift-challenge {
		padding-left: 40px;
		padding-top: 24px;
	}
}
.grid-item-fill-blue .alt {
	color: #0071e3;
}
.section-ribbon {
	--section-padding: 0;
}

.section-ribbon .ribbon-content-wrapper {
	background-color: #f5f5f7;
	padding: 24px 0;
}

@media only screen and (max-width: 1068px) {
	.section-ribbon .ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 1441px) {
	.section-ribbon .ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-ribbon .ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 692px;
	}
}

@media only screen and (max-width: 1068px) and (max-width: 734px) {
	.section-ribbon .ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 87.5%;
	}
}

.section-ribbon .typography-tout {
	color: #1d1d1f;
}

.section-ribbon .ribbon-copy {
	color: #86868b;
	margin-top: 0.4em;
	font-weight: 600;
}

html.text-zoom .section-ribbon .ribbon-content-wrapper {
	padding-top: 220px;
}