h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
h1 {
  font: 50px/62px Intro;
  color: #103d2a;
  position: relative;
}
h1::before {
  content: "";
  height: 20px;
  background: url('../img/icon-promo0.png');
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(-15px, 36px);
  z-index: 0;
}
h1 span {
  display: inline-block;
  position: relative;
}
h2 {
  font: 32px/42px Intro;
  color: #103d2a;
}
h3 {
  font: 24px/32px Intro;
  color: #103d2a;
}
.swiper-control {
  width: 60px;
  height: 60px;
  background: url('../img/icon-control.png') no-repeat;
  outline: none;
}
.swiper-control:not(.swiper-button-disabled) {
  cursor: pointer;
}
.swiper-control.next {
  transform: rotate(180deg);
}
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}
.upload {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  padding-top: 15px;
}
.upload input {
  display: none;
}
.upload b {
  font-weight: normal;
  font: 16px/32px Intro;
}
.upload i {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  border-radius: 4px;
  background-color: #32ab77;
  margin-left: 10px;
  transform: translateY(-2px);
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.upload i.active {
  padding: 5px 10px;
}
.input {
  background: none;
  width: 100%;
  height: 70px;
  border: 2px solid #fff;
  border-width: 0 0 2px;
  outline: none;
  font-size: 16px;
  font-family: Raleway;
  color: #fff;
  vertical-align: top;
  padding: 0;
}
.input::placeholder {
  color: #fff;
}
.input:focus {
  border-bottom-color: #F4A261;
}
.input_silver {
  border-bottom-color: #D8E1DD;
  color: #103d2a;
}
.input_silver::placeholder {
  color: #96ABA2;
}
.text {
  background: none;
  width: 100%;
  border: 2px solid #fff;
  padding: 20px 0;
  border-width: 0 0 2px;
  outline: none;
  font-size: 16px;
  font-family: Raleway;
  color: #fff;
  resize: none;
  vertical-align: top;
}
.text::placeholder {
  color: #fff;
}
.text:focus {
  border-bottom-color: #F4A261;
}
.group {
  margin-bottom: 20px;
}
.group.has-error .input,
.group.has-error .text {
  border-bottom-color: #EB5757;
}
.group.has-error .input::placeholder,
.group.has-error .text::placeholder {
  color: #EB5757;
}
.submit {
  padding-top: 30px;
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 100%;
  max-width: 300px;
  height: 56px;
  background: linear-gradient(167.37deg, #32ab77 27.27%, #1f983a 115.15%);
  box-shadow: 0px 10px 15px rgba(48, 171, 119, 0.25);
  border-radius: 28px;
  font: 14px/24px Intro;
  color: #fff;
  text-decoration: none;
  text-align: center;
  position: relative;
}
.btn::before {
  content: "";
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url('../img/btn.png') no-repeat;
  background-size: cover;
  transition: .5s;
}
.btn::after {
  content: "";
  background-color: #24885D;
  box-shadow: 0px 10px 15px rgba(48, 171, 119, 0.25);
  border-radius: 25px;
  height: 55px;
  bottom: -4px;
  left: 0;
  right: 0;
  z-index: -1;
  position: absolute;
}
.btn1 {
  display: inline-block;
  vertical-align: middle;
  border: none;
  font: 14px/24px Intro;
  color: #fff;
  background: url('../img/icon-btn.png'), linear-gradient(169.71deg, #f4a261 27.27%, #e9c46a 115.15%);
  background-size: cover;
  border-radius: 25px;
  padding: 16px 50px;
  position: relative;
  cursor: pointer;
}
.btn1::after {
  content: "";
  background: #DE9B5A;
  box-shadow: 0px 10px 15px rgba(222, 155, 90, 0.25);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 55px;
  border-radius: 25px;
  z-index: -1;
}
.accordion .collapse:not(.show) {
  display: none;
}
.accordion .collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}
.scrollTop {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 76px;
  cursor: pointer;
  z-index: 100;
  display: block;
  width: 60px;
  height: 60px;
}
.scrollTop span {
  display: block;
  width: 180px;
  height: 180px;
  background: url('../img/scrolltop.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  margin-top: 15px;
}
#success {
  display: none;
}
.modal {
  position: fixed;
  display: none;
  z-index: 1020;
}
.modal-backdrop {
  display: none;
}
.modal.show {
  display: block;
}
.modal-dialog {
  background-color: rgba(50, 171, 119, 0.8);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: fixed;
  overflow-y: auto;
  padding: 20px 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
}
.modal__close {
  background: url('../img/modal-close.png') no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.modal-content {
  width: 100%;
  max-width: 600px;
  background-color: #fff;
  box-shadow: 0px 15px 60px rgba(48, 171, 119, 0.15);
  border-radius: 24px;
  box-sizing: border-box;
  padding: 50px 50px 39px;
  margin: auto;
  position: relative;
}
.modal-content span {
  display: flex;
  width: 100px;
  height: 100px;
  background: #32AB77;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-bottom: 23px;
}
.modal-content h2 {
  font-size: 24px;
  line-height: 32px;
  border-bottom: 1px solid #EFF5F2;
  padding-bottom: 42px;
  padding-right: 30px;
  margin-bottom: 30px;
}
.modal-content p {
  margin: 0 0 1px;
}
.modal__tel {
  font: 36px/42px Intro;
  color: #F4A261;
  text-decoration: none;
}
.modal .submit {
  padding-bottom: 11px;
}
.modal_item .modal-content {
  text-align: left;
  padding: 0;
}
.modal_item .modal-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal_item .modal-image img {
  display: block;
  max-width: 100%;
  max-height: 420px;
  object-fit: cover;
}
.modal_item .modal-card {
  padding: 0 50px;
}
.modal_item h3 {
  padding-right: 40px;
}
.modal_item ul {
  list-style: none;
  margin: 0;
  padding: 6px 0 19px;
}
.modal_item ul li {
  display: flex;
  align-items: center;
  color: #96ABA2;
}
.modal_item ul li i {
  flex: 0 0 auto;
  font-style: normal;
  margin-right: 10px;
}
.modal_item ul li i::after {
  display: inline;
  content: ":";
}
.modal_item ul li b {
  flex: 1;
  width: 100%;
  font-weight: normal;
  color: #103d2a;
}
.modal_item .button {
  display: flex;
  justify-content: center;
  border-top: 1px solid #EFF5F2;
  padding-top: 30px;
  padding-bottom: 30px;
}
#callback .modal-content {
  padding-top: 43px;
}
#callback h2 {
  padding-bottom: 0;
  margin-bottom: 3px;
  border-bottom: none;
}
.capture {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.capture::before {
  content: "";
  height: 285px;
  position: absolute;
  top: -152px;
  left: 0;
  right: 0;
  background: url('../img/bg-capture0.png') center center no-repeat;
  pointer-events: none;
}
.capture .container {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-bottom: 80px;
}
.capture__icon {
  position: absolute;
  top: 70px;
  right: 100%;
  margin-right: 48px;
}
.capture__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 610px;
  height: 610px;
  background: url('../img/bg-capture-carousel.svg') no-repeat;
  margin-right: auto;
  margin-top: 62px;
  position: relative;
}
.capture__carousel {
  width: 480px;
  height: 480px;
  box-shadow: 0px 15px 60px rgba(48, 171, 119, 0.15);
  border-radius: 50%;
}
.capture .swiper-control {
  position: absolute;
  top: 50%;
  margin-top: -30px;
}
.capture .swiper-slide img {
  max-width: 100%;
  object-fit: cover;
}
.capture-next {
  left: 100%;
  margin-left: -30px;
}
.capture-prev {
  right: 100%;
  margin-right: -30px;
}
.capture__content {
  width: 470px;
  margin-top: 135px;
}
.capture__content p {
  margin: 20px 0 32px;
}
.option {
  background-color: #eff6f3;
  text-align: center;
  position: relative;
}
.option__icon {
  position: absolute;
  top: -25px;
  left: 100%;
  margin-left: 61px;
  z-index: 1;
}
.option::before {
  content: "";
  height: 279px;
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  background: url('../img/bg-option.png') center center no-repeat;
  pointer-events: none;
}
.option .container {
  padding-top: 200px;
  position: relative;
}
.option h2 {
  font-size: 50px;
  line-height: 62px;
  position: relative;
}
.option h2::before {
  content: "";
  width: 781px;
  height: 20px;
  background: url('../img/icon-option.png');
  background-size: cover;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 36px);
  z-index: 0;
}
.option h2 span {
  display: inline-block;
  position: relative;
}
.option__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 52px;
  margin-bottom: 45px;
}
.option__nav .nav-link {
  display: block;
  font: 22px/24px Intro;
  color: #F0AE64;
  margin: 0 70px 30px;
}
.option__nav .nav-link:not(.active) {
  cursor: pointer;
}
.option__nav .nav-link.active {
  color: #fff;
  cursor: default;
  position: relative;
  z-index: 1;
}
.option__nav .nav-link.active::before {
  content: "";
  width: 273px;
  height: 75px;
  background: url('../img/icon-option1.png') center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -40%);
  z-index: -1;
}
.option .tab-pane {
  position: relative;
}
.option .tab-pane .swiper-control {
  position: absolute;
  top: 50%;
  margin-top: -60px;
  right: 100%;
  margin-right: 60px;
  z-index: 10;
}
.option .tab-pane .swiper-control.next {
  right: auto;
  left: 100%;
  margin-right: 0;
  margin-left: 60px;
}
.option .tab-pane .swiper-control.swiper-button-disabled {
  display: none;
}
.option .swiper-container {
  margin: 0 -30px;
  padding: 0 30px 60px;
}
.option .swiper-slide {
  display: flex;
  flex-direction: column;
  height: 508px;
  background-color: #FFF;
  box-shadow: 0px 15px 30px rgba(48, 171, 119, 0.15);
  border-radius: 24px;
  opacity: 0;
  pointer-events: none;
}
.option .swiper-slide.swiper-slide-visible {
  opacity: 1;
  pointer-events: inherit;
}
.option__item {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.option__item span {
  display: block;
  font: 18px/26px Intro;
  padding: 0 20px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
}
.option__item img {
  display: block;
  margin-top: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.option__content {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 187px;
  margin-top: auto;
  border-top: 1px solid #EFF5F2;
}
.option__content span {
  display: block;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 23px;
}
.option__content b {
  font-weight: bold;
  font-size: 24px;
}
.best {
  position: relative;
  z-index: 1;
}
.best::before {
  content: "";
  height: 160px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url('../img/bg-best.png') center center no-repeat;
  z-index: 1;
}
.best::after {
  content: "";
  height: 285px;
  position: absolute;
  bottom: -130px;
  left: 0;
  right: 0;
  background: url('../img/bg-capture0.png') center center no-repeat;
  pointer-events: none;
}
.best .container {
  height: 1400px;
  padding-top: 190px;
  box-sizing: border-box;
}
.best h2 {
  max-width: 470px;
}
.best p {
  max-width: 470px;
  margin: 20px 0 10px;
}
.best ul {
  list-style: none;
  margin: 0;
  padding: 10px 0 0;
}
.best ul li {
  display: block;
  position: relative;
  width: 350px;
  padding-left: 120px;
  margin-top: 44px;
}
.best ul li span {
  display: block;
  font: 18px/30px Intro;
  margin-bottom: 6px;
}
.best ul li img {
  display: block;
  width: 90px;
  height: 90px;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.step {
  background-color: #fff;
  position: relative;
}
.step .container {
  height: 800px;
  padding-top: 100px;
  position: relative;
}
.step__icon1 {
  position: absolute;
  top: 50px;
  right: 100%;
  margin-right: -12px;
  z-index: 1;
}
.step__icon2 {
  position: absolute;
  bottom: -138px;
  left: 100%;
  margin-left: -64px;
  z-index: 1;
}
.step__row {
  display: flex;
  align-items: center;
}
.step h2 {
  flex: 0 0 auto;
  font-size: 50px;
  line-height: 62px;
  max-width: 570px;
  position: relative;
  z-index: 20;
}
.step h2::before {
  content: "";
  width: 304px;
  height: 20px;
  background: url('../img/icon-step.png') 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 4px;
  left: 0;
}
.step h2 span {
  display: inline-block;
  position: relative;
}
.step__arrow {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 20px;
  height: 107px;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  z-index: 30;
}
.step__arrow .step-control {
  display: block;
  width: 11px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='15' viewBox='0 0 11 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38324 10.5636C7.38324 9.35515 7.38324 8.14238 7.38324 6.93389C7.38324 6.78443 7.39107 6.63924 7.53589 6.57518C7.68463 6.51113 7.77858 6.61362 7.87252 6.72037C8.09954 6.97659 8.33048 7.22854 8.56142 7.47622C8.87847 7.81357 9.28556 7.81357 9.60261 7.46768C9.99403 7.04065 10.3855 6.60935 10.7691 6.17378C11.0744 5.83215 11.0783 5.39231 10.773 5.05496C9.38341 3.53473 7.98994 2.01023 6.59256 0.498545C5.98586 -0.159081 5.02687 -0.167622 4.42408 0.485734C3.00712 2.0145 1.60974 3.55608 0.204529 5.09339C-0.0655531 5.39231 -0.0694673 5.84923 0.200615 6.15242C0.607695 6.61362 1.0226 7.06627 1.44534 7.51038C1.735 7.81357 2.13816 7.80503 2.42781 7.49757C2.67441 7.23708 2.91709 6.96378 3.15978 6.69475C3.24589 6.59654 3.33983 6.51967 3.469 6.57518C3.606 6.63497 3.62557 6.76308 3.62557 6.90827C3.62166 9.30818 3.62557 11.7038 3.62166 14.1037C3.62166 14.6973 3.89174 15.0005 4.43582 15.0005C5.15995 15.0005 5.88408 15.0005 6.60822 15.0005C7.0975 15.0005 7.38324 14.6845 7.38324 14.1507C7.38324 12.955 7.38324 11.7593 7.38324 10.5636Z' fill='%2332AB77'/%3E%3C/svg%3E%0A");
  cursor: pointer;
  outline: none;
}
.step__arrow .step-control.next {
  transform: rotate(180deg);
}
.step__carousel {
  width: 490px;
  height: 701px;
  margin-left: auto;
  position: relative;
}
.step__carousel .swiper-pagination-stages {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: -10px;
  left: auto;
  bottom: auto;
  width: auto;
  z-index: 20;
  transform: translateY(-50%);
  font: 14px/30px Intro;
}
.step__carousel .swiper-pagination-stages .swiper-pagination-current {
  font-size: 24px;
  color: #32ab77;
}
.step__carousel .step-carousel {
  width: 701px;
  height: 701px;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
.step__carousel .step-carousel::before {
  width: 701px;
  height: 701px;
  content: "";
  position: absolute;
  box-shadow: inset 0px 0px 45px 116px #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  pointer-events: none;
}
.step__carousel .step-carousel::after {
  width: 701px;
  height: 701px;
  content: "";
  position: absolute;
  background: url(../img/bg-capture-carousel.svg) no-repeat center center;
  background-size: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
}
.step__carousel .swiper-container {
  padding: 120px 0;
  box-sizing: border-box;
}
.step__carousel .swiper-slide {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: auto !important;
}
.step__carousel .swiper-slide b {
  font: 30px/30px Intro;
  color: #32ab77;
  transform: translateY(-4px);
  margin-right: 53px;
}
.step__carousel .swiper-slide span {
  display: block;
  flex: 1;
  font-size: 14px;
  line-height: 28px;
  max-width: 250px;
}
.step__carousel .swiper-slide span i {
  display: block;
  font-style: normal;
  font: 18px/30px Intro;
  margin-bottom: 7px;
}
.quality {
  background-color: #eff6f3;
  position: relative;
}
.quality::before {
  content: "";
  height: 279px;
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  background: url('../img/bg-option.png') center center no-repeat;
  pointer-events: none;
}
.quality .container {
  padding-top: 220px;
}
.quality h2 {
  font-size: 50px;
  line-height: 62px;
  position: relative;
}
.quality h2::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 150px;
}
.quality h2 b {
  font-weight: normal;
  position: relative;
}
.quality h2 b::before {
  content: "";
  position: absolute;
  top: 37px;
  left: -4px;
  width: 304px;
  height: 20px;
  background: url('../img/icon-quality0.png') no-repeat;
  background-size: cover;
}
.quality h2 i {
  font-style: normal;
  position: relative;
}
.quality h2 i::before {
  content: "";
  position: absolute;
  top: 37px;
  left: -4px;
  width: 431px;
  height: 20px;
  background: url('../img/icon-quality1.png') no-repeat;
  background-size: cover;
}
.quality h2 span {
  display: inline-block;
  position: relative;
}
.quality__row {
  display: flex;
  margin-top: 46px;
  position: relative;
  padding-bottom: 60px;
}
.quality__content {
  max-width: 240px;
  line-height: 32px;
  margin-top: 40px;
}
.quality__content::before {
  display: block;
  content: "";
  width: 32px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='21' viewBox='0 0 32 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.6304 9.20395C27.8574 2.57049 20.5619 -1.00473 13.1233 0.24769C7.5747 1.18701 3.34347 4.19427 0.422424 9.09473C-0.136012 10.0268 -0.143171 10.9515 0.415264 11.8763C3.9735 17.767 9.19989 20.716 15.9441 21C17.1039 20.9927 18.2494 20.8981 19.3663 20.6578C24.7215 19.5291 28.8239 16.5874 31.6232 11.7962C32.1244 10.937 32.1244 10.0632 31.6304 9.20395ZM15.8796 17.4757C12.1138 17.4466 9.09966 14.2573 9.12113 10.3326C9.14261 6.61173 12.2999 3.4734 16.0014 3.49524C19.8674 3.52437 22.8959 6.67727 22.8672 10.6384C22.8386 14.4175 19.6813 17.5049 15.8796 17.4757Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M16.0085 5.82533C18.5644 5.83261 20.5834 7.93697 20.5762 10.5874C20.5691 13.034 18.4714 15.1457 16.0515 15.1457C13.4526 15.1384 11.405 13.0704 11.4122 10.4491C11.4193 7.90784 13.4884 5.82533 16.0085 5.82533Z' fill='url(%23paint1_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='16' y1='0' x2='35.7342' y2='25.0593' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F4A261'/%3E%3Cstop offset='1' stop-color='%23E9C46A'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='16' y1='0' x2='35.7342' y2='25.0593' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F4A261'/%3E%3Cstop offset='1' stop-color='%23E9C46A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  margin-bottom: 21px;
}
.quality__carousel {
  width: 870px;
  background-color: #fff;
  box-shadow: 0px 15px 60px rgba(48, 171, 119, 0.15);
  border-radius: 24px;
  margin-left: auto;
  position: relative;
}
.quality__carousel::before {
  content: "";
  width: 70px;
  height: 38px;
  background: url('../img/icon-quality2.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 40px;
  right: 40px;
  pointer-events: none;
  z-index: 5;
}
.quality__carousel .swiper-wrapper {
  width: 450px;
  margin: 0 auto;
}
.quality__carousel .swiper-slide ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.quality__control {
  display: flex;
  align-items: center;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 100%;
  margin-right: 94px;
}
.quality__control .swiper-control {
  flex: 0 0 auto;
}
.quality__stages {
  flex: 0 0 auto;
  width: 86px !important;
  display: flex;
  justify-content: center;
  width: auto;
  font: 14px/30px Intro;
  outline: none;
}
.quality__stages .swiper-pagination-current {
  font-size: 24px;
  color: #32ab77;
}
.discount {
  background-color: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
}
.discount::before {
  content: "";
  height: 160px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url('../img/bg-best.png') center center no-repeat;
  z-index: 1;
}
.discount__icon1,
.discount__icon2 {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.discount__icon1 {
  top: 20px;
  right: 100%;
  margin-right: 34px;
}
.discount__icon2 {
  top: 1100px;
  left: 100%;
}
.discount .container {
  padding-top: 260px;
  padding-bottom: 120px;
  position: relative;
}
.discount .container h2 {
  font-size: 50px;
  line-height: 62px;
  max-width: 1000px;
  margin: 0 auto 18px;
}
.discount .container h2 span {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.discount .container h2 span::before {
  content: "";
  width: 304px;
  height: 20px;
  background: url('../img/icon-step.png') 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 4px;
  left: -4px;
}
.discount .container h2 b {
  font-weight: normal;
  display: inline-block;
  position: relative;
}
.discount__anons {
  font-size: 18px;
  line-height: 32px;
  max-width: 800px;
  margin: 0 auto 43px;
}
.discount__grid {
  position: relative;
}
.discount__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 26px;
  width: 240px;
  position: absolute;
  z-index: 1;
}
.discount__item span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: linear-gradient(129.81deg, #f4a261 27.27%, #e9c46a 115.15%);
  border-radius: 50%;
  position: relative;
  margin-bottom: 18px;
}
.discount__item span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../img/icon-discount.png') no-repeat;
}
.discount__item:nth-child(1) {
  top: 71px;
  left: 150px;
}
.discount__item:nth-child(2) {
  top: 278px;
  left: 13px;
}
.discount__item:nth-child(3) {
  top: 485px;
  left: 13px;
}
.discount__item:nth-child(4) {
  top: 692px;
  left: 124px;
}
.discount__item:nth-child(5) {
  top: 71px;
  right: 150px;
}
.discount__item:nth-child(6) {
  top: 278px;
  right: 13px;
}
.discount__item:nth-child(7) {
  top: 485px;
  right: 13px;
}
.discount__item:nth-child(8) {
  top: 692px;
  right: 124px;
}
.discount__image img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  transform: translateX(40px);
}
.bid {
  background: url('../img/bg-bid.jpg') center center no-repeat;
  background-size: cover;
  font-size: 18px;
  line-height: 32px;
  color: #fff;
  position: relative;
}
.bid::before {
  content: "";
  height: 328px;
  position: absolute;
  top: -220px;
  left: 0;
  right: 0;
  background: url('../img/bg-discount.png') center center no-repeat;
  pointer-events: none;
}
.bid_last::before {
  height: 160px;
  top: -40px;
  background-image: url(../img/bg-best.png);
}
.bid .container {
  display: flex;
  flex-direction: column;
  height: 1000px;
  padding-top: 210px;
}
.bid form {
  max-width: 670px;
}
.bid h2 {
  font-size: 50px;
  line-height: 62px;
  color: #fff;
}
.bid h2 span {
  position: relative;
}
.bid h2 span::before {
  content: "";
  position: absolute;
  top: 35px;
  left: -4px;
  width: 236px;
  height: 20px;
  background: url('../img/icon-bid.png') no-repeat;
  background-size: cover;
}
.bid h2 b {
  font-weight: normal;
  display: inline-block;
  position: relative;
}
.bid p {
  max-width: 600px;
  margin: 18px 0 20px;
}
.bid__foot {
  font-size: 14px;
  line-height: 26px;
  color: #fff;
  margin-top: auto;
  padding-bottom: 65px;
}
.bid__foot p {
  margin: 0;
}
.bid__foot a {
  color: #96ABA2;
  text-decoration: none;
}
.bid__foot a::before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.42513 12H3.57486C1.60368 12 0 10.3963 0 8.42514V3.57487C0 1.60368 1.60368 0 3.57486 0H8.42513C10.3963 0 12 1.60368 12 3.57487V8.42514C12 10.3963 10.3963 12 8.42513 12ZM10.7928 3.57487C10.7928 2.26725 9.73275 1.2072 8.42513 1.2072H3.57486C2.26725 1.2072 1.2072 2.26725 1.2072 3.57487V8.42514C1.2072 9.73277 2.26725 10.7928 3.57486 10.7928H8.42513C9.73275 10.7928 10.7928 9.73277 10.7928 8.42514V3.57487Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M6 9.10363C4.28866 9.10363 2.89637 7.71134 2.89637 6.00002C2.89637 4.2887 4.28866 2.89639 6 2.89639C7.71134 2.89639 9.10363 4.28868 9.10363 6.00002C9.10363 7.71136 7.71134 9.10363 6 9.10363ZM6 4.10357C4.95262 4.10357 4.10357 4.95262 4.10357 6C4.10357 7.04738 4.95265 7.89643 6 7.89643C7.04738 7.89643 7.89643 7.04738 7.89643 6C7.89643 4.95265 7.04735 4.10357 6 4.10357Z' fill='url(%23paint1_linear)'/%3E%3Cpath d='M9.10964 8.33663C9.52037 8.33663 9.85333 8.6696 9.85333 9.08033C9.85333 9.49106 9.52037 9.82402 9.10964 9.82402C8.69891 9.82402 8.36594 9.49106 8.36594 9.08033C8.36594 8.6696 8.69891 8.33663 9.10964 8.33663Z' fill='url(%23paint2_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='9.10964' y1='0.0349309' x2='9.10964' y2='11.9068' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E09B3D'/%3E%3Cstop offset='0.3' stop-color='%23C74C4D'/%3E%3Cstop offset='0.6' stop-color='%23C21975'/%3E%3Cstop offset='1' stop-color='%237024C4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='9.10964' y1='0.0349309' x2='9.10964' y2='11.9068' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E09B3D'/%3E%3Cstop offset='0.3' stop-color='%23C74C4D'/%3E%3Cstop offset='0.6' stop-color='%23C21975'/%3E%3Cstop offset='1' stop-color='%237024C4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='9.10964' y1='0.0349309' x2='9.10964' y2='11.9068' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E09B3D'/%3E%3Cstop offset='0.3' stop-color='%23C74C4D'/%3E%3Cstop offset='0.6' stop-color='%23C21975'/%3E%3Cstop offset='1' stop-color='%237024C4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.check {
  background-color: #fff;
  position: relative;
}
.check::before {
  content: "";
  position: absolute;
  top: -136px;
  left: 0;
  right: 0;
  height: 284px;
  background: url('../img/bg-check.png') center center no-repeat;
  pointer-events: none;
}
.check__icon {
  position: absolute;
  top: 470px;
  right: 100%;
  margin-right: -72px;
}
.check .container {
  position: relative;
  padding-top: 140px;
  padding-bottom: 140px;
}
.check h2 {
  font-size: 50px;
  line-height: 62px;
  max-width: 880px;
  padding-bottom: 5px;
}
.check h2 span {
  display: inline-block;
  position: relative;
}
.check h2 span::before {
  content: "";
  width: 863px;
  height: 20px;
  background: url('../img/icon-check.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 38px;
  left: -4px;
}
.check h2 b {
  display: inline-block;
  position: relative;
  font-weight: normal;
}
.check__anons {
  font-size: 18px;
  line-height: 32px;
  max-width: 570px;
  margin-left: 200px;
}
.check__anons p {
  margin: 32px 0 0;
}
.check__row {
  display: flex;
  align-items: flex-start;
  margin-top: 50px;
}
.check__carousel {
  max-width: 780px;
  position: relative;
}
.check__carousel img {
  display: block;
  border-radius: 24px;
  object-fit: cover;
  max-width: 100%;
  height: auto;
}
.check__carousel .swiper-control {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: -30px;
  z-index: 10;
}
.check__carousel .swiper-control.next {
  left: auto;
  right: -30px;
}
.check__content {
  width: 270px;
  margin-left: auto;
}
.check ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.check ul li {
  line-height: 34px;
}
.check ul li + li {
  margin-top: 41px;
}
.check ul li span {
  display: block;
  font: 50px/50px Intro;
  color: #32ab77;
}
.work {
  background-color: #eff6f3;
  position: relative;
}
.work::before {
  content: "";
  height: 279px;
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  background: url('../img/bg-option.png') center center no-repeat;
  pointer-events: none;
}
.work__icon {
  position: absolute;
  top: 527px;
  left: 50%;
  margin-left: -230px;
}
.work .container {
  position: relative;
  padding-top: 200px;
  padding-bottom: 180px;
}
.work h2 {
  padding-bottom: 5px;
}
.work__row {
  display: flex;
  align-items: flex-start;
}
.work__content {
  flex: 0 0 auto;
  width: 470px;
  margin-top: 30px;
}
.work__control {
  display: flex;
  align-items: center;
  text-align: center;
  position: absolute;
  bottom: 180px;
  left: 0;
}
.work__control .swiper-control {
  flex: 0 0 auto;
}
.work__stages {
  flex: 0 0 auto;
  width: 86px !important;
  display: flex;
  justify-content: center;
  width: auto;
  font: 14px/30px Intro;
  outline: none;
}
.work__stages .swiper-pagination-current {
  font-size: 24px;
  color: #32ab77;
}
.work__carousel {
  width: 470px;
  margin-left: auto;
  background-color: #fff;
  box-shadow: 0px 15px 60px rgba(48, 171, 119, 0.15);
  border-radius: 24px;
  overflow: hidden;
}
.work__carousel .swiper-slide {
  line-height: 32px;
  padding: 0 40px 30px;
  box-sizing: border-box;
}
.work__carousel .swiper-slide img {
  display: block;
  border-radius: 24px 24px 0 0;
  margin: 0 -40px;
}
.work__carousel .swiper-slide b {
  display: block;
  font: normal 18px/30px Intro;
  padding-top: 32px;
  padding-bottom: 10px;
}
.brand {
  background: url('../img/bg-brand.jpg') center center no-repeat;
  background-size: cover;
  color: #fff;
  position: relative;
}
.brand::before {
  content: "";
  height: 160px;
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  background: url(../img/bg-best.png) center center no-repeat;
  z-index: 1;
}
.brand__overlay {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  pointer-events: none;
  position: absolute;
  right: 0;
  bottom: 0;
}
.brand__overlay img {
  max-width: 100%;
  object-fit: cover;
}
.brand h2 {
  font-size: 50px;
  line-height: 62px;
  color: inherit;
  max-width: 870px;
  position: relative;
}
.brand h2::before {
  content: "";
  width: 271px;
  height: 20px;
  background: url('../img/icon-brand1.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 37px;
  left: -4px;
}
.brand h2 span {
  display: inline-block;
  position: relative;
}
.brand .container {
  padding-top: 200px;
  padding-bottom: 200px;
  position: relative;
}
.brand-carousel .swiper-slide b {
  display: block;
  font: normal 18px/30px Intro;
  padding-right: 50px;
  margin-bottom: 8px;
}
.brand-carousel .swiper-slide span {
  font: 36px/36px Intro;
  color: #F4A261;
  position: absolute;
  top: 43px;
  right: 50px;
}
.faq {
  background-color: #fff;
  position: relative;
  padding-bottom: 40px;
}
.faq::before {
  content: "";
  position: absolute;
  top: -136px;
  left: 0;
  right: 0;
  height: 284px;
  background: url(../img/bg-check.png) center center no-repeat;
  pointer-events: none;
}
.faq__icon {
  position: absolute;
  bottom: 50px;
  right: 0;
  margin-right: -20px;
  z-index: 1;
}
.faq .container {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
.faq h2 {
  font-size: 50px;
  line-height: 62px;
  position: absolute;
  top: 70px;
  left: 0;
  margin-left: 200px;
}
.faq h2::before {
  content: "";
  width: 388px;
  height: 20px;
  background: url('../img/icon-faq.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 102px;
  left: -4px;
}
.faq h2 span {
  display: block;
  position: relative;
}
.faq .accordion {
  background: url('../img/bg-faq.png') no-repeat;
  background-size: 100% 100%;
  padding-top: 140px;
  padding-bottom: 60px;
}
.faq .accordion::after {
  display: table;
  content: "";
  width: 100%;
}
.faq .accordion h4 {
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  cursor: pointer;
  position: relative;
  padding: 16px 0;
}
.faq .accordion h4::before {
  content: "";
  position: absolute;
  top: 14px;
  right: 100%;
  margin-right: 28px;
  width: 40px;
  height: 40px;
  background: url('../img/icon-btn-faq.png') no-repeat;
  box-shadow: 0px 15px 60px rgba(48, 171, 119, 0.15);
  transition: .5s;
}
.faq .accordion h4:not(.collapsed)::before {
  background-image: url('../img/icon-btn-a-faq.png');
}
.faq .accordion-item {
  padding: 0 200px;
}
.faq .accordion-item p {
  margin: 0 0 12px;
}
.about {
  background-color: #eff6f3;
  text-align: center;
  position: relative;
}
.about::before {
  content: "";
  height: 279px;
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
  background: url(../img/bg-option.png) center center no-repeat;
  pointer-events: none;
}
.about__icon1 {
  position: absolute;
  top: 320px;
  right: 100%;
  margin-right: -44px;
}
.about__icon2 {
  position: absolute;
  bottom: 90px;
  left: 100%;
  margin-left: -38px;
}
.about .container {
  position: relative;
  padding-top: 220px;
  padding-bottom: 100px;
}
.about h2 {
  font-size: 50px;
  line-height: 62px;
  margin-bottom: 64px;
  position: relative;
}
.about h2 span {
  position: relative;
}
.about h2 span::before {
  content: "";
  background: url('../img/icon-stroke.png') no-repeat;
  background-size: 100% 20px;
  position: absolute;
  bottom: 4px;
  left: -4px;
  right: 0;
  height: 20px;
}
.about h2 i {
  font-style: normal;
  position: relative;
}
.about__relative {
  position: relative;
}
.about__relative .swiper-control {
  position: absolute;
  top: 50%;
  margin-top: -138px;
  left: 0;
}
.about__relative .swiper-control.next {
  left: auto;
  right: 0;
}
.about__carousel {
  max-width: 770px;
  margin: 0 auto;
}
.about__content {
  font-size: 18px;
  line-height: 32px;
  padding-bottom: 22px;
}
.about__content::before {
  display: block;
  content: "";
  width: 99px;
  height: 60px;
  background: url('../img/icon-about.svg') no-repeat;
  margin: 0 auto 41px;
}
.about__name {
  color: #96ABA2;
  text-align: center;
}
.about__list {
  list-style: none;
  margin: 0 -15px;
  padding: 43px 0 0;
  font-size: 0;
  border-top: 1px solid #D8E1DD;
}
.about__list::before {
  display: block;
  content: "Выполненная работа:";
  font: normal 24px/30px Intro;
  margin-bottom: 23px;
}
.about__list li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
}
.about__list img {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
}
.foot {
  display: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .swiper-control {
    background-image: url('../img/icon-control-2x.png');
    background-size: cover;
  }
}
@media screen and (max-height: 940px) {
  header {
    position: absolute;
  }
  header.sticky {
    position: fixed;
  }
  .wrap {
    padding-top: 0;
  }
  .promo {
    position: relative;
  }
}
@media screen and (min-width: 1921px) {
  .capture::before,
  .best::before,
  .option::before,
  .quality::before,
  .discount::before,
  .bid::before,
  .check::before,
  .about::before,
  .capture::after,
  .best::after,
  .option::after,
  .quality::after,
  .discount::after,
  .bid::after,
  .check::after,
  .about::after {
    background-size: cover;
  }
  .brand::before {
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  .brand-carousel .swiper-wrapper {
    display: block;
    height: auto;
    transform: none !important;
    max-width: 870px;
    margin: 0;
    padding: 46px 0 0;
  }
  .brand-carousel .swiper-slide {
    display: inline-block;
    vertical-align: top;
    line-height: 32px;
    width: 280px !important;
    height: 263px;
    background: url('../img/icon-brand-m.svg') no-repeat;
    padding: 35px 40px;
    margin: 0 30px 30px 0;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    line-height: 30px;
  }
  .brand-carousel .swiper-slide b {
    font-size: 14px;
    line-height: 24px;
  }
  .brand-carousel .swiper-slide span {
    top: 26px;
    right: 30px;
  }
  .brand__control {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .btn:hover::before {
    background-color: rgba(255, 255, 255, 0.15);
  }
  nav a:hover {
    color: #32ab77;
  }
  .feedback__call:hover {
    text-decoration: underline;
  }
  .promo__play:hover span {
    background-image: url('../img/video-green.svg');
  }
  .option__nav .nav-link:not(.active):hover {
    color: #ea791a;
  }
  .swiper-control:not(.swiper-button-disabled):hover {
    background-position: bottom center;
  }
}
@media screen and (min-width: 1024px) {
  .brand-carousel .swiper-slide {
    width: 370px !important;
    height: 280px;
    background: url('../img/icon-brand.svg') no-repeat;
    padding: 43px 50px;
    font-size: 16px;
    line-height: 32px;
  }
  .brand-carousel .swiper-slide b {
    font: normal 18px/30px Intro;
  }
}
@media screen and (max-width: 1800px) {
  .brand__overlay {
    width: 500px;
  }
}
@media screen and (max-width: 1400px) {
  .capture__icon {
    display: none;
  }
  .option__icon {
    display: none;
  }
  .option .tab-pane .swiper-control:not(.next) {
    margin-right: 30px;
  }
  .option .tab-pane .swiper-control.next {
    margin-left: 30px;
  }
  .step__icon1,
  .step__icon2 {
    display: none;
  }
  .discount__icon1,
  .discount__icon2 {
    display: none;
  }
  .brand {
    background-position: top right;
  }
  .brand__overlay {
    width: 400px;
  }
  .brand .swiper-slide:last-child {
    padding-right: 100px;
  }
}
@media screen and (max-width: 1200px) {
  .container {
    width: 980px;
  }
  h1 {
    font-size: 40px;
    line-height: 48px;
  }
  h1 span {
    display: inline;
  }
  h1::before {
    display: none;
  }
  header.sticky .feedback {
    display: none;
  }
  nav {
    margin: 0 -10px;
  }
  nav a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .promo__anons {
    max-width: 600px;
  }
  .promo__list {
    max-width: 480px;
  }
  .promo__list li {
    width: 230px;
  }
  .promo__play {
    top: 252px;
    left: 340px;
  }
  .promo__play span {
    width: 80px;
    height: 80px;
    background-size: 16px 21px;
  }
  .promo__play span::before {
    width: auto;
    height: auto;
    top: 6px;
    right: 6px;
    bottom: 6px;
    left: 6px;
    transform: none;
  }
  .capture .container {
    padding-bottom: 0;
  }
  .capture__image {
    width: 480px;
    height: 480px;
    background-size: cover;
    margin-left: 20px;
  }
  .capture__carousel {
    width: 400px;
    height: 400px;
  }
  .capture__content {
    width: 420px;
  }
  .option__content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .option .tab-pane .swiper-control:not(.next) {
    top: 100%;
    right: 50%;
    margin: -22px 5px 0;
  }
  .option .tab-pane .swiper-control.next {
    top: 100%;
    left: 50%;
    margin: -22px 0 0 5px;
  }
  .best .container {
    height: 1200px;
  }
  .step h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .quality__row {
    height: 600px;
  }
  .quality__carousel {
    width: 660px;
  }
  .check .container {
    padding-bottom: 80px;
  }
  .check__icon {
    display: none;
  }
  .check__carousel {
    width: 660px;
  }
  .brand {
    background-position: top left;
  }
  .brand__overlay {
    display: none;
  }
  .brand .swiper-slide:last-child {
    padding-right: 35px;
  }
  .about__icon1,
  .about__icon2 {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  body.overflow {
    position: relative;
    overflow: hidden;
  }
  .container {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .wrap {
    padding-top: 0;
  }
  header {
    position: absolute;
    transform: none !important;
  }
  header .container {
    overflow: visible;
  }
  header.open {
    z-index: 100;
    transform: none !important;
  }
  header.open .nav-menu {
    z-index: 101;
    font-size: 0;
  }
  header.open .nav-menu span::after {
    background-image: url('../img/nav-close.svg');
    left: 19px;
  }
  header.open nav {
    left: 0;
  }
  header.open nav a {
    font-size: 14px;
    border: none;
    padding: 10px 15px;
  }
  header.open nav a:nth-child(4) {
    padding-right: 15px;
    margin-right: 0;
  }
  header.open nav a:nth-child(5) {
    padding-left: 15px;
    margin-left: 0;
  }
  header.open nav .phone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 27px;
    position: relative;
    padding: 30px 15px 0 80px;
    margin-top: 17px;
    border-top: 1px solid #d8e1dd;
    font-family: Raleway;
    text-transform: none;
  }
  header.open nav .phone::after {
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translatey(-50%);
    margin-top: 15px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='50px' height='50px' viewBox='0 0 50 50' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon (1)%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='49.9999636%25' y1='-3.23093581e-05%25' x2='145.082446%25' y2='79.2350298%25' id='linearGradient-1'%3E%3Cstop stop-color='%2332AB77' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%231F983A' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon-(1)' fill-rule='nonzero'%3E%3Ccircle id='Oval' fill='%23FFFFFF' cx='25' cy='25' r='25'%3E%3C/circle%3E%3Cpath d='M18.2049,44.8424 C16.3099,44.3007 14.5871,43.428 12.986,42.2944 C10.7262,40.6993 8.8008,38.7732 7.3111,36.4458 C6.1356,34.62 5.2742,32.6538 4.7067,30.5571 C4.1595,28.5206 3.9568,26.4641 4.0075,24.3675 C4.0683,22.1504 4.4737,20.0036 5.254,17.927 C6.6017,14.3456 8.6994,11.306 11.6787,8.8582 C13.442,7.4136 15.408,6.2901 17.5259,5.4675 C17.9009,5.317 18.2859,5.1565 18.6913,5.0862 C18.7724,5.0461 18.8737,5.016 18.9345,5.0662 C19.1676,5.2468 19.1574,5.2468 19.4209,5.1665 C20.3735,4.8756 21.3261,4.6348 22.3293,4.6549 C22.6232,4.6649 22.8867,4.5546 23.1704,4.5144 C23.667,4.5044 24.1635,4.4944 24.6702,4.4743 C25.0147,4.4342 25.3694,4.4241 25.714,4.4743 C31.6523,4.6549 36.5976,6.9823 40.631,11.2558 C40.732,11.3561 40.894,11.4163 40.904,11.5969 C40.945,11.6471 40.945,11.6872 40.904,11.7374 C40.56,11.8276 40.418,11.5468 40.246,11.3662 C38.7865,9.8313 37.1144,8.5673 35.2599,7.534 C33.9426,6.8017 32.5441,6.27 31.095,5.8687 C29.1696,5.337 27.2036,5.0562 25.1971,5.1264 C23.6467,5.1765 22.1165,5.4073 20.5964,5.7383 C18.519,6.1797 16.6139,7.0124 14.8101,8.0757 C12.074,9.6909 9.8243,11.8377 8.1015,14.4961 C6.926,16.3119 6.0951,18.2781 5.5681,20.3647 C5.2945,21.4482 5.1729,22.5617 5.0513,23.6753 C4.879,25.2302 5.0209,26.7751 5.183,28.32 C5.3249,29.6342 5.7606,30.8881 6.1964,32.1421 C7.0578,34.5999 8.4562,36.7367 10.1384,38.6929 C11.4558,40.2278 13.0569,41.4717 14.8101,42.505 C15.8842,43.1471 17.0294,43.6386 18.1745,44.1202 C18.3366,44.2405 18.59,44.3007 18.5089,44.5816 C18.4683,44.7321 18.4582,44.9428 18.2049,44.8424 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M45.758,26.1832 C45.748,28.0592 45.515,29.885 44.928,31.6807 C43.955,34.6401 42.445,37.2684 40.307,39.5456 C39.7391,40.1475 39.131,40.6993 38.4926,41.221 C38.3102,41.1808 38.3102,41.1808 38.4217,41.0103 C37.1854,41.8429 36.0504,42.7859 34.6621,43.3076 C34.1959,43.5784 33.6892,43.759 33.2028,43.9897 C33.1015,44.0299 33.0001,44.0399 32.8988,44.0299 C32.8177,44.0198 32.7468,43.9998 32.686,43.9396 C32.6758,43.6487 32.9089,43.5985 33.1015,43.5182 C34.6823,42.826 36.1314,41.9232 37.4894,40.8799 C37.6616,40.7695 37.7731,40.5689 37.9961,40.5288 C38.5534,40.2479 38.9892,39.8265 39.4452,39.4253 C39.7087,39.1945 39.3945,38.9136 39.5668,38.6929 C40.246,37.8803 40.945,37.0979 41.553,36.2351 C42.83,34.4495 43.793,32.5133 44.421,30.4167 C44.705,29.4837 44.857,28.5407 45.039,27.5877 C45.12,27.1864 45.343,26.8152 45.363,26.3939 C45.475,26.2635 45.566,26.1331 45.758,26.1832 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M33.6183,44.2104 C32.0577,44.9127 30.416,45.3942 28.7338,45.6751 C26.6361,46.0262 24.5182,46.1366 22.4104,45.7854 C22.0658,45.7253 21.701,45.7553 21.3666,45.6249 C21.2653,45.5547 21.1437,45.5948 21.0322,45.5748 C20.7383,45.5246 20.5762,45.3942 20.7586,45.0832 C20.9612,44.9528 21.1741,44.9929 21.397,45.0431 C22.7651,45.344 24.1432,45.5046 25.5417,45.4945 C26.8895,45.4845 28.217,45.3039 29.5344,45.0431 C29.9701,44.9628 30.4464,45.003 30.8315,44.702 C30.9328,44.6418 31.0443,44.6117 31.1558,44.6017 C31.4801,44.6518 31.7537,44.4512 32.0577,44.401 C32.4934,44.3007 32.8785,44.07 33.3041,43.9496 C33.4663,43.8593 33.6284,43.8092 33.8108,43.8493 C34.1148,44.1502 33.6588,44.08 33.6183,44.2104 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M23.1907,4.5144 C22.8157,4.7753 22.38,4.6749 21.9746,4.7452 C21.0423,4.8956 20.11,5.0862 19.2081,5.3772 C19.0865,5.4173 18.9446,5.3972 18.7825,5.4173 C18.8332,5.2769 19.1878,5.0662 18.7217,5.0963 C19.2993,4.7652 19.9479,4.6649 20.5762,4.5144 C22.5522,4.053 24.5587,3.9326 26.5855,4.0329 C27.5583,4.073 28.5311,4.1934 29.4837,4.4944 C26.9097,4.1031 24.3459,4.073 21.8226,4.5847 C22.2584,4.7351 22.7144,4.4141 23.1907,4.5144 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M45.809,21.7391 C45.85,22.2808 46.042,22.8025 45.992,23.3643 C45.971,23.5448 46.002,23.7254 45.779,23.906 C45.85,23.0533 45.657,22.3009 45.495,21.5284 C45.272,21.2175 45.252,20.8362 45.171,20.4952 C44.613,18.1276 43.671,15.9407 42.303,13.9243 C42.161,13.7237 41.989,13.523 41.999,13.2522 C42.029,13.1719 42.08,13.1117 42.161,13.1017 C42.769,13.7638 43.205,14.5463 43.62,15.3288 C44.39,16.7533 45.009,18.238 45.394,19.803 C45.556,20.445 45.677,21.0971 45.809,21.7391 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M33.6183,44.2104 C33.5777,44.0399 33.9426,44.1202 33.8108,43.8995 C33.9831,43.4881 34.4188,43.4982 34.733,43.3276 C34.8343,43.2775 34.9661,43.3076 35.0471,43.2374 C34.9154,43.2875 34.7837,43.3377 34.6418,43.2374 C35.5032,42.8762 36.2632,42.3445 37.0435,41.8329 C37.4894,41.542 37.9251,41.241 38.3609,40.9401 C38.5129,40.9902 38.1886,41.2611 38.4926,41.231 C37.0333,42.4749 35.3917,43.4581 33.6183,44.2104 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M18.2049,44.8424 C18.6812,44.6418 18.4177,44.4412 18.2049,44.2405 C18.2657,44.1703 18.3467,44.1402 18.4278,44.1703 C18.823,44.3308 19.2486,44.4111 19.6641,44.5415 C19.7655,44.5716 19.8263,44.6418 19.8668,44.7421 C19.8668,44.7622 19.8769,44.7823 19.8668,44.7923 C19.6337,44.9628 19.6135,44.9829 19.6135,45.2537 C19.1473,45.0832 18.6102,45.1735 18.2049,44.8424 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M42.161,13.1117 C42.141,13.1819 42.1,13.2321 42.019,13.2421 C41.492,13.0315 41.36,12.4597 40.975,12.1186 C40.874,12.0283 40.813,11.9079 40.904,11.7675 C40.915,11.7073 40.925,11.6571 40.935,11.5969 C41.431,12.0283 41.786,12.57 42.161,13.1117 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M19.6033,45.2437 C19.502,45.0832 19.4007,44.9227 19.2892,44.7321 C19.4919,44.7622 19.6743,44.7823 19.8465,44.8023 C20.0289,44.6819 20.1607,44.7522 20.2823,44.8926 C20.3836,45.1033 20.3026,45.2638 20.1303,45.4042 C19.9276,45.4544 19.7655,45.3541 19.6033,45.2437 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M45.758,26.1832 C45.667,26.2534 45.576,26.3136 45.485,26.3839 C45.323,26.2233 45.333,26.0528 45.454,25.8823 C45.536,25.6917 45.333,25.3104 45.627,25.3104 C45.921,25.3104 45.718,25.6917 45.789,25.8823 C45.779,25.9725 45.769,26.0729 45.758,26.1832 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M20.1303,45.4143 C20.1607,45.2638 20.1911,45.1033 20.2316,44.9528 C20.3431,44.8424 20.4546,44.9227 20.566,44.9528 C20.6572,44.9929 20.7383,45.0431 20.7687,45.1434 C20.6775,45.655 21.1943,45.4243 21.3565,45.6149 C20.9207,45.7253 20.566,45.3641 20.1303,45.4143 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M25.7342,4.4843 C25.3897,4.4843 25.035,4.4843 24.6905,4.4843 C25.035,4.3339 25.3796,4.3439 25.7342,4.4843 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M28.6629,44.9428 C30.0411,44.7321 31.3382,44.2004 32.7062,43.9296 C32.7772,43.9296 32.8481,43.9396 32.9191,43.9396 C32.9292,44.2205 32.6556,44.1803 32.5036,44.2706 C32.3516,44.3609 32.1692,44.391 32.007,44.4612 C31.7334,44.5315 31.4699,44.6318 31.1963,44.7221 C31.0848,44.7321 30.9734,44.7321 30.872,44.7421 C30.8011,44.8826 30.6592,44.9026 30.5376,44.9227 C29.9195,45.003 29.3317,45.1835 28.7136,45.2538 C28.5007,45.2738 28.2879,45.3039 28.1258,45.0932 C28.2981,44.9026 28.5007,45.0331 28.6629,44.9428 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M39.0905,39.4152 C39.2628,39.1845 39.4452,38.9638 39.6884,38.7932 C39.6681,38.8434 39.6276,38.9136 39.6377,38.9337 C39.9924,39.4052 39.4857,39.5356 39.283,39.7463 C38.9385,40.0874 38.5838,40.4585 38.0771,40.599 C38.0062,40.3783 38.1582,40.2679 38.3102,40.1576 C38.5939,39.9369 38.8676,39.6961 39.0905,39.4152 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M39.0905,39.4152 C39.0905,39.7463 38.7865,39.8466 38.6142,40.0472 C38.4419,40.2378 38.1582,40.3281 38.0771,40.599 C37.8441,40.599 37.8643,40.9401 37.6312,40.92 C37.5299,40.91 37.4387,40.8999 37.2462,40.8899 C37.8947,40.3482 38.4419,39.8165 39.0905,39.4152 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M34.6418,43.2273 C34.7735,43.2273 34.9053,43.2273 35.0573,43.2273 C34.6519,43.5182 34.1655,43.5784 33.8108,43.8995 C33.6487,43.9396 33.4865,43.9897 33.3244,44.0299 C33.2737,43.9897 33.2028,43.9797 33.2028,43.8995 C33.6284,43.5784 34.1756,43.4881 34.6418,43.2273 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M33.1927,43.8995 C33.2332,43.9396 33.2737,43.9897 33.3143,44.0299 C32.9089,44.1904 32.4934,44.3509 32.0881,44.5014 C32.0374,44.4813 31.9766,44.4713 31.9665,44.4111 C32.2198,44.1302 32.6758,44.2606 32.9089,43.9396 C33.0103,43.9195 33.1015,43.9095 33.1927,43.8995 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M28.6629,44.9428 C28.521,44.9829 28.3893,45.023 28.1055,45.1033 C29.1493,45.2036 29.9904,44.8224 30.872,44.7221 C30.791,45.1334 30.3958,45.0531 30.1525,45.0932 C28.3386,45.4343 26.5145,45.6952 24.6499,45.5948 C23.5251,45.5346 22.4104,45.4644 21.3159,45.1835 C21.1437,45.1434 20.9511,45.1534 20.7687,45.1434 C20.6775,45.1334 20.5863,45.1233 20.5458,45.023 C21.2349,44.4813 21.9544,44.9327 22.6536,44.9829 C23.0285,45.003 23.4136,45.0832 23.7886,45.1033 C25.0046,45.1534 26.2207,45.2036 27.4367,45.1033 C27.8522,45.0832 28.2271,44.8124 28.6629,44.9428 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M31.9665,44.4111 C32.007,44.4412 32.0476,44.4713 32.0881,44.5014 C31.7841,44.5515 31.5307,44.8224 31.1963,44.712 C31.3686,44.401 31.7131,44.5214 31.9665,44.4111 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M26.2004,45.4143 C26.3321,45.4343 26.4639,45.4444 26.5956,45.4644 C26.5956,45.4845 26.5956,45.4945 26.5956,45.5146 C25.795,45.5146 24.9945,45.5146 24.1939,45.5146 C24.1736,45.5146 24.1534,45.5146 24.1432,45.5146 C24.0723,45.4343 24.1838,45.4644 24.1939,45.4343 C24.8627,45.344 25.5316,45.3641 26.2004,45.4143 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M26.2004,45.4143 C25.5316,45.4143 24.8627,45.4243 24.1939,45.4243 C24.8627,45.2337 25.5316,45.2838 26.2004,45.4143 Z' id='Path' fill='%23EFF5F2'%3E%3C/path%3E%3Cpath d='M31.9938,28.2646 C31.9376,29.6519 31.4695,30.6898 30.5271,31.4683 C29.981,31.9207 29.3537,32.0604 28.6765,31.9773 C27.6654,31.8509 26.7323,31.4483 25.7836,31.089 C23.7801,30.3272 22.1573,28.9832 20.7374,27.3331 C19.9791,26.4482 19.28,25.52 18.737,24.4721 C18.2627,23.5639 17.9631,22.5958 18.0037,21.5412 C18.0505,20.3236 18.503,19.3023 19.3581,18.4939 C20.0446,17.8451 21.0776,17.9117 21.7017,18.2577 C21.9763,18.4107 22.1573,18.6535 22.2759,18.953 C22.5942,19.7647 22.9094,20.5764 23.2433,21.3815 C23.3807,21.7109 23.4399,22.0336 23.312,22.3762 C23.2059,22.6523 23.0717,22.9151 22.8845,23.1447 C22.7784,23.2744 22.6722,23.4042 22.5724,23.5373 C22.4132,23.7468 22.4007,23.9531 22.5412,24.1793 C23.4368,25.6464 24.6133,26.7675 26.13,27.4628 C26.4296,27.5992 26.6043,27.5593 26.8134,27.2865 C27.0693,26.9505 27.3252,26.6145 27.578,26.2785 C27.8526,25.9159 28.2334,25.7995 28.6859,25.9658 C29.2569,26.1754 29.7843,26.4881 30.3305,26.7576 C30.6738,26.9272 31.017,27.1002 31.3572,27.2765 C31.7878,27.5061 32.0437,27.8454 31.9938,28.2646 Z' id='Path' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  header.open nav .phone__tel {
    font-weight: 800;
    font-size: 18px;
    color: #103d2a;
    text-decoration: none;
    padding: 0;
  }
  header.open nav .phone__call {
    font-size: 16px;
    color: #32ab77;
    text-decoration: none;
    padding: 0;
  }
  header.open .overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #32ab77;
    opacity: .8;
    z-index: 1;
  }
  header.sticky {
    position: absolute;
  }
  .overlay {
    transform: .2s;
  }
  .logo {
    top: 10px;
    width: 130px;
  }
  .logo__icon {
    width: 81px;
    height: 71px;
  }
  .logo__name {
    width: 130px;
    height: 19px;
  }
  .slogan {
    display: none;
  }
  .feedback {
    margin-top: 41px;
  }
  .feedback__tel {
    display: none;
  }
  .nav-menu {
    display: flex;
    align-items: center;
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: 1;
    cursor: pointer;
  }
  .nav-menu span {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 15px 60px rgba(48, 171, 119, 0.15);
    margin-right: 15px;
    position: relative;
  }
  .nav-menu span::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    background: url('../img/nav.svg') no-repeat;
    width: 42px;
    height: 42px;
  }
  .nav-menu span::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    top: 18px;
    left: 17px;
    background: url('../img/nav-open.svg') no-repeat;
  }
  nav {
    display: flex;
    flex-direction: column;
    position: fixed;
    padding-top: 94px;
    width: 100%;
    max-width: 320px;
    top: 0;
    left: -100%;
    bottom: 0;
    margin: 0 !important;
    background-color: #eff7f3;
    box-shadow: 5px 0px 60px 0px rgba(50, 49, 47, 0.4);
    z-index: 100;
    transition: .3s;
  }
  .promo {
    position: relative;
    padding-top: 160px;
  }
  .promo .container {
    position: static;
  }
  .promo__anons {
    max-width: 540px;
    font-size: 18px;
    line-height: 32px;
  }
  .promo__anons p {
    margin-bottom: 24px;
  }
  .promo__list {
    max-width: 100%;
    margin-top: 21px;
  }
  .promo__list li {
    width: 50%;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .promo__list li br {
    display: none;
  }
  .promo__image {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
  }
  .promo__play {
    flex-direction: column;
    top: 165px;
    left: auto;
    right: 20px;
    align-items: flex-end;
  }
  .promo__play span {
    order: -1;
    margin: 0 0 10px;
  }
  .capture .container {
    flex-direction: column;
  }
  .capture__image {
    width: 610px;
    height: 610px;
    margin: 0 auto;
    order: 5;
  }
  .capture__carousel {
    width: 480px;
    height: 480px;
  }
  .capture__content {
    margin-top: 50px;
    width: auto;
    order: 0;
  }
  .option h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .option h2::before {
    display: none;
  }
  .option__nav .nav-link {
    margin-right: 40px;
    margin-left: 40px;
  }
  .step .container {
    height: auto;
  }
  .step__row {
    flex-direction: column;
  }
  .step h2 {
    max-width: 100%;
    font-size: 40px;
    line-height: 48px;
  }
  .step h2::before {
    display: none;
  }
  .step__carousel {
    width: 100%;
    margin-left: 0;
    transform: translatey(-50px);
  }
  .quality .container {
    padding-top: 160px;
  }
  .quality h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .quality h2 b::before,
  .quality h2 i::before {
    display: none;
  }
  .quality__row {
    height: auto;
    flex-direction: column;
    margin-top: 0;
  }
  .quality__content {
    display: flex;
    align-items: center;
    max-width: 100%;
    margin-top: 21px;
  }
  .quality__content::before {
    margin-bottom: 0;
    margin-right: 12px;
  }
  .quality__carousel {
    width: auto;
    margin-left: 0;
    margin-top: 29px;
    margin-bottom: 50px;
  }
  .quality__control {
    bottom: -90px;
    justify-content: center;
    left: 0;
    right: 0;
    margin: 0;
  }
  .discount .container {
    padding-top: 200px;
  }
  .discount .container h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .discount .container h2 span::before {
    display: none;
  }
  .discount__grid {
    min-height: 800px;
  }
  .discount__item {
    width: 220px;
  }
  .discount__image {
    transform: translatey(140px);
  }
  .bid .container {
    padding-top: 140px;
  }
  .bid h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .bid h2 span::before {
    display: none;
  }
  .bid__foot {
    display: none;
  }
  .foot {
    display: block;
    font-size: 14px;
    line-height: 26px;
    margin-top: auto;
    padding-bottom: 72px;
  }
  .check .container {
    padding-top: 40px;
  }
  .check h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .check h2 span::before {
    display: none;
  }
  .check__anons {
    margin-left: 0;
    max-width: 100%;
  }
  .check__row {
    flex-direction: column;
    margin-top: 32px;
  }
  .check__content {
    order: 0;
    width: 100%;
    margin-left: 0;
  }
  .check__content ul {
    display: flex;
    justify-content: space-between;
  }
  .check__content ul li + li {
    margin-top: 0;
  }
  .check__carousel {
    order: 5;
    max-width: 100%;
    margin: 48px auto 0;
  }
  .work__icon {
    display: none;
  }
  .work__row {
    flex-direction: column;
  }
  .work__content {
    width: 100%;
    margin-top: 0;
  }
  .work__carousel {
    margin-left: 0;
    width: 100%;
  }
  .work__carousel .swiper-slide {
    display: flex;
    align-items: center;
    padding: 0;
  }
  .work__carousel .swiper-slide img {
    border-radius: 24px 0 0 24px;
    margin: 0;
  }
  .work__carousel .swiper-slide b {
    font-size: 16px;
    line-height: 28px;
    padding: 0 0 10px;
  }
  .work__image {
    width: 342px;
    height: 246px;
  }
  .work__image img {
    width: 342px;
    height: 246px;
    object-fit: cover;
  }
  .work__item {
    display: flex;
    flex-direction: column;
    height: 246px;
    box-sizing: border-box;
    padding: 22px 28px;
    font-size: 14px;
    line-height: 30px;
  }
  .work__control {
    bottom: 90px;
    right: 0;
    justify-content: center;
  }
  .brand .container {
    padding-top: 160px;
    padding-bottom: 100px;
  }
  .brand h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .brand h2::before {
    display: none;
  }
  .faq__icon {
    display: none;
  }
  .faq .container {
    padding-bottom: 60px;
  }
  .faq h2 {
    font-size: 40px;
    line-height: 48px;
    margin-left: 63px;
  }
  .faq h2::before {
    display: none;
  }
  .faq .accordion {
    padding-top: 73px;
  }
  .faq .accordion-item {
    padding: 0 40px 0 122px;
  }
  .faq .accordion h4 {
    font-size: 18px;
    line-height: 36px;
  }
  .about .container {
    padding-top: 160px;
  }
  .about h2 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 50px;
  }
  .about h2 span::before {
    display: none;
  }
  .about__content {
    font-size: 16px;
    line-height: 30px;
    max-width: 520px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 30px;
  }
  .nav-menu {
    font-size: 0;
    top: 24px;
  }
  .nav-menu span {
    margin-right: 0;
  }
  .feedback {
    font-size: 0;
    position: absolute;
    top: 24px;
    right: 20px;
    margin: 0;
    padding: 0;
  }
  .feedback__call {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
  }
  .feedback::after {
    position: static;
    transform: none;
  }
  .logo__icon {
    width: 64px;
    height: 56px;
  }
  .logo__name {
    width: 102px;
    height: 15px;
  }
  h1 {
    font-size: 21px;
    line-height: 32px;
  }
  .promo {
    height: 1140px;
    padding-top: 117px;
  }
  .promo__anons {
    font-size: 16px;
    line-height: 30px;
  }
  .promo__anons p {
    margin-top: 3px;
    margin-bottom: 20px;
  }
  .promo__list {
    flex-direction: column;
    margin-top: 12px;
  }
  .promo__list li {
    font-size: 16px;
    line-height: 26px;
    width: 100%;
    margin-top: 25px;
  }
  .promo__list li i {
    width: 24px;
    flex: 0 0 auto;
    margin-right: 13px;
  }
  .promo__play {
    flex-direction: row;
    align-items: center;
    text-align: left;
    position: relative;
    margin-top: 23px;
    font-size: 16px;
    line-height: 26px;
    top: 0;
    left: 0;
    right: 0;
  }
  .promo__play span {
    margin-right: 20px;
  }
  .promo__image img {
    max-width: 100%;
    object-fit: cover;
  }
  .capture::before {
    top: -120px;
  }
  .capture h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .capture__content {
    margin-top: 20px;
  }
  .capture__image {
    width: 290px;
    height: 290px;
  }
  .capture__carousel {
    width: 230px;
    height: 230px;
  }
  .option h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .best {
    background-image: url('../img/bg-best-m.jpg') !important;
  }
  .best .container {
    height: auto;
    padding-bottom: 100px;
  }
  .best h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .best ul li {
    width: auto;
    padding-left: 90px;
    margin-top: 24px;
  }
  .best ul li img {
    width: 70px;
    height: 70px;
    top: -20px;
  }
  .best ul li span {
    font-size: 14px;
    line-height: 24px;
  }
  .step h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .step__carousel {
    transform: none;
    height: auto;
    margin-top: 22px;
    position: relative;
  }
  .step__carousel::before {
    content: "";
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
  }
  .step__carousel .swiper-container {
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
    position: relative;
  }
  .step__carousel .swiper-container::before,
  .step__carousel .swiper-container::after {
    display: none;
  }
  .step__carousel .swiper-wrapper {
    height: auto;
    transform: none !important;
  }
  .step__carousel .swiper-pagination {
    display: none;
  }
  .step__carousel .swiper-slide {
    justify-content: flex-start;
    margin-bottom: 22px !important;
  }
  .step__carousel .swiper-slide b {
    font-size: 24px;
    margin-right: 20px;
    transform: translatey(-1px);
  }
  .step__carousel .swiper-slide span i {
    margin-bottom: 2px;
  }
  .step__arrow {
    display: none;
  }
  .quality h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .quality__content {
    align-items: flex-start;
    font-size: 16px;
    margin-top: 11px;
  }
  .quality__content::before {
    flex: 0 0 auto;
    transform: translatey(4px);
  }
  .quality__carousel {
    display: flex;
    height: 460px;
    align-items: center;
  }
  .quality__carousel::before {
    top: 20px;
    right: 20px;
  }
  .quality-carousel .swiper-wrapper {
    width: 290px;
  }
  .quality-carousel .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .quality-carousel .threesixty {
    height: 380px !important;
  }
  .discount .container {
    padding-bottom: 0;
  }
  .discount .container h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .discount__anons {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 19px;
  }
  .discount h3 {
    font-size: 16px;
  }
  .discount__grid {
    min-height: 0;
    padding-top: 7px;
  }
  .discount__item {
    align-items: center;
    flex-direction: row;
    transform: none !important;
    opacity: 1 !important;
    position: static;
    width: 100%;
    text-align: left;
    font-size: 16px;
    margin-bottom: 20px;
  }
  .discount__item span {
    flex: 0 0 auto;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .discount__image {
    transform: none;
  }
  .discount__image img {
    transform: none;
    margin: 0 -50px;
    max-width: 140%;
  }
  .bid {
    font-size: 14px;
    line-height: 30px;
  }
  .bid h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .bid .btn1 {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
  }
  .foot {
    padding-bottom: 46px;
  }
  .check .container {
    padding-bottom: 0;
  }
  .check h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .check__anons {
    font-size: 14px;
    line-height: 30px;
    padding-top: 6px;
  }
  .check__anons p {
    margin: 0 0 30px;
  }
  .check__content ul {
    flex-direction: column;
  }
  .check__content ul li {
    width: 100%;
    transform: none !important;
    opacity: 1 !important;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 22px;
  }
  .check__carousel {
    margin-top: 8px;
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
  }
  .check__carousel .swiper-slide {
    height: 300px;
  }
  .check__carousel .swiper-slide img {
    height: 300px;
  }
  .check__carousel .swiper-control:not(.next) {
    left: -15px;
  }
  .check__carousel .swiper-control.next {
    right: -15px;
  }
  .work .container {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .work h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .work__carousel .swiper-slide {
    flex-direction: column;
  }
  .work__carousel .swiper-slide img {
    border-radius: 24px 24px 0 0;
  }
  .work__image {
    width: 100%;
  }
  .work__image img {
    width: 100%;
  }
  .work__control {
    bottom: 30px;
    z-index: 2;
  }
  .brand {
    background-image: url('../img/bg-brand-m.png');
  }
  .brand h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .brand-carousel {
    width: 280px;
    padding-top: 46px !important;
  }
  .brand-carousel .swiper-wrapper {
    height: 263px !important;
  }
  .brand-carousel .swiper-slide {
    height: 263px !important;
    box-sizing: border-box;
    padding: 35px 40px;
    background: url('../img/icon-brand-m.svg') no-repeat;
    background-size: cover;
    font-size: 14px;
    line-height: 30px;
  }
  .brand-carousel .swiper-slide::before {
    top: 37px;
    right: 27px;
  }
  .brand-carousel .swiper-slide b {
    font-size: 14px;
    line-height: 24px;
  }
  .brand-carousel .swiper-slide span {
    top: 26px;
    right: 30px;
  }
  .brand__control {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 37px;
  }
  .brand__control .swiper-control {
    flex: 0 0 auto;
  }
  .brand__stages {
    flex: 0 0 auto;
    width: 86px !important;
    display: flex;
    justify-content: center;
    width: auto;
    font: 14px/30px Intro;
    outline: none;
  }
  .brand__stages .swiper-pagination-current {
    font-size: 24px;
    color: #32ab77;
  }
  .faq h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .faq .accordion-item {
    padding: 0 20px 0 71px;
  }
  .faq .accordion-item h4 {
    font-size: 16px;
    line-height: 30px;
  }
  .faq .accordion-item h4::before {
    margin-right: 18px;
  }
  .about h2 {
    font-size: 21px;
    line-height: 32px;
  }
  .modal-dialog {
    background-color: #fff;
  }
  .modal-content {
    box-shadow: none;
    position: static;
    border-radius: 0;
    padding: 30px 20px;
  }
  .modal_item ul li {
    display: block;
  }
  .upload i {
    margin-left: 0;
    transform: none;
  }
}