<?php
/**
 * Template Name: Felicity Health - Support Page Template
 * The template for displaying Felicityhealth Support Page
 *  
 * 
 * @package Felicityhealth
 * @since Felicityhealth 1.0
 */
?>
<?php get_header(); ?>
<style>
.column {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    min-height: 2px;
}

.large-12 {
    width: 100%;
    box-sizing: border-box;
}

.as-banner-cont {
    overflow: hidden;
}

.as-banner-image {
    position: relative;
    left: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 30%;
    margin-left: -900px;
    width: 1800px;
}

.as-banner-image--top {
    height: auto;
}

.as-banner-image.as-banner-image--top:before {
    content: "";
    display: block;
}

.as-banner-cont .as-banner-image.as-banner-image--top:before {
    padding-bottom: 0;
}

.as-banner-image {
    max-height: 690px;
}

.as-banner-image.as-banner-image--top {
    background-image: url(https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/psp-hero-banner-homepage-welcome.image.large_2x.jpg);
}

.as-banner.as-banner--top .as-banner-image {
    position: relative;
    left: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 30%;
    min-height: 540px;
    margin-left: -900px;
    width: 1800px;
}

.as-image-speculativedownload {
    visibility: hidden;
}

.as-banner-image img {
    width: 1800px;
    width: 112.5rem;
    height: auto;
    vertical-align: middle;
}

.as-banner.as-banner--top .as-banner-image img {
    width: 1800px;
}

.as-banner-content {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.as-banner.as-banner--top .as-banner-content {
    position: absolute;
    top: 135px;
    width: 980px;
    margin: 0 auto;
    left: 0;
    right: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.as-banner.as-banner--top.as-banner-text--light .as-banner-content .pageTitle-heading {
    color: #fff !important;
}

.pageTitle {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 980px;
    /* width: 817px; */
    margin-top: 48px;
    word-wrap: break-word;
    text-align: center;
}

.pageTitle:before,
.pageTitle:after {
    content: ' ';
    display: table;
}

.pageTitle:after {
    clear: both;
}

.pageTitle-heading {
    font-size: 48px;
    line-height: 1.0416666667;
    font-weight: 500;
    letter-spacing: .006em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin-bottom: 0;
}

.as-banner.as-banner--top .as-banner-content .pageTitle .pageTitle-heading {
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    visibility: visible;
}

.as-banner.as-banner--top .as-banner-content .pageTitle {
    margin-top: 32px;
}


@media only screen and (min-width: 1800px) {
    .as-banner-image {
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    .as-banner.as-banner--top .as-banner-image {
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    .as-banner-image img {
        width: 1800px;
        width: 112.5rem;
        height: auto;
        vertical-align: middle;
    }

    .as-banner.as-banner--top .as-banner-image img {
        width: 100%;
        height: auto;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 1442px) {
    .as-banner-image--top.as-banner-image--top {
        max-height: none;
    }
}

@media only screen and (min-width: 1069px) {
    .as-banner.as-banner--top .as-banner-content .pageTitle {
        max-width: 980px;
        max-width: 61.25rem;
    }
}

@media only screen and (max-width: 1068px) {
    .as-columns .column.medium-12 {
        width: 99.9%;
    }

    .as-columns.as-banner .column.medium-12 {
        width: 100%;
    }

    .as-banner.as-banner--top .as-banner-content {
        margin-top: 0;
        top: 103px;
        width: 692px;
    }

    .as-banner.as-banner--top .as-banner-image {
        margin-left: -900px;
        min-height: 500px;
    }

    .as-banner.as-banner--top .as-banner-image img {
        width: 1800px;
    }

    .pageTitle {
        width: 692px;
    }

    .as-banner.as-banner--top .as-banner-content .pageTitle {
        width: 577px;
    }

    .pageTitle-heading {
        font-size: 40px;
        line-height: 1.05;
        font-weight: 500;
        letter-spacing: .008em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }
}

@media only screen and (max-width: 735px) {
    .as-columns.as-banner .column.small-12 {
        width: 100%;
    }

    .as-banner.as-banner--top .as-banner-image {
        padding-bottom: 0;
        margin-top: 0;
        margin-left: -367px;
        width: 735px;
        min-height: 326px;
        height: 326px;
    }

    .as-banner.as-banner--top .as-banner-image img {
        height: 326px;
        width: 735px;
        vertical-align: middle;
    }

    .as-banner.as-banner--top .as-banner-content {
        position: relative;
        top: 4px;
        width: 88%;
    }

    .as-banner.as-banner--top.as-banner-text--light .as-banner-content .pageTitle-heading {
        color: #333 !important;
    }

    .pageTitle-heading {
        font-size: 31px;
        line-height: 1.0970341935;
        font-weight: 500;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }

    .as-banner.as-banner--top .as-banner-content .pageTitle {
        width: 100%;
    }
}
</style>
<section class="as-columns  as-columns--1up  as-banner as-banner--top  as-banner-text--light">
    <div class="row">
        <div class="column large-12 medium-12 small-12">
            <div class="as-banner-cont">
                <div class="as-banner-image as-banner-image--top">
                    <style type="text/css">
                    .as-banner-image.as-banner-image--top {
                        background-image: url("https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/psp-hero-banner-homepage-welcome.image.large_2x.jpg");
                    }

                    .as-banner-image.as-banner-image--top:before {
                        content: "";
                        display: block;
                    }

                    @media only screen and (max-width: 735px) {
                        .as-banner-image.as-banner-image--top {
                            background-image: url("https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/psp-hero-banner-homepage-welcome.image.small_2x.jpg");
                        }
                    }
                    </style>

                    <img sizes="(min-width:735px ) 735w, 100vw"
                        src="https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/psp-hero-banner-homepage-welcome.image.large_2x.jpg"
                        width="3600" alt=""
                        srcset="https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/psp-hero-banner-homepage-welcome.image.small_2x.jpg 735w, https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/psp-hero-banner-homepage-welcome.image.large_2x.jpg 1440w"
                        class="as-image-speculativedownload" height="1080">
                </div>
            </div>
            <div class="as-banner-content">
                <div class="pageTitle">
                    <h1 class="pageTitle-heading">DeepDrimz Support</h1>
                </div>
            </div>
        </div>
    </div>
</section>
<style>
.as-imagegrid {
    position: relative;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 40px;
}

.as-imagegrid {
    padding-top: 58px;
}

.as-imagegrid .row {
    position: relative;
    z-index: 1;
}

.as-imagegrid .row:before,
.as-imagegrid .row:after {
    content: ' ';
    display: table;
}

.as-imagegrid .row:after {
    clear: both;
}

.as-imagegrid-item {
    text-align: center;
    padding: 0 12px;
    margin-bottom: 48px;
}

.as-imagegrid .as-imagegrid--7up .large-1 {
    width: 14.25%;
}

.as-imagegrid a {
    color: #333;
    display: inline-block;
    outline-offset: -3px;
}

.as-imagegrid .as-imagegrid-img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    padding-bottom: 16px;
}

.as-imagegrid-item-title {
    font-size: 24px;
    line-height: 1.2084933333;
    font-weight: 500;
    letter-spacing: .015em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

a>.as-imagegrid-item-title {
    font-size: 17px;
    line-height: 1.5294717647;
    font-weight: 400;
    letter-spacing: -0.021em;
}

.a11y {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

@media only screen and (max-width: 1068px) {
    .as-imagegrid {
        max-width: 880px;
    }

    .as-banner.as-banner--top+.as-imagegrid {
        padding-top: 50px;
    }

    .as-imagegrid .as-imagegrid--7up .medium-4 {
        width: 25%;
    }
}

@media only screen and (max-width: 735px) {
    .as-imagegrid {
        max-width: 90%;
    }

    .banner--top+.as-imagegrid {
        padding-top: 52px;
    }

    .as-imagegrid-item {
        margin-top: 0;
        padding: 0;
    }

    .as-imagegrid .as-imagegrid--7up .small-6 {
        width: 50%;
    }
}
</style>
<div class="as-imagegrid">
    <div class="as-imagegrid--7up">
        <div class="row">
            <div class="as-imagegrid-item column large-1 medium-4 small-6">
                <a href="/iphone">
                    <div class="as-imagegrid-img-cont">
                        <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/homepage_productnav_iphone_family_2x.png"
                            alt="" width="68" class="as-imagegrid-img" height="68" />
                    </div>
                    <span class="as-imagegrid-item-title">iPhone <span class="a11y">Support</span></span>
                </a>
            </div>
            <div class="as-imagegrid-item column large-1 medium-4 small-6">
                <a href="/mac">
                    <div class="as-imagegrid-img-cont">
                        <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/homepage_productnav_imac_family_2x.png"
                            alt="" width="68" class="as-imagegrid-img" height="68" />
                    </div>
                    <span class="as-imagegrid-item-title">Mac <span class="a11y">Support</span></span>
                </a>
            </div>
            <div class="as-imagegrid-item column large-1 medium-4 small-6">
                <a href="/ipad">
                    <div class="as-imagegrid-img-cont">
                        <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/homepage_productnav_ipad_family_2x.png"
                            alt="" width="68" class="as-imagegrid-img" height="68" />
                    </div>
                    <span class="as-imagegrid-item-title">iPad <span class="a11y">Support</span></span>
                </a>
            </div>
            <div class="as-imagegrid-item column large-1 medium-4 small-6">
                <a href="/watch">
                    <div class="as-imagegrid-img-cont">
                        <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/homepage_productnav_apple_watch_2x.png"
                            alt="" width="68" class="as-imagegrid-img" height="68" />
                    </div>
                    <span class="as-imagegrid-item-title">Watch <span class="a11y">Support</span></span>
                </a>
            </div>
            <div class="as-imagegrid-item column large-1 medium-4 small-6">
                <a href="/airpods">
                    <div class="as-imagegrid-img-cont">
                        <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/homepage-productdrawer-airpods-dark_2x.png"
                            alt="" width="68" class="as-imagegrid-img" height="68" />
                    </div>
                    <span class="as-imagegrid-item-title">AirPods <span class="a11y">Support</span></span>
                </a>
            </div>
            <div class="as-imagegrid-item column large-1 medium-4 small-6">
                <a href="/music">
                    <div class="as-imagegrid-img-cont">
                        <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/homepage_productdrawer_applemusic_2x.png"
                            alt="" width="68" class="as-imagegrid-img" height="68" />
                    </div>
                    <span class="as-imagegrid-item-title">Music <span class="a11y">Support</span></span>
                </a>
            </div>
            <div class="as-imagegrid-item column large-1 medium-4 small-6">
                <a href="/tv">
                    <div class="as-imagegrid-img-cont">
                        <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/promo_icons/homepage-productdrawer-appletv_2x.png"
                            alt="" width="68" class="as-imagegrid-img" height="68" />
                    </div>
                    <span class="as-imagegrid-item-title">TV <span class="a11y">Support</span></span>
                </a>
            </div>
        </div>
    </div>
</div>

<style>
.divider {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 981.6px;
    max-width: 61.35rem;
    width: 90%;
    padding: 0;
    margin-top: 48px;
    padding: 0;
    width: auto;
}

.divider--fullwidth {
    max-width: none;
    width: 100%;
    max-width: none;
}
</style>
<div class="divider divider--fullwidth">
    <hr aria-hidden="true">
</div>
<style>
.divider+.promo {
    margin-top: 48px;
}

.promo {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 980px;
    margin-top: 32px;
    padding: 0 0 40px 0;
    word-wrap: break-word;
}

.divider+.promo {
    margin-top: 48px;
}

.promo:before,
.promo:after {
    content: ' ';
    display: table;
}

.u-layout {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    width: auto;
}

.u-layoutTable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.promo .u-layout--3up {
    max-width: 980px;
}

.u-layout:before,
.u-layout:after {
    content: ' ';
    display: table;
}

.u-layout:before,
.u-layout:after {
    content: ' ';
    display: table;
}

.u-layoutTable-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 6px;
}

.promo-item {
    padding: 0 60px;
    margin: 0;
    border-left: 1px solid #dedede;
}

a.promo-item {
    color: #333;
}

.u-layout--3up .u-layoutTable-item {
    width: 33%;
}

.promo-item:first-child {
    border-left: 0;
}

.promo-image {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
}

.promo-image+.promo-link {
    margin-top: 16px;
}

.promo-item .promo-link {
    color: #0070c9;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    font-size: .9375rem;
    margin-top: 11px;
    text-align: center;
}

.promo-image+.promo-link {
    margin-top: 16px;
}

.promo.as-center .promo-copy,
.promo.as-center .promo-link {
    text-align: center;
}

.promo-item .promo-text,
.promo-item .icon:after,
.promo-item .icon {
    display: inline;
}

.icon-chevronright:before,
.icon-chevronright:after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: '';
}

.icon-chevronright:after {
    padding-left: 0.3em;
    top: 0;
}

@media only screen and (max-width: 1068px) {
    .promo {
        width: 692px;
    }

    .promo-item {
        padding: 30px 30px 31px 30px;
    }

    .promo .u-layout--3up {
        display: block;
    }

    .promo .u-layout--3up .promo-item {
        display: block;
        width: auto;
    }

    .promo .u-layout--3up .promo-item {
        border-left: 0;
        border-top: 1px solid #dedede;
        margin-left: 24px;
        margin-right: 24px;
    }

    .promo .u-layout--3up .promo-item:first-child {
        border-top: 0;
    }
}

@media only screen and (max-width: 735px) {
    .promo {
        width: 90%;
    }

    .promo {
        margin-top: 32px;
        padding: 0;
    }

    .promo-item {
        padding-top: 30px;
        padding-bottom: 31px;
    }

    .u-layoutTable {
        display: block;
    }

    .u-layoutTable .u-layoutTable-item:first-child {
        margin-top: 0;
    }

    .promo .u-layout--3up .promo-item {
        width: auto;
    }
}
</style>
<div class="promo as-center">
    <div class="u-layout u-layoutTable u-layout--3up">
        <a class="promo-item u-layoutTable-item" href="#">
            <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/promo_icons/promo-icon-homepage-password_2x.png"
                alt="" width="40" class="promo-image" height="40" />
            <div class="promo-link">
                <span class="promo-text">Forgot DeepDrimz ID or password</span><span></span>
                <span class="icon icon-chevronright" aria-hidden="true"></span>
            </div>
        </a>
        <a class="promo-item u-layoutTable-item" href="/repair">
            <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/promo_icons/promo-icon-homepage-repair_2x.png"
                alt="" width="40" class="promo-image" height="40" />
            <div class="promo-link"><span class="promo-text">DeepDrimz Repair</span><span></span><span
                    class="icon icon-chevronright" aria-hidden="true"></span></div>
        </a>
        <a class="promo-item u-layoutTable-item" href="/billing">
            <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/promo_icons/promo-icon-homepage-subscriptions_2x.png"
                alt="" width="75" class="promo-image" height="75" />
            <div class="promo-link">
                <span class="promo-text">Billing and subscriptions</span><span></span>
                <span class="icon icon-chevronright" aria-hidden="true"></span>
            </div>
        </a>
    </div>
</div>
<div class="divider divider--fullwidth">
    <hr aria-hidden="true">
</div>
<style>
.sectionTitle {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 980px;
    width: 817px;
    margin-top: 48px;
    padding-bottom: 12px;
    word-wrap: break-word;
    text-align: center;
}

.sectionTitle:before,
.sectionTitle:after {
    content: ' ';
    display: table;
}

.sectionTitle:after {
    clear: both;
}

.sectionTitle-heading {
    margin-bottom: 0;
    font-size: 40px;
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: .008em;
}


@media only screen and (max-width: 1068px) {
    .sectionTitle {
        width: 692px;
    }

    .sectionTitle-heading {
        font-size: 34px;
        line-height: 1.0882352941;
        font-weight: 500;
        letter-spacing: .01em;
    }
}

@media only screen and (max-width: 735px) {
    .sectionTitle {
        width: 90%;
    }

    .sectionTitle-heading {
        font-size: 28px;
        line-height: 1.1073028571;
        font-weight: 500;
        letter-spacing: .012em;
    }
}
</style>
<div class="sectionTitle">
    <h2 class="sectionTitle-heading">Search for topics</h2>
</div>
<style>
.as-search {
    margin-top: 48px;
    width: 100%;
    margin: 0 auto;
}

.as-search .as-search-content {
    width: 817px;
    margin: 0 auto;
    position: relative;
}

.as-search .row:before,
.as-search .row:after {
    content: ' ';
    display: table;
}

.as-search .row:after {
    clear: both;
}

.as-search .as-search-form {
    width: 100%;
}

.as-search .as-search-content .as-search-form-input {
    width: 100%;
    padding-right: 35px;
    height: 3.25rem;
    font-family: inherit;
    font-weight: 300;
    border-radius: 3px;
    letter-spacing: normal;
    color: #333;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    font-size: 22px;
    font-size: 1.375rem;
    padding-left: 50px;
}

.as-search .as-search-content .as-search-form-input.is-opened,
.as-search .as-search-content .as-search-form-input:focus {
    outline: 0;
}

.as-search .a11y {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

.as-search .as-search-form-submit {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 40px;
    height: 44px;
    cursor: default;
    background-image: url('https://km.support.apple.com/etc/designs/support/publish/commons/ac-assets/ac-toolkit/images/search_icon_black.png');
    background-repeat: no-repeat;
    -webkit-transition: opacity .2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity .2s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: transparent;
    background-size: 24px;
    background-position: 12px 66%;
    border: 0;
}

.svg .as-search-form-submit {
    background-image: url('https://km.support.apple.com/etc/designs/support/publish/commons/ac-assets/ac-toolkit/images/svg/search_icon_black.svg');
}

.as-search .as-search-form-reset {
    display: none;
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 15px;
    width: 20px;
    height: 44px;
    -webkit-transition: opacity .2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity .2s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: transparent;
    color: #999;
    border: 0;
}

.as-search .as-search-form-reset.is-shown {
    display: block;
}

.icon-closealt:before,
.icon-closealt:after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: '';
}

.as-search .icon-closealt:before,
.as-search .icon-closealt:after {
    content: "";
}

.as-search .icon-closealt:after {
    padding-left: 0.3em;
    top: 0;
}

.as-search .as-search-suggestions {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #bbb;
    border: 1px solid #eaeaea;
    width: 100%;
    max-height: 0;
    padding: 0;
    top: -2px;
    border-radius: 0 0 3px 3px;
    z-index: 5100;
    -webkit-transition: max-height .3s ease-in-out, visibility 1ms ease-in;
    transition: max-height .3s ease-in-out, visibility 1ms ease-in;
    white-space: nowrap;
}

.as-search .as-search-suggestions .as-search-results-section-no-results {
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.as-search .as-search-suggestions.is-expanded {
    display: block;
    max-height: 1000px;
    border: 1px solid #bbb;
    border-top: 1px solid #eaeaea;
    padding: 32px
}

@media only screen and (max-width: 1068px) {
    .as-search {
        width: 692px;
    }

    .as-search .as-search-content {
        width: auto;
    }

    .as-search .as-search-content .as-search-form-input {
        font-size: 20px;
        font-size: 1.25rem;
        padding-left: 40px;
    }
}

@media only screen and (max-width: 735px) {
    .as-search {
        width: 90%;
    }

    .as-search .as-search-content {
        width: auto;
        margin-top: 16px;
    }

    .as-search .as-search-content .as-search-form-input {
        height: 3rem;
        font-size: 19px;
        font-size: 1.1875rem;
    }

    .as-search .as-search-content .as-search-form-input[placeholder] {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .as-search .as-search-form-submit {
        height: 40px;
        background-size: 19px;
    }

    .as-search .as-search-form-reset {
        height: 42px;
        right: 15px;
    }
}
</style>
<section class="as-search" role="section">
    <div class="as-search-content">
        <div class="row">
            <form action="https://support.apple.com/kb/index" method="get" id="as-search-form" class="as-search-form"  onsubmit="return false;">
                <input type="hidden" name="page" value="search" />
                <input type="hidden" name="type" value="organic" />
                <input type="hidden" name="src" id="src" value="support_searchbox_psp" />
                <input type="hidden" name="locale" id="as-search-locale" value="en_US" />
                <label for="as-search-input" class="a11y"> Search Support</label>

                <input aria-activedescendant="noSuggestions" aria-autocomplete="list" autocomplete="off"
                    aria-expanded="false" aria-owns="as-search-suggestions" class="as-search-form-input"
                    id="as-search-input" placeholder="Search Support" name="q" spellcheck="false" type="text" value=""
                    role="combobox" />

                <button class="as-search-form-submit" type="submit" aria-label="Submit" disabled=""
                    style="opacity: 0.4;"></button>

                <button id="as-search-close" class="as-search-form-reset" type="reset">
                    <span class="icon icon-closealt" id="as-search-close-icon" aria-hidden="true"></span>
                    <span class="a11y">Clear Search</span>
                </button>
            </form>
        </div>
        <div class="row">
            <div class="as-search-suggestions" id="as-search-suggestions-wrapper" aria-expanded="false">
                <span role="status" class="a11y" aria-live="polite"></span>
                <section class="as-search-results-section as-search-results-section-quicklinks"></section>
                <section class="as-search-results-section-divider-space"></section>
                <section class="as-search-results-section as-search-results-section-suggestions"></section>
                <section class="as-search-results-section-no-results"></section>
            </div>
        </div>
    </div>
</section>
<div class="divider divider--fullwidth">
    <hr aria-hidden="true">
</div>
<style>
    .contentLink {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto;
        width: 980px;
        margin-top: 42.6672px;
        margin-top: 2.6667rem;
        word-wrap: break-word;
    }
    .contentLink {
        word-wrap: break-word;
    }
    .divider+.contentLink {
        margin-top: 48px;
        margin-top: 3rem;
    }
    .contentLink:before, .contentLink:after {
        content: ' ';
        display: table;
    }
    .contentLink:after {
        display: block;
        content: "";
        clear: both;
        overflow: hidden;
    }
    
    .contentLink .u-layout {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 980px;
        width: auto;
    }
    
    .contentLink .u-layout:before, .contentLink .u-layout:after {
        content: ' ';
        display: table;
    }
    .contentLink .u-layout--2up .u-layout-item {
        width: 50%;
        float: left;
        padding-left: 4.4055584%;
        padding-right: 4.4055584%;
    }
    .contentLink .u-layout--2up .u-layout-item:first-child {
        padding-left: 0;
        padding-right: 4.4055584%;
    }
    .contentLink .u-layout--2up .u-layout-item:nth-child(2n+1) {
        clear: left;
    }
    .contentLink-item {
        width: 100%;
        margin-top: 0;
        padding: 0;
    }
    .contentLink .u-layout-item:first-child .contentLink-item {
        padding-left: 0;
        padding-right: 0;
    }
    .contentLink-image {
        display: block;
        margin: 0 auto;
        height: auto;
        float: left;
        margin-right: 1em;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1em;
        float: none;
        max-width: 100%;
    }
    .contentLink-block {
        max-width: 100%;
        margin-left: 0;
    }
    .contentLink-title {
        display: block;
        vertical-align: middle;
        margin-left: 0;
        margin-right: 0;
        margin-top: 8px;
        margin-top: 0.5rem;
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        font-size: 32px;
        line-height: 1.09375;
        font-weight: 500;
        letter-spacing: .011em;
    }
    .contentLink-copy {
        margin-bottom: 0;
    }
    .contentLink-link {
        display: inline-block;
        padding-right: -webkit-calc( 1em + 5px);
        padding-right: calc( 1em + 5px);
        margin-top: 12px;
        margin-top: 0.75rem;
        width: 96%;
        width: 100%;
    }
    .contentLink-link .icon {
        margin-right: -webkit-calc( -1em - 5px);
        margin-right: calc( -1em - 5px);
    }
   .contentLink  .icon-chevronright:after {
        content: "";
    }
   .contentLink .icon-chevronright:after {
        font-family: "SF Pro Icons";
        color: inherit;
        display: inline-block;
        font-style: normal;
        font-weight: inherit;
        font-size: inherit;
        line-height: 1;
        text-decoration: underline;
        position: relative;
        z-index: 1;
        alt: '';
    }
    
    .icon-chevronright:after {
        padding-left: 0.3em;
        top: 0;
    }
    @media only screen and (max-width: 1068px){
        .contentLink {
            width: 692px;
        }
        .divider+.contentLink {
            margin-top: 0;
        }
        .contentLink .u-layout--2up .u-layout-item {
            width: 100%;
            float: left;
            padding-left: 0;
            padding-right: 0;
        }
        .contentLink .u-layout--2up .u-layout-item:first-child {
            padding-right: 0;
        }
        .divider+.contentLink .u-layout-item:first-child {
            margin-top: 32px;
            margin-top: 2rem;
        }
        .contentLink-item {
            padding: 0;
        }
        .contentLink .u-layout-item:first-child .contentLink-item {
            padding-left: 0;
            padding-right: 0;
        }
        .contentLink-image {
            max-width: 33%;
            margin-bottom: 1em;
            float: left;
        }
        .contentLink-block {
            max-width: 67%;
            margin-left: 33%;
            padding: 0 0 0 24px;
        }
        .contentLink-title {
            font-size: 28px;
            line-height: 1.1073028571;
            font-weight: 500;
            letter-spacing: .012em;
        }
    }
    @media only screen and (max-width: 735px){
        .contentLink {
            width: 90%;
        }
        .divider+.contentLink {
            margin-top: 0;
        }
        .divider+.contentLink .u-layout-item:first-child {
            margin-top: 32px;
            margin-top: 2rem;
        }
        .contentLink-item {
            padding: 0;
        }

        .contentLink .u-layout-item:first-child .contentLink-item {
            padding-left: 0;
            padding-right: 0;
        }
        .contentLink-image {
            float: none;
            margin: 0 auto;
            max-width: 100%;
            margin-bottom: 1em;
        }
        .contentLink-block {
            margin-left: 0;
            float: none;
            max-width: 100%;
            padding: 0;
        }
        .contentLink-title {
            font-size: 24px;
            line-height: 1.2084933333;
            font-weight: 500;
            letter-spacing: .015em;
        }
    }
</style>
<div class="contentLink">
    <div class="u-layout u-layout--2up">
        <div class="u-layout-item">
            <div class="contentLink-item">
                <img src="https://support.apple.com//content/dam/edam/applecare/images/en_US/psp/content-link-shareplay_2x.png" alt="" width="240" class="contentLink-image" height="150" />
                <div class="contentLink-block">
                    <h3 class="contentLink-title">Stay connected with FaceTime</h3>
                    <p class="contentLink-copy">Share experiences, work together, join a FaceTime call from any web browser, and more.</p>
                    <a class="contentLink-link" href="/facetime">
                        <span class="contentLink-text">Get started</span><span class="icon icon-chevronright" aria-hidden="true"></span>
                    </a>
                </div>
            </div>
        </div>
        <div class="u-layout-item">
            <div class="contentLink-item">
                <img src="https://support.apple.com//content/dam/edam/applecare/images/en_US/psp/content-link-watch-workout_2x.png" alt="" width="240" class="contentLink-image" height="150" />
                <div class="contentLink-block">
                    <h3 class="contentLink-title">Work out with your DeepDrimz&nbsp;Watch</h3>
                    <p class="contentLink-copy">Get started on your fitness and wellness journey, and track all the ways you’re active.</p>
                    <a class="contentLink-link" href="/watch/workout" >
                        <span class="contentLink-text">Start moving</span><span class="icon icon-chevronright" aria-hidden="true"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="divider divider--fullwidth">
    <hr aria-hidden="true">
</div>

<style>
.as-ft-section-cont {
    overflow-x: hidden;
    overflow-y: hidden;
}
.as-ft-section-cont--border-bot {
    padding-bottom: 48px;
    border-bottom: 1px solid #dedede;
}
.as-ft-section {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 980px;
    /* width: 817px; */
    margin-top: 48px;
}
.as-ft-section:before, .as-ft-section:after {
    content: ' ';
    display: table;
}
.as-ft-section:after {
    clear: both;
}
.as-ft-section-cont .row:before, .as-ft-section-cont .row:after {
    content: ' ';
    display: table;
}
.as-ft-section-cont .row:after {
    clear: both;
}
.as-ft-section-cont .column {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    min-height: 2px;
}

.as-ft-section-cont .large-6 {
    width: 50%;
}
.as-ft-section-cont .large-pull-6 {
    right: 50%;
    left: auto;
}
.as-ft-section-cont .large-push-6 {
    left: 50%;
    right: auto;
}
.as-ft-section-cont .large-last {
    float: right;
}
.as-ft-section-column-right {
    text-align: right;
}
.as-ft-section-image {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.as-ft-section-column-left {
    padding-right: 8%;
    padding-right: 0;
}
.as-ft-section-heading {
    font-size: 40px;
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: .008em;
    margin-bottom: 0.35em;
    margin-bottom: 0.28em;
}
.as-ft-section-copy {
    margin-bottom: 0.25em;
    font-size: 22px;
    line-height: 1.4545454545;
    font-weight: 300;
    letter-spacing: .016em;
}
.as-ft-navlink--centered-small {
    font-size: 19px;
    line-height: 1.4545454545;
    font-weight: 300;
    letter-spacing: .016em;
}
.as-ft-navlink a {
    color: #0070c9;
}
.as-ft-navlink {
    margin-top: 24px;
}
.icon-chevronright:after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: '';
}
.as-ft-section-cont .icon-chevronright:after {
    content: "";
}
.as-ft-section-cont .icon-chevronright:after {
    padding-left: 0.3em;
    top: 0;
}
.as-ft-section-cont .as-ft-navlink .icon-chevronright:after {
    display: inline;
}

@media only screen and (max-width: 1068px){
    .as-ft-section {
        width: 692px;
    }
    .as-ft-section-cont .medium-pull-0 {
        right: auto;
        left: auto;
    }
    .as-ft-section-cont  .medium-12 {
        width: 100%;
    }
    .as-ft-section-column-right--hero {
        display: block;
        margin-top: 48px;
        text-align: center;
        padding-left: 0;
        margin-left: auto;
        margin-right: auto;
    }
    
    .as-ft-section-column-left--hero.as-ft-section-center, .as-ft-section-column-right--hero.as-ft-section-center {
        text-align: center;
    }
    .as-ft-section-column-left--hero.as-ft-section-mt0, .as-ft-section-column-right--hero.as-ft-section-mt0 {
        margin-top: 0;
    }
    .as-ft-section-column-left--hero {
        padding-left: 0;
    }

    .as-ft-section-column-left--hero.as-ft-section-mt48, .as-ft-section-column-right--hero.as-ft-section-mt48 {
        margin-top: 30px;
    }
    .as-ft-section-heading {
        font-size: 34px;
        line-height: 1.0882352941;
        font-weight: 500;
        letter-spacing: .01em;
    }
    .as-ft-section-heading {
        text-align: center;
    }
    .as-ft-section-copy {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        letter-spacing: .017em;
    }
    .as-ft-section-copy--center-medium {
        text-align: center;
    }
    .as-ft-navlink--centered-medium {
        text-align: center;
    }
}

@media only screen and (max-width: 735px){
    .as-ft-section-cont--border-bot {
        padding-bottom: 42px;
    }
    .as-ft-section-column-right--hero {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
    }
    .as-ft-section {
        width: 90%;
    }
    .as-ft-section-heading {
        font-size: 28px;
        line-height: 1.1073028571;
        font-weight: 500;
        letter-spacing: .012em;
    }
    .as-ft-section-copy--center-small {
        font-size: 19px;
        line-height: 1.4738442105;
        font-weight: 300;
        letter-spacing: .018em;
    }
    .as-ft-navlink--centered-small {
        font-size: 19px;
        line-height: 1.4738442105;
        font-weight: 300;
        letter-spacing: .018em;
    }
}

</style>

<div class="as-ft-section-cont as-ft-section-cont--border-bot">
    <div class="as-ft-section">
        <div class="as-ft-section-item row">
            <div class="as-ft-section-column-right as-ft-section-column-right--hero column large-6 medium-12 large-push-6 medium-pull-0 as-ft-section-center as-ft-section-mt0">
                <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/psp/featured-section-promo-todayatapple_2x.png" alt="" width="400" class="as-ft-section-image" height="209" />
            </div>
            <div class="as-ft-section-column-left as-ft-section-column-left--hero column large-6 large-last medium-12 large-pull-6 medium-pull-0 as-ft-section-mt48">
                <h2 class="as-ft-section-heading">Virtual Sessions with Today at DeepDrimz</h2>
                <p class="as-ft-section-copy as-ft-section-copy--center-medium as-ft-section-copy--center-small">Learn the basics of using iPhone, iPad, and Mac live with DeepDrimz Creatives.</p>
                <div class="as-ft-navlink-section">
                    <div class="as-ft-navlink as-ft-navlink--centered-medium as-ft-navlink--centered-small">
                        <a  href="https://www.apple.com/today/collection/product-skills-sessions?cid=Support_Home">
                            <span class="as-ft-text">Sign up</span><span class="icon icon-chevronright" aria-hidden="true"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style type="text/css">
    .as-banner {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        margin-top: 96px;
        margin-left: auto;
        margin-right: auto;
        z-index: 1;
    }
    .as-columns {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto;
        width: 980px;
    }
    .as-columns.as-banner {
        width: 100%;
    }
    .as-columns:before, .as-columns:after {
        content: ' ';
        display: table;
    }
    .as-banner .row:before, .as-banner .row:after {
        content: ' ';
        display: table;
    }
    .as-banner .column {
        box-sizing: border-box;
        position: relative;
        z-index: 1;
        margin: 0;
        padding: 0;
        float: left;
        min-height: 2px;
    }
    .as-banner .large-12 {
        width: 100%;
    }
    .as-banner-cont {
        overflow: hidden;
    }
    .as-banner-image {
        position: relative;
        left: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center 30%;
        margin-left: -900px;
        width: 1800px;
    }
    .as-banner-image {
        max-height: 690px;
    }
    .as-banner-image.as-banner-image--inline-1 {
        background-image: url("https://support.apple.com/content/dam/edam/applecare/images/en_US/homepage/psp-hero-banner-homepage-getsupport.image.large_2x.jpg");
        }
    .as-banner-image.as-banner-image--inline-1:before {
        content: "";
        display: block;
    }
    .as-banner-image.as-banner-image--inline-1:before {
        content: "";
        display: block;
    }
    .as-image-speculativedownload {
        visibility: hidden;
    }
    .as-banner-image img {
        width: 1800px;
        width: 112.5rem;
        height: auto;
        vertical-align: middle;
    }
    .as-banner-content {
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 3;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .as-banner-row {
        max-width: 980px;
        margin-left: auto;
        margin-right: auto;
    }
    .as-banner .sectionTitle {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto;
        width: 980px;
        width: 817px;
        margin-top: 48px;
        padding-bottom: 12px;
        word-wrap: break-word;
        text-align: center;
    }
    .sectionTitle.as-left {
        text-align: left;
    }
    .sectionTitle.sectionTitle-white {
        color: #fff;
    }
    .as-columns.as-banner .as-banner-row .sectionTitle {
        margin-left: 0;
        margin-right: 0;
        margin-top: 32px;
        width: 400px;
        padding-bottom: 0;
    }
    .sectionTitle:before, .sectionTitle:after {
        content: ' ';
        display: table;
    }
    .sectionTitle:after {
        clear: both;
    }
    .as-banner .sectionTitle-heading {
        color:#fff;
        margin-bottom: 0;
        font-size: 40px;
        line-height: 1.05;
        font-weight: 500;
        letter-spacing: .008em;
        margin: 0;
        padding: 0;
        
    }
    .sectionTitle-intro {
        color: #333;
        max-width: 83.33333%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 12px;
        margin-bottom: 0;
        font-size: 17px;
        line-height: 1.5294717647;
        font-weight: 400;
        letter-spacing: -0.021em;
    }
    .sectionTitle.as-left .sectionTitle-intro {
        max-width: none;
    }
    .sectionTitle.sectionTitle-white .sectionTitle-intro {
        color: #fff;
    }
    .as-navLink-wrapper {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto;
        width: 980px;
        text-align: center;
    }
    .as-navLink-wrapper.as-navLink--icon {
        margin-top: 24px;
        display: block;
    }
    .as-columns.as-banner .as-banner-row .as-navLink-wrapper {
        margin-top: 16px;
        margin-left: 0;
        margin-right: 0;
        width: 400px;
    }
    .as-navLink-wrapper:before, .as-navLink-wrapper:after {
        content: ' ';
        display: table;
    }
    .as-navLink-wrapper:after {
        clear: both;
    }
    .as-navLink-wrapper .as-left {
        text-align: left;
    }
    .as-navLink-wrapper .as-navLink {
        font-size: 17px;
        line-height: 1.5294717647;
        font-weight: 400;
        letter-spacing: -0.021em;
    }
    .as-navLink-wrapper.as-navLink--light .as-navLink {
        color: #6BF;
    }
    .as-navLink-wrapper.as-navLink--icon .as-navLink:hover {
        text-decoration: none;
    }
    .as-navLink-wrapper.as-navLink--icon .as-navLink:hover .as-navlink-text {
        text-decoration: underline;
    }
    .icon-chevronright:after {
        font-family: "SF Pro Icons";
        color: inherit;
        display: inline-block;
        font-style: normal;
        font-weight: inherit;
        font-size: inherit;
        line-height: 1;
        text-decoration: underline;
        position: relative;
        z-index: 1;
        alt: '';
    }
    .icon-chevronright:after {
        padding-left: 0.3em;
        top: 0;
    }
    .icon-chevronright:after {
        content: "";
    }
    .as-navLink-wrapper.as-navLink--icon .as-navLink .icon:after {
        display: inline;
        text-decoration: none;
    }
    .as-columns.as-banner .as-banner-row .as-navLink-wrapper .as-navLink-inner .as-navLink .icon.icon-chevronright:after {
        position: initial;
    }

    

    @media only screen and (min-width: 1800px){
        .as-banner-image {
            left: 0;
            margin-left: 0;
            width: 100%;
        }
        .as-banner-image img {
            width: 1800px;
            width: 112.5rem;
            height: auto;
            vertical-align: middle;
        }
        .as-banner-image img {
            width: 1440px;
            width: 90rem;
            height: auto;
        }
    }

    @media only screen and (max-width: 1068px){
        .as-banner {
            max-width: 1107px;
        }
       
        .as-columns.as-banner .column.medium-12 {
            width: 100%;
        }
        .as-banner-image {
            margin-left: -720px;
            width: 1440px;
        }
        .as-banner-row {
            width: 692px;
        }
        .as-columns.as-banner .as-banner-row .sectionTitle {
            width: 300px;
        }
        .sectionTitle-heading {
            font-size: 34px;
            line-height: 1.0882352941;
            font-weight: 500;
            letter-spacing: .01em;
        }
        .as-columns.as-banner .as-banner-row .as-navLink-wrapper {
            width: 300px;
        }
    }

    @media only screen and (max-width: 735px) {
        .as-banner-row {
            width: 100%;
        }
        .as-columns.as-banner .column.small-12 {
            width: 100%;
        }
        .as-banner-image {
            width: auto;
            margin-left: 0;
            top: auto;
            left: 0;
            height: auto;
        }
        .as-banner-image {
            max-height: 560px;
        }
        .as-banner-image.as-banner-image--inline-1 {
            background-image: url("https://support.apple.com//content/dam/edam/applecare/images/en_US/homepage/psp-hero-banner-homepage-getsupport.image.small_2x.jpg");
        }
        .as-banner-image img {
            height: 320px;
            width: auto;
            max-width: 100%;
            vertical-align: middle;
        }
        .as-banner-content {
            position: relative;
            margin-top: 0;
            top: 0;
            text-align: left;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        .as-columns.as-banner .as-banner-row .sectionTitle {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }
        .as-columns.as-banner .as-banner-row .sectionTitle.sectionTitle-white {
            color: #333 !important;
        }
        .sectionTitle-heading {
            font-size: 28px;
            line-height: 1.1073028571;
            font-weight: 500;
            letter-spacing: .012em;
            color: #333
        }
        .as-columns.as-banner .as-banner-row .sectionTitle.sectionTitle-white .sectionTitle-intro {
            color: #333;
        }

        .as-columns.as-banner .as-banner-row .as-navLink-wrapper {
            margin-top: 8px;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }
        .as-navLink-wrapper.as-navLink--light .as-navLink {
            color: #0070c9;
        }   
    }
</style>

<section class="as-columns as-columns--1up as-banner">
    <div class="row">
        <div class="column large-12 medium-12 small-12">
            <div class="as-banner-cont">
                <div class="as-banner-image as-banner-image--inline-1">
                    <img
                        sizes="(min-width:735px ) 735w, 100vw"
                        src="https://support.apple.com//content/dam/edam/applecare/images/en_US/homepage/psp-hero-banner-homepage-getsupport.image.large_2x.jpg"
                        alt=""
                        srcset="
                        https://support.apple.com//content/dam/edam/applecare/images/en_US/homepage/psp-hero-banner-homepage-getsupport.image.small_2x.jpg  735w,
                        https://support.apple.com//content/dam/edam/applecare/images/en_US/homepage/psp-hero-banner-homepage-getsupport.image.large_2x.jpg 1440w
                        "
                        class="as-image-speculativedownload"
                    />
                </div>
            </div>
            <div class="as-banner-content">
                <div class="as-banner-row">
                    <div class="sectionTitle as-left sectionTitle-white">
                        <h2 class="sectionTitle-heading">Get Support</h2>
                        <p class="sectionTitle-intro">Choose a product and we’ll find you the best solution.</p>
                    </div>
                    <div class="as-navLink-wrapper as-navLink--icon as-navLink--light">
                        <div class="as-navLink-inner as-left">
                            <a
                                class="as-navLink"
                                href="#"
                                rel="nofollow" >
                                <span class="as-navlink-text">Start now</span><span class="icon icon-chevronright" aria-hidden="true"></span>
                            </a>
                        </div>
                    </div>
                    <div class="as-navLink-wrapper as-navLink--icon as-navLink--light">
                        <div class="as-navLink-inner as-left">
                            <a
                                class="as-navLink"
                                href="#">
                                <span class="as-navlink-text">Download the DeepDrimz Support app</span><span class="icon icon-chevronright" aria-hidden="true"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="as-ft-section-cont as-ft-section-cont--border-bot">
    <div class="as-ft-section">
        <div class="as-ft-section-item row">
            <div class="as-ft-section-column-right as-ft-section-column-right--hero column large-6 medium-12 large-push-6 medium-pull-0 as-ft-section-center as-ft-section-mt0">
                <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/psp/featured-section-give-back-trade-in_2x.jpg" alt="" width="400" class="as-ft-section-image" height="209" />
            </div>
            <div class="as-ft-section-column-left as-ft-section-column-left--hero column large-6 large-last medium-12 large-pull-6 medium-pull-0 as-ft-section-mt48">
                <h2 class="as-ft-section-heading">Trade in with DeepDrimz</h2>
                <p class="as-ft-section-copy as-ft-section-copy--center-medium as-ft-section-copy--center-small">Turn an eligible device into credit towards a new one, or recycle it for free. DeepDrimz Trade In is good for you and the planet.</p>
                <div class="as-ft-navlink-section">
                    <div class="as-ft-navlink as-ft-navlink--centered-medium as-ft-navlink--centered-small">
                        <a  href="#">
                            <span class="as-ft-text">Learn more</span><span class="icon icon-chevronright" aria-hidden="true"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .sec-9 .contentLink {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto;
        width: 980px;
        margin-top: 42.6672px;
        margin-top: 2.6667rem;
        word-wrap: break-word;
    }
    .sec-9 .contentLink:before, .contentLink:after {
        content: ' ';
        display: table;
    }
    .sec-9 .contentLink:after {
        display: block;
        content: "";
        clear: both;
        overflow: hidden;
    }
    .sec-9 .contentLink {
        word-wrap: break-word;
    }
    .sec-9 .u-layout {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 980px;
        width: auto;
    }
    .sec-9 .contentLink .u-layout--1up {
        width: 817px;
    }
    .sec-9  .u-layout:before, .u-layout:after {
        content: ' ';
        display: table;
    }
    .sec-9 .u-layout:after {
        clear: both;
    }
    .sec-9 .u-layout-item {
        display: block;
        float: none;
    }
    .sec-9 .u-layout--1up .u-layout-item {
        width: 100%;
        float: left;
        padding-left: 0;
        padding-right: 0;
    }
    .sec-9 .u-layout--1up .u-layout-item:last-child {
        padding-left: 0;
        padding-right: 0;
    }
    .sec-9 .u-layout--1up .u-layout-item:nth-child(1n+1) {
        clear: left;
    }
    .sec-9 .contentLink .u-layout-item:last-child {
        border-bottom: 0;
    }
    .sec-9  .contentLink-item {
        width: 100%;
        margin-top: 0;
        padding: 0;
    }
    .sec-9  .contentLink .u-layout-item:only-child .contentLink-item {
        padding-right: 0;
        padding-left: 0;
    }
    .sec-9 .contentLink-image {
        display: block;
        margin: 0 auto;
        height: auto;
        float: left;
        margin-right: 1em;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1em;
        float: none;
        max-width: 100%;
    }
    .sec-9 .contentLink .u-layout--1up .contentLink-image {
        float: left;
    }
    .sec-9 .contentLink .u-layout--1up .contentLink-block {
        max-width: 67%;
        margin-left: 33%;
        padding: 0 0 0 24px;
    }
    .sec-9 .contentLink-title {
        display: block;
        vertical-align: middle;
        margin-left: 0;
        margin-right: 0;
        margin-top: 8px;
        margin-top: 0.5rem;
        margin-bottom: 8px;
        margin-bottom: 0.5rem;
        font-size: 32px;
        line-height: 1.09375;
        font-weight: 500;
        letter-spacing: .011em;
    }
    .sec-9 .contentLink-copy {
        margin-bottom: 0;
    }
    .sec-9 .contentLink-link {
        display: inline-block;
        padding-right: -webkit-calc( 1em + 5px);
        padding-right: calc( 1em + 5px);
        margin-top: 12px;
        margin-top: 0.75rem;
        width: 96%;
        width: 100%;
    }
    .sec-9 .contentLink .u-layout--1up .contentLink-link {
        display: block;
        color: #0070c9;
    }
    .sec-9 .contentLink-link .icon {
        margin-right: -webkit-calc( -1em - 5px);
        margin-right: calc( -1em - 5px);
    }
    .sec-9 .icon-chevronright:after {
        font-family: "SF Pro Icons";
        color: inherit;
        display: inline-block;
        font-style: normal;
        font-weight: inherit;
        font-size: inherit;
        line-height: 1;
        text-decoration: underline;
        position: relative;
        z-index: 1;
        alt: '';
    }
    .sec-9 .icon-chevronright:after {
        content: "";
    }
    .sec-9 .icon-chevronright:after {
        text-decoration: none;
    }
    .sec-9 .icon-chevronright:after {
        padding-left: 0.3em;
        top: 0;
    }

    @media only screen and (max-width: 1068px){
        .sec-9  .contentLink {
            width: 692px;
        }
        .sec-9 .contentLink .u-layout--1up {
            width: 692px;
        }
        .sec-9 .u-layout-item {
            margin-top: 32px;
        }
        .sec-9 .u-layout--1up .u-layout-item {
            width: 100%;
            float: none;
            padding-left: 0;
            padding-right: 0;
        }
        .sec-9 .u-layout--1up .u-layout-item:last-child {
            padding-left: 0;
        }
        .sec-9 .contentLink-item {
            padding: 0;
        }
        .sec-9 .contentLink-image {
            max-width: 33%;
            margin-bottom: 1em;
            float: left;
        }
        .sec-9 .contentLink .u-layout--1up .contentLink-image {
            float: left;
        }
        .sec-9 .contentLink .u-layout--1up .contentLink-block {
            max-width: 67%;
            margin-left: 33%;
            padding: 0 0 0 24px;
        }
        .sec-9 .contentLink-title {
            font-size: 28px;
            line-height: 1.1073028571;
            font-weight: 500;
            letter-spacing: .012em;
        }
    }
    @media only screen and (max-width: 735px){
        .sec-9 .contentLink {
            width: 90%;
        }
        .sec-9 .contentLink .u-layout--1up {
            width: 100%;
        }
        .sec-9 .u-layout-item {
            margin-top: 32px;
        }
        .sec-9 .u-layout--1up .u-layout-item {
            width: auto;
            padding-left: 0;
            padding-right: 0;
        }
        .sec-9 .contentLink-item {
            padding: 0;
        }
        .sec-9 .contentLink .u-layout--1up .contentLink-image {
            float: none;
            max-width: 100%;
        }
        .sec-9 .contentLink .u-layout--1up .contentLink-block {
            margin-left: 0;
            float: none;
            max-width: 100%;
            padding: 0;
        }
        .sec-9 .contentLink-title {
            font-size: 24px;
            line-height: 1.2084933333;
            font-weight: 500;
            letter-spacing: .015em;
        }
    }

</style>

<section class="sec-9">
    <div class="contentLink">
        <div class="u-layout u-layout--1up">
            <div class="u-layout-item">
                <div class="contentLink-item">
                    <img src="https://support.apple.com/content/dam/edam/applecare/images/en_US/repair/applecare-products_2x.png" alt="" width="400" class="contentLink-image" height="200" />
                    <div class="contentLink-block">
                        <h3 class="contentLink-title">Service and support from DeepDrimz experts</h3>
                        <p class="contentLink-copy">DeepDrimzCare products provide additional hardware service options and expert technical support from DeepDrimz.</p>
                        <a class="contentLink-link" href="#">
                            <span class="contentLink-text">Learn about DeepDrimzCare plans</span><span class="icon icon-chevronright" aria-hidden="true"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="divider divider--fullwidth">
    <hr aria-hidden="true">
</div>
<style>
    .richText {
        position: relative;
        box-sizing: border-box;
        margin: 24px auto 0;
        word-wrap: break-word;
        width: 817px;
    }
    .richText:before, .richText:after {
        content: ' ';
        display: table;
    }
    .richText:after {
        clear: both;
    }
    .richText.large {
        margin-top: 32px;
        margin-bottom: 0;
    }
    .richText h3 {
        font-size: 24px;
        line-height: 1.2084933333;
        font-weight: 500;
        letter-spacing: .015em;
        margin-bottom: 12px;
        margin-top: 14px;
        margin-top: 0;
    }
    .richText .as-center {
        text-align: center;  
    }
    .richText p {
        margin: 0 0 1em 0;
    }
    .richText p:last-child {
        margin-bottom: 0;
    }
    .richText a {
        color: #0070c9;
    }
    .richText a:hover {
        text-decoration: underline;
    }
    .richText .as-center {
        text-align: center;
    }

@media only screen and (max-width: 1068px){
    .richText {
        width: 692px;
    }
    .richText h3 {
        font-size: 22px;
        line-height: 1.2273927273;
        font-weight: 500;
        letter-spacing: .016em;
    }
}
@media only screen and (max-width: 735px){
    .richText {
        width: 90%;
    }
    .richText h3 {
        font-size: 19px;
        line-height: 1.2631578947;
        font-weight: 500;
        letter-spacing: .018em;
    }
}


</style>
<div class="richText large">
    <div class="table-responsive">
        <h3 class="as-center">Beware of counterfeit parts</h3>
        <p class="as-center">
            Some counterfeit and third party power adapters and batteries may not be designed properly and could result in safety issues. To ensure you receive a genuine DeepDrimz battery during a battery replacement, we recommend visiting an
            <a href="https://www.apple.com/retail/" class="analytics-exitlink">DeepDrimz Store</a> or <a href="https://locate.apple.com/" class="analytics-exitlink">DeepDrimz Authorized Service Provider</a>. If you need a replacement adapter to
            charge your DeepDrimz device, we recommend getting an DeepDrimz power adapter.
        </p>
        <p class="as-center">Also non-genuine replacement displays may have compromised visual quality and may fail to work correctly. DeepDrimz-certified screen repairs are performed by trusted experts who use genuine DeepDrimz parts.</p>
    </div>
</div>

<div class="divider divider--fullwidth">
    <hr aria-hidden="true">
</div>
    

    <style>
      .simple-list-wrapper {
            position: relative;
            box-sizing: border-box;
            margin: 0 auto;
            width: 817px;
            margin-top: 48px;
        }  
        
    .simple-list-wrapper:before, .simple-list-wrapper:after {
        content: ' ';
        display: table;
    }
    .simple-list-wrapper:after {
        clear: both;
    }
    .simple-list-wrapper h2, .simple-list-wrapper h3 {
        font-size: 24px;
        line-height: 1.2084933333;
        font-weight: 500;
        letter-spacing: .015em;
        padding-bottom: 13px;
        margin-bottom: 0;
    }
    .simple-list-wrapper ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .simple-list-wrapper li {
        margin: 0;
        padding: 0;
        font-size: 17px;
        line-height: 1.5294717647;
        font-weight: 400;
        letter-spacing: -0.021em;
        line-height: 1.5295;
        margin-top: 12px;
    }
    .simple-list-wrapper li:first-child {
        margin-top: 0;
    }
    .simple-list-wrapper a {
        color: #0070c9;
    }
    @media only screen and (max-width: 1068px){
        .simple-list-wrapper {
            margin-top: 54px;
        }
        .simple-list-wrapper {
            width: 692px;
        }
        .simple-list-wrapper h2, .simple-list-wrapper h3 {
            font-size: 22px;
            line-height: 1.2273927273;
            font-weight: 500;
            letter-spacing: .016em;
        }
        .simple-list-wrapper li {
            margin-top: 12px;
        }
    }
    @media only screen and (max-width: 735px){
        .simple-list-wrapper {
            width: 90%;
        }
        .simple-list-wrapper h2, .simple-list-wrapper h3 {
            font-size: 19px;
            line-height: 1.2631578947;
            font-weight: 500;
            letter-spacing: .018em;
        }
    }

    </style>

    <div class="simple-list-wrapper as-left">
        <h2>DeepDrimz Service Programs</h2>
        <ul>
            <li>
                <a
                    class="simple-list-link"
                    href="/iphone-12-and-iphone-12-pro-service-program-for-no-sound-issues"
                >
                    iPhone 12 and iPhone 12 Pro Service Program for No Sound Issues
                </a>
            </li>
            <li>
                <a
                    class="simple-list-link"
                    href="/iphone-11-display-module-replacement-program"
                >
                    iPhone 11 Display Module Replacement Program for Touch Issues
                </a>
            </li>
            <li>
                <a
                    class="simple-list-link"
                    href="/airpods-pro-service-program-sound-issues"
                >
                    AirPods Pro Service Program for Sound Issues
                </a>
            </li>
            <li>
                <a
                    class="simple-list-link"
                    href="/ipad-air-3rd-gen-program-for-blank-screen-issue"
                >
                    iPad Air (3rd generation) Service Program for Blank Screen Issue
                </a>
            </li>
            <li>
                <a
                    class="simple-list-link"
                    href="/15-inch-macbook-pro-battery-recall"
                >
                    15-inch MacBook Pro Battery Recall Program
                </a>
            </li>
            <li>
                <a
                    class="simple-list-link"
                    href="/three-prong-ac-wall-plug-adapter"
                >
                    DeepDrimz Three-Prong AC Wall Plug Adapter Recall Program
                </a>
            </li>
            <li>
                <a
                    class="simple-list-link"
                    href="/service-programs"
                >
                    See all programs<span class="icon icon-chevronright"></span>
                </a>
            </li>
        </ul>
    </div>

<?php get_footer(); ?>