.hero-section {
  position: relative;
  min-height: 30vw;
  background: #7F9C90;
  display: flex;
  align-items: center;
  background-image: var(--background-image);
  background-size: cover; }
  .hero-section:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 0; }
  .hero-section .hero-content {
    z-index: 10; }
    .hero-section .hero-content h1 {
      color: #ffffff;
      text-align: center; }
    .hero-section .hero-content h2 {
      color: #ffffff;
      text-align: center; }
    .hero-section .hero-content .hero-buttons-wrapper {
      display: flex;
      justify-content: center; }
      .hero-section .hero-content .hero-buttons-wrapper .btn {
        background: #6D5764;
        color: #ffffff;
        margin: 0px 10px;
        transition: all 0.5s ease; }
        .hero-section .hero-content .hero-buttons-wrapper .btn:hover {
          background: #7F9C90; }

.content-image-content {
  border-top: 4px solid #6D5764;
  padding: 60px 0px; }
  .content-image-content .title-row {
    margin-bottom: 60px; }
    .content-image-content .title-row h1 {
      text-align: center; }
  .content-image-content .cic-content-row {
    margin-bottom: 40px;
    display: flex;
    align-items: center; }
    .content-image-content .cic-content-row .cic-content-col {
      order: 2; }
    .content-image-content .cic-content-row .cic-image-col.align-right {
      order: 3; }
    .content-image-content .cic-content-row .cic-image-col.align-left {
      order: 1; }

.half-blocks {
  display: flex;
  justify-content: space-between;
  padding-bottom: 60px; }
  .half-blocks .hb-block {
    background: #eef3f1;
    width: calc(50% - 20px);
    margin: 10px;
    padding: 20px; }
    .half-blocks .hb-block h3 {
      height: 70px;
      display: flex;
      align-items: center;
      text-align: center; }
    .half-blocks .hb-block img {
      margin-bottom: 20px; }

.button-row-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 60px 0px; }
  .button-row-wrapper .btn {
    background: #6D5764;
    color: #ffffff;
    margin: 0px 10px;
    transition: all 0.5s ease; }
    .button-row-wrapper .btn:hover {
      background: #7F9C90; }