.main {
	overflow: initial;
}

figure {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
}

.eyebrow-symbol {
	font-size: 72px
}

.topic-symbol {
	display: block;
	margin: 0 0 20px;
	color: #FDBB2D
}

.row-flex {
	display: flex;
}

.column-flex-center {
	align-self: center;
}

.device-flex {
	margin-top: 58px;
	margin-left: 23px;
}

.device-mac {
	margin-top: 1em;
	margin-bottom: 2em;
}

h2.divider-top {
	margin-top: 1.5em;
	padding-top: 1.5em;
}

h3,
h4,
h2 + h3,
h2 + h4 {
	margin-top: 1.6em;
}

.bg-blue-orange {
	background: linear-gradient(160deg,rgba(179, 251, 252, 1) 0%, rgba(252, 223, 159, 1) 100%);
}

.theme-dark .bg-blue-orange,
body[data-color-scheme="dark"] .bg-blue-orange {
	background: linear-gradient(160deg,rgba(21, 168, 171, 1) 0%, rgb(224, 153, 0) 100%);
}

/* ----- video grid ----- */
.resource-grid {
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	/* grid-gap: 20px; */
	column-gap: 3em;
	row-gap: 2em;
	width: 100%;
	box-sizing: border-box;
	margin-top: 1.5em;
}

.resource-grid-item {
	height: auto;
	cursor: pointer !important;
	text-decoration: none !important;
}

/* .resource-grid-item-full {
	grid-column: 1/3;
} */

.resource-grid + h2,
.resource-grid + h3,
.resource-grid + p {
	margin-top: 2em;
}

.resource-grid + .divider-bottom {
	padding-top: 0;
}

@media only screen and (max-width: 1068px) {
	.resource-grid {
		grid-template-columns: repeat(2, 2fr);
		column-gap: 1.5em;
		row-gap: 1em;
	}

	.resource-grid-item {
		grid-column: unset;
	}
}

@media only screen and (max-width: 734px) {
	.resource-grid {
		grid-template-columns: repeat(3, 3fr);
		row-gap: 1.5em;
	}

	.resource-grid-item {
		grid-column: 1/3;
	}
}
/* Prevents content jumping */
.image-wrapper {
	width: 342px;
	height: 192px;
	border-radius: 8px;
}

@media only screen and (max-width: 1068px) {
	.image-wrapper {
		width: 246px;
		height: 138px;
	}
}

.resource-grid-item img {
	border-radius: 8px;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: auto;
}

a.resource-grid-item {
	color: unset;
}

a.resource-grid-item:hover {
	text-decoration: none !important;
}

.resource-grid-item h4 {
	color: #86868b;
	font-size: 15px;
	margin-top: 1em;
	cursor: pointer !important;
}
body[data-color-scheme="dark"] .resource-grid-item h4 {
	color: #6e6e73;
}

@media only screen and (max-width: 734px) {
	.resource-grid-item h4 {
		margin-top: 0.5em;
	}
}

.resource-grid-item h4:hover {
	text-decoration: none;
}


.bg-green-blue {
	background: linear-gradient(
		135deg,
		rgba(190, 230, 196, 1) 0%,
		rgba(168, 227, 251, 1) 100%
	);
}

.hero-wrap {
	margin-top: 2em;
	height: 462px;
	overflow: hidden;
}

.lockup-hero {
	width: 830px;
	height: 669px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/localization/images/lockup-hero-large_2x.png");
}

.lockup-culture {
	margin-top: 2em;
	width: 735px;
	height: 363px;
	background-image: url("/localization/images/lockup-culture-customs-large_2x.png");
}

.screen-competition {
	background-image: url("/localization/images/screen-competition-large_2x.jpg");
}

.screen-product-page {
	background-image: url("/localization/images/screen-product-page-large_2x.jpg");
}

.screen-app-store-connect {
	background-image: url("/localization/images/screen-asc-medium_2x.jpg");
}

.screen-structure {
	background-image: url("/localization/images/screen-structure-medium_2x.png");
}

.screen-xcode-translate {
	background-image: url("/localization/images/screen-xcode-translate-medium_2x.jpg");
}

.badges-app-store {
	width: 197px;
	height: 137px;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/localization/images/promote-app-store-badge_2x.png");
}

.icon-analytics {
	width: 96px;
	height: 96px;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/assets/elements/icons/app-analytics/app-analytics-96x96_2x.png");
}

.localizable-pins {
	position: relative;
	margin: 0 auto;
	width: 285px;
}
.localizable-pins .pin-horizontal-right,
.localizable-pins .pin-horizontal-left {
	padding-bottom: 20px;
}
.localizable-pins .pin-1 {
	top: 100px;
	right: 200px;
	left: -100px;
}
.localizable-pins .pin-2 {
	top: 100px;
	right: -100px;
	left: 200px;
}
.localizable-pins .pin-3 {
	top: 200px;
	right: 200px;
	left: -100px;
}
.localizable-pins .pin-4 {
	top: 200px;
	right: -100px;
	left: 200px;
}
.localizable-pins .pin-horizontal .pin-caption {
	margin-left: 0;
	max-width: 150px;
	font-size: 11px;
	text-align: left;
	line-height: 1.29286em;
}

@media only screen and (max-width: 1068px) {
	.hero-wrap {
		height: 386px;
	}
	.lockup-hero {
		width: 692px;
		height: 558px;
		background-image: url("/localization/images/lockup-hero-medium_2x.png");
	}
	.lockup-culture {
		width: 519px;
		height: 256px;
		background-image: url("/localization/images/lockup-culture-customs-medium_2x.png");
	}
	.screen-competition {
		background-image: url("/localization/images/screen-competition-medium_2x.jpg");
	}
	.screen-product-page {
		background-image: url("/localization/images/screen-product-page-medium_2x.jpg");
	}
	.screen-app-store-connect {
		background-image: url("/localization/images/screen-asc-small_2x.jpg");
	}
	.screen-structure {
		background-image: url("/localization/images/screen-structure-small_2x.png");
	}
	.screen-xcode-translate {
		background-image: url("/localization/images/screen-xcode-translate-small_2x.jpg");
	}
	.device-flex {
		margin-left: 46px;
	}
}

@media only screen and (max-width: 734px) {
	.row-flex {
		display: block;
	}
	.device-flex {
		margin: 1em 0 0;
	}
	.hero-wrap {
		margin: 0 auto 2em;
		height: auto;
	}
	.lockup-hero {
		margin-top: 0;
		width: 310px;
		height: 250px;
		background-image: url("/localization/images/lockup-hero-small_2x.png");
	}
	.lockup-culture {
		width: 328px;
		height: 162px;
		background-image: url("/localization/images/lockup-culture-customs-small_2x.png");
	}
	.screen-full {
		margin-right: 0;
		margin-left: 0;
	}
	.localizable-pins {
		width: 214px;
	}
	.localizable-pins .pin-1 {
		right: 150px;
	}
	.localizable-pins .pin-2 {
		left: 150px;
	}
	.localizable-pins .pin-3 {
		right: 150px;
	}
	.localizable-pins .pin-4 {
		left: 150px;
	}
	#main section .section-content .row > .column.badge-column {
		padding: 0;
	}
}

@media only screen and (max-width: 540px) {
	.special-hide {
		display: none;
	}
	.special-show {
		display: block;
	}
	.device-wrap {
		margin: 5em auto;
	}
	.localizable-pins {
		margin: 0;
	}
	.localizable-pins .pin-vertical-top {
		padding-bottom: 20px;
	}
	.localizable-pins .pin-vertical-bottom {
		padding-top: 20px;
	}
	.localizable-pins .pin-1 {
		top: -50px;
		bottom: 330px;
		left: 45px;
	}
	.localizable-pins .pin-2 {
		top: -50px;
		bottom: 328px;
		left: 163px;
	}
	.localizable-pins .pin-3 {
		top: 190px;
		bottom: -55px;
		left: 45px;
	}
	.localizable-pins .pin-4 {
		top: 190px;
		bottom: -55px;
		left: 165px;
	}
}

@media only screen and (max-width: 414px) {
	.column-flex.overflow {
		overflow: visible;
	}
}

@media only screen and (max-width: 375px) {
	.device-mac {
		margin-left: -22px;
	}
}

@media only screen and (max-width: 320px) {
	.lockup-hero {
		width: 280px;
		height: 226px;
	}
	.lockup-culture {
		width: 280px;
		height: 138px;
	}
	.screen-xcode-translate,
	.screen-app-store-connect {
		width: 280px;
		height: 175px;
	}
}