/*** Arabic Fonts ****/

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

#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-hero-eyebrow, 
.typography-hero-eyebrow:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-section-headline-bold, 
.typography-section-headline-bold:lang(ar), 
.typography-section-link, 
.typography-section-link:lang(ar), 
.typography-section-intro-copy, 
.typography-section-intro-copy:lang(ar), 
.typography-tile-copy, 
.typography-tile-copy:lang(ar), 
.typography-section-email-copy, 
.typography-section-email-copy:lang(ar), 
.typography-router-headline, 
.typography-router-headline:lang(ar), 
.typography-router-copy, 
.typography-router-copy:lang(ar), 
.typography-faq-headline, 
.typography-faq-headline:lang(ar), 
.typography-faq-title, 
.typography-faq-title:lang(ar), 
.typography-imessage-text, 
.typography-imessage-text:lang(ar), 
.typography-offers-headline, 
.typography-offers-headline:lang(ar), 
.typography-offers-subhead, 
.typography-offers-subhead:lang(ar), 
.typography-offer-eyebrow, 
.typography-offer-eyebrow:lang(ar), 
.typography-offer-headline, 
.typography-offer-headline:lang(ar), 
.typography-offer-callout-copy, 
.typography-offer-callout-copy:lang(ar), 
.typography-plan-headline, 
.typography-plan-headline:lang(ar), 
.accordion-item, 
.accordion-item: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), 
#globalmessage-segment, 
#globalmessage-segment:lang(ar), 
#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), 
#ac-localnav .ac-ln-button, 
#ac-localnav .ac-ln-button:lang(ar), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.badge, 
.badge:lang(ar), 
.button, 
.button:lang(ar), 
.button-elevated, 
.button-elevated:lang(ar), 
.typography-offer-copy, 
.typography-offer-copy:lang(ar), 
.accordion-content .accordion-content-paragraph, 
.accordion-content .accordion-content-paragraph: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 (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), 
#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; 
  }

#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar), 
#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 (max-width: 1068px) {
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-section-headline-bold, 
.typography-section-headline-bold:lang(ar), 
.typography-section-intro-copy, 
.typography-section-intro-copy:lang(ar), 
.typography-faq-headline, 
.typography-faq-headline:lang(ar), 
.typography-faq-title, 
.typography-faq-title:lang(ar), 
.typography-imessage-text, 
.typography-imessage-text:lang(ar), 
.typography-offers-headline, 
.typography-offers-headline:lang(ar), 
.typography-offers-subhead, 
.typography-offers-subhead:lang(ar), 
.typography-offer-eyebrow, 
.typography-offer-eyebrow:lang(ar), 
.typography-offer-headline, 
.typography-offer-headline:lang(ar), 
.typography-plan-headline, 
.typography-plan-headline:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-section-link, 
.typography-section-link:lang(ar), 
.typography-tile-copy, 
.typography-tile-copy:lang(ar), 
.typography-section-email-copy, 
.typography-section-email-copy:lang(ar), 
.typography-offer-callout-copy, 
.typography-offer-callout-copy: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: 734px) {
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-hero-eyebrow, 
.typography-hero-eyebrow:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-section-headline-bold, 
.typography-section-headline-bold:lang(ar), 
.typography-faq-headline, 
.typography-faq-headline:lang(ar), 
.typography-faq-title, 
.typography-faq-title:lang(ar), 
.typography-imessage-text, 
.typography-imessage-text:lang(ar), 
.typography-offers-headline, 
.typography-offers-headline:lang(ar), 
.typography-plan-headline, 
.typography-plan-headline:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-section-email-copy, 
.typography-section-email-copy:lang(ar), 
.typography-router-copy, 
.typography-router-copy:lang(ar), 
.typography-offer-copy, 
.typography-offer-copy:lang(ar), 
.typography-offer-callout-copy, 
.typography-offer-callout-copy:lang(ar), 
.section-plans .gallery .gallery-item .tile-list-item .list-copy, 
.section-plans .gallery .gallery-item .tile-list-item .list-copy: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: 350px) {
.typography-router-headline, 
.typography-router-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 (min-width: 735px) {
.section-plans .gallery .gallery-item .tile-cta-container .tile-cta, 
.section-plans .gallery .gallery-item .tile-cta-container .tile-cta:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}


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

/*** Arabic Fonts ****/


/* Apple TV and Apple Arcade section - start */

.section-apple-tv-and-apple-arcade {
	background: #f5f5f7;
	padding-bottom: 0;
}

.section-apple-tv-and-apple-arcade .typography-tile-copy {
	color: #6e6e73;
	margin: 0 auto;
}

.section-apple-tv-and-apple-arcade strong {
	font-weight: 700;
	color: #1d1d1f;
}

.section-apple-tv-and-apple-arcade .typography-tile-copy {
	margin-top: 20px;
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-apple-tv-and-apple-arcade .apple-tv-and-apple-arcade-copy {
		margin-inline-start: 4%;
	}
}

@media only screen and (max-width: 734px) {
	.section-apple-tv-and-apple-arcade .apple-tv-and-apple-arcade-copy {
		margin-top: 2rem;
	}
	.section-apple-tv-and-apple-arcade .apple-tv-and-apple-arcade-copy {
		margin-inline-start: 2%;
	}
}

.section-apple-tv-and-apple-arcade .app-icons {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.overview-icon-new-tile {
	display: block;
	--p-width: 114px;
	--p-height: 114px;
	width: var(--p-width);
	height: var(--p-height);
}
/* Apple TV and Apple Arcade section - end */


#offers-gallery .tile-copy.typography-offer-copy, .section.section-offers .section-subhead.typography-offers-subhead, .section.section-always-on .section-header-headline.typography-section-headline-bold, #compare-plans .section-header, .section-privacy .section-header-headline.typography-section-headline-bold.large-12, .section-always-with-you .section-header-headline.typography-section-headline-bold.large-12, #offers-gallery-heading{
	text-align: right
}

.section-privacy .section-header-headline.typography-section-headline-bold.large-12{
	line-height: 1.2;
}

.section-memories .tile-drive .picture-wrapper{
	align-self: flex-start;;
}
@media (min-width: 735px) {
    .section-always-on .overview-always-on {
        right: 50%;
        transform: translateX(50%);
        position: relative;
    }
}
.section-always-on .column-icon{
	margin-right: 0;
	margin-left: 25px;
}
.section-always-with-you .awy-invitations .overview-custom-invitations{
    position: relative;
    right: 50%;
    transform: translateX(50%);
}
.section-always-with-you .message-item--right {
  flex-direction: row;
}

.section-always-with-you .message-item--left {
  flex-direction: row-reverse;
}
.section-router .tile-family-sharing .tile-image-wrapper-update-family-sharing-router{
	right: 50%;
    transform: translateX(50%);
}
.section-hero .inline-media-container .play-pause-button{
	right: unset;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-memories .section-headline {
		padding-left: 0;
		padding-right: 41px;
	}
	.section-always-on .section-header {
		margin-left: unset;
		margin-right: 65px;
	}
	.section-privacy .section-header {
		margin-right: 65px;
		margin-left: unset;
	}
	.section-always-with-you .content-wrapper .section-header {
		margin-right: 65px;
		margin-left: unset;
	}
}

@media only screen and (max-width: 734px) {
    .section-memories .section-headline {
        padding-right: 14px;
		padding-left: unset;
    }
	.section-always-on .section-header {
        margin-right: 24px;
        margin-left: unset;
    }
	.section-privacy .section-header {
        margin-right: 38px;
		margin-left: unset;
    }
	.section-always-with-you .content-wrapper .section-header {
		margin-right: 38px;
		margin-left: unset;
    }
}
.section.section-always-on .section-header-headline{
	line-height: 1.2;
}

@media (min-width: 735px) {
    .section-memories .tile-photos .tile-content {
		padding: var(--tile-pad-y) var(--tile-pad-x);
        padding-left: 0;
        flex-wrap: nowrap;
    }
}
.section-memories .tile-drive .picture-wrapper{
	align-self: flex-end;
}

.footnote-supglyph {
	text-underline-offset: -0.28em;
}
#accordion-item-q-6-tray ul li {
	list-style-type: initial;
}
.section-hero .inline-media-container .play-pause-button{
	left: 0px;
}

.section-privacy .hide-email .email-wrapper__items{
	margin-left: unset;
	margin-right: 25px;
}
.section-privacy .hide-email .play-pause-button{
	right: unset;
	left: 11px;
}
@media only screen and (min-width: 735px) and (max-width: 736px) {
	section.section.section-apple-tv-and-apple-arcade .always-on-grid .tile-content{
		padding-left: 39px;
		padding-right: 39px;
	}
}
.section.section-memories .typography-tile-copy.tile-copy{
	padding-right: unset;
	padding-left: 15px
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-privacy .homekit .section-copy, .section-privacy .homekit .section-cta{
		padding-left: unset;
		padding-right: 50px;
	}
}
@media (max-width: 734px) {
    .section-always-on .overview-always-on img{
        margin-left: -25px;
    }
	.section-privacy .homekit .picture-wrapper {
		margin-right: 0;
		margin-left: 0;
	}
}
@media only screen and (min-width: 400px) and (max-width: 734px) {
	.section-always-on .section-header{
		margin-right: -25px;
	}
}
@media only screen and (max-width: 399px) {
	.section-always-on .section-header{
		margin-right: 40px;
	}
	.icloud-update .section .section-header{
		align-items: start;
	}
}
.section-faq .accordion-button{
	text-align: right;
}

@media only screen and (min-width: 735px) and (max-width: 800px) {
    .section-apple-tv-and-apple-arcade .apple-tv-and-apple-arcade-copy {
        margin-inline-start: 6%;
    }
}

.icloud-update .section-router .tile-family-sharing .tile-image-update-family-sharing-router {
    background-size: 770px 256px;
    background-repeat: no-repeat;
    background-image: url(/mideast/icloud/ak/images/overview/ar/router_family_sharing__c6g8cxycpx0m_large.jpg)
}

@media(min-resolution: 1.5dppx),(min-resolution:144dpi) {
    .icloud-update .section-router .tile-family-sharing .tile-image-update-family-sharing-router {
        background-image:url(/mideast/icloud/ak/images/overview/ar/router_family_sharing__c6g8cxycpx0m_large_2x.jpg)
    }
}

@media(max-width: 1068px) {
    .icloud-update .section-router .tile-family-sharing .tile-image-update-family-sharing-router {
        background-size:600px 198px;
        background-repeat: no-repeat;
        background-image: url(/mideast/icloud/ak/images/overview/ar/router_family_sharing__c6g8cxycpx0m_medium.jpg)
    }
}

@media(max-width: 1068px)and (min-resolution:1.5dppx),(max-width:1068px)and (min-resolution:144dpi) {
    .icloud-update .section-router .tile-family-sharing .tile-image-update-family-sharing-router {
        background-image:url(/mideast/icloud/ak/images/overview/ar/router_family_sharing__c6g8cxycpx0m_medium_2x.jpg)
    }
}

@media(max-width: 734px) {
    .icloud-update .section-router .tile-family-sharing .tile-image-update-family-sharing-router {
        background-size:448px 149px;
        background-repeat: no-repeat;
        background-image: url(/mideast/icloud/ak/images/overview/ar/router_family_sharing__c6g8cxycpx0m_small.jpg)
    }
}

@media(max-width: 734px)and (min-resolution:1.5dppx),(max-width:734px)and (min-resolution:144dpi) {
    .icloud-update .section-router .tile-family-sharing .tile-image-update-family-sharing-router {
        background-image:url(/mideast/icloud/ak/images/overview/ar/router_family_sharing__c6g8cxycpx0m_small_2x.jpg)
    }
}

/* START: Section Hero */
.section-hero {
	height: calc(
		100svh - var(--r-globalnav-height) - var(--r-localnav-height) + 142px
	);
	--min-hero-height: 930px;
	max-height: 1082px;
}

@media (max-width: 1068px) {
	.section-hero {
		height: calc(
			100svh - var(--r-globalnav-height) - var(--r-localnav-height) +
				117px
		);
		--min-hero-height: 440px;
		max-height: 957px;
	}
}

@media (max-width: 734px) {
	.section-hero {
		--min-hero-height: 690px;
		max-height: 900px;
	}

	.section-hero .inline-media-container video {
		height: 328px;
	}
}

@media (orientation: landscape) and (max-width: 1068px) {
	.section-hero {
		--min-hero-height: 789px;
	}
}

@media (orientation: landscape) and (max-width: 734px) {
	.section-hero {
		--min-hero-height: 525px;
	}
}
/* END: Section Hero */