/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/postcss-loader/dist/cjs.js!./src/styles/section/product.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/*images*/
.features {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  background-color: var(--c-light-grey); }
  @media only screen and (min-width: 1200px) {
    .features {
      padding-top: 8.4375rem;
      padding-bottom: 7.8125rem; } }

.features-container {
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 0.625rem; }
  @media only screen and (min-width: 768px) {
    .features-container {
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: 2.8125rem; } }
  @media only screen and (min-width: 1200px) {
    .features-container {
      grid-template-columns: repeat(3, 1fr); } }

@media only screen and (min-width: 768px) {
  .home .feature__icon {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: 0; } }

.feature {
  position: relative;
  padding: 0.625rem 1.875rem 0.625rem 3.75rem;
  min-width: 0; }
  @media only screen and (min-width: 768px) {
    .feature {
      padding: 0.625rem 1.875rem 0.9375rem 5rem; } }
  .feature__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    color: var(--c-main-black);
    font-size: 1.125rem;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease; }
    @media only screen and (min-width: 768px) {
      .feature__link {
        font-size: 1.375rem;
        margin-bottom: 0.9375rem; } }
  .feature__description {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 300;
    color: var(--c-main-black); }
    @media only screen and (max-width: 767px) {
      .feature__description {
        display: none; } }
  .feature__icon {
    position: absolute;
    left: 0.625rem;
    fill: #c4c9cb;
    pointer-events: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    height: 2rem;
    max-width: 2rem; }
    @media only screen and (min-width: 768px) {
      .feature__icon {
        max-width: 3rem;
        height: 3rem;
        top: 0; } }
    @media only screen and (min-width: 768px) {
      .feature__icon {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%; } }
  .feature__link-icon {
    width: 0.4375rem;
    height: 0.625rem;
    fill: var(--c-medium-grey);
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    margin-left: 0.625rem;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease; }

.feature__link:hover .feature__icon, .feature__link:hover .feature__link-icon {
  fill: var(--c-main-red); }

.feature__link:hover {
  color: var(--c-main-red); }


/*# sourceMappingURL=section-product.css.map*/