
/* 
.image-productivity-productivity-mac-notes {
    background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-productivity-productivity-mac-notes {
        background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-productivity-productivity-mac-notes {
        width: 566px;
        height: 862px;
        background-size: 566px 862px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-productivity-productivity-mac-notes {
        background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-productivity-productivity-mac-notes {
        width: 736px;
        height: 500px;
        background-size: 736px 500px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-productivity-productivity-mac-notes {
        background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_small_2x.jpg")
    }
}


.image-creation-creation-mac-dev {
    width: 1272px;
    height: 868px;
    background-size: 1272px 868px;
    background-repeat: no-repeat;
    background-image: url("/education/college-students/images/creation_mac_dev__fie9mgrkwcii_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-creation-creation-mac-dev {
        background-image: url("/education/college-students/images/creation_mac_dev__fie9mgrkwcii_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-creation-creation-mac-dev {
        width: 650px;
        height: 872px;
        background-size: 650px 872px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/creation_mac_dev__fie9mgrkwcii_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-creation-creation-mac-dev {
        background-image: url("/education/college-students/images/creation_mac_dev__fie9mgrkwcii_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .image-creation-creation-mac-dev {
        width: 860px;
        height: 588px;
        background-size: 860px 588px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/creation_mac_dev__fie9mgrkwcii_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-creation-creation-mac-dev {
        background-image: url("/education/college-students/images/creation_mac_dev__fie9mgrkwcii_small_2x.png")
    }
}

.image-collaboration-collaboration-notes-mac-screen {
    width: 790px;
    height: 494px;
    background-size: 790px 494px;
    background-repeat: no-repeat;
    background-image: url("/education/college-students/images/collaboration_notes_mac_screen__bf5wepkmpkcy_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-collaboration-collaboration-notes-mac-screen {
        background-image: url("/education/college-students/images/collaboration_notes_mac_screen__bf5wepkmpkcy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-collaboration-collaboration-notes-mac-screen {
        width: 570px;
        height: 470px;
        background-size: 570px 470px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/collaboration_notes_mac_screen__bf5wepkmpkcy_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-collaboration-collaboration-notes-mac-screen {
        background-image: url("/education/college-students/images/collaboration_notes_mac_screen__bf5wepkmpkcy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-collaboration-collaboration-notes-mac-screen {
        width: 533px;
        height: 333px;
        background-size: 533px 333px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/collaboration_notes_mac_screen__bf5wepkmpkcy_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-collaboration-collaboration-notes-mac-screen {
        background-image: url("/education/college-students/images/collaboration_notes_mac_screen__bf5wepkmpkcy_small_2x.jpg")
    }
}

.image-collaboration-collaboration-airdrop-mac-screen {
    width: 790px;
    height: 494px;
    background-size: 790px 494px;
    background-repeat: no-repeat;
    background-image: url("/education/college-students/images/collaboration_airdrop_mac_screen__c879l0sex8q6_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-collaboration-collaboration-airdrop-mac-screen {
        background-image: url("/education/college-students/images/collaboration_airdrop_mac_screen__c879l0sex8q6_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-collaboration-collaboration-airdrop-mac-screen {
        width: 570px;
        height: 470px;
        background-size: 570px 470px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/collaboration_airdrop_mac_screen__c879l0sex8q6_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-collaboration-collaboration-airdrop-mac-screen {
        background-image: url("/education/college-students/images/collaboration_airdrop_mac_screen__c879l0sex8q6_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-collaboration-collaboration-airdrop-mac-screen {
        width: 533px;
        height: 333px;
        background-size: 533px 333px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/collaboration_airdrop_mac_screen__c879l0sex8q6_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-collaboration-collaboration-airdrop-mac-screen {
        background-image: url("/education/college-students/images/collaboration_airdrop_mac_screen__c879l0sex8q6_small_2x.jpg")
    }
}

 */

.ffpingfang {
    font-family: 'PingFang SC' !important;
}

.section-productivity .section-headline {
    max-width: 845px;
}

@media only screen and (max-width: 1068px) {
    .section-productivity .section-headline {
        max-width: 720px;
    }
}

.section-creation .section-headline {
    max-width: none;
}


@media only screen and (max-width: 734px) {
    .section-creation .section-headline {
        max-width: none;
    }
}

@media only screen and (max-width: 1068px) {
    .section-creation .section-headline {
        max-width: none;
    }
}

.section-creation .block-4 .section-tip {
    max-width: none;
}

.section-collaboration .section-headline {
    max-width: none;
}

.section-recharge .block-3 .section-tip {
    max-width: none;
}

@media only screen and (max-width: 734px) {
    .section-special-pricing .card-apple-care .typography-special-headline {
        max-width: none;
    }
}

@media only screen and (max-width: 734px) {
    .section-recharge .block-3 .section-tip br {
        display: block;
    }
}

/* .faq li:last-child {
    padding-top: 18px;
} */


.section-recharge .block-1 .copy {
    line-height: 1.4;
}

html[lang=zh-CN] .centerall {
    padding-left: 0.5em;
}

.section-special-pricing .typography-headline {
    max-width: 100%;
}

.section-recharge .block-1 .copy {
    margin-top: 190px;
}

.section-tip.musics {
    margin-top: -22%;
}

.section-recharge .section-copy {
    margin-top: 4.2em;
}

@media only screen and (max-width: 1068px) {
    .section-recharge .block-1 .copy {
        margin-top: 100px;
    }

    .section-tip.musics {
        margin-top: -15%;
    }

    .section-recharge .section-copy {
        margin-top: 3.9em;
    }
}

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

    .section-recharge .block-1 .copy {
        margin-top: 0;
    }

    .section-recharge .section-copy {
        margin-top: 0;
    }
}

/*bts start*/


/*bts end*/




/* image replace path P */



.image-performance-performance-mac-office {
    background-image: url("/education/college-students/images/performance_mac_office__bxsro3c0aoia_large.jpeg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-performance-performance-mac-office {
        background-image: url("/education/college-students/images/performance_mac_office__bxsro3c0aoia_large_2x.jpeg");
    }
}

@media only screen and (max-width: 1068px) {
    .image-performance-performance-mac-office {
        background-image: url("/education/college-students/images/performance_mac_office__bxsro3c0aoia_medium.jpeg");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-performance-performance-mac-office {
        background-image: url("/education/college-students/images/performance_mac_office__bxsro3c0aoia_medium_2x.jpeg");
    }
}

@media only screen and (max-width: 734px) {
    .image-performance-performance-mac-office {
        background-image: url("/education/college-students/images/performance_mac_office__bxsro3c0aoia_small.jpeg");
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-performance-performance-mac-office {
        background-image: url("/education/college-students/images/performance_mac_office__bxsro3c0aoia_small_2x.jpeg");
    }
}

.image-productivity-productivity-mac-notes {
    background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-productivity-productivity-mac-notes {
        background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_large_2x.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    .image-productivity-productivity-mac-notes {
        background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_medium.jpg");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-productivity-productivity-mac-notes {
        background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_medium_2x.jpg");
    }
}

@media only screen and (max-width: 734px) {
    .image-productivity-productivity-mac-notes {
        background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_small.jpg");
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-productivity-productivity-mac-notes {
        background-image: url("/education/college-students/images/productivity_mac_notes__clqoco7ilhci_small_2x.jpg");
    }
}


[data-geo-quote-block="manichaya"] .image-productivity-productivity-portrait {
    background-image: url("/education/college-students/images/productivity_portrait__bj4qm70qmxaq_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    [data-geo-quote-block="manichaya"] .image-productivity-productivity-portrait {
        background-image: url("/education/college-students/images/productivity_portrait__bj4qm70qmxaq_large_2x.jpg");
    }
}

@media only screen and (max-width: 1068px) {
    [data-geo-quote-block="manichaya"] .image-productivity-productivity-portrait {
        background-image: url("/education/college-students/images/productivity_portrait__bj4qm70qmxaq_medium.jpg");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    [data-geo-quote-block="manichaya"] .image-productivity-productivity-portrait {
        background-image: url("/education/college-students/images/productivity_portrait__bj4qm70qmxaq_medium_2x.jpg");
    }
}

@media only screen and (max-width: 734px) {
    [data-geo-quote-block="manichaya"] .image-productivity-productivity-portrait {
        background-image: url("/education/college-students/images/productivity_portrait__bj4qm70qmxaq_small.jpg");
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    [data-geo-quote-block="manichaya"] .image-productivity-productivity-portrait {
        background-image: url("/education/college-students/images/productivity_portrait__bj4qm70qmxaq_small_2x.jpg");
    }
}

/* image replace path P end */

@media only screen and (max-width: 734px) {
    .section-performance .block-1 {
        flex-direction: column;
    }
}

@media only screen and (max-width: 734px) {
    .section-productivity .block-1 .image-productivity-productivity-pencil {
        position: relative;
        top: auto;
        left: auto;
    }
}

@media only screen and (max-width: 734px) {
    .section-performance .block-3 {
        flex-direction: column;
    }
}

@media only screen and (max-width: 734px) {
    .section-creation .block-4 {
        flex-direction: column;
    }
}

@media only screen and (max-width: 734px) {
    .section-creation .block-4 .column-copy {
        margin-top: auto;
    }
}



/* smauel */

.image-productivity-productivity-portrait {
    width: 234px;
    height: 234px;
    background-size: 234px 234px;
    background-repeat: no-repeat;
    background-image: url("/v/education/home/k/images/college_students/productivity/productivity_portrait__bj4qm70qmxaq_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-productivity-productivity-portrait {
        background-image: url("/v/education/home/k/images/college_students/productivity/productivity_portrait__bj4qm70qmxaq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-productivity-productivity-portrait {
        width: 232px;
        height: 232px;
        background-size: 232px 232px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/k/images/college_students/productivity/productivity_portrait__bj4qm70qmxaq_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-productivity-productivity-portrait {
        background-image: url("/v/education/home/k/images/college_students/productivity/productivity_portrait__bj4qm70qmxaq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-productivity-productivity-portrait {
        width: 200px;
        height: 200px;
        background-size: 200px 200px;
        background-repeat: no-repeat;
        background-image: url("/v/education/home/k/images/college_students/productivity/productivity_portrait__bj4qm70qmxaq_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-productivity-productivity-portrait {
        background-image: url("/v/education/home/k/images/college_students/productivity/productivity_portrait__bj4qm70qmxaq_small_2x.jpg")
    }
}


@media only screen and (max-width: 734px) {
    .section-productivity .block-1 .image-productivity-productivity-ipad-back {
    top: auto; 
    left: auto;
}
}

@media only screen and (max-width: 734px) {
    .section-hero .section-headline {
    
    min-width:unset;
}
}
@media only screen and (max-width: 734px) {
    .section-hero h1 {
    /* margin-top: 0; */
}
}
@media only screen and (max-width: 734px) {
    .section-productivity .block-2 .column-image-1 {
    margin-left: 0;
}
}

.f600 {
    font-weight: 600;
}

/* update 2021 April */
/* update 2021 April */
.image-creation-creation-portrait-max {
    width: 234px;
    height: 234px;
    background-size: 234px 234px;
    background-repeat: no-repeat;
    background-image: url("/education/college-students/images/creation_portrait_luhan_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-creation-creation-portrait-max {
        background-image: url("/education/college-students/images/creation_portrait_luhan_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-creation-creation-portrait-max {
        width: 232px;
        height: 232px;
        background-size: 232px 232px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/creation_portrait_luhan_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-creation-creation-portrait-max {
        background-image: url("/education/college-students/images/creation_portrait_luhan_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-creation-creation-portrait-max {
        width: 200px;
        height: 200px;
        background-size: 200px 200px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/creation_portrait_luhan_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-creation-creation-portrait-max {
        background-image: url("/education/college-students/images/creation_portrait_luhan_small_2x.jpg")
    }
}

.image-modal-modal-max {
    width: 980px;
    height: 440px;
    background-size: 980px 440px;
    background-repeat: no-repeat;
    background-image: url("/education/college-students/images/modal_luhan_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-modal-modal-max {
        background-image: url("/education/college-students/images/modal_luhan_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-modal-modal-max {
        width: 692px;
        height: 400px;
        background-size: 692px 400px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/modal_luhan_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-modal-modal-max {
        background-image: url("/education/college-students/images/modal_luhan_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-modal-modal-max {
        width: 611px;
        height: 414px;
        background-size: 611px 414px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/modal_luhan_small.jpg")
    }
    .modal.max .modal-image figure {
        background-image: url("/education/college-students/images/modal_luhan_small.jpg");
        left: 0;
        width: 100%;
        }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-modal-modal-max {
        background-image: url("/education/college-students/images/modal_luhan_small_2x.jpg")
    }
    .modal.max .modal-image figure {
        background-image: url("/education/college-students/images/modal_luhan_small_2x.jpg");
        left: 0;
        width: 100%;
        }
}

/* sofia */
.image-creation-creation-portrait-sofia {
    width: 234px;
    height: 234px;
    background-size: 234px 234px;
    background-repeat: no-repeat;
    background-image: url("/education/college-students/images/creation_portrait_sofia__c7bnw4vtor8m_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-creation-creation-portrait-sofia {
        background-image: url("/education/college-students/images/creation_portrait_sofia__c7bnw4vtor8m_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-creation-creation-portrait-sofia {
        width: 232px;
        height: 232px;
        background-size: 232px 232px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/creation_portrait_sofia__c7bnw4vtor8m_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-creation-creation-portrait-sofia {
        background-image: url("/education/college-students/images/creation_portrait_sofia__c7bnw4vtor8m_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-creation-creation-portrait-sofia {
        width: 200px;
        height: 200px;
        background-size: 200px 200px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/creation_portrait_sofia__c7bnw4vtor8m_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-creation-creation-portrait-sofia {
        background-image: url("/education/college-students/images/creation_portrait_sofia__c7bnw4vtor8m_small_2x.jpg")
    }
}

.image-modal-modal-sofia {
    width: 980px;
    height: 440px;
    background-size: 980px 440px;
    background-repeat: no-repeat;
    background-image: url("/education/college-students/images/modal/modal_sofia__f5i4hf6ek1ay_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-modal-modal-sofia {
        background-image: url("/education/college-students/images/modal/modal_sofia__f5i4hf6ek1ay_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-modal-modal-sofia {
        width: 692px;
        height: 400px;
        background-size: 692px 400px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/modal/modal_sofia__f5i4hf6ek1ay_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-modal-modal-sofia {
        background-image: url("/education/college-students/images/modal/modal_sofia__f5i4hf6ek1ay_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-modal-modal-sofia {
        width: 615px;
        height: 922px;
        background-size: 615px 922px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/modal/modal_sofia__f5i4hf6ek1ay_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-modal-modal-sofia {
        background-image: url("/education/college-students/images/modal/modal_sofia__f5i4hf6ek1ay_small_2x.jpg")
    }
}


.image-creation-creation-portrait-sofia {
    width: 234px;
    height: 234px;
    background-size: 234px 234px;
    background-repeat: no-repeat;
    background-image: url("/education/college-students/images/creation_portrait_jae-yu_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-creation-creation-portrait-sofia {
        background-image: url("/education/college-students/images/creation_portrait_jae-yu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-creation-creation-portrait-sofia {
        width: 232px;
        height: 232px;
        background-size: 232px 232px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/creation_portrait_jae-yu_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-creation-creation-portrait-sofia {
        background-image: url("/education/college-students/images/creation_portrait_jae-yu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-creation-creation-portrait-sofia {
        width: 200px;
        height: 200px;
        background-size: 200px 200px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/creation_portrait_jae-yu_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-creation-creation-portrait-sofia {
        background-image: url("/education/college-students/images/creation_portrait_jae-yu_small_2x.jpg")
    }
}


.image-modal-modal-sofia {
    width: 980px;
    height: 440px;
    background-size: 980px 440px;
    background-repeat: no-repeat;
    background-image: url("/education/college-students/images/modal_jae-yu_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-modal-modal-sofia {
        background-image: url("/education/college-students/images/modal_jae-yu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .image-modal-modal-sofia {
        width: 692px;
        height: 400px;
        background-size: 692px 400px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/modal_jae-yu_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-modal-modal-sofia {
        background-image: url("/education/college-students/images/modal_jae-yu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .image-modal-modal-sofia {
        width: 615px;
        height: 922px;
        background-size: 615px 922px;
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/modal_jae-yu_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-modal-modal-sofia {
        background-image: url("/education/college-students/images/modal_jae-yu_small_2x.jpg")
    }
}

.modal.sofia .modal-image figure {
    position: relative;
    left: 50%;
    margin-left: -490px
}

@media only screen and (max-width: 1068px) {
    .modal.sofia .modal-image figure {
        left: 50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 734px) {
    .modal.sofia .modal-image figure {
        left: 50%;
        margin-left: -307.5px
    }
}

@media only screen and (max-width: 734px) {
    .modal.sofia .modal-image figure {
        background-repeat: no-repeat;
        background-image: url("/education/college-students/images/modal_jae-yu_small.jpg");
        background-size: cover;
        width: 100%;
        height: max(160px, 50vw);
        margin-left: 0;
        --image-offset: 0%;
        left: var(--image-offset)
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .modal.sofia .modal-image figure {
        background-image: url("/education/college-students/images/modal_jae-yu_small_2x.jpg")
    }
}

.f600 {
    font-weight: 600 !important;
}

.section-recharge .section-tip,
.section-recharge .keyword {
    font-weight: 600;
}

.shared-section-styles .section-headline,
.shared-section-styles .section-tip {
    font-weight: 600 !important;

}

.modal .modal-headline, .modal .modal-quote {
    font-weight: 600 !important;
}

.section-creation .quote-2 .quote-text {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.beforeQuo {
    position: relative;
  }
  
  .beforeQuo::before {
    content: '“';
    position: absolute;
    left: -0.65em;
    display: block;
    top: 0;
  }
  @media only screen and (max-width: 734px) {
    .beforeQuo::before {
      content: '“';
      position: absolute;
      left: -0.65em;
    }
    .typography-headline .headline-center-l {
      position: relative;
    }
  }

  .typography-body-alt {
    line-height: 1.3334;
}
.section .typography-quote-copy {
    line-height: 1.3334;
}



.image-collaboration-collaboration-notes-mac {
    background-image: url("/education/college-students/images/collaboration_notes_mac__gkjuosnuzymq_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-collaboration-collaboration-notes-mac {
        background-image: url("/education/college-students/images/collaboration_notes_mac__gkjuosnuzymq_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-collaboration-collaboration-notes-mac {

        background-image: url("/education/college-students/images/collaboration_notes_mac__gkjuosnuzymq_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-collaboration-collaboration-notes-mac {
        background-image: url("/education/college-students/images/collaboration_notes_mac__gkjuosnuzymq_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .image-collaboration-collaboration-notes-mac {
        background-image: url("/education/college-students/images/collaboration_notes_mac__gkjuosnuzymq_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-collaboration-collaboration-notes-mac {
        background-image: url("/education/college-students/images/collaboration_notes_mac__gkjuosnuzymq_small_2x.png")
    }
}


.image-collaboration-collaboration-airdrop-mac {
    background-image: url("/education/college-students/images/collaboration_airdrop_mac__fcx9pxv86tm6_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-collaboration-collaboration-airdrop-mac {
        background-image: url("/education/college-students/images/collaboration_airdrop_mac__fcx9pxv86tm6_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-collaboration-collaboration-airdrop-mac {
        background-image: url("/education/college-students/images/collaboration_airdrop_mac__fcx9pxv86tm6_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-collaboration-collaboration-airdrop-mac {
        background-image: url("/education/college-students/images/collaboration_airdrop_mac__fcx9pxv86tm6_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .image-collaboration-collaboration-airdrop-mac {
        background-image: url("/education/college-students/images/collaboration_airdrop_mac__fcx9pxv86tm6_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-collaboration-collaboration-airdrop-mac {
        background-image: url("/education/college-students/images/collaboration_airdrop_mac__fcx9pxv86tm6_small_2x.png")
    }
}

.image-collaboration-collaboration-facetime-mac {
    background-image: url("/education/college-students/images/collaboration_facetime_mac__dllpxakg28ae_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .image-collaboration-collaboration-facetime-mac {
        background-image: url("/education/college-students/images/collaboration_facetime_mac__dllpxakg28ae_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .image-collaboration-collaboration-facetime-mac {
        background-image: url("/education/college-students/images/collaboration_facetime_mac__dllpxakg28ae_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .image-collaboration-collaboration-facetime-mac {
        background-image: url("/education/college-students/images/collaboration_facetime_mac__dllpxakg28ae_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .image-collaboration-collaboration-facetime-mac {
        background-image: url("/education/college-students/images/collaboration_facetime_mac__dllpxakg28ae_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .image-collaboration-collaboration-facetime-mac {
        background-image: url("/education/college-students/images/collaboration_facetime_mac__dllpxakg28ae_small_2x.png")
    }
}

/* BTS EPP and EDU status */
html.hide-acmi .bts-2023-campaign #ac-globalfooter .ac-gf-content {
    border-top: 1px solid #d2d2d7;
}