:root {
    --applemicrosite_Title: #fff;
    --ap_container_max_width: 1200px;

    --ap_cc_paddingtop: 100px;
    --ap_cc_paddingbottom: 100px;
    --ap_carouselContainerWidth: 800px;
    --ap_cardsContainerWidth: 1170px;
}

.apple_microsite_card {
    font-family: var(--pnr);
    padding-top: var(--ap_cc_paddingtop);
    padding-bottom: var(--ap_cc_paddingbottom);
}
@media screen and (max-width: 1024px) {
    .apple_microsite_card {
        padding-top: calc(var(--ap_cc_paddingtop) / 2);
        padding-bottom: calc(var(--ap_cc_paddingbottom) / 2);
    }
}
@media screen and (max-width: 768px) {
    .apple_microsite_card {
        padding-top: calc(var(--ap_cc_paddingtop) / 3);
        padding-bottom: calc(var(--ap_cc_paddingbottom) / 3);
    }
}
.apple_microsite_card.acmCarousel .card_carousel {
    max-width: var(--ap_container_max_width);
    margin: 0 auto;
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .apple_microsite_card.acmCarousel .card_carousel {
        width: 96%;
    }
}
.apple_microsite_card.acmCarousel .card_carousel .card_carousel_wrapper {
    max-width: var(--ap_carouselContainerWidth);
    margin: 0 auto;
}
.apple_microsite_card.acmCarousel .card_carousel h4 {
    font-family: var(--pnb);
    font-size: 1.5rem;
    max-width: var(--ap_carouselContainerWidth);
    margin: 0 auto;
    padding: 0 0 20px;
}
@media screen and (max-width: 1024px) {
    .apple_microsite_card.acmCarousel .card_carousel h4 {
        width: 90%;
    }
}
.apple_microsite_card.acmCarousel .card_carousel .right h4 {
    text-align: right;
}
.apple_microsite_card.acmCarousel .card_carousel .center h4 {
    text-align: center;
}
.apple_microsite_card.acmCarousel .card_carousel .slick-slide {
    margin: 0 5px;
}
.apple_microsite_card.acmCarousel .card_carousel .slick-slide img {
    width: 100%;
}
.apple_microsite_card.acmCarousel .card_carousel .card_section_eachCard.slick-slide {
    width: 400px;
    position: relative;
    height: auto;
}
.apple_microsite_card.acmCarousel .card_carousel .card_section_eachCard.slick-slide a {
    position: relative;
    display: block;
    margin: 7px;
}
.apple_microsite_card.acmCarousel .card_carousel .card_section_eachCard.slick-slide a p {
    position: absolute;
    width: 100%;
    padding: 18px 20px;
    margin: 0;
    bottom: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    transition: background 0.3s linear;
}
.apple_microsite_card.acmCarousel .card_carousel .card_section_eachCard.slick-slide:hover a p {
    background: rgba(0, 0, 0, 0.8);
}
.apple_microsite_card.acmCarousel .card_carousel .slick-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(160%, -50%);
    cursor: pointer;
}
.apple_microsite_card.acmCarousel .card_carousel .slick-arrow.slick-disabled {
    display: none;
}
.apple_microsite_card.acmCarousel .card_carousel .slick-prev {
    right: unset;
    left: 0;
    transform: translate(-160%, -50%) rotate(180deg);
    z-index: 1;
}
.apple_microsite_card.acmCard .card_section {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
}
.apple_microsite_card.acmCard .card_section .card_section_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    max-width: var(--ap_cardsContainerWidth);
    padding: 0 30px;
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .apple_microsite_card.acmCard .card_section .card_section_wrapper {
        padding: 0 20px;
    }
}
@media screen and (max-width: 768px) {
    .apple_microsite_card.acmCard .card_section .card_section_wrapper {
        flex-direction: column;
        padding: 0 15px;
    }
}
.apple_microsite_card.acmCard .card_section .card_section_textWrapper {
    margin: 0 auto;
    padding: 0 30px 45px;
    max-width: var(--ap_cardsContainerWidth);
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .apple_microsite_card.acmCard .card_section .card_section_textWrapper {
        padding: 0 20px 35px;
        width: calc(100% - 60px);
    }
}
@media screen and (max-width: 768px) {
    .apple_microsite_card.acmCard .card_section .card_section_textWrapper {
        padding: 0 15px 30px;
    }
}
.apple_microsite_card.acmCard .card_section .card_section_textWrapper h2 {
    font-size: 2.25rem;
    font-family: var(--pnb);
    line-height: 1.5;
    letter-spacing: 0.3px;
}
.apple_microsite_card.acmCard .card_section .card_section_textWrapper p {
    font-size: 1rem;
    font-family: var(--pnsb);
    line-height: 1.5;
    letter-spacing: 0.3px;
}
.apple_microsite_card.acmCard .card_section .card_section_eachCard {
    position: relative;
    max-width: 540px;
    width: calc((100% - 30px) / 2);
    margin-bottom: 30px;
}
.apple_microsite_card .card_section_eachCard a {
    cursor: default;
}
.apple_microsite_card .card_section_eachCard a[href] {
    cursor: pointer;
}
@media only screen and (max-width: 767px) {
    .apple_microsite_card.acmCard .card_section .card_section_eachCard {
        width: 100%;
    }
}
.apple_microsite_card.acmCard .card_section .card_section_eachCard p {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    padding: 20px 0;
    margin: 0;
    padding-left: 40px;
    bottom: 3px;
    color: #fff;
    width: 100%;
    bottom: 0;
    transition: background 0.3s linear;
}
.apple_microsite_card.acmCard .card_section .card_section_eachCard:hover p {
    background: rgba(0, 0, 0, 0.8);
}
.apple_microsite_card.acmCard .card_section .card_section_eachCard img {
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .acmCarousel .card_carousel .card_carousel_wrapper {
        max-width: 70px;
    }
}
@media only screen and (max-width: 768px) {
    .apple_microsite_card.acmCarousel .card_carousel .card_carousel_wrapper {
        max-width: 700px;
        margin: 0 auto;
    }
    .apple_microsite_card.acmCarousel .card_carousel h4 {
        max-width: 670px;
        margin: 0 auto;
        padding: 0 0 20px;
    }
    .apple_microsite_card.acmCarousel .card_carousel .slick-slide img {
        width: 100%;
    }
    .apple_microsite_card.acmCarousel .card_carousel .card_section_eachCard.slick-slide {
        width: 350px;
        position: relative;
    }
    .apple_microsite_card.acmCarousel .card_carousel .slick-arrow {
        right: 0;
        top: 45%;
        transform: translate(-100%, -50%) rotate(180deg);
    }
    .apple_microsite_card.acmCarousel .card_carousel .slick-arrow.slick-next {
        transform: translate(100%, -50%);
    }

    .acmCard .card_section .card_section_eachCard p {
        font-size: 1.125rem;
        padding: 10px 20px;
    }
}
@media only screen and (max-width: 480px) {
    .acmCarousel .card_carousel {
        padding: 0 30px;
    }
    .acmCarousel .card_carousel .card_section_eachCard.slick-slide a {
        width: 100%;
    }
    .acmCarousel .card_carousel .card_carousel_wrapper {
        max-width: 100%;
    }
    .acmCarousel .card_carousel h4 {
        max-width: 100%;
        padding: 0 0 10px;
    }
    .acmCarousel .card_carousel .slick-next.slick-arrow {
        top: 50%;
    }
    .acmCarousel .card_carousel .slick-slide img {
        width: 97%;
    }

    .acmCard .card_section .card_section_eachCard img {
        width: 100%;
        max-width: inherit;
    }
}
@media only screen and (min-width: 769px) {
    .apple_microsite_card.acmCard .card_section .card_section_eachCard img {
        width: 100%;
        max-width: inherit;
    }
    .apple_microsite_card.acmCard .card_section .card_section_eachCard p {
        font-size: 1.5rem;
        line-height: 1.5;
        letter-spacing: 0.1px;
    }
    .apple_microsite_card.acmCard .card_section .card_section_textWrapper h2 {
        font-size: 3.125rem;
        line-height: 1.5;
    }
    .apple_microsite_card.acmCard .card_section .card_section_textWrapper p {
        font-size: 1.5rem;
        line-height: 1.5;
    }
    .apple_microsite_card.acmCard .card_section .card_section_wrapper {
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row;
    }
}
@media only screen and (max-width: 1024px) {
    .acmCard .card_section .card_section_eachCard p {
        font-size: 1.125rem;
        padding: 10px 0;
        margin: 0;
        padding-left: 20px;
    }
}

.card_carousel_wrapper img.slick-prev:focus-visible,
.card_carousel_wrapper img.slick-next:focus-visible,
.apple_microsite_card .card_section .card_section_wrapper .card_section_image:focus-visible {
    outline: #2f2452 3px dashed !important;
    outline-offset: 1px;
}
/*# sourceMappingURL=style.css.map */