/* fix h2 less font weight */

.heading-gradient { background: #00D340; background: linear-gradient(90deg,rgba(0, 211, 64, 1) 0%, rgba(0, 162, 165, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500; }
.font-semibold { font-weight: 600; }
h1, h2 { font-weight: 300; }

#feature-wrapper.dark { text-align: center; background: linear-gradient(90deg, #010303 0%, #255956 57%, #449946 100%); }
#feature-wrapper.fh1 .product-logo { width: auto; height: 37px; margin-bottom: 24px; }
#feature-wrapper.fh1 p { color: #ffffff; margin-bottom: 40px; }

#aae { background: url(/c/built-whats-next-ai/images/bg_next_level_ai.jpg) 50% 50% no-repeat; background-size: cover; }
#aae .sh2 { text-align: left; }
#aae .sh2 p { color: #fff; }
#aae .row-flex { column-gap: 60px; }
#aae .ai-green { color: #4fe669; font-weight: 300; }
@media only screen and (max-width: 1068px) {
	#aae .row-flex .column-2:first-child { margin-bottom: 60px; }
}

.d15.column .column-content { display: flex; flex-direction: column; height: 100%; }
.d15.column img { max-width: 100%; min-height: 250px; object-fit: cover; overflow: clip; vertical-align: middle; border-top-left-radius: 9px;
  border-top-right-radius: 9px; }
.d15.column .d15-text { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; padding: 30px 30px 40px; background-color: #ffffff; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
.d15.column .d15-text h3 { margin-bottom: 16px; }
.d15.column .d15-text .d15-link { color: #208a3d; margin-top: auto; margin-bottom: 0; }
.d15.column .d15-text .d15-link:hover { color: #2da14a; }

.dark .d15.column .d15-text { background-color: #000000;}
.d15.column .d15-text h3, .d15.column .d15-text p { color: #ffffff;}
.dark .d15.column .d15-text .d15-link { color: #4fe669; }
.dark .d15.column .d15-text .d15-link:hover { color: #34c759; }

#ai-driven .column-3:first-child .d17-img { height: 40px; margin-bottom: 25px; }
.d17.row-flex { column-gap: 30px;}
.d17.row-flex .d17-img { width: auto; height: 45px; margin-bottom: 20px; }
.d17.row-flex p.bold { font-weight: 600; margin-bottom: 0px; }
.d17.row-flex a { margin-top: auto; margin-bottom: 0; }
@media only screen and (max-width: 1068px) {
  .d17.row-flex .column-3 { margin-bottom: 16px; }
  .d17.row-flex .column-3:last-child { margin-bottom: 0px; }
  .d17.row-flex .column-3 .column-content { align-items: center; }
}

#ai-tools .d18-content .d18-cta .d18-cta-txt { padding: 25px 20px 25px 30px; }
#ai-tools .sh2 { text-align: left; }
.d18-content { display: flex; align-items: center; justify-content: center; column-gap: 60px;}
.d18-content .d18-info { width: 35%; }
.d18-content .d18-info h2 { margin-bottom: 30px;}
.d18-content .d18-links { width: 60%; }
.d18-content .d18-cta { display: flex; justify-content: flex-start; align-items: stretch; margin-bottom: 10px; }
.d18-content .d18-cta:last-child { margin-bottom: 0px; }
.d18-content .d18-cta .d18-img { width: 15%; max-width: 100px; background-color: #43ce81; border-top-left-radius: 9px; border-bottom-left-radius: 9px; display: flex; align-items: center; justify-content: center; padding: 10px; }
.d18-content .d18-cta:nth-child(2) .d18-img { background-color: #43cea2;}
.d18-content .d18-cta:nth-child(3) .d18-img { background-color: #43cebc;}
.d18-content .d18-cta:nth-child(4) .d18-img { background-color: #43ccce;}
.d18-content .d18-cta:nth-child(5) .d18-img { background-color: #43bfce;}
.d18-content .d18-cta:last-child .d18-img { background-color: #43bfce;}
.d18-content .d18-cta .d18-img img { max-width: 45px; }
.d18-content .d18-cta .d18-cta-txt { background-color: #f2f2f7; border-top-right-radius: 9px; border-bottom-right-radius: 9px; width: 85%; padding: 16px 20px 16px 30px; }
.d18-content .d18-cta .d18-cta-txt h4 { margin-bottom: 0px; }

@media only screen and (max-width: 1068px) {
  .d18-content { flex-direction: column; row-gap: 60px; }
  .d18-content .d18-info,  .d18-content .d18-links { width: 100%; }
  .d18-content .d18-cta .d18-img { min-width: 75px; }
}
@media only screen and (max-width: 735px) {
  .d18-content .d18-info { text-align: center; }
  #ai-tools .d18-content .d18-cta .d18-cta-txt p { font-size: 16px; line-height: 24px; }
}

#endless-possibilities { background-color: #000000; background-image: url(/c/built-whats-next-ai/images/bg_ai-journey.jpg); background-position: 50%; background-size: cover; }
#endless-possibilities p.h4 { color: #333; text-align: left; }
#endless-possibilities .row { text-align: center; }
#endless-possibilities .row:last-child { padding-top: 60px; padding-bottom: 60px; }
#endless-possibilities .sh2 p { color: #ffffff; }

.story-feature { flex-flow: column; max-width: 1350px; margin-left: auto; margin-right: auto; padding-left: 120px; padding-right: 120px; }
.story-feature-image { width: 100%; object-fit: cover; border-top-left-radius: 8px; border-top-right-radius: 8px; max-height: 530px; box-shadow: 2px 2px 5px #0003; }
.story-feature-head { margin-top: 0; margin-bottom: 0; font-weight: 300; color: #333; text-align: left; font-family: SF Pro Display, sans-serif; }
.story-feature-detail { color: #ffffff; margin-bottom: 4px; padding-right: 40px; }
.story-feature-storyfocus { background-color: #fff; width: 500px; margin-left: -100px; padding: 30px; font-family: SF Pro Display, sans-serif; position: absolute; border-radius: 8px; box-shadow: 0 2px 5px #0003; }
.story-feature-top { justify-content: flex-start; align-items: center; width: 100%; display: flex; }

@media only screen and (max-width: 1068px) {

  #feature-wrapper.fh1 .product-logo { height: 30px; }

  .story-feature { padding-left: 0; padding-right: 0; }
  .story-feature-image { width: 100%; border-top-left-radius: 0; border-top-right-radius: 0; }
  .story-feature-head.p1 { text-align: left; }
  .story-feature-story { flex-flow: row; width: 100%; padding: 40px; }
  .story-feature-storyfocus { text-align: center; width: 100%; margin-left: 0; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; position: relative; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; padding-top: 30px; padding-bottom: 30px; display: flex; }
  .story-feature-top { flex-flow: column;
 }

}

@media only screen and (max-width: 735px) {
  .d18-content .d18-cta .d18-img { width: 20%; }
  #ai-tools { text-align: left; }
}