/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** 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/advantages.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
/*images*/
.advantages__grid {
  display: grid;
  grid-row-gap: 1.125rem; }
  @media only screen and (min-width: 768px) {
    .advantages__grid {
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 1.125rem;
      grid-row-gap: 1.125rem; } }
  @media only screen and (min-width: 1200px) {
    .advantages__grid {
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 1.875rem;
      grid-row-gap: 1.875rem; } }

.advantages {
  --title-height: 3.9375rem;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem; }
  @media only screen and (min-width: 768px) {
    .advantages {
      --title-height: 6.25rem; } }
  @media only screen and (min-width: 1200px) {
    .advantages {
      padding-top: 8.4375rem;
      padding-bottom: 7.8125rem; } }
  .advantages__item {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .advantages__item.is-active:not(.advantages__item--text-fix) .advantages__item-description {
        top: var(--title-height); }
      .advantages__item.is-active:not(.advantages__item--text-fix) .advantages__item-name {
        top: 0; }
        .advantages__item.is-active:not(.advantages__item--text-fix) .advantages__item-name::after {
          opacity: 0; } }
    @media only screen and (max-width: 767px) {
      .advantages__item.is-active:not(.advantages__item--text-fix) {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 99999;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: var(--c-white); }
        .advantages__item.is-active:not(.advantages__item--text-fix) .advantages__item-name {
          position: static;
          height: auto;
          margin-top: 40px;
          margin-bottom: 40px;
          font-weight: 300;
          font-size: 32px;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; }
          .advantages__item.is-active:not(.advantages__item--text-fix) .advantages__item-name::after {
            position: fixed;
            right: 0.3125rem;
            top: 0.3125rem;
            -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3);
            border-radius: 50%;
            background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%208.71%208.71%22%3E%3Cpath%20class%3D%22cls-1%22%20fill%3D%22%23ff5252%22%20d%3D%22M8.71.71%208%200%204.35%203.65.71%200%200%20.71l3.65%203.64L0%208l.71.71%203.64-3.65L8%208.71%208.71%208%205.06%204.35%208.71.71z%22%2F%3E%3C%2Fsvg%3E");
            background-size: auto;
            background-position: center;
            background-repeat: no-repeat;
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%; }
        .advantages__item.is-active:not(.advantages__item--text-fix) .advantages__item-description {
          position: static;
          font-size: 1rem;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none; }
        .advantages__item.is-active:not(.advantages__item--text-fix) .advantages__item-illustration {
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3; } }
  @media only screen and (min-width: 1200px) {
    .advantages__grid--cell_1 {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 2; }
    .advantages__grid--cell_2 {
      grid-column-start: 2;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 2; }
    .advantages__grid--cell_4 {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 2;
      grid-row-end: 3; }
    .advantages__grid--cell_5 {
      grid-column-start: 2;
      grid-column-end: 3;
      grid-row-start: 2;
      grid-row-end: 3; }
    .advantages__grid--cell_7_8 {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 3;
      grid-row-end: 4; }
    .advantages__grid--cell_9 {
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 3;
      grid-row-end: 4; } }
  @media only screen and (min-width: 768px) {
    .advantages__grid--cell_3_6 {
      grid-column-start: auto;
      grid-column-end: auto;
      grid-row-start: 1;
      grid-row-end: 2; } }
  @media only screen and (min-width: 768px) and (max-width: 767px) {
    .advantages__grid--cell_3_6 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .advantages__grid--cell_3_6 {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 3; } }
  @media only screen and (min-width: 768px) and (min-width: 1200px) {
    .advantages__grid--cell_3_6 {
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 1;
      grid-row-end: 3; } }
  @media only screen and (max-width: 1199px) {
    .advantages .advantages__grid--cell_1, .advantages .advantages__grid--cell_2, .advantages .advantages__grid--cell_4, .advantages .advantages__grid--cell_5, .advantages .advantages__grid--cell_7_8, .advantages .advantages__grid--cell_9 {
      grid-column-start: auto;
      grid-column-end: auto;
      grid-row-start: auto;
      grid-row-end: auto; } }
  @media only screen and (max-width: 1199px) and (max-width: 767px) {
    .advantages .advantages__grid--cell_1, .advantages .advantages__grid--cell_2, .advantages .advantages__grid--cell_4, .advantages .advantages__grid--cell_5, .advantages .advantages__grid--cell_7_8, .advantages .advantages__grid--cell_9 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; } }
  .advantages__item-illustration {
    margin-bottom: var(--title-height); }
  .advantages__item-name {
    position: absolute;
    top: calc(100% - var(--title-height));
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: var(--title-height);
    padding: 0 1.875rem;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    background-color: var(--c-white);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out; }
    @media only screen and (min-width: 768px) {
      .advantages__item-name {
        font-size: 1.375rem; } }
    .advantages__item-name::after {
      content: '';
      display: block;
      width: 1.125rem;
      height: 0.25rem;
      background-size: cover;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%204%22%3E%3Cpath%20d%3D%22M4%202c0%201.1-.9%202-2%202s-2-.9-2-2%20.9-2%202-2%202%20.9%202%202Zm5-2C7.9%200%207%20.9%207%202s.9%202%202%202%202-.9%202-2-.9-2-2-2Zm7%200c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2Z%22%20fill%3D%22%2337474f%22%2F%3E%3C%2Fsvg%3E"); }
  .advantages__item-description {
    position: absolute;
    top: 100%;
    height: calc(100% - var(--title-height));
    padding: 10px 30px 0;
    margin: 0;
    font-size: 1rem;
    background-color: var(--c-white);
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .advantages__item-description span:not(:last-child) {
      display: block;
      margin-bottom: 1em; }
  .advantages .advantages__item--text-fix {
    padding-top: 6.25rem; }
    .advantages .advantages__item--text-fix .advantages__item-description, .advantages .advantages__item--text-fix .advantages__item-name {
      position: static;
      cursor: auto; }
      .advantages .advantages__item--text-fix .advantages__item-description::after, .advantages .advantages__item--text-fix .advantages__item-name::after {
        display: none; }
      @media only screen and (max-width: 1199px) {
        .advantages .advantages__item--text-fix .advantages__item-description, .advantages .advantages__item--text-fix .advantages__item-name {
          padding: 0; } }
    @media only screen and (max-width: 1199px) {
      .advantages .advantages__item--text-fix {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        padding-bottom: 2.5rem; }
        .advantages .advantages__item--text-fix .advantages__item-name {
          display: none; } }
  .advantages__item-illustration {
    margin-bottom: var(--title-height); }
  .advantages__item-illustration svg {
    pointer-events: none;
    max-width: unset;
    aspect-ratio: 774/207;
    height: 12.9375rem;
    width: auto; }


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