.offer {
  margin-bottom: 11rem
}
.offer__title {
  margin-bottom: 3.5rem
}
.offer-slider-wrapper {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  grid-gap: .4rem
}
.offer__item {
  width: 100%;
  height: 16.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: .7rem;
  transition: border .25s;
  position: relative
}
.offer__item:hover {
  border-color: #c1c1c2
}
.nav__dropdown-model .offer__item:hover {
   border-color: #fff
}
.offer__item-count {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background-color: #f1f8fd;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #1e5d9d
}
.offer__item-logo {
  width: 8rem;
  height: 8rem;
  margin-bottom: .6rem
}
.offer-pagination.slider-pagination {
  display: none
}
.offer__bottom {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 2rem;
  margin-top: 5.5rem
}
.offer__elem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 15.7rem;
  padding: 2.3rem 24rem 3.4rem 2rem;
  background-color: #f8f8f8;
  border-radius: 1.6rem;
  position: relative;
  overflow: hidden
}
.offer__elem-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 2.2rem
}
.offer__elem-link {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  color: #1e5d9d
}
.offer__elem-link svg {
  width: 1.4rem;
  height: 1.4rem;
  flex-shrink: 0;
  margin-left: 1rem
}
.offer__elem-img {
  width: 17.6rem;
  position: absolute;
  top: 55%;
  right: 3rem;
  transform: translateY(-50%)
}
.offer__elem-img_2 {
  top: 50%;
  right: 5rem;
  width: 16.5rem
}
.offer__button {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px
}
@media (max-width:48em) {
  .offer {
    margin-bottom: 8rem;
    overflow: hidden
  }
  .offer__title {
    text-align: center;
    margin-bottom: 4rem
  }
  .offer__content {
    position: relative;
    padding-bottom: 2.4rem
  }
  .offer-slider {
    overflow: visible
  }
  .offer-slider-wrapper {
    display: flex;
    grid-gap: initial;
    flex-wrap: wrap
  }
  .offer__item {
    width: 18.8rem;
    height: 18.8rem;
    border-radius: 2.8rem;
    margin-bottom: 3.8rem
  }
  .offer__item-count {
    top: .8rem;
    right: .8rem;
    width: 4rem;
    height: 4rem;
    font-size: 2.4rem
  }
  .offer__item-logo {
    width: 10rem;
    height: 10rem;
    margin-bottom: 1.2rem
  }
  .offer-pagination.slider-pagination {
    display: flex;
    bottom: 0
  }
  .offer__bottom {
    grid-template-columns: repeat(1,1fr);
    margin-top: 14rem
  }
  .offer__elem {
    display: block;
    min-height: 31.2rem;
    padding: 3rem 3rem 18rem;
    border-radius: 3.2rem
  }
  .offer__elem-title {
    font-size: 3.2rem
  }
  .offer__elem-link {
    font-size: 2.8rem
  }
  .offer__elem-link svg {
    width: 2rem;
    height: 2rem;
    margin-left: 1.2rem
  }
  .offer__elem-img {
    width: 29.2rem;
    top: auto;
    bottom: -2.4rem;
    right: -1.4rem;
    transform: none
  }
  .offer__elem-img_2 {
    top: auto;
    bottom: 3rem;
    right: 4.5rem;
    width: 21.5rem
  }
}