#home-page__title {
  text-align: center;
  font-size: 15px;
  font-weight: 300;
  color: #112038;
  font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
  margin: clamp(25px, 4vw, 30px) 0;
  text-transform: inherit;
}
@media (min-width: 768px) {
  #home-page__title {
    font-size: 28px;
  }
}
@media (min-width: 993px) {
  #home-page__title {
    margin: 0 0 45px;
  }
}
#home-page__title strong,
#home-page__title b {
  font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
#p-design {
  padding: 0 0 clamp(15px, 3vw, 40px);
}
#p-design .design-architecture {
  background: #F7F7F7;
  border-radius: 8px;
  padding: clamp(30px, 3vw, 40px) clamp(15px, 3vw, 40px);
  display: grid;
  grid-template-columns: 100%;
  gap: 30px;
  align-items: flex-start;
}
@media (min-width: 993px) {
  #p-design .design-architecture {
    grid-template-columns: 1.03fr 1fr;
  }
}
#p-design .design-architecture__cols--desc {
  display: grid;
  gap: clamp(20px, 3vw, 30px);
  grid-template-columns: 100%;
}
#p-design .design-architecture__cols--image {
  display: none;
}
@media (min-width: 993px) {
  #p-design .design-architecture__cols--image {
    display: block;
  }
}
#p-design .design-architecture__picture {
  display: block;
}
#p-design .design-architecture__picture img {
  border-radius: 8px;
}
#p-design .design-architecture__title {
  font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
  font-size: clamp(20px, 3vw, 26px);
  line-height: clamp(26px, 3vw, 34px);
  color: #112038;
  padding: 0;
  margin: 0;
  text-align: center;
}
@media (min-width: 993px) {
  #p-design .design-architecture__title {
    text-align: left;
  }
}
#p-design .design-architecture__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
@media (min-width: 768px) {
  #p-design .design-architecture__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 993px) {
  #p-design .design-architecture__items {
    max-width: 420px;
  }
}
#p-design .design-architecture__item {
  background: #fff;
  border-radius: 8px;
  display: inline-grid;
  grid-template-columns: 100%;
  gap: 3px;
  padding: 7px 15px 8px;
  font-size: clamp(12px, 4vw, 14px);
  line-height: 18px;
  color: #000;
  font-family: 'OpenSansSemiBold', Arial, Helvetica, sans-serif;
}
#p-design .design-architecture__item::before {
  content: '';
  min-width: 32px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
}
#p-design .design-architecture__item--assortment::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%232C6FB2' stroke-linecap='round' stroke-width='2.2' d='M25.806 21.2v6.733c0 .553.458 1 1.01 1 .094 0 .135.113.058.165A5.615 5.615 0 0 1 23.87 30c-1.336 0-2.768-.53-3.55-.903-.087-.041-.056-.164.04-.164a.93.93 0 0 0 .93-.929V19a1 1 0 0 1 1-1h2.515a1 1 0 0 1 1 1v2.2Zm0 0H30M19.994 8.64C20.103 6.425 18.816 2 12.796 2c-6.02 0-7.524 4.426-7.524 6.64v12.412m0 8.948v-4.907m0 0H3.519a.889.889 0 0 1-.401-.09C2.533 24.708 2 24.228 2 23.073c0-1.157.533-1.637 1.118-1.932a.889.889 0 0 1 .401-.09h1.753m0 4.042v-4.041m0 4.04h5.023a.844.844 0 0 0 .4-.091c.586-.314 1.12-.886 1.12-1.929 0-1.043-.534-1.615-1.12-1.928a.843.843 0 0 0-.4-.092H9.198m-3.926 0h3.926m0 0v-3.753'/%3E%3C/svg%3E");
}
#p-design .design-architecture__item--sale::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%232C6FB2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 10.222V29m0-18.777c-.523-2.153-1.422-3.993-2.582-5.281C12.258 3.652 10.893 2.976 9.5 3a3.611 3.611 0 0 0 0 7.222m6.5 0c.523-2.154 1.422-3.994 2.581-5.282C19.741 3.652 21.106 2.976 22.5 3a3.61 3.61 0 0 1 0 7.222M26.11 16v10.11A2.889 2.889 0 0 1 23.222 29H8.778a2.889 2.889 0 0 1-2.889-2.89V16M3 11.667a1.444 1.444 0 0 1 1.445-1.445h23.11a1.444 1.444 0 0 1 1.444 1.445v2.889A1.444 1.444 0 0 1 27.555 16H4.445A1.444 1.444 0 0 1 3 14.556v-2.89Z'/%3E%3C/svg%3E");
}
#p-design .design-architecture__item--delivery::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%232C6FB2' d='M23 27.34a4.34 4.34 0 1 1 3.06-1.27A4.31 4.31 0 0 1 23 27.34Zm0-6.67a2.311 2.311 0 0 0-1.65.68 2.321 2.321 0 0 0-.02 3.32 2.39 2.39 0 0 0 3.3 0 2.34 2.34 0 0 0 0-3.3 2.34 2.34 0 0 0-1.63-.7ZM9.66 27.34a4.34 4.34 0 1 1 .417-8.67 4.34 4.34 0 0 1-.417 8.67Zm0-6.67a2.33 2.33 0 0 0-1.65 4 2.39 2.39 0 0 0 3.32 0 2.32 2.32 0 0 0 0-3.3 2.349 2.349 0 0 0-1.67-.7Z'/%3E%3Cpath fill='%232C6FB2' d='M27.33 24h-1a1 1 0 0 1 0-2h1.43a1 1 0 0 0 .57-.33.94.94 0 0 0 .28-.58 2.762 2.762 0 0 0 0-.44V17a7.66 7.66 0 0 0-7.28-7.66v11a1 1 0 0 1-2 0V9c0-1.45 0-2.41-.29-2.7-.29-.29-1.26-.3-2.71-.3H7c-1.46 0-2.42 0-2.71.3C4 6.6 4 7.55 4 9v10.67a5.69 5.69 0 0 0 .13 1.83.94.94 0 0 0 .37.37 5.65 5.65 0 0 0 1.83.13 1 1 0 0 1 0 2 5.48 5.48 0 0 1-2.83-.4 2.91 2.91 0 0 1-1.1-1.1 5.48 5.48 0 0 1-.4-2.83V9c0-2.09 0-3.24.88-4.12C3.76 4 4.88 4 7 4h9.33c2.09 0 3.24 0 4.12.88a3.39 3.39 0 0 1 .88 2.46A9.67 9.67 0 0 1 30.69 17v3.67c.014.23.014.46 0 .69a3 3 0 0 1-2.61 2.6c-.249.03-.5.044-.75.04ZM13 24a1 1 0 0 1 0-2h6.66a1 1 0 0 1 0 2H13Z'/%3E%3C/svg%3E");
}
#p-design .design-architecture__item--availability::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%232C6FB2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m12 16 2.667 2.666L20 13.333M16 4c9.6 0 12 2.4 12 12s-2.4 12-12 12S4 25.6 4 16 6.4 4 16 4Z'/%3E%3C/svg%3E");
}
#p-design .design-architecture__item--manager::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%232C6FB2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M8 28v-2.667A5.333 5.333 0 0 1 13.333 20H14M10.668 9.333a5.333 5.333 0 1 0 10.667 0 5.333 5.333 0 0 0-10.667 0Zm13.334 20 4.466-4.378a2.857 2.857 0 0 0 .007-4.095 2.99 2.99 0 0 0-4.172-.008l-.299.294-.297-.294a2.99 2.99 0 0 0-4.17-.008 2.857 2.857 0 0 0-.009 4.095l4.474 4.395Z'/%3E%3C/svg%3E");
}
#p-design .design-architecture__item--preorder::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%232C6FB2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m13.335 16-2.667-2.933.8-1.334M8 6.667h16l4 6.667L16.667 26a.934.934 0 0 1-1.334 0L4 13.334l4-6.667Z'/%3E%3C/svg%3E");
}
#p-design .design-architecture__text {
  font-size: clamp(14px, 1vw, 16px);
  line-height: clamp(18px, 1vw, 20px);
  color: #112038;
  text-align: center;
}
@media (min-width: 993px) {
  #p-design .design-architecture__text {
    text-align: left;
  }
}
#p-design .design-architecture__buttons {
  display: flex;
  gap: 16px 12px;
  flex-direction: column;
}
@media (min-width: 993px) {
  #p-design .design-architecture__buttons {
    margin: -5px 0 0;
    flex-direction: row;
  }
}
#p-design .design-architecture__button {
  display: inline-flex;
  align-items: center;
  min-width: 160px;
  gap: 12px;
  min-height: 42px;
  border-radius: 42px;
  background-color: #2C6FB2;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  line-height: 16px;
  padding: 5px 14px;
  transition: all 0.35s;
  flex: 1;
}
@media (min-width: 993px) {
  #p-design .design-architecture__button {
    flex: revert;
  }
}
#p-design .design-architecture__button--corporate::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M5.85 3.3c0-.801.65-1.45 1.45-1.45h1.9c.8 0 1.45.649 1.45 1.45v1.05h3.05c.8 0 1.45.649 1.45 1.45v6.9c0 .8-.65 1.45-1.45 1.45H2.8c-.8 0-1.45-.65-1.45-1.45V5.8c0-.801.65-1.45 1.45-1.45h3.05V3.3Zm1.3 1.05h2.2V3.3a.15.15 0 0 0-.15-.15H7.3a.15.15 0 0 0-.15.15v1.05ZM2.8 5.65a.15.15 0 0 0-.15.15v3.05h3.7V8.8a.95.95 0 0 1 .95-.95h1.9a.95.95 0 0 1 .95.95v.05h3.7V5.8a.15.15 0 0 0-.15-.15H2.8Zm11.05 4.5h-3.7v.05a.95.95 0 0 1-.95.95H7.3a.95.95 0 0 1-.95-.95v-.05h-3.7v2.55c0 .083.067.15.15.15h10.9a.15.15 0 0 0 .15-.15v-2.55Zm-6.2-1v.7h1.2v-.7h-1.2Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
#p-design .design-architecture__button--design::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='m7.333 4.666 4 4m-8.666 2 7.8-7.8a.667.667 0 0 1 .933 0L13.133 4.6a.667.667 0 0 1 0 .933l-7.8 7.8H2.667v-2.667Z'/%3E%3C/svg%3E");
}
#p-design .design-architecture__button:hover {
  color: #fff;
  background-color: #3986C4;
}
#p-design .design-architecture__button::before {
  content: '';
  min-width: 16px;
  width: 16px;
  height: 16px;
}

#p-market {
  padding: 10px 0 40px;
  overflow: hidden;
}
#p-market .banner-market {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
  background-color: #F8F8F8;
}
@media (min-width: 768px) {
  #p-market .banner-market {
    grid-template-areas: 'layer';
    background-color: transparent;
  }
}
#p-market .banner-market__desc {
  padding: clamp(30px,3.4vw,65px) clamp(15px,2.9vw,55px);
  max-width: clamp(460px,60vw,680px);
  display: flex;
  flex-direction: column;
  gap: clamp(18px,1vw,20px);
}
@media (min-width: 768px) {
  #p-market .banner-market__desc {
    grid-area: layer;
    z-index: 2;
  }
}
#p-market .banner-market__image {
  display: flex;
  justify-content: flex-end;
}
#p-market .banner-market__image img {
  min-width: 870px;
}
@media (min-width: 768px) {
  #p-market .banner-market__image {
    grid-area: layer;
    z-index: 1;
  }
}
#p-market .banner-market__title {
  color: #112038;
  font-size: clamp(24px,4vw,36px);
  line-height: 1.2;
  font-family: 'OpenSansSemiBold', arial, sans-serif;
}
#p-market .banner-market__text {
  color: #112038;
  font-size: clamp(12px,1vw,16px);
  line-height: 1.2;
  font-family: 'OpenSansSemiBold', arial, sans-serif;
}
#p-market .banner-market__icon {
  display: flex;
  gap: clamp(15px,2.65vw,50px);
  padding: clamp(10px,1vw,20px) 0 0;
}
#p-market .banner-market__icon img {
  width: auto;
  height: clamp(48px,15vw,65px);
}