.mainscreen-cat__section {
  & .mainscreen-banner {
    height: 429px;
    width: 100%;
    position: relative;
    margin-top: 24px;

    @media(max-width:600px) {
      height: 190px;
    }

    & .mainscreen-banner__image {
      height: 100%;
      width: 100%;
      border-radius: 12px;
      overflow: hidden;
      position: relative;

      & .ms-cat__bg {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(24, 35, 22, 0.48) 100%);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
      }

      & img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 2;
      }
    }

    .mainscreen-banner__text {
      position: absolute;
      left: 12px;
      bottom: 12px;
      color: #FFF;
      font-family: 'Evolventa';
      font-size: 32px;
      font-style: normal;
      font-weight: 400;
      line-height: 124%;
      letter-spacing: -0.64px;
      max-width: 424px;
      z-index: 4;

      @media(max-width:600px) {
        font-size: 20px;
      }
    }
  }
}

.modal-survey {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
  transform: scale(0);
  opacity: 0;
  transition: all .3s;

  & .modal-survey__content {
    max-width: 613px;
    width: 100%;
    padding: 42px 12px;
    position: relative;
    border-radius: 12px;
    background:  #FFF;
    backdrop-filter: blur(16px);
    display: flex;
    flex-direction: column;
    align-items: center;

    @media(max-width: 992px) {
      width: 95%;
    }

    & .close-modal {
      position: absolute;
      right: 16px;
      top: 16px;
      cursor: pointer;
    }

    & .modal-survey__logo {
      width: 97px;
      height: 97px;
      margin-bottom: 12px;
      margin-top: 100px;

      @media(max-width: 992px) {
        margin-top: 0;
      }

      @media(max-width: 600px) {
        margin-top: 70px;
      }

      & img {
        object-fit: contain;
        width: 100%;
        height: 100%;
      }
    }

    & .modal-survey__title {
      color: #0F0F0F;
      text-align: center;
      font-family: 'Evolventa';
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 124%;
      letter-spacing: -0.48px;
      max-width: 569px;
      margin-bottom: 85px;

      @media(max-width: 992px) {
        margin-bottom: 32px;
      }

      @media(max-width: 600px) {
        margin-bottom: 70px;
        font-size: 24px;
      }
    }

    & .modal-servey__btns {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 5px;

      & a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 46px;
        border-radius: 8px;
        padding: 16px 24px;
        font-family: 'Evolventa';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: -0.32px;
        border: 1px solid var(--Text-Accent);
      }

      & .selection {
        background-color: #3E534D;
        color: #fff;
      }

      & .close-survey {
        color: #5C7A57;

      }
    }
  }
}

.modal-survey.active {
  transform: scale(1);
  opacity: 1;
  transition: all .3s;
  z-index: 13;

  & .modal-survey__content {
    margin-right: 16px;

    @media(max-width: 992px) {
      margin-right: 0;
    }
  }
}

.filter-panel.sort_header {
  display: none;
}