offer.css 3 KB
.offer {
  padding-top: 80px;
}
.offer__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -0.01em;
  color: #333B49;
  -ms-flex-item-align: start;
      align-self: start;
}
.offer__btn {
  background: #F5851A;
  border-radius: 9.375px;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  border: 1px solid #F5851A;
  cursor: pointer;
  margin-top: 32px;
  padding: 16px 60px;
}
.offer__btn:hover {
  border: 1px solid #F2994A;
  background-color: #FFFFFF;
  color: #F2994A;
  border-radius: 9.375px;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.01em;
}

.offer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 694px;
}

.offer-wrapper {
  border: 1px solid #F2994A;
  border-radius: 10px;
  max-width: 100%;
  width: 100%;
  margin-top: 32px;
}

.offer-wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1085px;
  width: 100%;
  margin: 0 auto;
  padding: 55px 0;
}
.offer-wrapper-content > :not(:last-child) {
  margin-right: 20px;
}

.offer-item {
  max-width: 305px;
  width: 100%;
}
.offer-item__text {
  max-width: 176px;
  width: 100%;
  margin-top: 18px;
  margin-left: 10px;
}
.offer-item__text-title {
  font-weight: 600;
  font-size: 14.6087px;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
  color: #333B49;
}
.offer-item__text-spec {
  margin-top: 18px;
}
.offer-item__text-spec .spec-main {
  font-size: 12.7826px;
  line-height: 15px;
  letter-spacing: -0.01em;
  color: #636B78;
  margin-top: 7px;
}
.offer-item__text-spec .spec-main .spec-second {
  color: #ABB2BF;
  margin-right: 7px;
}

.icons-offer {
  visibility: hidden;
}

.icons-offer-right {
  margin-top: 5px;
}

.plus-elem {
  position: relative;
  width: 42px;
  height: 41px;
  margin: 0 45px;
}
.plus-elem:after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='42' viewBox='0 0 43 42' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M42.3791 18.2164H24.5231V0.648438H18.4751V18.2164H0.619141V23.8804H18.4751V41.3524H24.5231V23.8804H42.3791V18.2164Z' fill='url(%23pattern0)'/%3E%3Cpath d='M42.3791 18.2164H24.5231V0.648438H18.4751V18.2164H0.619141V23.8804H18.4751V41.3524H24.5231V23.8804H42.3791V18.2164Z' fill='%23333B49'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_355_35253' transform='matrix(0.000902512 0 0 0.000925926 -0.366411 0)'/%3E%3C/pattern%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 42px;
  height: 41px;
  top: 193px;
  left: 0;
}