/* @media (max-width: 640px) {
   .product__card {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
 
   .product__image img {
     height: 250px;
   }
 
   .product__card div {
     margin-left: 0px;
     margin-right: 0px;
   }
 } */

/* --------------------------- */
.why-we {
  padding: calc(3vw + 2rem) 0 0 0;
}

.why-we__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.why-we__subtitle h3 {
  font-family: "Roboto-Bold";
  margin-bottom: 0px;
  text-transform: uppercase;
  max-width: 350px;
}

.why-we__subtitle svg {
  width: 55px;
  height: 55px;
  margin-right: 20px;
}

.why-we__decription {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: (1fr) [3];
  grid-template-rows: repeat(3, 1fr);
  row-gap: 20px;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  padding: 30px 0px 50px;
}

.why-we__decription p {
  color: #606060;
}

.why-we__decription span {
  color: #006363;
}

.work-videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0px 70px;
}

.video {
  position: relative;
  width: 100%;
  max-width: 430px;
  height: 0;
  padding-bottom: 20.25%;
  background-color: #000000;
}

.video:not(:last-child) {
  margin-right: 20px;
}

.video__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: none;
  padding: 0;
  width: 68px;
  height: 48px;
  border: none;
  background-color: transparent;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.video__button-shape {
  fill: #212121;
  fill-opacity: 0.8;
}

.video__button-icon {
  fill: #ffffff;
}

.video__button:focus {
  outline: none;
}

.video:hover .video__button-shape,
.video__button:focus .video__button-shape {
  fill: #ff0000;
  fill-opacity: 1;
}

.video--enabled {
  cursor: pointer;
}

.video--enabled .video__button {
  display: block;
}

/* -------------------------------------------------------------------- */

model-viewer {
  width: calc(37vw + 5rem);
  height: calc(14vw + 19rem);
  /* -webkit-transform: translateY(calc(10.42vw + 200px));
        -ms-transform: translateY(calc(10.42vw + 200px));
            transform: translateY(calc(10.42vw + 200px)); */
  /* margin: 0 calc(-18vw + 15rem) 0 0; */
}
.callback .container-v {
  max-width: 1280px;
}
/* .container-v {
   max-width: 1450px;
   margin: 0 auto;
   padding: 0px 25px;
} */
.callback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: calc(3vw + 1rem) 0 0 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.callback .callback-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.callback .callback-block img {
  object-fit: contain;
  width: calc(32vw + 6rem);
  margin: 0 0 120px 0;
}
.callback .callback-image img {
  width: 100%;
}

input#radio8 {
  display: none;
}

input#radio8:checked + label:after {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 1;
}

label {
  cursor: pointer;
  padding-left: calc(0.3vw + 2.5rem) !important;
  padding-top: calc(0.08vw + 0.08rem) !important;
  display: inline-block;
  position: relative;
}

label #agree {
  color: #099d9d;
}

label #agree:hover {
  text-decoration: underline;
}

label:before {
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background: #c4c4c4;
  margin-top: -10px;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}

label:after {
  background: #099d9d;
  left: 0;
  top: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(3.4);
  -ms-transform: scale(3.4);
  transform: scale(3.4);
  opacity: 0;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  content: "";
  position: absolute;
  left: 3px;
}

.callback-title h2 {
  color: #006363;
  line-height: calc(3vw + 2rem);
  font-size: calc(1.5vw + 1.5rem);
}

.callback__row {
  padding: 10px 0px 25px 0px;
}

.callback-inputs,
.callback-areas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* max-width: 620px; */
  width: 100%;
}

.callback-inputs {
  margin-right: 15px;
}

.callback__input input {
  width: 100%;
  height: calc(1.2vw + 3rem);
  background-color: #eeeeee;
  border-radius: 15px;
  padding-left: 20px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.callback__input input:focus,
.callback__input input:hover {
  -webkit-box-shadow: 0px 0px 5px #006363;
  box-shadow: 0px 0px 5px #006363;
}

.callback__input input::-webkit-input-placeholder {
  color: black;
}

.callback__input input::-moz-placeholder {
  color: black;
}

.callback__input input:-ms-input-placeholder {
  color: black;
}

.callback__input input::-ms-input-placeholder {
  color: black;
}

.callback__input input::placeholder {
  color: black;
}

.callback-inputs .callback__input:not(:last-child) {
  margin-bottom: 15px;
  max-width: 640px;
  max-width-margin-bottom: 0px;
}

.callback-inputs .callback__input input {
  max-width: 640px;
  max-width-margin-bottom: 15px;
}

.callback-areas .callback__input {
  margin-bottom: 15px;
}

.callback .main-button {
  border-radius: 15px;
}

.callback-button {
  padding: 25px 0px 110px 0px;
}

.callback-button button {
  border: 1px solid #000;
  padding: calc(0.5vw + 0.5rem) calc(1vw + 1rem);
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.callback-button button:hover {
  color: #fff;
  background: #000;
}

.callback-items {
  max-width: 590px;
  width: 100%;
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.callback__item {
  padding: 17px 0px;
  width: 100%;
  background-color: #eeeeee;
  margin-bottom: 15px;
  border-radius: 15px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1920px) {
  p {
    font-size: calc(10px + 6 * (100vw / 1920));
  }
}
p {
  margin: 0;
  line-height: calc(0.7vw + 1.1rem);
}
h3 {
  font-size: 28px;
  line-height: calc(1vw + 1.4rem);
}
@media (max-width: 1920px) {
  h3 {
    font-size: calc(14px + 10 * (100vw / 1920));
  }
}
@media (max-width: 768px) {
  /* .container-v {
      padding: 0 20px;
   } */
  .product .question .form-button1 {
    bottom: 80px;
  }
  .work-videos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .video {
    max-width: none;
    padding-bottom: 56.25%;
  }
  .video:not(:last-child) {
    margin-bottom: 20px;
    margin-right: 0px;
  }
  model-viewer {
    width: calc(37vw + 15rem);
    height: calc(14vw + 12rem);
    /* -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); */
    margin: 0 0 calc(-9vw + 9rem) 0;
  }
}
@media (max-width: 1028px) {
  .callback {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .callback .callback-image {
    display: none;
  }
  .callback .callback-block img {
    margin: 0 0 40px 0;
    width: 320px;
  }
}
@media (max-width: 640px) {
  .product__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
  }

  .product__image img {
    width: 100%;
    /* height: 250px; */
    object-fit: contain;
  }

  .product__card div {
    margin-left: 0px;
    margin-right: 0px;
  }
  .product .question__form {
    flex-direction: row;
  }
  .why-we__subtitle svg {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
  .why-we__decription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 0px 40px;
  }
}