.offert {
  height: 100%; }
  .offert__items {
    border: 1px solid #434343;
    display: grid;
    height: 100%; }
    @media (min-width: 720px) {
      .offert__items {
        grid-template-columns: repeat(2, 1fr); } }
  .offert__item {
    border-bottom: 1px solid #434343;
    border-left: 1px solid #434343;
    padding: 3.5rem;
    position: relative;
    z-index: 2;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer; }
    .offert__item--popuptext {
      display: none !important; }
    @media (max-width: 720px) {
      .offert__item {
        border: 1px solid #434343; } }
    .offert__item p {
      font-size: var(--fontSize--lm);
      margin: 2rem 0; }
    .offert__item:hover .offert__item__hover {
      transform: translate(0); }
    .offert__item:nth-last-child(2), .offert__item:nth-last-child(1) {
      border-bottom: none; }
    @media (max-width: 992px) {
      .offert__item__heading br {
        display: none; } }
    .offert__item__icon {
      width: 30px; }
    .offert__item__hover {
      transition: 0.3s all;
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding: 2rem 0rem 0rem; }
      @media (min-width: 992px) {
        .offert__item__hover {
          padding: 1rem 3.5rem;
          background: #201c98;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          transform: translate(-110%); } }
      .offert__item__hover p {
        font-size: var(--fontSize--m);
        color: #d1d1d1;
        font-weight: 300;
        margin-top: 0; }
      .offert__item__hover svg {
        display: none; }
        @media (min-width: 992px) {
          .offert__item__hover svg {
            display: block; } }

.popup-wrapper {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(30, 30, 30, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 30px;
  font-size: var(--fontSize--m);
  z-index: 999;
  display: none; }
  .popup-wrapper.popup-active {
    display: flex;
    flex-direction: column; }
  .popup-wrapper .popup-wrapper__box {
    background-color: #292929;
    color: #fff;
    border-radius: 8px;
    border: 1px solid #353535;
    width: 100%;
    max-width: 1024px;
    max-height: 80vh;
    padding: 80px;
    position: relative;
    margin: 15px 40px;
    overflow-y: auto; }
  .popup-wrapper .popup-wrapper__exit-wrapper {
    max-width: 1024px;
    width: 100%; }
  .popup-wrapper .popup-wrapper__exit {
    margin-right: -34px;
    display: block;
    margin-left: auto;
    cursor: pointer;
    transition: transform 0.35s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .popup-wrapper .popup-wrapper__exit:hover {
      transform: rotate(45deg); }