

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

@media only screen and (max-width: 734px) {
    .section-hero .play-pause-hero-button {
        top: calc(var(--gh-height) + 40px);
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-offers .gallery .controls {
    display: none;
  }
}

/* section apple one */
.section-apple-one {
    padding: 0 0 100px;
    background-color: #f5f5f7
}

@media only screen and (max-width: 1068px) {
    .section-apple-one {
        padding: 0 0 75px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-one {
        padding: 0 0 100px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-one .content-wrapper {
        --content-wrapper-tile-width: 390px
    }
}

.section-apple-one .banner-content {
    background-color: #fff;
    border-radius: 18px;
    text-align: center;
    max-width: 980px;
    margin: 0 auto
}

@media only screen and (max-width: 1068px) {
    .section-apple-one .banner-content {
        width: 100%
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-one .banner-copy-container {
        margin-top: 25px
    }
}


@media only screen and (max-width: 1068px) {
    .section-apple-one .banner-logo {
        left: 50%;
        margin-left: -202px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-one .banner-logo {
        left: 50%;
        margin-left: -139.5px
    }
}

.section-apple-one .banner-headline {
    margin-top: 11px;
    margin-bottom: 15px;
    max-width: 775px;
    text-align: center
}

@media only screen and (max-width: 1068px) {
    .section-apple-one .banner-headline {
        max-width: 625px;
        margin-top: 0
    }
}

@media only screen and (max-width: 1068px) {
    html.aow .section-apple-one .banner-headline {
        max-width: 655px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-one .banner-headline {
        max-width: 217px
    }
}

@media only screen and (max-width: 734px) {
    html.aow .section-apple-one .banner-headline {
        max-width: 215px
    }
}

.section-apple-one .banner-content {
    padding-top: 100px;
    padding-bottom: 94px
}

@media only screen and (max-width: 1068px) {
    .section-apple-one .banner-content {
        padding-top: 74px;
        padding-bottom: 69px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-one .banner-content {
        padding-top: 75px
    }
}

@media only screen and (max-width: 350px) {
    .section-apple-one .banner-content {
        overflow: hidden
    }
}

.section-apple-one .banner-copy-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (max-width: 1068px) {
    .section-apple-one .banner-copy-container {
        margin-top: 29px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-one .banner-copy-container {
        margin-top: 26px
    }
}

.section-apple-one .button-wrapper {
    position: relative
}

.section-apple-one .button-appleone {
    width: 214px;
    box-sizing: border-box;
    margin-bottom: 30px
}

@media only screen and (max-width: 1068px) {
    .section-apple-one .button-appleone {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-one .button-appleone {
        max-width: 207px
    }
}

html.text-zoom .section-apple-one .button-appleone {
    width: auto
}

.section-apple-one .icon-wrapper:hover .icon-copy {
    text-decoration: none
}

.section-apple-one .cta .icon-copy:hover {
    text-decoration: underline
}

.section-apple-one.section.apple-one-router {
    text-align: unset;
    justify-content: unset;
    overflow: hidden;
    padding: 63px 0;
}



@media only screen and (max-width: 734px) {
    .section-apple-one.section.apple-one-router {
        padding-block: 48px
    }
}

.section-apple-one.section.apple-one-router a.icon-wrapper.button:hover .icon-copy {
    text-decoration: none
}

.section-apple-one.section.apple-one-router .link-custom {
    color: #000;
    font-weight: 500
}

.section-apple-one.section.apple-one-router .button-learn-more-apple-one {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.176481;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    min-width: 28px;
    padding: 8px 16px;
    border-radius: 980px;
    background: #0071e3;
    color: #fff;
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px;
    color: #1d1d1f;
    border: 1px solid #1d1d1f;
    background-color: initial
}

.section-apple-one.section.apple-one-router .button-learn-more-apple-one:hover {
    text-decoration: none
}

.section-apple-one.section.apple-one-router .button-learn-more-apple-one:focus {
    box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
    outline: none
}

.section-apple-one.section.apple-one-router .button-learn-more-apple-one:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),
.section-apple-one.section.apple-one-router .button-learn-more-apple-one:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.section-apple-one.section.apple-one-router .button-learn-more-apple-one:active {
    outline: none
}

.section-apple-one.section.apple-one-router .button-learn-more-apple-one.disabled,
.section-apple-one.section.apple-one-router .button-learn-more-apple-one:disabled {
    cursor: default
}


.section-apple-one.section.apple-one-router .button-learn-more-apple-one:hover {
    background: #0077ed
}

.section-apple-one.section.apple-one-router .button-learn-more-apple-one:active {
    background: #006edb
}

.section-apple-one.section.apple-one-router .button-learn-more-apple-one.disabled,
.section-apple-one.section.apple-one-router .button-learn-more-apple-one:disabled {
    background: #0071e3;
    color: #fff;
    opacity: 0.32
}

.section-apple-one.section.apple-one-router .button-learn-more-apple-one:hover {
    color: #fff;
    background-color: #1d1d1f
}

.section-apple-one.section.apple-one-router .section-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

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

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

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

@media only screen and (max-width: 350px) {
    .section-apple-one.section.apple-one-router .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

@media only screen and (max-width: 1068px) {
    .section-apple-one.section.apple-one-router .section-content {
        width: 100%
    }
}

.section-apple-one.section.apple-one-router .one-logo {
    display: block;
    justify-content: unset;
    margin-bottom: 20px
}

.section-apple-one.section.apple-one-router .one-icons-desktop {
    position: relative;
    margin-bottom: 5px
}

@media only screen and (max-width: 734px) {
    .section-apple-one.section.apple-one-router .one-icons-desktop {
        display: none;
        height: 0
    }
}

.section-apple-one.section.apple-one-router .one-icons-mobile {
    display: none;
    margin-bottom: 30px
}

@media only screen and (max-width: 734px) {
    .section-apple-one.section.apple-one-router .one-icons-mobile {
        display: block;
        position: relative;
        left: unset;
        text-align: -webkit-center;
    }
}

.section-apple-one.section.apple-one-router .subhead {
    margin-top: 5px;
    margin-bottom: 17px
}



@media screen and (max-width: 400px) {
    .section-apple-one.section.apple-one-router .subhead {
        max-width: 100%
    }
}

@media screen and (max-width: 355px) {
    .section-apple-one.section.apple-one-router .subhead {
        max-width: 77%
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-one.section.apple-one-router .tile-cta-wrapper li {
        display: block
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-one.section.apple-one-router .tile-cta-wrapper li:last-child {
        margin-top: 18px;
        margin-left: 0
    }
}

@media only screen and (max-width: 1068px) {
    .icloud-update .section-apple-one {
        padding: 46px 0 75px
    }
}

@media only screen and (max-width: 734px) {
    .icloud-update .section-apple-one {
        padding: 0 0 100px
    }
}

.section-apple-one .typography-router-headline {
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #1d1d1f;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-apple-one .typography-router-headline {
    font-size: 30px;
}
}

@media only screen and (max-width: 734px) {
        .section-apple-one .typography-router-headline {
    font-size: 28px;
}
}


.overview-apple-one-logos img {
    width: 587px;
    height: 405px;
    background-size: 587px 405px;
    background-repeat: no-repeat;
    z-index: -9999;
    background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud__c554sf8no1yu_large.jpg")
}

@media (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
    .overview-apple-one-logos img {
        background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud__c554sf8no1yu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .overview-apple-one-logos img {
        width: 434px;
        height: 300px;
        background-size: 434px 300px;
        background-repeat: no-repeat;
        margin-left: -20px;
        background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud__c554sf8no1yu_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .overview-apple-one-logos img {
        background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud__c554sf8no1yu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .overview-apple-one-logos img {
        width: 341px;
        height: 236px;
        background-size: 341px 236px;
        background-repeat: no-repeat;
        background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud__c554sf8no1yu_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .overview-apple-one-logos img {
        background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud__c554sf8no1yu_small_2x.jpg")
    }
}

.overview-full-apple-one img {
    width: 331px;
    height: 66px;
    background-size: 331px 66px;
    background-repeat: no-repeat;
    background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud_logo__ggj3x96swk6e_large.png")
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.overview-full-apple-one img {
		background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud_logo__ggj3x96swk6e_large_2x.png")
	}
}



@media only screen and (max-width: 1068px) {
    .overview-full-apple-one img {
        width: 222px;
        height: 45px;
        background-size: 222px 45px;
        background-repeat: no-repeat;
        background-size: contain;
		background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud_logo__ggj3x96swk6e_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.overview-full-apple-one img {
		background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud_logo__ggj3x96swk6e_medium_2x.png")
	}
}



@media only screen and (max-width: 734px) {
    .overview-full-apple-one img {
        width: 189px;
        height: 39px;
        background-size: 189px 39px;
        background-repeat: no-repeat;

        background-size: contain;
        background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud_logo__ggj3x96swk6e_small.png")
    }
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .overview-full-apple-one img {
        background-image: url("/mideast/apple-arcade/q/images/overview/icloud/banner_icloud_logo__ggj3x96swk6e_small_2x.png")
    }
}


.section-apple-one.section.apple-one-router a.button,
.section-apple-one.section.apple-one-router button {
    font-weight: 500;
    color: #fff;
}

.section-apple-one .medium-offset-1 {
    z-index: 300;
}


@media only screen and (max-width: 734px) {
    .section-apple-one.section.apple-one-router .one-icons-mobile {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 734px) {
    .section-apple-one.section.apple-one-router .one-icons-mobile {
        display: block;
        position: relative;
        left: unset;
        text-align: -webkit-center;
    }
}

@media only screen and (max-width: 425px) {
    #overview-apple-one-logos-1 {
        margin-left: 1rem;
    }
}

#ac-globalfooter .ac-gf-sosumi {
    border-top: none;
}

.section.section-apple-one.apple-one-router {
    margin-bottom: 50px;
}

@media screen and (min-width: 735px) and (max-width: 1068px) {
    .section-apple-one.section.apple-one-router {
      padding: 63px 0;
    }
}

.section-apple-one .apple-logos {
  text-align: center;
}