aside,
footer,
.sliderManu__1,
.sliderManu__2 {
  section#rosita_widSix {
    max-width: 100% !important;
    gap: 20px !important;

    & .box {
      width: 100% !important;
    }
  }
}

.sliderManu__1,
footer {
  section#rosita_widSix {
    & * {
      color: #ffffff !important;
    }
    & .box {
      background: #333a54 !important;

      &:hover .info > div p:nth-child(1) {
        text-shadow: 10px -10px 8px #7b7b7b45 !important;
      }
    }
  }
}

/*  */
section#rosita_widSix {
  max-width: var(--premary_width);
  gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;

  & * {
    font-family: "Inria Sans", sans-serif;
    color: #000 !important;
  }

  & .box {
    width: calc(100% / 4);
    background: #e7e3e3;
    height: 15rem;
    border-radius: 20px;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
    align-items: flex-start;

    & svg {
      position: absolute;
      right: 25px;
    }

    & .info {
      & p:nth-child(1) {
        width: fit-content;
        font-weight: bold;
        margin-bottom: 2rem;
        border-bottom: 1px dashed #7ec5e5;
        font-size: 14px;
      }

      & p:nth-child(2) {
        font-size: 18px;
        font-weight: bold;
        font-style: italic;
        letter-spacing: 1px;
      }

      & div {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        justify-content: space-evenly;

        & p:nth-child(1) {
          font-size: 6rem;
          position: absolute;
          bottom: -75px;
          left: 20px;
          transition: 1s;
          color: #5a5a5a;
        }

        & p:nth-child(2) {
          border: 5px solid #5a5a5a;
          border-radius: 100%;
          padding: 8px;
          height: 49px;
          width: 49px;
          position: absolute;
          right: 30px;
          bottom: 8px;
          display: flex;
          justify-content: center;
          align-items: center;
          transition: 1s;

          & svg {
            position: unset;
          }
        }
      }
    }

    &:hover .info > div p:nth-child(1) {
      bottom: -40px;
      transition: 1s;
      text-shadow: 10px -10px 8px #00000045;
      color: #fff;
    }

    &:hover .info .redirect {
      transition: 1s;
      transform: rotate(45deg);
    }
  }
}

/*  */
@media (max-width: 576px) {
  section#rosita_widSix {
    padding: 0 7px;
    display: flex;
    flex-direction: column;
    gap: 20px !important;

    & .box {
      width: 100% !important;
    }
  }
}

/*  */
@media (min-width: 577px) and (max-width: 768px) {
  section#rosita_widSix {
    flex-wrap: wrap;
    gap: 20px !important;

    & .box {
      width: calc(100% / 2 - 10px) !important;
    }
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  section#rosita_widSix {
    flex-wrap: wrap;
    gap: 20px !important;

    & .box {
      width: calc(100% / 3 - 14px) !important;
    }
  }
}

@media (min-width: 992px) {
  section#rosita_widSix {
    padding: 0 7px;

    & .box {
      width: calc(100% / var(--width) - 14px) !important;
    }
  }
}