#page_how-order {
  padding-top: 0;
}

#page_how-order .section_title {}

#page_how-order .page_how-order {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

#page_how-order .page_how-order .site {
  background: #E3F3F0;
  border-radius: 1rem;
  padding: 2rem;
  position: relative;
}

#page_how-order .page_how-order .site h2 {
  font-size: 2.5rem;
  color: var(--green);
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 2rem;
}

#page_how-order .page_how-order .site .text {
  width: 54%;
}

#page_how-order .page_how-order .site .text p {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

#page_how-order .page_how-order .site a {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
  margin-top: 1rem;
}

#page_how-order .page_how-order .site a span {
  font-size: 1.5rem;
  border-bottom: 2px solid;
}

#page_how-order .page_how-order .site a svg {
  height: 2.625rem;
  width: 2.625rem;
}

#page_how-order .page_how-order .site>img {
  position: absolute;
  bottom: 0;
  right: -3rem;
}

#page_how-order .page_how-order .connect {
  border-radius: 1rem;
  padding: 2rem;
  border: 0.0625rem solid var(--green);
  position: relative;
}

#page_how-order .page_how-order .connect h2 {
  font-size: 2.5rem;
  color: var(--green);
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 2rem;
}

#page_how-order .page_how-order .connect .text {
  width: 58%;
}

#page_how-order .page_how-order .connect .text p {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

#page_how-order .page_how-order .connect .text_contact {
  display: flex;
  gap: 1rem;
  padding: 1rem 0;
}

#page_how-order .page_how-order .connect .text_contact a {}

#page_how-order .page_how-order .connect .text_contact a:first-child {}

#page_how-order .page_how-order .connect .text_contact a:last-child {}

#page_how-order .page_how-order .connect .text_contact a img {
  height: 2.625rem;
  width: 2.625rem;
}

#page_how-order .page_how-order .connect .text_contact a span {
  color: var(--green);
  border: none;
}

#page_how-order .page_how-order .connect .text_contact a svg {
  height: 2.625rem;
  width: 2.625rem;
}

#page_how-order .page_how-order .connect a {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}

#page_how-order .page_how-order .connect a span {
  font-size: 1.5rem;
  border-bottom: 2px solid;
}

#page_how-order .page_how-order .connect a svg {
  height: 2.625rem;
  width: 2.625rem;
}

#page_how-order .page_how-order .connect>img {
  position: absolute;
  bottom: 0;
  right: 0;
  object-fit: cover;
  height: 100%;
  width: auto;
}

#page_how-order .page_how-order .get_kp {
  background: #f5f5f5;
  padding: 2rem 5rem 2rem 2rem;
  border-radius: 1rem;
  grid-column: span 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 2.85rem;
}

#page_how-order .page_how-order .get_kp h2 {
  width: 100%;
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 2rem;
}

#page_how-order .page_how-order .get_kp .get_kp-text {
  width: 36%;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

#page_how-order .page_how-order .get_kp .get_kp-text p {}

#page_how-order .page_how-order .get_kp .get_kp-form {
  width: 55%;
}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 {}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form.invalid .wpcf7-response-output,
#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .wpcf7-not-valid-tip,
#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .wpcf7-spinner {
  display: none;
}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-left .wpcf7-form-control-wrap input.wpcf7-not-valid,
#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-right .wpcf7-form-control-wrap textarea.wpcf7-not-valid {
  border-color: var(--pink);
}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .hidden-fields-container {}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .hidden-fields-container input {}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  justify-content: space-between;
}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-left {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  width: calc(50% - 0.625rem);
}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-left .wpcf7-form-control-wrap {
  display: block;
}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-left .wpcf7-form-control-wrap input {
  outline: none;
  width: calc(100% - 4rem);
  margin: 0;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 2rem;
  padding: 1.5rem 2rem;
  color: #303030;
}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-right {
  width: calc(50% - 0.625rem);
}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-right .wpcf7-form-control-wrap {
  display: block;
}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-right .wpcf7-form-control-wrap textarea {
  outline: none;
  width: calc(100% - 4rem) !important;
  margin: 0;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 2rem;
  padding: 1.5rem 2rem;
  color: #303030;
  resize: none;
  height: calc(10rem - 3.125rem) !important;
}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .wpcf7-form-control-wrap {}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .wpcf7-form-control-wrap .wpcf7-form-control {}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label {}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label input {}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label {}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp input.btn {}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .wpcf7-spinner {}

#page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .wpcf7-response-output {}

#page_how-order_process {}

#page_how-order_process .section_title {}

#page_how-order_process .page_how-order_process {
  counter-reset: counter;
  gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

#page_how-order_process .page_how-order_process .item {
  background: #f5f5f5;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  min-height: 40.5rem;
}

#page_how-order_process .page_how-order_process .item .counter {
  width: 2.625rem;
  height: 2.625rem;
  margin: 2rem 0 0 2rem;
  border-radius: 100%;
  background: var(--green);
  position: relative;
  counter-increment: counter;
  font-size: 2rem;
  color: #fff;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

#page_how-order_process .page_how-order_process .item .counter:after {
  content: counter(counter);
}

#page_how-order_process .page_how-order_process .item h3 {
  margin: 2rem 0 1rem 0;
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0 2rem;
}

#page_how-order_process .page_how-order_process .item .text {
  font-size: 1.25rem;
  margin-bottom: 2rem;
  padding: 0 2rem;
}

#page_how-order_process .page_how-order_process .item .image {
  height: 21rem;
  display: flex;
  border-radius: 1rem;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%;
}

#page_how-order_process .page_how-order_process .item .image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
}

@media (max-width:1300px) {
  .box {
    overflow-x: hidden;
  }

  #page_how-order {
    padding: 0;
  }

  #page_how-order .section_title {
    text-align: left;
  }

  #page_how-order .page_how-order {
    display: flex;
    flex-direction: column;
  }

  #page_how-order .page_how-order {}

  #page_how-order .page_how-order .site h2 {}

  #page_how-order .page_how-order .site .text {}

  #page_how-order .page_how-order .site>img {}

  #page_how-order .page_how-order .connect {}

  #page_how-order .page_how-order .connect .text {}

  #page_how-order .page_how-order .connect>img {}

  #page_how-order .page_how-order .get_kp {
    flex-direction: column;
    padding: 2rem;
  }

  #page_how-order .page_how-order .get_kp .get_kp-text {
    width: 100%;
  }

  #page_how-order .page_how-order .get_kp h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }

  #page_how-order .page_how-order .get_kp .get_kp-text p {
    font-size: 1.125rem;
    line-height: normal;
    margin-bottom: 2rem;
  }

  #page_how-order .page_how-order .get_kp .get_kp-form {
    width: 100%;
  }

  #page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp {}

  #page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-left {}

  #page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-right {}

  #page_how-order_process .page_how-order_process {
    grid-template-columns: repeat(2, 1fr);
  }

  #page_how-order_process .page_how-order_process .item {
    padding: 1rem;
    min-height: unset;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  #page_how-order_process .page_how-order_process .item .counter {
    margin: unset;
    font-size: 1rem;
  }

  #page_how-order_process .page_how-order_process .item h3 {
    margin: unset;
    padding: unset;
    font-size: 1.25rem;
  }

  #page_how-order_process .page_how-order_process .item .text {
    font-size: 0.85rem;
    margin: 0;
    padding: 0;
  }

  #page_how-order_process .page_how-order_process .item .image {
    position: relative;
    height: unset;
    padding-bottom: 50%;
  }
}

@media (max-width:800px) {

  #page_how-order .page_how-order .site {
    padding: 1rem;
    padding-bottom: 12rem;
  }

  #page_how-order .page_how-order .site h2,
  #page_how-order .page_how-order .connect h2 {
    font-size: 1.5rem;
  }

  #page_how-order .page_how-order .site .text {
    width: 100%;
  }

  #page_how-order .page_how-order .site .text p,
  #page_how-order .page_how-order .connect .text p {
    font-size: 1rem;
    line-height: normal;
  }

  #page_how-order .page_how-order .site a {
    margin-top: 1rem;
  }

  #page_how-order .page_how-order .site a span {
    font-size: 1rem;
  }

  #page_how-order .page_how-order .site>img {
    right: 0;
    height: 12rem;
  }

  #page_how-order .page_how-order .connect {
    padding: 1rem;
    padding-bottom: 12rem;
    overflow: hidden;
  }

  #page_how-order .page_how-order .connect .text {
    width: 100%;
  }

  #page_how-order .page_how-order .connect .text_contact {
    gap: 0.5rem;
  }

  #page_how-order .page_how-order .connect .text_contact a,
  #page_how-order .page_how-order .connect a {
    gap: 0.75rem;
  }

  #page_how-order .page_how-order .connect .text_contact a span,
  #page_how-order .page_how-order .connect a span {
    font-size: 1rem;
  }

  #page_how-order .page_how-order .connect .text_contact a img,
  #page_how-order .page_how-order .connect .text_contact a svg,
  #page_how-order .page_how-order .connect a svg {
    height: 1.75rem;
    width: 1.75rem;
  }

  #page_how-order .page_how-order .connect>img {
    right: -2rem;
    height: 12rem;
  }

  #page_how-order .page_how-order .get_kp {
    flex-direction: column;
    padding: 1rem;
  }

  #page_how-order .page_how-order .get_kp .get_kp-text {
    width: 100%;
  }

  #page_how-order .page_how-order .get_kp h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }

  #page_how-order .page_how-order .get_kp .get_kp-text p {
    font-size: 1rem;
    line-height: normal;
    margin-bottom: 1rem;
  }

  #page_how-order .page_how-order .get_kp .get_kp-form {
    width: 100%;
  }

  #page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp {
    gap: 0.5rem;
  }

  #page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-left {
    width: 100%;
    gap: 0.5rem;
  }

  #page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .zapros_kp-right {
    width: 100%;
  }

  #page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
    margin: 1rem 0;
    font-size: 0.75rem;
  }

  #page_how-order .page_how-order .get_kp .get_kp-form .wpcf7 form .zapros_kp input.btn {
    font-size: 1rem;
  }

  #page_how-order_process .page_how-order_process {
    display: flex;
    flex-direction: column;
  }
}