/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 10 version
*/

@charset "UTF-8";
/* ------------- *Quiz -------------- */

.x-quiz {
  padding: 50px;
  overflow: hidden;
  background: #fff;
  margin-top: 40px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); 
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

.x-quiz__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.x-quiz__icon {
  position: absolute;
}

.x-quiz__icon+.x-quiz__body {
  padding-left: 250px;
}

.x-quiz__body {
  color: #000;
  flex: auto;
}

.x-quiz__body p {
  margin: 0;
}

.x-quiz__nums {
  line-height: 1;
  font-size: 20px;
}

.x-quiz__nums span {
  color: #E31E24;
}

.x-quiz__title {
  font-size: 26px;
  line-height: 0.96;
  margin-top: 30px !important;
}

.x-quiz__txt {
  font-size: 16px;
  margin-top: 30px !important;
}

.x-quiz__btns {
  width: 237px;
  margin-left: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.x-quiz__btns .x-btn {
  width: 100%;
}

.x-quiz__btns .x-btn:not(:last-child) {
  margin-bottom: 47px;
}

/* Item 0 */

.x-quiz__item--0 .x-quiz__icon {
  left: -84px;bottom: -54px;
  width: 303px;height: 213px;
}

/* Item 1 */

.x-quiz__item--1 .x-quiz__icon {
  left: -84px;bottom: -54px;
  width: 273px;height: 226px;
}

/* Item 2 */

.x-quiz__item--2 .x-quiz__icon {
  left: -92px;bottom: -70px;
  width: 343px;height: 208px;
}

/* Item 3 */

.x-quiz__item--3 .x-quiz__icon {
  left: -60px;bottom: -52px;
  width: 314px;height: 227px;
}

/* Item 4 */

.x-quiz__item--4 .x-quiz__icon {
  left: -81px;bottom: -45px;
  width: 307px;height: 185px;
}

/* Item 5 */

.x-quiz__item--5 .x-quiz__icon {
  left: -10px;bottom: -20px;
  width: 190px;height: 195px;
}

/* Form */

.x-quiz__forms {
  width: 100%;
}

.x-quiz__form {
  margin-top: 25px;
  position: relative;
  padding-bottom: 50px;
}

.x-form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.x-form__row .x-form__field {
  max-width: 320px;
  margin-bottom: 0;
  margin-right: 56px;
}

.x-quiz__form .x-check {
  position: absolute;
  left: 0;bottom: 0;
}

.x-quiz__form .x-btn {
  padding: 0 27px;
  margin-left: auto;
}

/* Item 7 */

.x-quiz__item--7 {
  padding-left: 270px;
}

.x-quiz__img {
  position: absolute;
  top: -25px;left: -32px;
  width: 311px;height: 536px;
}

.x-quiz__info {
  max-width: 460px;width: 100%;
}

.x-quiz__status {
  color: #000;
  font-size: 25px;
  line-height: 0.94;  
}

.x-quiz__tel {
  margin-top: 32px;
  line-height: 96.7%;
}

.x-quiz__tel a {
  color: #000;
  font-size: 30px;
  font-weight: 500;
  display: inline-block;
}

.x-quiz__tel a span {
  color: #E31E24;
}

.x-quiz__tel a:hover {
  text-decoration: underline !important;
}

.x-quiz__text {
  color: #000;
  font-size: 18px;
  margin-top: 32px;
  line-height: 1.19;
}

.x-quiz__item--7 .x-quiz__btn {
  margin-top: 100px;
}

.x-quiz__item--7 .x-btn {
  padding: 0 33px;
  font-weight: 500;
}

/* Section */

.x-quiz-section .x-quiz {
  margin-top: 0;
}

.x-quiz-section .x-quiz {
  margin: 21px 0 60px;
  padding: 13px 0 30px;
  border-top: 1px solid rgba(136, 136, 136, 0.5);
  border-bottom: 1px solid rgba(136, 136, 136, 0.5);
}

.x-quiz-section .x-quiz:before {
  display: none;
}

.x-quiz-section .x-quiz__item {
  padding: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Media */
@media only screen and (max-width : 1199px) {
  .x-quiz {
    padding: 30px 32px;
  }
  .x-quiz__nums {
    font-size: 18px;
    line-height: 2.22;
  }
  .x-quiz__title {
    font-size: 24px;
    margin-top: 11px !important;
  }
  .x-quiz__txt {
    font-size: 13px;
    margin-top: 15px !important;
  }
  .x-quiz__btns {
    width: 220px;
  }
  .x-quiz__btns .x-btn:not(:last-child) {
    margin-bottom: 23px;
  }
  .x-form__row .x-form__field {
    max-width: 270px;
    margin-right: 25px;
  }
  .x-quiz__info {
    max-width: 290px;
  }
  .x-quiz__status {
    font-size: 18px;
  }
  .x-quiz__tel a {
    font-size: 25px;
  }
  .x-quiz__text {
    font-size: 14px;
  }
}

@media only screen and (max-width : 991px) {
  .x-form__row .x-form__field {
    max-width: 190px;
    margin-right: 15px;
  }
  .x-quiz__icon {
    display: none;
  }
  .x-quiz__icon+.x-quiz__body {
    padding-left: 0;
  }
  .x-quiz__item--7 {
    padding-left: 205px;
  }
  .x-quiz__img {
    left: -40px;
    width: 279px;height: 480px;
  }
  .x-quiz__info {
    max-width: 225px;
  }
  .x-quiz__tel a {
    font-size: 22px;
  }
}

@media only screen and (max-width : 767px) {
  .x-quiz {
    z-index: 1;
    padding: 0;
    overflow: visible;
    margin-top: 140px;
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .x-quiz:before {
    z-index: -1;
    content: " ";
    margin-left: 10px;
    position: absolute;
    top: -140px;left: 50%;
    width: 244px;height: 428px;
    background: url(../img/svg/x-phone-tel.svg) center/contain no-repeat;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .x-quiz .swiper-wrapper {
    background: #fff;
  }
  .x-quiz__item {
    z-index: 1;
    display: block;
    background: #fff;
    position: relative;
    padding: 11px 32px 30px;
    -webkit-box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
            box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
  }
  .x-quiz__nums,
  .x-quiz__status {
    text-align: center;
  }
  .x-quiz__title {
    font-size: 18px;
    line-height: 1.1;
  }
  .x-quiz__txt {
    line-height: .91;
  }
  .x-quiz__btns {
    width: 100%;
    margin: 20px 0 0;
  }
  .x-quiz__form {
    margin-top: 0;
    padding-bottom: 0;
  }
  .x-form__row {
    display: block;
  }
  .x-form__row .x-form__field {
    max-width: 100%;
    margin: 0 0 10px;
  }
  .x-quiz__form .x-check {
    margin-top: 0;
    position: static;
  }
  .x-quiz__form .x-btn {
    width: 100%;
    margin-top: 10px;
  }
  .x-quiz__item--7 {
    min-height: auto;
  }
  .x-quiz__img {
    display: none;
  }
  .x-quiz__info {
    max-width: 100%;
  }
  .x-quiz__status {
    line-height: 2.22;
    margin-bottom: 11px;
  }
  .x-quiz__texts {
    font-size: 15px;
    line-height: 1.03;
    margin-bottom: 27px;
  }
  .x-quiz__tel {
    margin: 0;
  }
  .x-quiz__tel a {
    font-size: 25px;
  }
  .x-quiz__text {
    margin-top: 27px;
  }
  .x-quiz__item--7 .x-quiz__btn {
    margin-top: 36px;
  }
}

@media only screen and (max-width : 360px) {
  .x-quiz__tel a {
    font-size: 20px;
  }
}