/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-category-half-first/block-category-half-first.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.blockCategoryHalfFirst__content {
  max-width: calc(50% - 60px);
  width: 100%;
  max-height: 837px;
  height: 100vh;
  position: relative;
  display: flex;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.07);
  margin: 30px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 64px 32px 32px; }
  @media screen and (max-width: 1280px) {
    .blockCategoryHalfFirst__content {
      max-height: 600px;
      max-width: calc(50% - 30px);
      margin: 15px; } }
  @media screen and (max-width: 991px) {
    .blockCategoryHalfFirst__content {
      padding: 24px; } }
  @media screen and (max-width: 768px) {
    .blockCategoryHalfFirst__content {
      max-width: 100%; } }
  @media screen and (max-width: 640px) {
    .blockCategoryHalfFirst__content {
      margin: 15px 0; } }
  .blockCategoryHalfFirst__content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(203.18deg, rgba(0, 0, 0, 0) 30.19%, #000 116.05%); }
  .blockCategoryHalfFirst__content img {
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    object-fit: cover;
    object-position: center; }
  .blockCategoryHalfFirst__content .blockCategoryHalfFirst__text {
    color: #fff;
    position: relative; }
    .blockCategoryHalfFirst__content .blockCategoryHalfFirst__text > h3 {
      max-width: 350px;
      width: 100%;
      margin: 0 0 16px; }
    .blockCategoryHalfFirst__content .blockCategoryHalfFirst__text > div {
      max-width: 400px;
      width: 100%;
      min-height: 88px;
      margin: 0 0 24px;
      font-size: 16px; }
      .blockCategoryHalfFirst__content .blockCategoryHalfFirst__text > div > a {
        color: #00a4e3; }

@media screen and (min-width: 1921px) {
  .blockCategoryHalfFirst__content {
    max-width: calc(50% - 3.125vw);
    max-height: 43.59375vw;
    box-shadow: 0 0.20833vw 2.08333vw rgba(0, 0, 0, 0.07);
    margin: 1.5625vw;
    padding: 3.33333vw 1.66667vw 1.66667vw; }
    .blockCategoryHalfFirst__content .blockCategoryHalfFirst__text > h3 {
      max-width: 18.22917vw;
      margin: 0 0 0.83333vw; }
    .blockCategoryHalfFirst__content .blockCategoryHalfFirst__text > div {
      max-width: 20.83333vw;
      min-height: 4.58333vw;
      margin: 0 0 1.25vw;
      font-size: 0.83333vw; } }