@import url("https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap;");
.row-comp {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.row-comp__unit {
  background: #FCF8F8;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}
.row-comp__unit__title {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  width: 190px;
  min-height: 190px;
  padding: 0 15px;
  text-align: center;
}
.row-comp__unit__title.background--white {
  background: #ffffff;
}
.row-comp__unit__title.background--black {
  background: #000000;
}
.row-comp__unit__title.background--dark-grey {
  background: #666666;
}
.row-comp__unit__title.background--medium-grey {
  background: #D5D5D5;
}
.row-comp__unit__title.background--light-grey {
  background: #FCF8F8;
}
.row-comp__unit__title.background--night-blue {
  background: #101B5D;
}
.row-comp__unit__title.background--red {
  background: #DB1811;
}
.row-comp__unit__title.background--aqua {
  background: #0CA6D6;
}
.row-comp__unit__title.background--orange {
  background: #F16801;
}
.row-comp__unit__title.background--purple {
  background: #581ABD;
}
.row-comp__unit__title.background--magenta {
  background: #D84797;
}
.row-comp__unit__title.background--red-medium {
  background: #FFA099;
}
.row-comp__unit__title.background--aqua-medium {
  background: #81DBF3;
}
.row-comp__unit__title.background--orange-medium {
  background: #FEB178;
}
.row-comp__unit__title.background--purple-medium {
  background: #A778F2;
}
.row-comp__unit__title.background--magenta-medium {
  background: #EB9ADE;
}
.row-comp__unit__title.background--medium-grey, .row-comp__unit__title.background--light-grey, .row-comp__unit__title.background--white {
  color: #000000;
}
.row-comp__unit__description {
  width: calc(100% - 190px);
  padding: 30px 65px 0;
}
.row-comp__unit__description p {
  margin-top: 15px;
}
.row-comp__unit.transparent .row-comp__unit__title {
  background-color: transparent;
  color: #000000;
  width: 300px;
  padding-left: 35px;
}
.row-comp__unit.transparent .row-comp__unit__title h3 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .row-comp__unit.transparent .row-comp__unit__title {
    min-height: unset;
    padding: 30px 25px 0;
    text-align: left;
  }
  .row-comp__unit.transparent .row-comp__unit__title h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
.row-comp .button-default {
  padding: 0;
  width: max-content;
  column-gap: 8px;
  display: flex;
  background: unset;
  border: unset;
  flex-direction: row-reverse;
  margin-top: 25px;
  padding-bottom: 20px;
}
.row-comp .button-default__icon {
  width: 25px;
  top: unset;
  position: relative;
  right: unset;
  min-height: unset;
}
.row-comp .button-default a {
  color: #000000;
}
.row-comp .button-default:hover {
  background: unset;
}
.row-comp .button-default:hover a {
  color: #000000;
}
.row-comp .button-default:hover img {
  filter: none;
  margin-left: 5px;
}
.row-comp .button-default__icon {
  line-height: 120%;
}
@media (max-width: 768px) {
  .row-comp__unit {
    flex-direction: column;
  }
  .row-comp__unit__title {
    width: unset;
    min-height: 110px;
  }
  .row-comp__unit__title h2 {
    margin-bottom: 0;
  }
  .row-comp__unit__description {
    padding: 10px 25px 0;
    width: unset;
  }
  .row-comp__unit__description h2 {
    font-size: 22px;
    margin-bottom: 0;
  }
  .row-comp .button-default {
    padding-bottom: 40px;
  }
}
/*# sourceMappingURL=row.css.map */