/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/collection-block/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.collection-block {
  padding-top: 5.3rem;
  padding-bottom: 9.1rem;
}
.collection-block .container {
  width: 112.2rem;
  height: 43rem;
  margin: auto;
  background-color: #F4F4F5;
  display: flex;
  align-items: center;
  padding-left: 11.1rem;
}
.collection-block .container img {
  height: 51.1rem;
  width: 38.9rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.collection-block .container .text-container {
  color: #3A515B;
  width: 45.9rem;
  margin-right: 11.1rem;
}
.collection-block .container .text-container h2 {
  margin-bottom: 3rem;
  font-size: 3.6rem;
}
.collection-block .container .text-container .rich-text {
  margin-bottom: 3rem;
}
.collection-block .container .text-container .rich-text p {
  font-weight: 400;
}
.collection-block .container .text-container .cta {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 7.55rem;
}
.collection-block.left-flow .container {
  padding-left: 0;
  padding-right: 11.1rem;
  justify-content: flex-end;
}
.collection-block.left-flow .container .text-container {
  margin-right: 0;
  margin-left: 11.1rem;
}

@media only screen and (max-width: 900px) {
  .collection-block {
    padding: 1.5rem 1.6rem 0 1.6rem;
    overflow: hidden;
  }
  .collection-block .container {
    width: 100%;
    height: auto;
    background-color: #F4F4F5;
    display: flex;
    flex-direction: column-reverse;
    padding-left: 0;
  }
  .collection-block .container img {
    height: 30rem;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .collection-block .container .text-container {
    color: #3A515B;
    width: 100%;
    margin-right: 0;
    padding: 0 2.4rem 3.5rem 2.6rem;
  }
  .collection-block .container .text-container h2 {
    margin-top: 2.5rem;
    margin-bottom: 1.2rem;
    font-size: 2.4rem;
  }
  .collection-block .container .text-container .rich-text {
    margin-bottom: 2.5rem;
  }
  .collection-block .container .text-container .cta {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1rem 7.55rem;
  }
  .collection-block.left-flow .container {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-end;
    flex-direction: column;
  }
  .collection-block.left-flow .container .text-container {
    margin-right: 0;
    margin-left: 0;
  }
}

/*# sourceMappingURL=style-collection-block.css.map*/