.font-semibold { font-weight: 600; }

#feature-wrapper.fh2 { text-align: center; background: url(/c/upgrade/images/bg_fm_offer-hero.jpg) 50% 50% no-repeat; background-size: cover; }
#feature-wrapper.fh2 p.p2 { font-weight: 500; font-size: 24px; line-height: 32px; margin-bottom: 30px; }
#feature-wrapper .feature-btns {display: flex; align-items: center; justify-content: center; column-gap: 30px; }
@media only screen and (min-width: 736px) {
  #feature-wrapper.fh2 .section { width: 80%; margin: 0 auto; }
}
@media only screen and (max-width: 735px) {
  #feature-wrapper .feature-btns { flex-direction: column; }
  #feature-wrapper .feature-btns a:last-child { margin-top: 30px; }
}

#checklist { background-color: #ff7247; background: linear-gradient(270deg, #bb6ee7 0%, #ff7247 100%); }
#checklist .column-content { display: flex; flex-direction: row; column-gap: 30px; }
#checklist .column .icon { width: auto; height: 60px; }
#checklist h2, #checklist p { margin-bottom: 8px; }
#checklist a { color: #ffffff; }
@media only screen and (max-width: 735px) {
  #checklist .h4 { font-size: 1.5rem; line-height: 1.75rem; }
}

#succeed .row-flex {justify-content: center; flex-wrap: wrap; }
#succeed .row-flex .column {--margin: 25px; width: calc(33% - (var(--margin) * 2)); margin: 0px var(--margin) 40px; margin-top: 0px; }
#succeed .row-flex .column .text {justify-content: flex-start; }
#succeed h3.h5 { margin-bottom: 8px; }
#succeed .row-flex .column .icon { width: auto; height: 45px; margin-bottom: 20px;}
@media only screen and (max-width: 1068px) {
  #succeed .row-flex .column {--margin: 12.5px; width: calc(50% - (var(--margin) * 2))}
}
@media only screen and (max-width: 440px) {
	#succeed .row-flex .column {--margin: 12.5px; width: calc(100% - (var(--margin) * 2))}
}

#quote.dark { background: #bb6ee7; background: linear-gradient(101deg, #2264d2 0%, #bb6ee7 100%); }
#quote .highlight-quote { color: #4fe669; }
#quote blockquote { text-align: center; font-size: 42px; line-height: 50px; font-weight: 500; margin-bottom: 40px; color: #fff; quotes: "“" "”" "‘" "’"; font-family: "SF Pro Display",Helvetica,Arial,sans-serif;}
#quote blockquote:before { content: open-quote; }
#quote blockquote:after { content: close-quote; }
#quote blockquote:lang(fr) { quotes: "«" "»"; }
#quote blockquote:lang(de) { quotes: "„" "“"; }
#quote blockquote:lang(nl) { quotes: "'" "'"; }
#quote blockquote:lang(ja) { quotes: "「" "」"; }
#quote blockquote:before { content: open-quote; }
#quote blockquote:after { content: close-quote; }
#quote figcaption { text-align: center; color: #ffffff; float: right; line-height: 20px; }
#quote .success-story-link { margin-top: 20px; }
@media only screen and (max-width: 735px) {
    #quote blockquote {
        text-align: center; font-size: 1.75rem; line-height: 2rem;
    }
}

#progress .row-flex { column-gap: 60px;}
#progress .sh2 { text-align: left; }
#progress .progress-info { padding: 24px 50px 24px 30px; background-color: #fff; margin-bottom: 20px; border-radius: 8px; }
#progress .progress-info:last-child { margin-bottom: 0px; }
#progress .progress-info .font-semibold { font-weight: 600; }
#progress .progress-info .icon.icon-before.icon-checkcircle { margin-bottom: 0; padding-top: 0; padding-left: 40px; position: relative; }
#progress .progress-info .icon.icon-before.icon-checkcircle:before { font-size: 24px; color: #208a3d; position: absolute;
left: 0; top: 5px; padding-right: .3em; display: inline-block; }
@media only screen and (max-width: 1068px) {
  #progress .sh2 { margin-bottom: 30px; }
}

#apple { background-color: #000000;}
#apple .apple-logo { width: 50px; height: auto; margin-bottom: 8px; }
#apple .sh2 h2 { margin-bottom: 30px; }
#apple .sh2 p { color: #ffffff; }


#studio-workflow .sh2 { text-align: left; }
#studio-workflow .studio-workflow-grid { display: flex; flex-wrap: wrap; gap: 25px; }
#studio-workflow .studio-workflow-step { flex: 1 1 0; background: #f2f2f7; border-radius: 8px; }
#studio-workflow .studio-workflow-step-icon { display: block; width: 60px; height: 60px; border-radius: 6px; margin-bottom: 16px; }
#studio-workflow .studio-workflow-step-number-container { display:flex; padding: 10px; align-items: center; justify-content: center; border-top-left-radius: 8px; border-top-right-radius: 8px; }
#studio-workflow .studio-workflow-step-number { width: 30px; height: 30px; }
#studio-workflow .studio-workflow-step-content { padding: 25px 25px 30px; }
#studio-workflow .studio-workflow-step-content h3.h6 { margin-bottom: 8px;}
#studio-workflow .studio-workflow-footnote { color: #272b36; margin-bottom: 60px; margin-top: 16px; }
#studio-workflow .studio-workflow-footer { text-align: center; }
#studio-workflow .studio-workflow-step-1 .studio-workflow-step-number-container { background: #ff6e40; }
#studio-workflow .studio-workflow-step-2 .studio-workflow-step-number-container { background: #ffa63a; }
#studio-workflow .studio-workflow-step-3 .studio-workflow-step-number-container { background: #7b6cff; }
#studio-workflow .studio-workflow-step-4 .studio-workflow-step-number-container { background: #b56bff; }
#studio-workflow .studio-workflow-step-5 .studio-workflow-step-number-container { background: #4e7dff; }
#studio-workflow .studio-workflow-step-6 .studio-workflow-step-number-container { background: #1f5ad7; }
@media only screen and (max-width: 1250px) {
  #studio-workflow .studio-workflow-grid { flex-wrap: wrap; }
  #studio-workflow .studio-workflow-step { flex: 0 0 calc(33.333% - 20px); }
}
@media only screen and (max-width: 735px) {
  #studio-workflow .studio-workflow-step { flex: 0 0 100%; }
}

#offer-cta.d10.text-image .column-flex:last-child { background-image: url(/c/upgrade/images/img_offer.jpg); background-size: cover; background-position: center; min-height: 800px; }
#offer-cta .sh2 { text-align: left; }
#offer-cta .sh2 .font-semibold { font-weight: 600; }
#offer-cta .offer-btns {display: flex; column-gap: 30px; }
@media only screen and (min-width: 1069px) {
    #offer-cta.d10.text-image .column-flex:first-child .column-content { max-width: 450px; margin-right: 50px;}
}
@media only screen and (max-width: 1068px) {
    #offer-cta.d10.text-image .column-flex:first-child .column-content { max-width: 80%; text-align: left; }
    #offer-cta.d10.text-image .column-flex:last-child { background-position: center; }
    #offer-cta.d10.text-image .column-flex:last-child { min-height: 600px; }
}

@media only screen and  (max-width: 991px) { 
  #offer-cta.d10.text-image .row-flex { flex-direction: column; }
  #offer-cta.d10.text-image .column-flex:last-child { min-height: 800px; }
}
@media only screen and (max-width: 735px) {
  #offer-cta.d10.text-image .column-flex:first-child .column-content { max-width: 90%; }

  #offer-cta .offer-btns { flex-direction: column; align-items: center; justify-content: center; }
  #offer-cta .offer-btns a:last-child { margin-top: 30px; }
}

.footnote ul li { color: #ccc; }
.footnote .full-width .wrapper { border-bottom: none; }