/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/family/family.scss ***!
  \********************************************************************************************************************************************************************************/
/**************************************************
Stylesheet: Defaults Stylesheet
**************************************************/
.family {
  padding: 81px 0 103px;
  background: #222222;
  display: flex;
  justify-content: flex-end;
  column-gap: 104px;
  background-image: url("/wp-content/uploads/2025/07/legacy.svg");
  background-size: initial;
  background-position: left bottom 20px;
  background-repeat: no-repeat;
}
@media all and (max-width: 1280px) {
  .family {
    column-gap: 50px;
  }
}
@media all and (max-width: 992px) {
  .family {
    flex-direction: column;
    padding-top: 0;
    row-gap: 40px;
  }
}
@media all and (max-width: 820px) {
  .family {
    background-size: contain;
  }
}
.family__img {
  padding: 90px 139px 90px 0;
  background-image: url("/wp-content/uploads/2025/07/family-bg.svg");
  background-size: contain;
  background-position: right top;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
@media all and (max-width: 1540px) {
  .family__img {
    max-width: 45%;
  }
}
@media all and (max-width: 1280px) {
  .family__img {
    padding-right: 40px;
  }
}
@media all and (max-width: 992px) {
  .family__img {
    align-self: flex-end;
    max-width: 90%;
  }
}
@media all and (max-width: 580px) {
  .family__img {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 95%;
    padding-right: 5%;
  }
}
.family__img img {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3019607843), 0px 8px 12px 6px rgba(0, 0, 0, 0.1490196078);
}
.family__content {
  padding-top: 140px;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media all and (max-width: 1280px) {
  .family__content {
    flex-grow: 1;
    padding-left: 5%;
    padding-top: 80px;
  }
}
@media all and (max-width: 580px) {
  .family__content {
    padding-top: 0;
    padding-right: 5%;
  }
}
.family__content-txt {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  max-width: 452px;
}
@media all and (max-width: 580px) {
  .family__content-txt {
    max-width: 100%;
  }
}
.family__content-txt h2 {
  color: #ffffff;
  text-transform: uppercase;
}
.family__content-txt p {
  color: #ffffff;
  margin: 0;
}
.family__content-btns {
  display: flex;
  column-gap: 30px;
}
@media all and (max-width: 1180px) {
  .family__content-btns {
    flex-direction: column;
    row-gap: 20px;
  }
}
@media all and (max-width: 992px) {
  .family__content-btns {
    flex-direction: row;
  }
}
@media all and (max-width: 560px) {
  .family__content-btns {
    flex-direction: column;
  }
}
.family__content-btns a {
  margin-top: 0 !important;
}

/*# sourceMappingURL=family.css.map*/