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

#feature-wrapper { text-align: center; background: url(/filemaker/why-upgrade/images/bg_fm_offer-hero.jpg) 50% 50% no-repeat; background-size: cover; }
#feature-wrapper .fh2 { min-height: auto;}
#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; }
#feature-wrapper .product-logo { max-width: 300px; margin-bottom: 24px; }
#feature-wrapper .feature-box .column-content { display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 50px;
  border-radius: 20px;
  text-align: left;
  column-gap: 30px;
  background-color: #f2f2f7;
}
#feature-wrapper .feature-box img.icon { width: 60px; height: 60px; }
#feature-wrapper .feature-box h2.h5 { margin-bottom: 8px; }
@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; }
}

#quote .row { background: #4f91ff; background: linear-gradient(280deg, #4f91ff 0%, #8f6fe7 50%, #d66cd1 100%); }

#progress .row-flex { column-gap: 30px; }
#progress .row-flex h3 { margin-bottom: 16px; }
#progress .row-flex img { width: 50px; height: auto; margin-bottom: 16px; }
#progress .row-flex .column-3:nth-child(2) img { width: auto; height: 65px; margin-bottom: 0px; }
#progress .progress-info .font-semibold { font-weight: 600; }
#progress .progress-cta {text-align: center; }
@media only screen and (max-width: 1068px) {
  #progress .row-flex { row-gap: 40px; }
}

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

#stay-supported{ background-color: rgba(187, 110, 231,.25); background: linear-gradient(270deg, rgba(187, 110, 231,.25) 0%, rgba(255, 114, 71, .25) 100%); }
#stay-supported .gear-icon { width: 50px; height: auto; margin-bottom: 8px; }

#offer-cta.d10.text-image .column-flex:last-child { background-image: url(/filemaker/why-upgrade/images/img_offer.jpg); background-size: cover; background-position: center; min-height: 800px; }
#offer-cta .sh2 { text-align: left; }
#offer-cta .sh2 ul { margin-bottom: 30px; }
#offer-cta .sh2 ul li { margin-bottom: 12px; }
#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; }
}

.btn.black-btn { padding: 10px 16px; border-radius: 40px; border-color: #2f54e5; font-family: SF Pro Text;
	font-weight: 600;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: -5%;
	text-align: center;
	color: #2f54e5;
  box-sizing: border-box;
}
.btn.black-btn:hover { background: #2f54e5; color: #fff; }
.btn.black-btn:active {background: #5B7CFF; background-color: #5B7CFF; color: #fff; }