/**
* Block Name: hero_1
*/

/* Square box */

section.hero_1 .square_box_wrapper .square_box {
  background: #edf7f3;
  display: block;
  padding-top: 100%; /* initial ratio of 1:1*/
  position: relative;
}

section.hero_1 .square_box_wrapper .square_box .content_holder {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px;
  padding-left: 60px;
  overflow: hidden;
  padding-top: 25%;
}

section.hero_1 .square_box_wrapper .square_box .content_holder img.herb {
  width: 140px;
  top: 30px;
  left: 30px;
}

section.hero_1 .square_box_wrapper .square_box p.lead {
  margin-bottom: 15px;
}

@media (max-width: 991px) {
  section.hero_1 .square_box_wrapper .col-lg-6 {
    padding: 0;
  }
  section.hero_1 .square_box_wrapper .row {
    margin: 0;
  }
  section.hero_1 .square_box_wrapper {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}

/* CARDS */

section.hero_1 .awy_card {
  display: block;
  padding-top: 100%; /* initial ratio of 1:1*/
  position: relative;
  margin-bottom: 30px;
}

section.hero_1 .awy_card .init_content .content_holder,
section.hero_1 .awy_card .init_content .image_holder,
section.hero_1 .awy_card .init_content .image_holder:before,
section.hero_1 .awy_card .hover_content {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

section.hero_1 .awy_card .init_content .content_holder {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

section.hero_1 .awy_card .init_content .image_holder {
  z-index: 1;
}

section.hero_1 .awy_card .init_content .image_holder:before {
  content: " ";
  z-index: 2;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    to(rgba(255, 255, 255, 0.75))
  );
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 100%);
}

section.hero_1 .awy_card .hover_content {
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  border-radius: 5px;
  background: #039d64;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
}

section.hero_1 .awy_card:hover .hover_content {
  opacity: 1;
  z-index: 4;
}

section.hero_1 .hover_content .action {
  opacity: 0.5;
}

section.hero_1 .col-6:first-child {
  margin-top: 25%;
}

section.hero_1 .col-6:nth-child(2n + 4) {
  margin-top: -25%;
}
section.hero_1 .list {
  margin-top: 30px;
}
section.hero_1 .list .list_item {
  border-bottom: 2px solid #edf7f3 !important;
}

section.hero_1 .list a,
section.hero_1 .list a:hover {
  color: #5fba94;
  text-decoration: none;
}
section.hero_1 .list a p {
  font-weight: 500;
  font-size: 22px;
}
section.hero_1 .list a .btn-circle {
  background: #edf7f3;
  color: #039d64;
}
section.hero_1 .list a:hover .btn-circle {
  background: #039d64;
  color: #fff;
  -webkit-box-shadow: 0px 10px 25px 0px rgba(95, 186, 148, 1);
  -moz-box-shadow: 0px 10px 25px 0px rgba(95, 186, 148, 1);
  box-shadow: 0px 10px 25px 0px rgba(95, 186, 148, 1);
}

section.hero_1 .list a:hover {
  color: #039d64;
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) - col-sm */

section.hero_1 .row.cards_wrapper > div:nth-last-child(2) {
  margin-left: 50%;
  margin-top: -25%;
}

section.hero_1 .row.cards_wrapper {
  margin: 0;
}

section.hero_1 .row.cards_wrapper > div {
  padding: 0;
}

section.hero_1 .row.cards_wrapper .col-6.square .awy_card {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  section.hero_1 .row.cards_wrapper > .col-6.square:nth-child(1) a.awy_card {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-width: 0;
    border-right-width: 0;
  }
  section.hero_1 .row.cards_wrapper > .col-6.square:nth-child(2) a.awy_card {
    border-bottom-left-radius: 0;
  }
  section.hero_1 .row.cards_wrapper > .col-6.square:nth-child(3) a.awy_card {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
  }
  section.hero_1 .row.cards_wrapper > .col-6.square:nth-child(4) a.awy_card {
    border-radius: 0;
  }
  section.hero_1 .row.cards_wrapper > .col-6.square:nth-child(5) a.awy_card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
  }
}

/* Medium devices (tablets, 768px and up) - col-md */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) col-lg */
@media (min-width: 992px) {
  section.hero_1 .row.cards_wrapper > div:nth-last-child(2) {
    order: 2;
    margin-left: 0;
  }

  section.hero_1 .row.cards_wrapper {
    margin-right: -15px;
    margin-left: -15px;
  }

  section.hero_1 .col-6.list {
    order: 1;
    margin-top: 0 !important;
  }
  section.hero_1 .row.cards_wrapper > div {
    padding: 15px;
  }
}

/* Extra large devices (large desktops, 1200px and up) col-xl */
@media (min-width: 1200px) {
}