.ProductComponent {
  position: relative;
  min-height: 60vh;
  background-size: cover;
  background-color: #fff; }
  .ProductComponent.isDark {
    color: #5ca353; }
  @media (max-width: 991px) {
    .ProductComponent {
      padding: 5rem 1rem; }
      .ProductComponent .order-2 .ml-5 {
        margin-left: 0 !important; } }
  .ProductComponent .row .col-fhd-12 {
    padding-left: 0;
    padding-right: 0; }
  .ProductComponent .text ul, .ProductComponent .text2 ul {
    padding: 0; }
    .ProductComponent .text ul li, .ProductComponent .text2 ul li {
      background-size: contain;
      background-position: left center;
      background-repeat: no-repeat;
      padding-left: 2rem;
      padding-right: 2rem; }
  @media (min-width: 1440px) {
    .ProductComponent .text.order-1 > div {
      padding-left: 7rem; } }
  @media (min-width: 1440px) {
    .ProductComponent .text.order-2 > div {
      padding-right: 7rem; } }
  .ProductComponent .text {
    padding: 0 1rem;
    font-weight: 300; }
    .ProductComponent .text > div {
      width: 100%;
      height: 100%;
      padding: 1rem 3rem; }
    .ProductComponent .text blockquote {
      max-width: 40%;
      width: 40%; }
    @media (max-width: 767px) {
      .ProductComponent .text {
        width: 100%; }
        .ProductComponent .text blockquote {
          max-width: 90%;
          width: 90%; } }
    @media (min-width: 1200px) {
      .ProductComponent .text {
        width: 60%; } }
  .ProductComponent .image {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat; }
    @media (max-width: 1199px) {
      .ProductComponent .image {
        width: 100%; } }
    @media (min-width: 1200px) {
      .ProductComponent .image {
        width: 40%; } }
    .ProductComponent .image > img {
      height: auto; }
  .ProductComponent h2 {
    position: relative;
    font-family: 'Hollie Script Pro', serif;
    color: #8d8d8d;
    font-weight: 300;
    margin-bottom: 2rem; }
    .ProductComponent h2 > span, .ProductComponent h2 b {
      color: #5ca353;
      font-weight: 300; }
    .ProductComponent h2:after {
      content: '';
      position: absolute;
      bottom: -1rem;
      left: 0;
      width: 5rem;
      border: 1px solid #8d8d8d; }
  .ProductComponent a {
    color: #888888;
    background-color: transparent;
    border: 1px solid #888888;
    padding: 0.6rem 1.6rem;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
    outline: 0;
    box-shadow: none !important; }
    .ProductComponent a:hover {
      color: #ffffff;
      background-color: #888888; }
  .ProductComponent .isDark a, .ProductComponent .isDark p, .ProductComponent .isDark h1, .ProductComponent .isDark h2, .ProductComponent .isDark h3, .ProductComponent .isDark h4 {
    color: #f7f7f7; }