.section-experience-ai {
	display: none;
}

.section-compatibility {
	display: none;
}

/* Old styles */
.paddlenav .paddlenav-arrow {
	line-height: 0;
}

.section-hero .hero-final-iphone .inline-media {
	right: 6px;
	left: 1206px;
}

@media only screen and (max-width: 1068px) {
	.section-hero .hero-final-iphone .inline-media {
		right: 4px;
		left: 834px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-final-iphone .inline-media {
		right: 4px;
		left: 359px;
	}
}

@media only screen and (max-width: 734px) {
	.section-images .inline-video-ui {
		width: 100vw;
	}
}

@media only screen and (max-width: 1068px) {
	.section-communication .inline-video-ui {
		width: 110px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-language .section-header-copy {
		padding-right: 80px;
	}
}

.gradient-text {
	background-image: linear-gradient(
		108deg,
		#ff9004,
		#ff2e54 34%,
		#c959dd 68%,
		#0894ff
	);
}

.typography-section-headline-reduced {
	line-height: 1.134933333;
}

.typography-section-headline {
	line-height: 1.26985714;
}

.section-compatibility .compatibility-copy .copy-container {
	max-width: 39ch;
}

@media only screen and (max-width: 734px) {
	.section-sdk {
		text-align: right;
	}
}

@media only screen and (max-width: 734px) {
	.section-more {
		text-align: right;
	}
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
	.section-privacy .copy-content {
		width: 348px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-final-iphone {
		transform-origin: bottom right;
	}
}

@media only screen and (max-width: 734px) {
	.section-language .section-header-media {
		align-self: flex-start;
	}

	.section-images .section-header-media {
		align-self: flex-end;
	}

	.section.section-siri .section-header-media {
		align-self: flex-end;
	}

	.section-more .more-image {
		align-self: flex-end;
	}
}

@media only screen and (min-width: 1069px) {
	.section-images .section-header-headline {
		margin-right: 160px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-initial-iphone {
		margin-top: 19px;
	}
}

@media only screen and (max-width: 734px) {
	.icon-playcircle:after, .icon-playcircle:before {
		transform: rotate(180deg);
	}

	.section-images .section-header-media .inline-video-ui {
		direction: ltr;
		text-align: right;
	}
}

@media only screen and (min-width: 834px) and (max-width: 874px) {
	#ac-localnav .ac-ln-menu-link.current::after {
		bottom: 0;
	}
}

.scroll-gallery .gallery-item {
	position: relative;
	scroll-snap-align: center;
}

.section-images .inline-video-button.link {
	direction: ltr;
}

@media only screen and (max-width: 734px) {
	.icon-playcircle:after, .icon-playcircle:before {
		top: -2px;
	}

	.section-images .section-header-screen {
		right: 17px;
	}
}

@media only screen and (max-width: 570px) {
	html[dir="rtl"] .section-images .inline-video-button.link {
		right: 50%;
		left: auto;
		margin-right: 140px;
		margin-left: 0;
	}
}

@media only screen and (min-width: 1068px) {
	.section-language .section-header-screen {
		left: 954px;
	}
}

.section-compatibility .compatibility-list.row-7 {
	grid-template-rows: repeat(7, 1fr);
}

@media only screen and (max-width: 1068px) {
	.section-compatibility .compatibility-list.m-9-row {
		grid-template-rows: repeat(9, 1fr);
	}
}

.section.section-productivity .section-header .section-header-media {
	align-self: flex-end;
}

.section.section-productivity .section-header .section-header-media {
	justify-self: flex-end;
}

.section-hero .hero-intro .footnote {
	-webkit-text-fill-color: #1d1d1f;
}

.section-hero .hero-intro.clickable {
	z-index: 3;
	padding-block-end: 3px;
}

html.hero-enhance-xp .section-hero .hero-intro {
	margin-top: 72px;
}

/* End old styles */

/*** Arabic Fonts ****/

/********************/

#globalnav .globalnav-submenu-list-item-elevated, #globalnav .globalnav-submenu-list-item-elevated:lang(ar), #globalnav .globalnav-searchfield-input, #globalnav .globalnav-searchfield-input:lang(ar), #ac-localnav .ac-ln-title, #ac-localnav .ac-ln-title:lang(ar), .typography-hero-headline, .typography-hero-headline:lang(ar), .typography-hero-intro, .typography-hero-intro:lang(ar), .typography-section-headline, .typography-section-headline:lang(ar), .typography-section-body, .typography-section-body:lang(ar), .typography-section-headline-reduced, .typography-section-headline-reduced:lang(ar), .typography-gallery-headline, .typography-gallery-headline:lang(ar), .typography-experience-ai-headline, .typography-experience-ai-headline:lang(ar), .typography-experience-ai-tile-headline, .typography-experience-ai-tile-headline:lang(ar) {
	letter-spacing: 0;
	font-family:
		"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
		"Helvetica Neue", Helvetica, Arial, sans-serif;
}

#globalnav .globalnav-link, #globalnav .globalnav-link:lang(ar), #globalnav .globalnav-link-apple, #globalnav .globalnav-link-apple:lang(ar), #globalnav .globalnav-submenu-header, #globalnav .globalnav-submenu-header:lang(ar), #globalnav .globalnav-submenu-list-item, #globalnav .globalnav-submenu-list-item:lang(ar), #globalnav .globalnav-searchresults-header, #globalnav .globalnav-searchresults-header:lang(ar), #globalnav .globalnav-searchresults-list-item, #globalnav .globalnav-searchresults-list-item:lang(ar), #globalmessage-segment, #globalmessage-segment:lang(ar), .globalnav-bag-badge-number, .globalnav-bag-badge-unit, #ac-globalfooter, #ac-globalfooter select, #ac-globalfooter button, #ac-globalfooter:lang(ar), #ac-globalfooter select:lang(ar), #ac-globalfooter button:lang(ar), #ac-globalfooter, #ac-globalfooter:lang(ar), #ac-globalfooter .ac-gf-sosumi p, #ac-globalfooter .ac-gf-sosumi li, #ac-globalfooter .ac-gf-sosumi p:lang(ar), #ac-globalfooter .ac-gf-sosumi li:lang(ar), #ac-globalfooter .ac-gf-breadcrumbs-path, #ac-globalfooter .ac-gf-breadcrumbs-path:lang(ar), #ac-globalfooter .ac-gf-directory, #ac-globalfooter .ac-gf-directory:lang(ar), #ac-globalfooter .ac-gf-directory-column-section-title-button, #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text, #ac-globalfooter .ac-gf-directory-column-section-title-button:lang(ar), #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text:lang(ar), #ac-localnav .ac-ln-menu, #ac-localnav .ac-ln-menu:lang(ar), html, [lang]:lang(ar), body, body:lang(ar), .badge, .badge:lang(ar), .badge-reduced, .badge-reduced:lang(ar), .button, .button:lang(ar), .typography-body-reduced, .typography-body-reduced:lang(ar), .typography-hero-badge, .typography-hero-badge:lang(ar), .typography-gallery-caption, .typography-gallery-caption:lang(ar), .typography-privacy-list, .typography-privacy-list:lang(ar), .typography-experience-ai-tile-subcopy, .typography-experience-ai-tile-subcopy:lang(ar), .tabnav, .tabnav:lang(ar), .section-experience-ai .button, .section-experience-ai .button:lang(ar), .section-experience-ai .tabnav-item .tabnav-link, .section-experience-ai .tabnav-item .tabnav-link:lang(ar), #ac-localeswitcher, #ac-localeswitcher select, #ac-localeswitcher button, #ac-localeswitcher .ac-ls-copy, #ac-localeswitcher .ac-ls-continue {
	letter-spacing: 0;
	font-family:
		"SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
		"Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 833px) {
	#globalnav .globalnav-link, #globalnav .globalnav-link:lang(ar), #globalnav .globalnav-link-apple, #globalnav .globalnav-link-apple:lang(ar), #globalnav .globalnav-submenu-list-item-elevated, #globalnav .globalnav-submenu-list-item-elevated:lang(ar), #globalnav .globalnav-searchfield-input, #globalnav .globalnav-searchfield-input:lang(ar) {
		font-family:
			"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
			"SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	#globalnav .globalnav-submenu-header, #globalnav .globalnav-submenu-header:lang(ar), #globalnav .globalnav-submenu-list-item, #globalnav .globalnav-submenu-list-item:lang(ar), #globalnav .globalnav-searchresults-header, #globalnav .globalnav-searchresults-header:lang(ar), #globalnav .globalnav-searchresults-list-item, #globalnav .globalnav-searchresults-list-item:lang(ar) {
		font-family:
			"SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

@media only screen and (max-width: 1068px) {
	.typography-hero-headline, .typography-hero-headline:lang(ar), .typography-hero-intro, .typography-hero-intro:lang(ar), .typography-section-headline, .typography-section-headline:lang(ar), .typography-section-headline-reduced, .typography-section-headline-reduced:lang(ar), .typography-gallery-headline, .typography-gallery-headline:lang(ar), .typography-experience-ai-headline, .typography-experience-ai-headline:lang(ar), .typography-experience-ai-tile-headline, .typography-experience-ai-tile-headline:lang(ar) {
		font-family:
			"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
			"SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.typography-hero-badge, .typography-hero-badge:lang(ar), .typography-section-body, .typography-section-body:lang(ar), .typography-gallery-caption, .typography-gallery-caption:lang(ar) {
		font-family:
			"SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

@media (max-width: 833px) {
	#ac-localnav .ac-ln-title, #ac-localnav .ac-ln-title:lang(ar) {
		font-family:
			"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
			"SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	#ac-localnav .ac-ln-menu, #ac-localnav .ac-ln-menu:lang(ar) {
		font-family:
			"SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

@media only screen and (max-width: 734px) {
	.typography-hero-headline, .typography-hero-headline:lang(ar), .typography-hero-intro, .typography-hero-intro:lang(ar), .typography-section-headline, .typography-section-headline:lang(ar), .typography-section-headline-reduced, .typography-section-headline-reduced:lang(ar), .typography-gallery-headline, .typography-gallery-headline:lang(ar), .typography-experience-ai-headline, .typography-experience-ai-headline:lang(ar), .typography-experience-ai-tile-headline, .typography-experience-ai-tile-headline:lang(ar) {
		font-family:
			"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
			"SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.typography-privacy-list, .typography-privacy-list:lang(ar), .typography-experience-ai-tile-subcopy, .typography-experience-ai-tile-subcopy:lang(ar), .section-experience-ai .button, .section-experience-ai .button:lang(ar), .section-experience-ai .grid-item-content .gallery-copy, .section-experience-ai .grid-item-content .gallery-copy:lang(ar), .section-experience-ai .grid-item-content .icon-wrapper, .section-experience-ai .grid-item-content .icon-wrapper:lang(ar) {
		font-family:
			"SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

@media only screen and (max-width: 360px) {
	.section-hero .hero-headline, .section-hero .hero-headline:lang(ar) {
		font-family:
			"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
			"SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

@media only screen and (max-width: 360px) and (max-width: 1068px) {
	.section-hero .hero-headline, .section-hero .hero-headline:lang(ar) {
		font-family:
			"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
			"SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

@media only screen and (max-width: 360px) and (max-width: 734px) {
	.section-hero .hero-headline, .section-hero .hero-headline:lang(ar) {
		font-family:
			"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
			"SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

/********************/

/*** Arabic Fonts ****/

.avail-disclaimer {
	color: rgba(0, 0, 0, 0.88);
	font-family: "SF Pro Text", system-ui, sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	padding: 8px 0px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.avail-disclaimer {
		font-size: 14px;
		line-height: 17px;
		padding: 12px 0px;
	}
}

@media only screen and (min-width: 1069px) {
	.avail-disclaimer {
		font-family: "SF Pro Display", system-ui, sans-serif;
		font-size: 19px;
		line-height: 23px;
		padding: 14px 0px;
	}
}

.caption-tile .card-caption-content, .caption-tile .card-cta-content, .caption-tile .card-footnote-content {
	--caption-padding-sides: 15px;
	--caption-padding-top: 28px;
	--caption-link-padding: 14px;
}

.caption-tile .card-footnote-content {
	order: 4;
	margin-top: 14px;
	padding: 0 15px;
	color: rgb(110, 110, 115);
}

.typography-caption-tile-footnote {
	font-size: 12px;
	line-height: 1.3333733333;
	font-weight: 400;
	color: rgb(110, 110, 115);
	grid-column: 1/5;
	display: block;
	margin-top: 15px;
}

@media only screen and (min-width: 1069px) {
	.section-images .section-header-copy {
		grid-column: 1/6;
	}
}

@media only screen and (min-width: 1069px) {
	.section-images .section-header .section-content h2 {
		margin-right: 160px;
	}
	.section-images .section-header .section-content p {
		margin-right: 80px;
	}
}

.section-communication .section-header-container, .section-images .section-header .section-content, .section.section-with-gallery.section-visual-intelligence .section-header-container {
	text-align: right;
}

.section-communication .section-header-copy {
	grid-column: 8/13;
}

html[dir="rtl"] .inline-video-button.link {
	left: 50%;
	right: unset;
}

@media only screen and (max-width: 735px) {
	.section-visual-intelligence .section-content .section-header-media {
		direction: ltr;
	}
	.section-visual-intelligence .section-content .section-header-media .inline-video-ui button {
		direction: rtl;
	}
}

.section-productivity #gallery-headline-productivity {
	line-height: 1.265;
}

@media only screen and (max-width: 734px) and (max-width: 660px) {
	.section-communication .section-header-media {
		align-self: flex-start;
	}
}

.hero-initial-copy .gradient-text, .section-experience-ai .section-content .typography-experience-ai-headline .gradient-text {
	background-image: linear-gradient(
		288deg,
		#ff9004,
		#ff2e54 34%,
		#c959dd 68%,
		#0894ff
	);
}

.section-compatibility .tile {
	background-image: linear-gradient(
		to bottom right,
		#f55273,
		#bb64ff,
		#0096ff
	);
}

@media only screen and (max-width: 734px) {
	.section-experience-ai .grid-item-content {
		text-align: right;
	}
}