.section-introduction:has(h1,h2,h3,h4) > p:first-child{
  font-size: 13px; font-weight: 700; line-height: 18px; color: var(--blue,#197DBC);
  display: inline-block; border: 1px solid var(--blue); padding: 8px 26px; border-radius: 40px;
}
.background-grey-gradient .section-introduction:has(h1,h2,h3,h4) > p:first-child,
.background-grey .section-introduction:has(h1,h2,h3,h4) > p:first-child{
  background: rgba(240,245,244,0.10); color: #fff; border-color: transparent;
}

/* Content Media Section */
.content-media-section :is(h1,h2,h3,h4):has(strong){
  background: linear-gradient(265deg,#197DBC 50.33%,#B7CE3F 82.73%);
  background-clip: text; -webkit-background-clip: text;
  display: inline-block; min-width: 70%;
}
.content-media-section .section-introduction{
  display: grid; justify-items: flex-start; align-self: center; margin-right: auto;
}
.content-media-section .section-introduction ul li:not(:last-child){ margin-bottom: 1em; }
.content-media-section .content-images{ display: grid; justify-content: flex-end; }
.content-media-section .content-images img{ border-radius: 20px; }
.left-media .content-images{ order: -1; margin-right: auto; }
.content-media-section .content-videos iframe{ border-radius: 20px; width: 100%; }

/* responsive */
@media (min-width: 992px) and (max-width: 1360px){
  .content-media-section .section-introduction{ padding-right: 40px; }
  .content-media-section.left-media .section-introduction{ padding-right: unset; padding-left: 40px; }
}
@media (min-width: 992px){
  .content-media-section .section-introduction{ max-width: 635px; }
  .content-media-section .content-images{ max-width: 650px; }
  .left-media .section-introduction{ margin-right: unset; margin-left: auto; }
}
@media (max-width: 991px){
  .content-media-section .content-images,
  .content-media-section .content-videos{ margin-top: 34px; }
  .left-media .content-images,
  .left-media .content-videos{ order: 1; }
  .content-media-section .content-images{ justify-content: center; }
}
@media (max-width: 575px){
  .content-media-section :is(h1,h2,h3,h4):has(strong){ width: 100%; }
}