@import "/assets/fonts/hanken_grotesk/stylesheet.css";
a {
  display: block;
  text-decoration: none;
}

.button--purple {
  background-color: #6267FF;
}

p {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
  font-family: HankenGrotesk, serif;
  padding: 0;
  margin: 0;
  color: #0A0A0A;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}

.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  padding-top: 30px;
}
.list input {
  display: block;
  height: 36px;
  width: 300px;
  padding: 10px 10px;
  border-radius: 5px;
  border: 1px solid #333;
}

html {
  height: 100%;
  min-width: 360px;
}

.button--remove {
  position: absolute;
  height: 30px;
  width: 30px;
  background-image: url("/assets/images/close.svg");
  background-size: 15px 15px;
  background-position: center;
  background-repeat: no-repeat;
}

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1000px;
  height: 50%;
  min-height: 500px;
  gap: 30px;
}

.map {
  width: 60%;
  min-height: 100%;
}

.header {
  height: 96px;
  background-color: #fff;
  box-shadow: 0 3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
  width: 100%;
  z-index: 999;
}
.header p {
  font-size: 20px;
  color: #0A0A0A;
  font-weight: bold;
}
.header img {
  height: 64px;
  width: 58px;
}
.header .wrapper {
  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;
}

.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.wrapper {
  max-width: 1170px;
  margin: auto;
  height: 100%;
}

.header__button {
  height: 56px;
  width: 146px;
}

.button {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.button--blue {
  background-color: #393FDF;
  color: white;
  border-radius: 8px;
  font-size: 20px;
}
.button--blue span {
  color: #fff;
}

.button--red {
  background-color: #E00B0B;
  color: white;
  border-radius: 8px;
  font-size: 20px;
}

.button--white {
  background-color: #fff;
  color: #393FDF;
  border-radius: 8px;
  font-size: 20px;
  border: 2px solid #393FDF;
  font-weight: 600;
}

.step__label--start .svg-icon {
  height: 22px;
  width: 22px;
}

.step__label--finish .svg-icon {
  height: 20px;
  width: 18px;
}

.step__label, .step-3__place {
  background-color: #F5F5F5;
  border-radius: 12px;
  height: 62px;
  display: block;
  padding-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 13px;
}
.step__label .svg-icon, .step-3__place .svg-icon {
  fill: #3ADDC1;
}
.step__label input, .step-3__place input {
  margin-left: 8px;
  height: 100%;
  width: 100%;
  border: none;
  background-color: transparent;
  padding-top: 5px;
}

input:focus-visible {
  border: none;
  outline: none;
}

input::placeholder {
  color: #D4D4D4;
  font-size: 20px;
  font-family: HankenGrotesk, serif;
  font-weight: 500;
}

.step__label--clock {
  width: 48.5%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.step__label--clock .svg-icon {
  height: 22px;
  width: 22px;
}

.step__label--date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 2%;
  width: 48.4%;
}
.step__label--date .svg-icon {
  height: 21px;
  width: 18px;
}

.svg-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.svg-icon svg {
  display: block;
  height: 100%;
  width: 100%;
}

.sprite-icon--green {
  fill: #3ADDC1;
}

.driver, .passenger {
  margin-top: 30px;
}
.driver .wrapper, .passenger .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 40px;
  gap: 30px;
}
.driver > .wrapper, .passenger > .wrapper {
  align-items: flex-start;
}

.driver__map, .map__wrapper {
  flex-basis: 50.75%;
  height: 712px;
  background-color: #F5F5F5;
  border-radius: 16px;
  border: 1.5px solid #F5F5F5;
  overflow: hidden;
}

.map__wrapper {
  background-color: transparent;
  border: none;
}
.map__wrapper .driver__map {
  flex-basis: auto;
  height: 100%;
}

.driver-ride__right-side {
  flex-basis: 50.75%;
}
@media (max-width: 768px) {
  .driver-ride__right-side {
    width: 100%;
    flex-basis: inherit;
  }
}

.router__title {
  padding: 37px 0 35px;
  font-weight: 600;
  font-family: HankenGrotesk, serif;
  font-size: 24px;
  line-height: 1em;
}

.driver__router {
  flex: 1;
}
.driver__router > div {
  padding: 0 32px 32px;
  background-color: #fff;
  box-shadow: 0px 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  border-radius: 16px;
  border: 1px solid #F5F5F5;
}
.driver__router .router__info {
  padding-bottom: 0;
}

.router__form {
  margin-bottom: 32px;
  height: auto;
  transition: height 0.3s;
}

.router__info {
  padding-bottom: 0;
}

.info__name {
  font-size: 18px;
  color: #525252;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.info__name .svg-icon {
  margin-right: 9px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: rgba(58, 221, 193, 0.1);
  padding: 8px;
  fill: #3ADDC1;
}

.info__item {
  padding: 31px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.line-separator {
  height: 1px;
  width: 100%;
  background-color: #F5F5F5;
}

.driver__buttons {
  margin: auto 0 auto auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.driver__buttons .button {
  height: 56px;
  min-width: 230px;
  padding: 0px 20px;
}

.step__description {
  font-size: 18px;
  color: #525252;
  margin-bottom: 20px;
}

.router-step-2 {
  padding-right: 40px;
}
.router-step-2 button {
  height: 48px;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #F5F5F5;
  padding: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}
.router-step-2 button span {
  width: 20px;
  height: 20px;
  background-color: #15B730;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  padding-bottom: 3px;
  margin-right: 9px;
}

.router-step-2, .router-step-3, .router-step-4, .router-step-5 {
  display: none;
}

.info__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
}

.step-2__point-time, .step-3__time {
  flex-basis: 92px;
  height: 60px;
  border: 1px solid #F5F5F5;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
}

.step-3__time {
  background-color: #F5F5F5;
}

.step-2__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 32px;
}
.step-2__element .drag-and-drop {
  display: none;
}
.step-2__element .step__label {
  flex-basis: calc(100% - 92px);
  margin-bottom: 0;
}

.step-2__element.new .step-2__remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.step__input, .step-2__input {
  font-size: 16px;
  color: #0A0A0A;
  font-family: HankenGrotesk, serif;
  font-weight: 600;
}

.step-2__remove {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -30px;
  width: 20px;
  height: 20px;
  background-color: #525252;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  padding-bottom: 3px;
  transform: rotate(45deg);
  cursor: pointer;
}

.drag-and-drop {
  display: none;
  height: 40px;
  width: 60px;
  position: absolute;
  background-image: url("/assets/images/drag.svg");
  background-size: 24px 12px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 999;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  border: none;
  background-color: #F5F5F5;
  cursor: pointer;
}

.invisible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  background-color: #F5F5F5;
  left: 50px;
  top: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  color: #D4D4D4;
  font-size: 20px;
  font-family: HankenGrotesk, serif;
  font-weight: 500;
}

.input-group-addon {
  position: absolute;
  width: 100%;
  height: 100%;
}

.router-step-1 .form-group {
  width: 48.4%;
  display: inline-block;
}
.router-step-1 .form-group .step__label--clock {
  width: 100%;
  border-radius: 12px !important;
}
.router-step-1 .form-group .step__label--clock .form-control {
  padding: 5px 0 0;
  font-size: 16px;
  color: #0A0A0A;
  font-family: HankenGrotesk, serif;
  font-weight: 600;
}
.router-step-1 .form-group .step__label--clock .form-control::placeholder {
  color: #D4D4D4;
  font-size: 20px;
  font-family: HankenGrotesk, serif;
  font-weight: 500;
}
.router-step-1 .form-group .step__label--clock .form-control:focus {
  color: #0A0A0A;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 100%;
}

.bootstrap-datetimepicker-widget table td {
  flex-basis: 20%;
}

.table-condensed tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bootstrap-datetimepicker-widget a[data-action] {
  height: 100%;
  display: block;
}

.bootstrap-datetimepicker-widget table td span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.bootstrap-datetimepicker-widget table td span:before {
  content: none;
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after, .bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
  content: none;
}

.glyphicon-chevron-up, .glyphicon-chevron-down {
  background-image: url("/assets/images/arrow.svg");
  background-repeat: no-repeat;
  background-position: 30% 50%;
  background-size: 10px 15px;
  transform: rotate(-90deg);
}

.glyphicon-chevron-down {
  transform: rotate(90deg);
}

.bootstrap-datetimepicker-widget table td span.glyphicon:hover {
  background-color: #F5F5F5;
  background-image: url("/assets/images/arrow.svg");
  background-repeat: no-repeat;
  background-position: 30% 50%;
  background-size: 10px 15px;
}

.btn:first-child {
  border: none !important;
}

#step_2_next, #step_3_next, #step_4_next, #step_5_next {
  display: none;
}

#step_2_back, #step_3_back, #step_4_back, #step_5_back {
  display: none;
}

#step_1_next {
  margin: auto 0 auto auto;
}

.icon--point {
  background-repeat: no-repeat;
  background-size: contain;
  height: 24px;
  width: 24px;
  min-width: 24px;
  background-position: center;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.step-2__element:last-child .icon--point, .step-3__element:last-child .icon--point {
  border-radius: 0;
  background-size: 20px 18px;
}

.step-2__points:before {
  content: "";
  position: absolute;
  left: 130px;
  width: 1.5px;
  height: 100%;
  border-left: 1.5px dashed #E5E5E5;
}

.step-3__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.step-3__place {
  flex-basis: calc(100% - 128px);
  background-color: #fff;
  gap: 10px;
  margin-bottom: 0;
  height: auto;
}
.step-3__place .step-3__place-value {
  font-family: HankenGrotesk, serif;
  font-weight: 500;
}

.step-3__time {
  flex-basis: 120px;
}
.step-3__time span {
  display: block;
  height: 100%;
  flex-basis: 33.3%;
  background-image: url("/assets/images/arrow.svg");
  background-repeat: no-repeat;
  background-size: 10px 12px;
  background-position: center;
  cursor: pointer;
}

.step-3__time-decrement {
  transform: rotate(180deg);
}

.step-3__time-value {
  cursor: default;
  font-weight: 600;
}

.sal {
  flex-basis: 48.2%;
  background-color: #fff;
  box-shadow: 0 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  border: 1px solid #F5F5F5;
  border-radius: 16px;
}

.driver__router > .separator {
  padding: 0;
  position: absolute;
  height: 1px;
  background-color: #F5F5F5;
  width: 100%;
  top: 103px;
  z-index: 222;
  box-shadow: none;
  border-radius: 0;
}

.car-info {
  padding-top: 32px;
}

.car-info__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #0A0A0A;
  padding-bottom: 16px;
}

.sal__seats-name, .sal__luggage-name, .sal__ski-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #0A0A0A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sal__title {
  line-height: 1em;
  text-align: center;
  padding: 37px 32px 43px;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  border-bottom: 1px solid #F5F5F5;
}

.car-info__label--for-input {
  display: block;
}
.car-info__label--for-input p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: -0.16px;
  color: #7F7F7F;
  padding-bottom: 5px;
}
.car-info__label--for-input input {
  width: 100%;
  height: 62px;
  border-radius: 12px;
  background-color: #F5F5F5;
  padding: 16px 24px;
  border: none;
  font-size: 20px;
  font-weight: 500;
}

.car-info__label--for-input[for=car_model], .car-info__label--for-input[for=car_color] {
  margin-bottom: 15px;
}

.car-info__engine-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: -0.16px;
  color: #7F7F7F;
  padding-bottom: 13px;
  flex-basis: 100%;
}

.car-info__engine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.div--radio {
  height: 28px;
  width: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.router-step-4 .div--radio input {
  display: none;
}

.car-info__label--for-radio {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 32px;
}

.router-step-4 .div--radio input:checked + span {
  height: 16px;
  width: 16px;
  background-color: #393FDF;
  border-radius: 50%;
}
.router-step-4 .div--radio input + span + span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #D4D4D4;
}
.router-step-4 .div--radio input:checked + span + span {
  border-color: #E1E2FA;
}

.sal__info {
  padding: 37px 32px;
}
.sal__info > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 0;
}
.sal__info > div:first-child {
  padding-top: 0;
}
.sal__info > div:last-child {
  padding-bottom: 0;
}

.sal__icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sal__seats-icon {
  background-color: rgba(255, 204, 0, 0.1);
}
.sal__seats-icon .svg-icon {
  width: 18px;
  height: 24px;
}
.sal__seats-icon .sprite-icon {
  fill: #FFCC00;
}

.sal__luggage-icon {
  background-color: rgba(98, 103, 255, 0.1);
}
.sal__luggage-icon .svg-icon {
  width: 24px;
  height: 24px;
}
.sal__luggage-icon .sprite-icon {
  fill: #6267FF;
}

.sal__ski-icon {
  background-color: rgba(255, 165, 0, 0.1);
}
.sal__ski-icon .svg-icon {
  width: 26px;
  height: 21px;
}
.sal__ski-icon .sprite-icon {
  fill: orange;
}

.sal__seats-info, .sal__luggage-info, .sal__ski-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.sal__seats-controller, .sal__luggage-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sal__seats-controller span, .sal__luggage-controller span {
  width: 30px;
  height: 30px;
  color: #0A0A0A;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #0A0A0A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sal__seats-controller, .sal__luggage-controller {
  flex-basis: 126px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sal__seats-controller span, .sal__luggage-controller span {
  cursor: pointer;
}

.sal__luggage-increment:before, .sal__luggage-increment:after, .sal__seats-increment:before, .sal__seats-increment:after {
  content: "";
  width: 1px;
  background-color: #0A0A0A;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.sal__seats-decrement:before, .sal__luggage-decrement:before {
  content: "";
  width: 16px;
  background-color: #0A0A0A;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.sal__luggage-increment:after, .sal__seats-increment:after {
  transform: rotate(90deg);
}

.sal__seats-count, .sal__luggage-count {
  font-size: 24px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
}

.sal__seats-count {
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sal__ski-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sal__ski-controller label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.sal__ski-controller label p {
  line-height: 1em;
  font-size: 24px;
}

.ski__div {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #D4D4D4;
}
.ski__div input {
  display: none;
}
.ski__div input:checked + span {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #393FDF;
  border-radius: 50%;
}

.sal {
  display: none;
}

textarea {
  resize: none;
}

.final__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
  padding-top: 32px;
}

.car__icon {
  width: 48px;
  height: 48px;
  background-color: #FF7A01;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.car__icon .svg-icon {
  height: 18px;
  width: 22px;
  fill: #fff;
}

.final__car-info-car {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.car__info-name {
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .car__info-name {
    font-size: 16px;
  }
}
.car__info-name .ride__status {
  font-weight: 500;
}

.car__info-info {
  font-size: 14px;
  color: #7F7F7F;
}
.car__info-info span {
  font-size: 14px;
  color: #7F7F7F;
}

.connect__step .car__info-info span {
  font-size: 14px;
  color: #7F7F7F;
}
.connect__step .ride__offer-road-2 .final-confirm__depart {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.sub-info__icon {
  width: 24px;
  height: 24px;
}

.sub-info__seats .svg-icon {
  fill: #FFCC00;
  height: 24px;
  width: 17px;
}

.sub-info__luggage .svg-icon {
  fill: #6267FF;
  height: 22px;
  width: 22px;
}

.sub-info__ski .svg-icon {
  fill: #FF7A01;
  height: 19px;
  width: 24px;
}

.sub-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sub-info__item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.final__sub-info {
  padding-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding-bottom: 32px;
  border-bottom: 1px solid #F5F5F5;
}

.sun-info__name, .sub-info__count, .sub-info__count span {
  font-size: 16px;
  color: #7F7F7F;
}

.final-confirm__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.final-confirm__points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.final-confirm__points > div {
  font-size: 14px;
  color: #0A0A0A;
}

.final-confirm__route {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.final-confirm__road {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 5px 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1px;
  border-left: 1px dashed #C2C3F5;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.final-confirm__start-dot, .final-confirm__finish-dot, .final-confirm__stops {
  height: 10px;
  width: 10px;
  border-radius: 50%;
}

.final-confirm__start-dot {
  background-color: #393FDF;
}

.final-confirm__finish-dot {
  background-color: #15B730;
}

.final-confirm__stops {
  background-color: #fff;
  border: 1px solid #C2C3F5;
}

.final-confirm__start, .final-confirm__finish {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.final-confirm__start-time, .final-confirm__finish-time, .final-confirm__finish-time span {
  font-size: 14px;
  color: #7F7F7F;
}

.final-confirm__names {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

.final-confirm__start-time, .final-confirm__finish-time {
  position: absolute;
  width: 70px;
}

.final-confirm__finish-time {
  bottom: -35px;
  text-align: center;
  left: -35px;
  right: -35px;
}

.final-confirm__name-start, .final-confirm__name-final, .final-confirm__name-stops {
  font-size: 16px;
  font-weight: 500;
  color: #0A0A0A;
}

.final-confirm__name-stops, .final-confirm__name-stops span {
  color: #7F7F7F;
}

.final__confirm {
  padding-bottom: 32px;
  border-bottom: 1px solid #F5F5F5;
}

.final__comment label {
  width: 100%;
}
.final__comment textarea {
  border: 1px solid #F5F5F5;
  border-radius: 16px;
  height: 140px;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  color: #7F7F7F;
}
.final__comment textarea:focus-visible {
  border: 1px solid #C2C3F5;
  outline: 1px solid #C2C3F5;
}

.driver.test .router-step-4 {
  display: block;
}
.driver.test .sal {
  display: block;
}
.driver.test .driver__map {
  display: none;
}
.driver.test #step_4_next {
  display: flex;
}

.sub-info__ski .sub-info__count span {
  display: none;
}

.error {
  border-color: #FF7A01 !important;
}

.sal__seats-increment.error {
  border-color: #FF7A01;
}

.sal__seats-increment.error:before, .sal__seats-increment.error:after, .sal__luggage-increment.error:before, .sal__luggage-increment.error:after {
  background-color: #FF7A01;
}

.sub-info__count {
  margin-left: 8px;
}

.sun-info__name {
  margin-left: 3px;
}

.final-confirm__points > div {
  gap: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.waiting__passengers--icon {
  width: 36px;
  height: 36px;
  margin-left: 16px;
  margin-right: 12px;
}
.waiting__passengers--icon img {
  width: 100%;
  height: 100%;
}

.waiting__passengers {
  margin-top: 30px;
  height: 68px;
  border-radius: 80px;
  background-color: rgba(20, 183, 47, 0.05);
  border: 2px solid #14B72F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.waiting__passengers p {
  font-size: 24px;
  font-weight: 600;
  color: #14B72F;
}

.rides__content {
  max-width: 780px;
  margin: auto auto 32px;
}

.rides__tab-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px;
  border: 1px solid #E5E5E5;
  border-radius: 115px;
  background-color: #F5F5F5;
  height: 60px;
  margin: 32px auto;
}

.tab-panel__tab {
  flex-basis: 50%;
  border-radius: 73px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  color: #0A0A0A;
  height: 48px;
}
.tab-panel__tab a {
  width: 100%;
  height: 100%;
}

.ui-tabs-active {
  background-color: #393FDF;
  color: #fff;
}

.ui-tabs .ui-tabs-nav {
  padding: 6px;
}
.ui-tabs .ui-tabs-nav li {
  margin: 0;
  padding: 0;
  border: none;
}

.ui-widget.ui-widget-content {
  padding: 0;
  border-radius: 0;
  border: none;
  margin: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ui-tabs .ui-tabs-nav li {
  transition: all 0.3s;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin: 0;
  padding: 0;
  background-color: #393FDF !important;
  transition: all 0.3s;
  border: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer !important;
}

.ui-tabs .rides__tab-panel {
  margin: 32px 0px 32px;
}

.rides__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 32px;
}

.rides .tab-content__element {
  border-radius: 16px;
  padding: 32px;
}

.ride__car-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background-color: #D2F3EE;
  background-image: url("/assets/images/car.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}

.ride__info__icon {
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position: center;
  margin-right: 8px;
}

.ride__luggage-icon {
  background-size: 19px 19px;
  background-image: url("/assets/images/luggage.svg");
}

.ride__ski-icon {
  background-size: 20px 16px;
  background-image: url("/assets/images/ski.svg");
}

.ride__seats-icon {
  background-size: 15px 20px;
  background-image: url("/assets/images/seat.svg");
}

.ride__car-name {
  color: #0A0A0A;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 3px;
}

.ride__date {
  font-size: 14px;
  color: #7F7F7F;
  text-transform: capitalize;
}
.ride__date span {
  font-size: 14px;
  color: #7F7F7F;
  text-transform: capitalize;
}

.ride__car {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  min-width: 50%;
}

.ride__header {
  gap: 24px;
  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;
  padding-bottom: 24px;
  border-bottom: 1px solid #F5F5F5;
}

.ride__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.ride__info > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ride__info > div p {
  padding-left: 4px;
}
.ride__info * {
  font-size: 16px;
  color: #7F7F7F;
}

.ride, .empty {
  padding: 24px;
  box-shadow: 0 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  border-radius: 16px;
  background-color: #fff;
  margin-bottom: 16px;
  cursor: pointer;
}

.ride__ski-count p {
  padding-left: 0 !important;
}

.ride__graphic {
  width: 210px;
  height: 0;
  border-top: 1px dashed #E5E5E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
}

.ride__graphic-start, .ride__graphic-finish {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  margin-bottom: 2px;
  position: static;
}
.ride__graphic-start > span, .ride__graphic-finish > span {
  font-size: 14px;
  color: #7F7F7F;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.ride__graphic-start > span span, .ride__graphic-finish > span span {
  font-size: 14px;
  color: #7F7F7F;
}

.ride__graphic-start {
  background-color: #393FDF;
}
.ride__graphic-start span {
  top: -32px;
}

.ride__graphic-finish {
  background-color: #15B730;
}
.ride__graphic-finish span {
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ride__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 5px;
}

.ride__body {
  padding-top: 31px;
}

.ride__departure, .ride__destination {
  color: #7F7F7F;
  font-size: 14px;
}
.ride__departure span, .ride__destination span {
  color: #7F7F7F;
  font-size: 14px;
  padding-left: 4px;
}

.ride__stops-start, .ride__stops-finish {
  font-size: 20px;
  font-weight: 600;
  max-width: 200px;
}

.ride__stops-finish {
  text-align: right;
}

.ride__stops {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 6px;
}

.ride__graphic-betweens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ride__graphic-betweens span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid #C2C3F5;
  background-color: #fff;
  margin-bottom: 2px;
}

.ride__graphic-betweens.without-wp span {
  opacity: 0;
}

.start__waiting, .start__waiting--main, .start__waiting--inner, .start__waiting--matches {
  top: 0;
  left: 0;
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgb(255, 255, 255);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 5px;
}

.start__waiting--main {
  z-index: 999;
}

.tab-content__element .start__waiting {
  position: absolute;
}

.start__waiting--matches {
  position: absolute;
}

.header__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1024px) {
  .header__buttons {
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .header__buttons {
    gap: 16px;
  }
}

.header__button--create {
  width: auto;
  color: #0A0A0A;
  font-size: 20px;
  background-color: transparent;
  font-weight: 600;
  gap: 10px;
}
.header__button--create .publish-img {
  background-image: url("/assets/images/car.svg");
  background-repeat: no-repeat;
  display: block;
  height: 24px;
  width: 24px;
  background-size: contain;
}
@media (max-width: 768px) {
  .header__button--create .publish-img {
    display: none;
  }
}

.tab-content__element {
  height: 110vh;
}

#to_rides {
  margin: auto 0 auto auto;
}

#cancel_ride {
  display: none;
}

.ride__status {
  display: none;
  font-size: 12px;
  right: 0;
  top: 0;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #393FDF;
  color: #fff;
  text-align: center;
  flex: 1;
}

.car__info {
  position: static;
}

.rides__status {
  max-width: 150px;
  color: #fff;
  font-size: 12px;
  background-color: #393FDF;
  border-radius: 8px;
  text-align: center;
  padding: 4px 10px;
  margin-left: 10px;
}

.bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-remove:hover {
  background-image: none;
  background-color: #cf6709;
  transition: background-color 0.3s;
}

.list-unstyled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.list-unstyled .picker-switch td {
  display: block;
  flex-basis: 100%;
}
.list-unstyled .picker-switch td a {
  padding-left: 6px;
  padding-right: 6px;
}
.list-unstyled .picker-switch td a .glyphicon {
  background-color: #FF7A01;
  color: #fff;
  transition: background-color 0.3s;
}

#driver_ride .final__comment textarea:focus-visible {
  outline: none;
  border: 1px solid #F5F5F5;
}

.step-4__separator, .router-ride__separator {
  height: 1px;
  position: absolute;
  top: 0;
  left: -32px;
  right: -32px;
  background-color: rgb(245, 245, 245);
}

.step-3__points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.final-confirm__title {
  margin-bottom: 46px;
}

.final-confirm__start-time {
  top: -35px;
  left: -25px;
  right: auto;
  text-align: center;
}

.ride__offer-road-2 .final-confirm__start-time {
  left: -35px;
  right: -35px;
}

@media (max-width: 1280px) {
  .driver > .wrapper, .request-offer > .wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }
  .header .wrapper {
    padding: 0 16px;
  }
}
@media (max-width: 1024px) {
  .step-2__point-time {
    min-width: 92px;
  }
  .router-step-2 {
    padding-right: 0;
  }
  .step-2__remove {
    position: relative;
    right: 13px;
    min-width: 20px;
  }
}
@media (max-width: 768px) {
  .step-3__element {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .step-3__time-value {
    font-size: 14px;
  }
  .step-3__time {
    height: 40px;
  }
  .element--adding {
    padding-top: 24px;
  }
  .driver__buttons {
    gap: 12px;
  }
  .driver__buttons .button {
    flex: 1;
    flex-basis: fit-content;
  }
  .step-2__point-time {
    height: 40px;
    font-size: 14px;
    flex-basis: 62px;
    min-width: 62px;
  }
  .step-2__element {
    margin-bottom: 16px;
  }
  .icon--point {
    width: 18px;
    min-width: 18px;
    height: 18px;
  }
  .step-2__points:before {
    left: 94px;
  }
  .step__description {
    font-size: 14px;
  }
  .router__title {
    padding: 25px 0 0;
  }
  .header {
    height: 72px;
  }
  .header img {
    height: 30px;
    width: 27px;
  }
  .header p {
    font-size: 14px;
  }
  .header__logo {
    gap: 4px;
  }
  .driver, .request-offer {
    margin-top: 24px;
  }
  .driver > .wrapper, .request-offer > .wrapper {
    gap: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .driver > .wrapper .driver__router, .request-offer > .wrapper .driver__router {
    width: 100%;
  }
  .driver > .wrapper .driver__router > div, .request-offer > .wrapper .driver__router > div {
    padding: 0 20px 20px;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
  }
  .driver .router__form, .request-offer .router__form {
    margin-bottom: 0;
  }
  .step__label--date, .step__label--clock {
    margin-bottom: 0;
  }
  .step__label, .step-3__place {
    height: 40px;
    margin-bottom: 16px;
    border-right: 8px;
    padding: 0 13px;
  }
  .step-3__place {
    height: auto;
    margin-bottom: 0;
  }
  .step__label--date, .step__label--clock {
    margin-bottom: 0;
  }
  .step__label--date {
    margin-right: 16px;
    flex-basis: calc(50% - 8px);
  }
  .router-step-1 .form-group {
    flex-basis: calc(50% - 8px);
  }
  .step__label--start .svg-icon, .step__label--clock .svg-icon {
    height: 18px !important;
    width: 18px !important;
    min-width: 18px;
  }
  .info__name {
    font-size: 14px;
  }
  .info__name .svg-icon {
    width: 32px;
    height: 32px;
  }
  .step__label--finish .svg-icon {
    min-width: 15px;
    width: 15px !important;
    height: 17px !important;
  }
  .step__input, .step-2__input, .info__data {
    font-size: 14px;
  }
  input::placeholder, .router-step-1 .form-group .step__label--clock .form-control::placeholder {
    font-size: 14px;
  }
  .step__label input, .step-3__place input, .router-step-1 .form-group .step__label--clock .form-control {
    padding: 0;
  }
  .info__item {
    padding: 20px 0;
  }
  .button {
    font-size: 16px;
  }
  .header__button {
    width: 78px;
    height: 32px;
    font-size: 14px;
  }
  .router-step-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
  }
  .router-step-1 .draggable-div {
    flex-basis: 100%;
  }
  #add_stop {
    margin-top: 40px;
  }
  .step-2__element:last-child {
    margin-bottom: 0;
  }
  .step-2__element.new label {
    flex-basis: 80%;
  }
  .router-step-2 {
    padding-top: 5px;
  }
  .router__info {
    margin-top: 16px;
    padding-bottom: 0 !important;
  }
  .driver__map {
    height: 280px;
    flex-basis: inherit;
    width: 100%;
  }
  .wrapper--buttons {
    padding: 32px 16px;
    box-shadow: 0px -3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
  }
  #step_1_next {
    flex: 1;
  }
  .step-4__separator, .router-ride__separator {
    left: -20px;
    right: -20px;
  }
  .car-info, .final__title {
    padding-top: 32px;
  }
  .final__car-info-title {
    margin-top: 29px;
  }
  .car-info__title {
    font-size: 18px;
  }
  .car-info__label--for-input input {
    font-size: 14px;
  }
  .car-info__label--for-input input {
    height: 40px;
  }
  .waiting__passengers {
    margin-top: 20px;
  }
  .waiting__passengers p {
    font-size: 16px;
  }
  .waiting__passengers--icon {
    width: 24px;
    height: 24px;
  }
  .div--radio {
    width: 20px;
    height: 20px;
  }
  .router-step-4 .div--radio input:checked + span {
    height: 14px;
    width: 14px;
  }
  .final-confirm__name-start, .final-confirm__name-final, .final-confirm__name-stops {
    font-size: 14px;
  }
  .sal {
    width: 100%;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.05);
  }
  .sal__title {
    padding: 20px 20px 20px;
    text-align: left;
    line-height: 1.5em;
  }
  .sal__info {
    padding: 20px 25px;
  }
  .sal__info > div {
    border-bottom: 1px solid rgb(245, 245, 245);
  }
  .sal__info > div:last-child {
    border: none;
  }
  .ski__div {
    width: 20px;
    height: 20px;
  }
  .ski__div input:checked + span {
    width: 14px;
    height: 14px;
  }
  .sal__ski-controller {
    gap: 16px;
  }
  .sal__seats-name, .sal__luggage-name, .sal__ski-name {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .sal__seats-controller span, .sal__luggage-controller span {
    width: 20px;
    height: 20px;
  }
  .sal__luggage-increment:before, .sal__luggage-increment:after, .sal__seats-increment:before, .sal__seats-increment:after {
    height: 10px;
  }
  .sal__seats-decrement:before, .sal__luggage-decrement:before {
    width: 10px;
  }
  .car-info__label--for-radio {
    gap: 8px;
    margin-right: 16px;
  }
  .car-info__label--for-radio p {
    font-size: 14px;
  }
  .car-info__label--for-radio .car__info-name {
    font-size: 16px;
  }
  .sal__icon {
    width: 28px;
    height: 28px;
  }
  .sal__seats-count, .sal__luggage-count {
    font-size: 16px;
  }
  .sal__ski-controller label p {
    font-size: 14px;
  }
  .sal__seats-icon .svg-icon {
    height: 21px;
    width: 15px;
  }
  .sal__luggage-icon .svg-icon {
    width: 18px;
    height: 18px;
  }
  .sal__ski-icon .svg-icon {
    width: 18px;
    height: 14px;
  }
  .sal__seats-controller, .sal__luggage-controller {
    flex-basis: 89px;
  }
  .final__title {
    font-size: 18px;
  }
  .car__icon {
    width: 40px;
    height: 40px;
  }
  .car__icon .svg-icon {
    width: 24px;
    height: 24px;
  }
  .final__sub-info {
    padding: 24px 0;
  }
  .sub-info__seats .svg-icon {
    height: 20px;
    width: 15px;
  }
  .sub-info__luggage .svg-icon {
    width: 18px;
    height: 18px;
  }
  .sub-info__ski .svg-icon {
    width: 20px;
    height: 16px;
  }
  .sun-info__name, .sub-info__count, .sub-info__count span {
    font-size: 14px;
  }
  .final__sub-info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .final__title {
    padding-top: 24px;
  }
  .final__confirm {
    padding-bottom: 24px;
  }
  .ui-tabs .rides__tab-panel {
    margin: 24px 16px;
  }
  .rides .tab-content__element {
    border-radius: 0;
  }
  .rides .tab-content__element {
    padding: 20px;
  }
  .ride__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }
  .ride__info * {
    font-size: 14px;
  }
  .ride__time {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
  .ride__stops-start, .ride__stops-finish {
    font-size: 14px;
    text-align: left;
    overflow: hidden;
  }
  .ride__departure {
    padding: 0;
  }
  .ride__stops-start {
    padding: 0;
  }
  .ride__stops {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding: 0;
  }
  .ride__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px;
  }
  .ride__graphic-betweens span {
    position: absolute;
    left: -4px;
    right: 0;
    margin: auto;
  }
  .rides__tab-panel {
    height: 48px;
  }
  .tab-panel__tab {
    font-size: 14px;
    height: 40px;
  }
  .ui-tabs .ui-tabs-nav {
    padding: 4px;
  }
  .header__button--create {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #393FDF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .header__button--create span {
    display: none;
  }
  .header__button--create:before, .header__button--create:after {
    content: "";
    height: 2px;
    display: block;
    width: 11px;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .header__button--create:before {
    transform: rotate(90deg);
  }
  .ride__graphic {
    width: 0;
    height: auto;
    margin: 3px 31px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 768px) and (max-width: 500px) {
  .ride__graphic {
    margin: 3px 21px;
  }
}
@media (max-width: 768px) and (max-width: 500px) {
  .ride--passenger .ride__graphic {
    margin: 3px 0;
  }
}
@media (max-width: 768px) {
  .ride__departure, .ride__destination {
    color: #0A0A0A;
  }
  .ride__graphic-start, .ride__graphic-finish {
    position: relative;
  }
  .ride__graphic-finish span {
    min-width: 50px;
    left: -25px;
    right: -25px;
    top: 20px;
  }
  .ride__graphic-start span {
    min-width: 70px;
    left: -35px;
    right: -35px;
  }
  .ride__stops-betweens {
    line-height: 0.8em;
  }
  .ride__stops-betweens span {
    color: rgb(127, 127, 127);
    font-size: 14px;
  }
  .ride__graphic-betweens {
    flex: 1;
    border-right: 1px dashed rgb(194, 195, 245);
  }
  .ride__stops-finish {
    padding: 0 0 2px 0;
  }
}
.gmnoprint, .gm-fullscreen-control {
  display: none !important;
}

.body--main .gmnoprint, .body--main .gm-fullscreen-control {
  display: inherit !important;
}

.s_rides__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 32px;
  border-radius: 16px;
  border: 1px solid #E5E5E5;
  background: #FFF;
  margin: 32px 0 0;
  flex-basis: 100%;
}
@media (max-width: 768px) {
  .s_rides__search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05);
    padding: 20px;
  }
}

.s_rides {
  box-shadow: 0 3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
  background-color: #fff;
  padding-bottom: 32px;
  z-index: 2;
}
.s_rides .step__label {
  margin: 0;
  width: 100%;
}

.s_rides__button .button {
  width: 160px;
  height: 62px;
}
@media (max-width: 768px) {
  .s_rides__button .button {
    height: 48px;
    width: 100%;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .s_rides__button {
    width: 100%;
    margin-top: 12px;
  }
}

.s_rides__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 768px) {
  .s_rides__field {
    gap: 4px;
    width: 100%;
  }
  .s_rides__field label {
    height: 44px;
  }
  .s_rides__field .step__label--date {
    flex-basis: auto;
  }
}
.s_rides__field .step__label input {
  padding-top: 0;
}
.s_rides__field p {
  color: rgb(163, 163, 163);
  font-size: 18px;
}
@media (max-width: 768px) {
  .s_rides__field p {
    font-size: 14px;
  }
}

.s_rides__field {
  flex-basis: 26%;
}

.s_rides__info {
  opacity: 0;
  transition: opacity 0.3s;
  flex-basis: 500px;
  border-radius: 16px;
  border: 1.5px solid #F5F5F5;
  padding: 0 40px;
}
@media (max-width: 768px) {
  .s_rides__info {
    padding: 0px 20px;
  }
}

.m_rides {
  padding-bottom: 32px;
}
@media (max-width: 768px) {
  .m_rides {
    padding-bottom: 20px;
  }
}
.m_rides .start__waiting {
  position: absolute;
  height: 100%;
  border-radius: 16px;
  display: none;
}

.s_rides .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 1280px) {
  .s_rides .wrapper {
    padding: 0px 16px;
    gap: 16px;
  }
}

.s_rides__map {
  flex: 1;
  border-radius: 16px;
  min-width: 300px;
}
@media (max-width: 847px) {
  .s_rides__map {
    height: 240px;
  }
}

.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon {
  background-image: url("/assets/images/arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 14px;
}

.ui-datepicker .ui-datepicker-header {
  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;
}

.ui-datepicker .ui-datepicker-prev {
  transform: rotate(180deg);
}

.road__way {
  flex-basis: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.road__way--second .svg-icon {
  height: 11px;
  width: 17px;
}
@media (max-width: 768px) {
  .road__way--second {
    height: 9px;
  }
}

.road__way--first .svg-icon {
  height: 2px;
  width: 17px;
}

.road__icon {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 122, 1, 0.1);
}
.road__icon .svg-icon {
  height: 15px;
  width: 16px;
  fill: #FF7A01;
}

.m_rides__road {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}

.sort__option {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
.sort__option > span {
  display: block;
}
.sort__option input {
  display: none;
}
.sort__option input + span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  border: 1px solid rgb(212, 212, 212);
}
.sort__option input:checked + span {
  border-color: rgb(225, 226, 250);
}
.sort__option input:checked + span span {
  display: block;
  flex-basis: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #393FDF;
}

.sort__options {
  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;
  gap: 24px;
}
.sort__options p {
  color: rgb(82, 82, 82);
  font-size: 16px;
}
@media (max-width: 890px) {
  .sort__options {
    display: none;
    margin-top: 24px;
  }
}

.sort__title {
  font-size: 24px;
  color: #0A0A0A;
  font-weight: 600;
  margin-bottom: 24px;
}
@media (max-width: 890px) {
  .sort__title {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.sort__title span {
  display: none;
  height: 11px;
  width: 22px;
  stroke: #0A0A0A;
}

.sort__title.opened span {
  stroke: #FF7A01;
}

.m_rides__sort {
  padding: 40px;
  border-radius: 16px;
  box-shadow: 0 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  flex-basis: 300px;
  background-color: #fff;
}
@media (max-width: 890px) {
  .m_rides__sort {
    padding: 20px;
    flex-basis: auto;
  }
}

.m_rides__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (max-width: 890px) {
  .m_rides__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
}

.m_rides__result {
  flex: 1;
}

.m_rides__title-wrapper {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 768px) {
  .m_rides__title-wrapper {
    margin-bottom: 16px;
  }
}

.m_rides {
  padding-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F7FAFC;
}
@media (max-width: 1280px) {
  .m_rides {
    padding: 40px 16px;
  }
}
@media (max-width: 890px) {
  .m_rides {
    padding: 40px 16px;
  }
}
.m_rides .wrapper {
  opacity: 0;
  transition: opacity 0.2s;
  width: 100%;
}
.m_rides .ride__graphic-finish {
  background-image: url("/assets/images/sport_car.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 10px;
  background-color: transparent;
}

.match__ride {
  border-radius: 16px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .match__ride {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px;
  }
  .match__ride .ride__driver {
    flex-basis: auto;
    margin: 16px auto 0 0;
    padding-top: 16px;
    border-top: 1px solid #F5F5F5;
    width: 100%;
  }
}
.match__ride .ride__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 34px;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .match__ride .ride__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.match__ride .ride__info {
  flex-wrap: wrap;
}
.match__ride .ride__duration {
  font-size: 14px;
  color: #7F7F7F;
  margin-top: -13px;
}
.match__ride .ride__graphic {
  width: 96px;
  border-width: 1px;
  border-color: #C2C3F5;
}
.match__ride .ride__graphic-betweens span {
  width: 5px;
  height: 5px;
  background-color: #C2C3F5;
  border: none;
}
.match__ride .ride__graphic-start {
  background-color: #fff;
  border: 1px solid #C2C3F5;
}
.match__ride .ride__stops-start, .match__ride .ride__stops-finish {
  font-size: 16px;
}
.match__ride .ride__stops-betweens {
  text-align: center;
  padding-top: 14px;
}
.match__ride .ride__stops-betweens span {
  font-size: 14px;
  color: #7F7F7F;
}
.match__ride .ride__stops > div {
  flex-basis: 33.3%;
}
.match__ride .ride__time, .match__ride .ride__stops {
  width: 382px;
}
@media (max-width: 1140px) {
  .match__ride .ride__time, .match__ride .ride__stops {
    margin: auto;
  }
}
.match__ride .ride__time {
  padding-bottom: 8px;
}
.match__ride .ride__stops {
  padding-top: 3px;
}

.m_rides__title {
  font-size: 24px;
  font-weight: 600;
}

.m_rides__road {
  font-size: 16px;
  color: #525252;
}
@media (max-width: 768px) {
  .m_rides__road > div {
    font-size: 14px;
  }
}

.ride__wrapper {
  background-color: #fff;
  padding: 24px;
  flex: 1;
}

.ride__actions {
  flex-basis: 214px;
  background-color: #EDEEFE;
  padding: 24px 20px;
  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-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 214px;
}
@media (max-width: 768px) {
  .ride__actions {
    padding: 20px;
    flex-basis: auto;
    max-width: none;
  }
}

.per_seat {
  font-size: 16px;
  color: #7F7F7F;
}

.per_seat-price {
  font-size: 18px;
  color: #7F7F7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 5px;
}
.per_seat-price span {
  font-size: 26px;
  display: block;
  color: #393FDF;
  font-weight: 800;
  line-height: 1em;
  margin: auto;
  margin-right: 0;
}

.ride__actions-button a {
  height: 40px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
}
.ride__actions-button a span:last-child {
  background-image: url("/assets/images/arrow_white.svg");
  width: 14px;
  height: 9px;
  background-repeat: no-repeat;
  background-size: contain;
}

.ride__actions-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.ride__driver-avatar {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}

.ride-driver__name {
  font-size: 16px;
  color: #171717;
  font-weight: 500;
}

.rating__star {
  background-image: url("/assets/images/star.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 16px;
  width: 16px;
  min-width: 16px;
}

.rating__rating {
  font-size: 14px;
  color: #7F7F7F;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1em;
  gap: 2px;
}
.rating__rating span {
  font-weight: 600;
  font-size: 14px;
  color: #7F7F7F;
  display: block;
}

.ride__driver-name {
  font-size: 16px;
  color: #171717;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .ride__driver-name {
    font-size: 14px;
  }
}

.ride__driver-raiting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.ride__driver {
  flex-basis: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .ride__driver {
    flex-basis: auto;
  }
}

.m_ride__information {
  flex-basis: 382px;
}
@media (max-width: 768px) {
  .m_ride__information {
    flex-basis: auto;
    margin: auto auto 0 auto;
  }
}

.ride__update {
  transition: min-width 0.3s;
  gap: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ride__update .sal__luggage {
  border-top: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
}
.ride__update .sal {
  display: block;
}

.connect__step {
  background-color: #F7FAFC;
  padding-top: 32px;
}
@media (max-width: 1280px) {
  .connect__step {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.connect__step .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .connect__step .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .connect__step .wrapper {
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .connect__step {
    padding: 0;
  }
}
.connect__step .rating__rating p {
  font-size: 14px;
  color: #7F7F7F;
}
@media (max-width: 768px) {
  .connect__step .rating__rating p {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .connect__step .rating__rating span {
    font-size: 12px;
  }
}

.ride__offer {
  background-color: #fff;
  border-radius: 16px;
  border: 1.5px solid #F5F5F5;
  box-shadow: 0px 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  flex: 1;
  transition: all 0.3s;
}
.ride__offer .final__confirm {
  padding-top: 32px;
  border-bottom: none;
}

.ride__offer.ride__offer--2 {
  flex: none;
  transition: all 0.3s;
  flex-basis: 470px;
  max-width: none;
  min-width: 0;
}
@media (max-width: 768px) {
  .ride__offer.ride__offer--2 {
    flex-basis: auto;
  }
}

.ride__update {
  flex-basis: 470px;
  transition: min-width 0.3s, max-width 0.3s;
}

.ride__update.ride__update--2 {
  flex-basis: calc(100% - 470px);
  transition: min-width 0.3s, max-width 0.3s;
}

.ride__offer-car, .ride__offer-title, .ride__offer-road {
  padding: 32px;
}
@media (max-width: 768px) {
  .ride__offer-car, .ride__offer-title, .ride__offer-road {
    padding: 20px;
  }
}

.ride__offer-car {
  padding-bottom: 0;
}

.ride__offer-title {
  font-size: 24px;
  font-weight: 600;
  border-bottom: 1px solid #F5F5F5;
}
@media (max-width: 768px) {
  .ride__offer-title {
    font-size: 20px;
  }
}

.car__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}

.ride__comment {
  padding: 32px;
  border-top: 1px solid #F5F5F5;
}
@media (max-width: 768px) {
  .ride__comment {
    padding: 20px;
  }
}

.ride__driver-comment {
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .ride__driver-comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.offer__comment {
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7F7F7F;
  font-size: 16px;
}
@media (max-width: 768px) {
  .offer__comment {
    font-size: 14px;
  }
}

.ride__update .sal__title {
  text-align: left;
}
@media (max-width: 768px) {
  .ride__update .sal__title {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .ride__update {
    gap: 16px;
    flex-basis: auto;
  }
}

.summary {
  box-shadow: 0px 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  border-radius: 16px;
  border: 1.5px solid #F5F5F5;
  overflow: hidden;
}

.summary__header {
  border-bottom: 1.5px solid #F5F5F5;
  padding: 32px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .summary__header {
    padding: 20px;
  }
}

.summary__body {
  padding: 32px;
  border-bottom: 1.5px solid #F5F5F5;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .summary__body {
    padding: 20px;
  }
}

.summary__title {
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .summary__title {
    font-size: 20px;
  }
}

.summary__per-seat {
  color: #525252;
  font-size: 18px;
}
.summary__per-seat span {
  font-size: 18px;
  color: #525252;
  font-weight: 600;
}

.ride__update .total-pas__value {
  display: none;
  padding: 0 16px;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 77px;
  border: 1px solid #F5F5F5;
}

.summary__total-pas {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.summary__total-pas span {
  font-size: 18px;
  color: #525252;
}

.summary__price {
  font-weight: 700;
  font-size: 24px;
}

.ride__offer-buttons {
  margin-top: 40px;
  padding-bottom: 80px;
}
.ride__offer-buttons .button {
  margin: auto 0 auto auto;
  height: 56px;
  width: 231px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .ride__offer-buttons {
    padding: 32px 16px;
    margin-top: 4px;
    background-color: #fff;
    box-shadow: 0px -3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
  }
  .ride__offer-buttons #get_ride {
    flex-basis: 100%;
  }
  .ride__offer-buttons .wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ride__offer-buttons .button {
    flex-basis: 50%;
  }
}

.ride__passenger-comment, #to_payment {
  display: none;
}

.ride__offer-road-2 {
  display: none;
  width: 404px;
}
@media (max-width: 500px) {
  .ride__offer-road-2 {
    width: 100%;
  }
}
.ride__offer-road-2 .final-confirm__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.ride__offer-road-2 .final-confirm__points, .ride__offer-road-2 .final-confirm__road, .ride__offer-road-2 .final-confirm__names {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.ride__offer-road-2 .final-confirm__points {
  flex-basis: 100%;
}
.ride__offer-road-2 .final-confirm__road {
  width: 27%;
  margin: auto;
  height: 0;
  border: none;
  border-top: 1px dashed #C2C3F5;
}
.ride__offer-road-2 .final-confirm__stops {
  height: 5px;
  width: 5px;
  border: none;
  background-color: #C2C3F5;
  bottom: 1px;
}
.ride__offer-road-2 .final-confirm__start-dot, .ride__offer-road-2 .final-confirm__finish-dot {
  width: 9px;
  height: 9px;
  background-color: #fff;
  bottom: 1px;
}
.ride__offer-road-2 .final-confirm__start-dot {
  border: 2px solid #C2C3F5;
}
.ride__offer-road-2 .final-confirm__name-start, .ride__offer-road-2 .final-confirm__name-final {
  font-weight: 600;
}
.ride__offer-road-2 .final-confirm__start, .ride__offer-road-2 .final-confirm__finish {
  position: static;
}
.ride__offer-road-2 .final-confirm__start-time, .ride__offer-road-2 .final-confirm__finish-time {
  margin: auto;
}
.ride__offer-road-2 .final-confirm__name-stops {
  opacity: 0;
}
.ride__offer-road-2 .final-confirm__name-start, .ride__offer-road-2 .final-confirm__name-final, .ride__offer-road-2 .final-confirm__name-stops {
  flex-basis: 27.3%;
}
.ride__offer-road-2 .final-confirm__names {
  gap: 0;
}
.ride__offer-road-2 .final-confirm__points > div {
  flex-basis: 25%;
}
.ride__offer-road-2 .final-confirm__finish-dot {
  background-image: url("/assets/images/sport_car.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 9px;
  width: 20px;
}
.ride__offer-road-2 .final-confirm__depart {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.passenger-comment__title {
  font-size: 24px;
  font-weight: 600;
  color: #0A0A0A;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .passenger-comment__title {
    font-size: 20px;
  }
}

.ride__passenger-comment {
  width: 404px;
}
@media (max-width: 768px) {
  .ride__passenger-comment {
    width: 100%;
  }
}
.ride__passenger-comment label {
  display: block;
  width: 100%;
}
.ride__passenger-comment textarea {
  font-size: 16px;
  padding: 16px;
  border: 1px solid #F5F5F5;
  border-radius: 16px;
  width: 100%;
  max-height: 140px;
}
@media (max-width: 768px) {
  .ride__passenger-comment textarea {
    font-size: 14px;
    max-height: 112px;
  }
}
.ride__passenger-comment textarea::placeholder {
  color: #7F7F7F;
  font-size: 16px;
}
@media (max-width: 768px) {
  .ride__passenger-comment textarea::placeholder {
    font-size: 14px;
  }
}
.ride__passenger-comment textarea:focus-visible {
  outline: none;
}

.ride__offer-road {
  padding-top: 0;
}
.ride__offer-road > .final__confirm {
  padding-top: 55px;
  padding-bottom: 10px;
  width: 580px;
}
.ride__offer-road > .final__confirm .final-confirm__wrapper {
  padding-right: 170px;
}
@media (max-width: 768px) {
  .ride__offer-road > .final__confirm .final-confirm__wrapper {
    padding-right: 0;
  }
}

.ride__offer-road-2 .final__confirm {
  padding-bottom: 10px;
}

.ride__contacts {
  display: none;
  padding: 25px 32px 32px;
}
@media (max-width: 768px) {
  .ride__contacts {
    padding: 20px;
  }
}

.ride__contacts--title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .ride__contacts--title {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

.ride__contacts--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.ride__contacts--content p {
  color: #7F7F7F;
  margin-bottom: 8px;
}
.ride__contacts--content p span {
  color: red;
}
.ride__contacts--content input {
  padding: 12px 16px;
  height: 48px;
  border: 1px solid #F5F5F5;
  border-radius: 8px;
  width: 100%;
  font-size: 16px;
}
.ride__contacts--content label {
  flex-basis: calc(50% - 8px);
}
@media (max-width: 768px) {
  .ride__contacts--content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ride__contacts--content p {
    font-size: 14px;
  }
}

#to_payment {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8px;
  gap: 10px;
  color: #fff;
  flex-basis: calc(100% - 500px);
}
#to_payment .svg-icon {
  fill: #fff;
  height: 10px;
  width: 16px;
}
@media (max-width: 768px) {
  #to_payment {
    flex-basis: 50%;
  }
}

.map--visible {
  display: none;
}

.map__button {
  z-index: 33;
  position: absolute;
  cursor: pointer;
  top: 32px;
  right: 0;
  padding: 0px 15px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  border-radius: 8px;
  background-color: #EBECFC;
  gap: 6px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .map__button {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: 36px;
    margin-top: 50px;
  }
}
.map__button span {
  color: #393FDF;
}
@media (max-width: 768px) {
  .map__button span {
    font-size: 14px;
  }
}
.map__button .svg-icon {
  fill: #393FDF;
  width: 20px;
  height: 17px;
}

@media (max-width: 768px) {
  .map__button.viewed {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.final__confirm .map {
  width: 100%;
  border-radius: 16px;
  display: none;
}

.passenger__ride .car__info-info {
  text-transform: capitalize;
}
.passenger__ride .between__stop {
  color: #7F7F7F;
}
.passenger__ride .final__confirm {
  border-top: 1px solid #F5F5F5;
}
.passenger__ride .ride__passenger-comment {
  display: block;
  width: 100%;
}
.passenger__ride .passenger-comment__title {
  margin-bottom: 15px;
  padding-top: 32px;
}
.passenger__ride .ride__driver-comment {
  padding-bottom: 32px;
  border-bottom: 1px solid #F5F5F5;
}
.passenger__ride .driver__buttons {
  margin-top: 40px;
  margin-bottom: 40px;
}

.phone-number__title {
  color: #171717;
  font-size: 20px;
  font-weight: 600;
}

.ride__phone-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 32px;
}

.phone-number__number {
  font-size: 16px;
  color: #7F7F7F;
}

.ride__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #F5F5F5;
}
@media (max-width: 500px) {
  .ride__footer {
    flex-wrap: wrap;
  }
}
.ride__footer > div, .ride__footer a {
  flex-basis: 40%;
}
.ride__footer .ride__price {
  flex-basis: 20%;
}

.ride__driver-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 1px solid #F5F5F5;
  border-left: 1px solid #F5F5F5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
}

.ride__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #393FDF;
}

.ride.ride--passenger .ride__graphic-start {
  border: 2px solid #C2C3F5;
  background-color: #fff;
}
.ride.ride--passenger .ride__graphic-finish {
  background-image: url("/assets/images/sport_car.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 10px;
  background-color: transparent;
}
.ride.ride--passenger .ride__graphic {
  width: 94px;
}
.ride.ride--passenger .ride__graphic-betweens span {
  border: none;
  background-color: #C2C3F5;
  width: 5px;
  height: 5px;
}

.driver > .wrapper {
  flex-wrap: wrap;
}
.driver .router__form {
  margin-bottom: 0;
}

.connected__passengers {
  flex-basis: 100%;
}
@media (max-width: 768px) {
  .connected__passengers {
    width: 100%;
  }
}
.connected__passengers > .wrapper {
  padding-bottom: 20px;
}

.connected__passengers-title {
  padding: 10px;
  font-weight: 600;
  font-family: HankenGrotesk, serif;
  font-size: 24px;
  line-height: 1em;
}

.connected__passenger-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 30px;
  border-top: 1px solid #F5F5F5;
}
.connected__passenger-header .ride__driver {
  flex-basis: calc(50% - 5px);
}

.connected__passengers-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  gap: 30px;
}
@media (max-width: 768px) {
  .connected__passengers-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
}

.connected__passenger {
  flex-basis: calc(50% - 15px);
  padding: 32px;
  background-color: #fff;
  box-shadow: 0px 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  border-radius: 16px;
  border: 1px solid #F5F5F5;
}
.connected__passenger .ride__info {
  padding-bottom: 32px;
  border-bottom: 1px solid #F5F5F5;
}
.connected__passenger .final-confirm__wrapper {
  padding: 32px 0;
}
.connected__passenger .final-confirm__start-time {
  left: auto;
  right: auto;
}
@media (max-width: 768px) {
  .connected__passenger {
    flex-basis: auto;
    width: 100%;
  }
}

.connected__passenger-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.connected__passenger-number input {
  flex-basis: calc(50% - 5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 20px;
  font-weight: 600;
  text-align: end;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.connected__passenger-number-link {
  z-index: 99;
  position: absolute;
  height: 100%;
  width: 100%;
}

.connected__passenger-comment {
  padding-top: 22px;
}

.connected__passenger-comment-title {
  font-size: 16px;
  color: #171717;
  font-weight: 600;
  margin-bottom: 10px;
}

.connected__passenger-comment-text {
  font-size: 16px;
  color: #7F7F7F;
}

#back {
  margin: 0;
}

.header__button--search, .header__button--rides {
  background: transparent;
  gap: 10px;
}
@media (max-width: 1024px) {
  .header__button--search, .header__button--rides {
    width: 30px;
  }
  .header__button--search span:last-child, .header__button--rides span:last-child {
    display: none;
  }
}
.header__button--search span, .header__button--rides span {
  display: block;
  font-size: 20px;
  font-weight: 600;
}
.header__button--search span:first-child, .header__button--rides span:first-child {
  background-size: contain;
  background-position: center;
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
}

.empty__stub {
  background-color: #fff;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.empty__stub .start__waiting {
  position: absolute;
  height: 100%;
  border-radius: 16px;
  display: none;
}

@media (max-width: 768px) {
  .match__ride .ride__time, .match__ride .ride__stops, .match__ride .ride__graphic {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .m_rides .ride__date {
    font-size: 12px;
  }
  .m_rides .match__ride .ride__stops-start, .m_rides .match__ride .ride__stops-finish {
    font-size: 14px;
  }
  .m_rides .ride__departure, .m_rides .ride__destination, .m_rides .ride__departure span, .m_rides .ride__destination span {
    font-size: 12px;
  }
  .m_rides .match__ride .ride__duration {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .m_rides .ride__info {
    gap: 24px;
  }
  .m_rides .match__ride .ride__time {
    gap: 20px;
  }
  .m_rides .match__ride .ride__time .ride__departure, .m_rides .match__ride .ride__time .ride__duration, .m_rides .match__ride .ride__time .ride__destination {
    flex-basis: 33.33%;
  }
  .match__ride .ride__graphic {
    height: 0;
    width: 96px;
    margin: auto;
  }
  .match__ride .ride__graphic .ride__graphic-betweens span {
    bottom: -2px;
  }
}
@media (max-width: 460px) {
  .match__ride .ride__time, .match__ride .ride__stops {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .ride__offer-road > .connect__confirm--1 {
    width: 320px;
  }
}
@media (max-width: 400px) {
  .ride__offer-road > .connect__confirm--1 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .connect__step .sal__seats-name, .connect__step .sal__luggage-name, .connect__step .sal__ski-name {
    font-size: 16px;
  }
  .connect__step .sal__seats-controller span, .connect__step .sal__luggage-controller span {
    width: 22px;
    height: 22px;
  }
  .connect__step .ski__div {
    width: 22px;
    height: 22px;
  }
  .connect__step .ski__div input:checked + span {
    width: 16px;
    height: 16px;
  }
  .connect__step .summary__per-seat {
    font-size: 16px;
  }
  .connect__step .summary__total-pas span {
    font-size: 16px;
  }
  .connect__step .summary__per-seat span {
    font-size: 16px;
  }
  .connect__step > .wrapper {
    padding: 16px;
  }
}
@media (max-width: 410px) {
  .ride__offer-road-2 .final-confirm__name-start, .ride__offer-road-2 .final-confirm__name-final, .ride__offer-road-2 .final-confirm__name-stops {
    flex-basis: 33.3%;
  }
}
@media (max-width: 768px) {
  .passenger__ride .ride__offer-road > .final__confirm {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .connect__step > .wrapper {
    background-color: #fff;
    box-shadow: 0px -3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
  }
}

.fancy__window {
  display: none;
  width: 100%;
  margin: 20px;
  max-width: 640px;
  border-radius: 16px;
}

.fancy__text {
  font-size: 18px;
  text-align: center;
  width: 80%;
  margin: 20px auto;
}

.fancy__text--bold {
  font-weight: 600;
}

.fancy__buttons {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

.fancy-close-button {
  height: 56px;
  width: 150px;
  border: none;
  cursor: pointer;
}

.fancy-close-button:focus-visible {
  outline: none;
}

.fancy-additional-button {
  height: 56px;
  width: 220px;
  border: none;
  cursor: pointer;
}

.fancy-additional-button:focus-visible {
  outline: none;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  display: none;
}

.body, .section__support-page {
  height: 100%;
}

.section__support-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.message__wrapper p {
  font-size: 20px;
  margin-bottom: 20px;
}
.message__wrapper .button {
  height: 56px;
  max-width: 200px;
  margin: auto;
}

.body--main .header {
  background-color: #393FDF;
  box-shadow: none;
}
.body--main .header p {
  color: #fff;
  font-weight: 500;
}
.body--main .header__button--create {
  color: #fff;
  font-weight: 500;
}
.body--main .header__button--create span {
  background-image: url("/assets/images/create_ride.svg");
  width: 32px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.body--main .header__button--request span {
  background-image: url("/assets/images/request_ride.svg");
}

.auth__avatar {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1024px) {
  .auth__avatar {
    width: 32px;
    height: 32px;
  }
}

#sign_up {
  display: none;
}

.auth-panel {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  border: 1px solid #F5F5F5;
  border-radius: 98px;
  padding: 6px;
  cursor: pointer;
}

.body--main .auth-panel {
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.auth-panel.opened .auth__menu-wrapper {
  display: block;
}

.auth__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1024px) {
  .auth__name {
    gap: 18px;
  }
}
.auth__name span {
  right: 5px;
  display: block;
  height: 9px;
  width: 16px;
  background-image: url("/assets/images/arrow_small_b.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.body--main .auth__name span {
  background-image: url("/assets/images/arrow_small.svg");
}

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

.auth__menu-wrapper {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  width: 300px;
  border: 1.5px solid #F5F5F5;
  position: absolute;
  top: 103%;
  right: 0;
  display: none;
}
@media (max-width: 1024px) {
  .auth__menu-wrapper {
    width: 180px;
    padding: 16px;
  }
}

.auth__menu-item--rides {
  border-top: 1px solid #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
  margin: 12px 0;
  padding: 15px 0;
}

.auth__menu-item {
  font-size: 18px;
  font-weight: 600;
  color: #0A0A0A;
}
@media (max-width: 1024px) {
  .auth__menu-item {
    font-size: 14px;
  }
}

.screen--top {
  background-color: #393FDF;
  overflow: hidden;
}
.screen--top > .wrapper {
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -80px;
  overflow: visible;
}

.car {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
}

.car--1 {
  background-image: url("/assets/images/van_1.svg");
  height: 200px;
  width: 343px;
  left: 10px;
}
@media (max-width: 768px) {
  .car--1 {
    width: 163px;
    height: 94px;
    left: 0;
  }
}

.car--2 {
  background-image: url("/assets/images/van_2.svg");
  height: 166px;
  width: 460px;
  right: -116px;
}
@media (max-width: 768px) {
  .car--2 {
    width: 202px;
    height: 73px;
    right: -66px;
  }
}

.cars {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.screen--top-label {
  gap: 12px;
  font-weight: 600;
  color: #393fdf;
  font-size: 18px;
  padding: 14px 100px;
  border: 2px solid rgba(255, 255, 255, 0.64);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 8px;
}
@media (max-width: 1080px) {
  .screen--top-label {
    font-size: 12px;
    padding: 9px 50px;
  }
}
@media (max-width: 768px) {
  .screen--top-label {
    padding: 9px 20px;
    gap: 7px;
  }
}
@media (max-width: 680px) {
  .screen--top-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.screen--top__text {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 97px;
}
@media (max-width: 1080px) {
  .screen--top__text {
    margin-top: 50px;
  }
}

.screen--top-title {
  margin-top: 12px;
  font-size: 60px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2em;
  text-align: center;
}
@media (max-width: 1024px) {
  .screen--top-title {
    font-size: 28px;
    padding: 0px 16px;
    line-height: 1.3em;
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .screen--top-title {
    padding: 0px 40px;
  }
}
.screen--top-title span {
  font-weight: 700;
  color: #3ADDC1;
}
@media (max-width: 1024px) {
  .screen--top-title span {
    font-size: 28px;
  }
}

.screen--2__form {
  background-color: #fff;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  gap: 16px;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05);
  border: 1.5px solid #F5F5F5;
  position: absolute;
  right: 0;
  left: 0;
  top: -70px;
  margin: auto;
}
@media (max-width: 768px) {
  .screen--2__form {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: -160px;
    width: calc(100% - 32px);
    right: 0;
    left: 0;
    margin: auto;
    padding: 20px;
    gap: 12px;
    z-index: 999;
  }
}

.form-item {
  flex-basis: 25.32%;
}
.form-item .main-form__label {
  height: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 16px;
  border-radius: 12px;
  border: 2px solid #F5F5F5;
  background-color: #F5F5F5;
  gap: 8px;
}
@media (max-width: 768px) {
  .form-item .main-form__label {
    height: 44px;
  }
}
.form-item .main-form__label input {
  height: 100%;
  width: 100%;
  border: none;
  background-color: transparent;
  font-size: 16px;
  color: #0A0A0A;
  font-family: HankenGrotesk, serif;
  font-weight: 600;
}

.form-button {
  flex: 1;
  height: 62px;
  margin: auto auto 0 auto;
  min-width: 143px;
}
@media (max-width: 768px) {
  .form-button {
    flex-basis: 48px;
    width: 100%;
    margin-top: 12px;
  }
}
.form-button a {
  height: 100%;
}

.form-item__icon {
  display: block;
  width: 17px;
  min-width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.form-label--start span {
  background-image: url("/assets/images/start.svg");
}

.form-label--finish span {
  background-image: url("/assets/images/finish.svg");
}

.form-label--date span {
  background-image: url("/assets/images/calendar.svg");
}

.form-item__name {
  color: #A3A3A3;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .form-item__name {
    font-size: 14px;
    margin-bottom: 4px;
  }
}

.screen--2__title {
  margin-top: 160px;
  font-size: 48px;
  max-width: 1083px;
  line-height: 1.2em;
  color: #0A0A0A;
  font-weight: 600;
  text-align: center;
  padding: 0px 50px;
}
@media (max-width: 1024px) {
  .screen--2__title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .screen--2__title {
    padding-top: 240px;
    margin-top: 0;
  }
}
.screen--2__title span {
  color: #D4D4D4;
  font-weight: 600;
  text-transform: capitalize;
}

.slider__button {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid #E5E5E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.slider__button .svg-icon {
  width: 14px;
  height: 14px;
}

.slider__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (min-width: 1440px) {
  .slider__buttons {
    display: none;
  }
}
@media (max-width: 768px) {
  .slider__buttons {
    display: none;
  }
}

.swiper-button--prev {
  left: -20px;
}
@media (max-width: 1280px) {
  .swiper-button--prev {
    left: 0;
  }
}

.swiper-button--next {
  right: -20px;
  transform: rotate(180deg);
}
@media (max-width: 1280px) {
  .swiper-button--next {
    right: 0;
  }
}

.swiper-button {
  cursor: pointer;
  height: 40px;
  width: 40px;
  background-color: #393FDF;
  border: 2px solid #393FDF;
  border-radius: 50%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 100;
  transition: all 0.2s;
}
@media (max-width: 500px) {
  .swiper-button {
    display: none;
  }
}
.swiper-button .svg-icon {
  transition: stroke 0.2s;
  height: 13px;
  width: 15px;
  stroke: #fff;
}

.swiper-button.swiper-button-disabled {
  background-color: #F5F5F5;
  border: 2px solid #E5E5E5;
  transition: all 0.2s;
}
.swiper-button.swiper-button-disabled .svg-icon {
  transition: stroke 0.2s;
  stroke: #0A0A0A;
}

#slider_prev {
  transform: rotate(180deg);
}

.screen--2__slider-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1440px) {
  .screen--2__slider-title {
    padding: 0px 16px;
  }
}
@media (max-width: 768px) {
  .screen--2__slider-title {
    margin-top: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .screen--2 > .wrapper:first-child {
    height: 0;
  }
}

.slider__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding-left: 16px;
}
@media (max-width: 768px) {
  .slider__text {
    display: block;
  }
}
.slider__text h2 {
  flex: 1;
  font-size: 48px;
  color: #0A0A0A;
  text-transform: capitalize;
  line-height: 1.2em;
  max-width: 605px;
}
@media (max-width: 1024px) {
  .slider__text h2 {
    font-size: 20px;
  }
}
.slider__text p {
  flex: 1;
  max-width: 336px;
  margin-top: 16px;
  color: #525252;
  font-size: 16px;
  width: 83%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .slider__text p {
    font-size: 14px;
    margin-top: 8px;
  }
}

.slide__offer {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: center;
  margin-bottom: 16px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .slide__offer {
    font-size: 14px;
  }
}

.slide__image {
  width: 100%;
  height: 238px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .slide__image {
    height: 156px;
  }
}
.slide__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.swiper-slide {
  padding: 16px 16px 0;
  border-radius: 16px;
  border: 1.5px solid #F5F5F5;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.03);
  cursor: pointer;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .swiper-slide {
    padding: 12px 12px 0;
  }
}

@media (min-width: 1024px) {
  .swiper-slide:hover {
    transform: scale(1.05);
    transition: all 0.3s;
  }
}
.section--slider {
  max-width: 1170px;
  margin: auto;
}
@media (max-width: 1024px) {
  .section--slider {
    width: 93%;
  }
}
@media (max-width: 500px) {
  .section--slider {
    width: 100%;
    padding-left: 16px;
  }
}

.slider {
  padding: 80px 0;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .slider {
    padding: 32px 0px 32px;
  }
}

.slide__title {
  padding: 24px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .slide__title {
    font-size: 18px;
    padding: 15px 0;
  }
}

.screen--3 {
  padding-bottom: 160px;
  padding-top: 160px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .screen--3 {
    padding-top: 48px;
    padding-bottom: 80px;
  }
}
@media (max-width: 1280px) {
  .screen--3 > .wrapper {
    padding: 0px 16px;
  }
}
.screen--3 .screen--3__title h2 {
  font-weight: 600;
  color: #0A0A0A;
  font-size: 56px;
  text-align: center;
}
@media (max-width: 1024px) {
  .screen--3 .screen--3__title h2 {
    font-size: 22px;
  }
}
.screen--3 .screen--3__title p {
  font-size: 16px;
  color: #525252;
  margin-top: 16px;
  text-align: center;
  margin-bottom: 96px;
}
@media (max-width: 1024px) {
  .screen--3 .screen--3__title p {
    font-size: 14px;
    margin-bottom: 40px;
  }
}

.info__step-number {
  background-color: #3ADDC1;
  border-radius: 79px;
  width: 86px;
  height: 44px;
  color: #fff;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .info__step-number {
    font-size: 18px;
    height: 28px;
    width: 62px;
  }
}

.info__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .info__step {
    gap: 8px;
  }
}

.info__step-title {
  font-size: 24px;
  color: #0A0A0A;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .info__step-title {
    font-size: 18px;
  }
}

.info__step-description {
  color: #525252;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1024px) {
  .info__step-description {
    font-size: 14px;
  }
}

.info__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  flex-basis: 31.3%;
}
@media (max-width: 1024px) {
  .info__steps {
    gap: 20px;
  }
}

.info__image {
  background-image: url("/assets/images/comments.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 600px;
  max-width: 640px;
  flex-basis: 60%;
}
@media (max-width: 1024px) {
  .info__image {
    background-image: url("/assets/images/comments-mobile.jpg");
    flex-basis: 336px;
    height: auto;
    width: 100%;
    object-fit: cover;
  }
}

.screen--3__info {
  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;
}
@media (max-width: 1024px) {
  .screen--3__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 24px;
  }
}

.footer {
  background-color: #050513;
}
@media (max-width: 1280px) {
  .footer .wrapper {
    padding: 0px 16px;
  }
}

.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1024px) {
  .footer__logo {
    gap: 4px;
  }
  .footer__logo img {
    height: 30px;
    width: 27px;
  }
}
.footer__logo p {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.footer__top {
  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;
  padding-bottom: 40px;
}
@media (max-width: 1024px) {
  .footer__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0;
  }
}

.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 120px;
}
@media (max-width: 1024px) {
  .footer__menu {
    gap: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 60px;
    width: 100%;
  }
}
.footer__menu a {
  color: #fff;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .footer__menu a {
    font-size: 14px;
  }
}

.copyright {
  color: #fff;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .copyright {
    font-size: 14px;
    margin: auto;
  }
}

.footer__bottom {
  padding-top: 24px;
  padding-bottom: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer__bottom .wrapper {
  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;
}
@media (max-width: 1024px) {
  .footer__bottom {
    border-top: none;
  }
  .footer__bottom .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}

.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}
@media (max-width: 1024px) {
  .footer__contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 32px;
    width: 100%;
  }
}
.footer__contacts a, .footer__contacts p {
  color: #fff;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .footer__contacts a, .footer__contacts p {
    font-size: 14px;
  }
}
.footer__contacts > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.email .svg-icon {
  height: 16px;
  width: 20px;
  fill: #D4D4D4;
}

.geo .svg-icon {
  width: 18px;
  height: 20px;
  fill: #D4D4D4;
}

@media (max-width: 500px) {
  .ride--passenger .ride__driver {
    flex-basis: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #F5F5F5;
    margin-bottom: 24px;
  }
  .ride--passenger .ride__driver-phone {
    flex-basis: 50%;
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .ride--passenger .ride__price {
    flex-basis: 50%;
  }
}
@media (max-width: 768px) {
  .ride--passenger .ride__graphic-betweens span {
    left: -2px;
  }
}
@media (max-width: 768px) {
  .ride--passenger .ride__graphic {
    border-top: none;
  }
}

@media (max-width: 768px) {
  .passenger__ride .driver__buttons {
    margin: 16px 0;
  }
}

@media (max-width: 768px) {
  .connected__passengers > .wrapper {
    padding-bottom: 0;
  }
}

@media (max-width: 768px) {
  .driver .driver-ride__buttons-wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: #fff;
    box-shadow: 0px -3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
  }
}

.section__profile {
  padding: 0 16px;
}

.profile__card {
  max-width: 930px;
  width: 100%;
  margin: auto;
  margin: 32px auto;
  padding: 32px;
  border-radius: 16px;
  border: 1.5px solid #F5F5F5;
  background: #FFF;
  box-shadow: 0px 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .profile__card {
    margin-top: 24px;
    padding: 20px;
    margin-bottom: 20px;
  }
}

.card__title {
  font-size: 24px;
  color: #0A0A0A;
  font-weight: 600;
}
@media (max-width: 768px) {
  .card__title {
    font-size: 20px;
  }
}

.card__item-name {
  font-size: 16px;
  color: #7F7F7F;
}
@media (max-width: 768px) {
  .card__item-name {
    color: #525252;
    font-size: 14px;
  }
}

.card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.card__item input {
  border: none;
  background-color: transparent;
}

.card__item-label {
  height: 48px;
  border-radius: 8px;
  border: 1.5px solid #F5F5F5;
  padding: 0 16px;
}
@media (max-width: 768px) {
  .card__item-label {
    height: 40px;
  }
}
.card__item-label input {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .card__item-label input {
    font-size: 14px;
  }
}

.card__item-car-label {
  border-radius: 12px;
  background: #F5F5F5;
  height: 62px;
  padding: 0 24px;
}
@media (max-width: 768px) {
  .card__item-car-label {
    height: 48px;
  }
}
.card__item-car-label input {
  height: 100%;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .card__item-car-label input {
    font-size: 14px;
  }
}

.card__item-profile {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .card__item-profile {
    margin-top: 0;
  }
}

.profile__photo {
  height: 80px;
  width: 80px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .profile__photo {
    height: 48px;
    width: 48px;
  }
}
.profile__photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.profile-engines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 4px;
}
@media (max-width: 768px) {
  .profile-engines {
    gap: 16px;
    flex-wrap: wrap;
  }
}
.profile-engines label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  gap: 12px;
}
.profile-engines label > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  border: 1px solid #D4D4D4;
}
@media (max-width: 768px) {
  .profile-engines label > span {
    width: 20px;
    height: 20px;
  }
}
.profile-engines input {
  display: none;
}
.profile-engines input:checked + span {
  border-color: #E1E2FA;
}
.profile-engines input:checked + span span {
  display: block;
  width: 16px;
  height: 16px;
  background-color: #393FDF;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .profile-engines input:checked + span span {
    height: 14px;
    width: 14px;
  }
}
.profile-engines p {
  color: #525252;
}

@media (max-width: 768px) {
  .card__item-phone {
    margin-bottom: 16px;
  }
}

.iti {
  height: 100%;
}

#update {
  height: 56px;
  width: 231px;
}
@media (max-width: 768px) {
  #update {
    width: 100%;
    height: 48px;
  }
}

.profile__button-wrapper {
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .profile__button-wrapper {
    padding-top: 0;
    padding: 32px 16px;
    background-color: #fff;
    margin-bottom: 0;
    box-shadow: 0px -3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
  }
}

.reg__block {
  width: 100%;
  padding: 80px;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(180deg, #013588 0%, #0F46A1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
}
@media (max-width: 768px) {
  .reg__block {
    padding: 48px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}

.reg__text {
  max-width: 640px;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .reg__text {
    gap: 8px;
    flex: auto;
  }
}

.reg__button-wrap {
  flex-basis: auto;
}
.reg__button-wrap .button {
  height: 56px;
  width: 197px;
}
@media (max-width: 768px) {
  .reg__button-wrap .button {
    height: 40px;
    width: 139px;
  }
}

.reg__title {
  font-size: 48px;
  color: #fff;
  line-height: 1.1em;
  font-weight: 600;
  text-transform: capitalize;
  padding-right: 40px;
}
@media (max-width: 768px) {
  .reg__title {
    font-size: 20px;
    text-align: center;
    padding: 0;
    line-height: 1.5em;
  }
}

.reg__description {
  font-size: 16px;
  color: #fff;
  line-height: 1.61em;
}
@media (max-width: 768px) {
  .reg__description {
    font-size: 14px;
    text-align: center;
  }
}

@media (max-width: 1280px) {
  .section--4 .wrapper {
    padding: 0px 16px;
  }
}

.registration__form, .auth__form {
  width: 100%;
  padding: 0px 16px;
  max-width: 800px;
  padding: 80px;
  margin: 80px auto;
  border-radius: 24px;
  border: 1.5px solid #F5F5F5;
  background: #FFF;
  box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.06);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 768px) {
  .registration__form, .auth__form {
    margin: 120px auto;
    padding: 24px;
    border-radius: 12px;
  }
}

.auth__form {
  margin: 20px 0;
}

.registration__title, .auth__title {
  color: #01274C;
  font-size: 48px;
  line-height: 1.3em;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}
@media (max-width: 768px) {
  .registration__title, .auth__title {
    font-size: 20px;
  }
}

.registration__description, .auth__description {
  font-size: 18px;
  line-height: 1.61em;
  color: #525252;
  text-align: center;
}
@media (max-width: 768px) {
  .registration__description, .auth__description {
    font-size: 16px;
  }
}

.registration__text, .auth__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .registration__text, .auth__text {
    gap: 8px;
  }
}

.auth__text {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .auth__text {
    margin-bottom: 32px;
  }
}

.registration__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  max-width: 524px;
  margin: auto;
  width: 100%;
}
@media (max-width: 768px) {
  .registration__fields {
    gap: 16px;
  }
}

.registration__label, .auth__label {
  height: 64px;
  width: 100%;
  border-radius: 12px;
  background-color: #F5F5F5;
  padding: 0px 16px;
  display: block;
}
@media (max-width: 768px) {
  .registration__label, .auth__label {
    height: 40px;
    border-radius: 8px;
  }
}
.registration__label input, .auth__label input {
  height: 100%;
  border: none;
  width: 100%;
  background-color: transparent;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .registration__label input, .auth__label input {
    font-size: 14px;
  }
}

.registration__majority {
  margin-top: 16px;
}

@media (max-width: 768px) {
  .registration__agree, .registration__majority {
    margin-top: 0;
  }
}
.registration__agree input, .registration__majority input {
  display: none;
}
.registration__agree input:checked + span, .registration__majority input:checked + span {
  background-color: #393FDF;
  background-image: url("/assets/images/tick.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
}
@media (max-width: 768px) {
  .registration__agree input:checked + span, .registration__majority input:checked + span {
    background-size: 12px 12px;
  }
}
.registration__agree span, .registration__majority span {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: #F5F5F5;
  border-radius: 50%;
  display: block;
}
@media (max-width: 768px) {
  .registration__agree span, .registration__majority span {
    min-width: 16px;
    width: 16px;
    height: 16px;
  }
}

.checkbox-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.checkbox-label p {
  color: #525252;
}
@media (max-width: 768px) {
  .checkbox-label p {
    font-size: 14px;
  }
}

.registration__button-wrapper .button, .auth__button-wrapper .button {
  width: 100%;
  max-width: 524px;
  height: 56px;
  margin: auto;
  transition: background-color 0.2s;
}
@media (max-width: 768px) {
  .registration__button-wrapper .button, .auth__button-wrapper .button {
    height: 40px;
  }
}
.registration__button-wrapper .button.disabled, .auth__button-wrapper .button.disabled {
  background-color: #EBECFC;
  transition: background-color 0.2s;
}

.auth__button-wrapper {
  margin-top: 32px;
}
@media (max-width: 768px) {
  .auth__button-wrapper {
    margin-top: 16px;
  }
}

@media (max-width: 850px) {
  .section__registration .wrapper, .section__auth .wrapper {
    padding: 0px 16px;
  }
}

.auth__label {
  max-width: 524px;
  margin: auto;
}

.body--registration .start__waiting {
  display: none;
}
.body--registration .start__waiting img {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

.create-offer.driver .router__form {
  margin-bottom: 32px;
}

.body--main #sign_up {
  background-color: #fff;
  color: #393FDF;
}

.body--create #sign_up {
  color: white;
  background-color: #393FDF;
}

.body--auth > #app {
  min-height: 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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.body--auth > #app .start__waiting {
  display: none;
}
.body--auth > #app .footer {
  width: 100%;
}

.auth__verify-step {
  display: none;
}
.auth__verify-step .auth__button-wrapper {
  margin-top: 0;
}

.verify-symbol__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  padding-bottom: 32px;
}
@media (max-width: 768px) {
  .verify-symbol__wrapper {
    gap: 16px;
    padding-bottom: 16px;
  }
}
.verify-symbol__wrapper label {
  flex-basis: 77px;
  height: 64px;
  margin: 0;
}
@media (max-width: 768px) {
  .verify-symbol__wrapper label {
    flex-basis: 46px;
    height: 40px;
  }
}
.verify-symbol__wrapper label input {
  text-align: center;
}

.auth__verify-resend-wrapper {
  margin: 0 auto 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
}
@media (max-width: 768px) {
  .auth__verify-resend-wrapper {
    margin: 0 auto 16px;
  }
}
@media (max-width: 420px) {
  .auth__verify-resend-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.auth__verify-resend-wrapper p {
  text-align: center;
  font-size: 18px;
  color: #525252;
}

.resend__didnt span {
  font-weight: 600;
  color: #393FDF;
  cursor: pointer;
}

.resend__expired {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.error-container p {
  margin-top: 32px;
  text-align: center;
  color: red;
}

.ver-error-message {
  display: none;
  text-align: center;
  margin-bottom: 32px;
  color: red;
}

.registration-error {
  display: none;
  margin-top: 32px;
  color: red;
  text-align: center;
}

.ride__actions-button {
  width: 100%;
  margin: auto auto 0;
}

.user-actions {
  min-width: 146px;
}
@media (max-width: 768px) {
  .user-actions {
    min-width: 0;
  }
}

.body--connect-passenger .ride__contacts--title {
  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;
}
.body--connect-passenger .ride__contacts--title a {
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #F5F5F5;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
}

.connected__passenger-number .iti__flag-container {
  display: none;
}
.connected__passenger-number .iti {
  height: auto;
}
.connected__passenger-number .iti input {
  padding: 0;
  margin: 0;
}

@media (max-width: 1024px) {
  .footer .wrapper {
    padding: 0 16px;
  }
}

.body--main .footer__top {
  margin-top: 80px;
  padding-top: 0;
}
@media (max-width: 768px) {
  .body--main .footer__top {
    padding-top: 0;
    margin-top: 40px;
  }
}

.footer__top {
  padding-top: 80px;
}
@media (max-width: 768px) {
  .footer__top {
    margin-top: 40px;
  }
}

.footer__top-element {
  padding: 46px 0;
  background-color: #3ADDC1;
  width: 100%;
  border-radius: 0 0 16px 16px;
}
@media (max-width: 768px) {
  .footer__top-element {
    padding: 58px 30px;
  }
}

.footer__top-element-title {
  font-size: 48px;
  color: #fff;
  line-height: 1.1em;
  font-weight: 600;
  text-transform: capitalize;
  padding-right: 40px;
  text-align: center;
  max-width: 696px;
  margin: auto auto 16px;
}
@media (max-width: 768px) {
  .footer__top-element-title {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

.footer__top-element-description {
  font-size: 16px;
  color: #fff;
  line-height: 1.61em;
  text-align: center;
  margin: auto;
  max-width: 696px;
}
@media (max-width: 768px) {
  .footer__top-element-description {
    font-size: 14px;
  }
}

.footer__top-element-contact {
  margin: 24px auto auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 612px;
  border: 2px solid #fff;
  border-radius: 8px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer__top-element-contact input {
  border: none;
  color: #fff;
  height: 48px;
  background-color: transparent;
  padding: 0px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  flex: 1;
}
@media (max-width: 768px) {
  .footer__top-element-contact input {
    height: 40px;
    font-size: 12px;
  }
}
.footer__top-element-contact input::placeholder {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
@media (max-width: 768px) {
  .footer__top-element-contact input::placeholder {
    font-size: 12px;
  }
}
.footer__top-element-contact button {
  flex-basis: 130px;
  color: #393FDF;
  background-color: #fff;
  font-size: 16px;
  border-radius: 8px 5px 5px 8px;
  border: none;
  font-weight: 600;
  cursor: pointer;
}
@media (max-width: 768px) {
  .footer__top-element-contact button {
    flex-basis: 116px;
  }
}

.slide__discount {
  height: 32px;
  padding: 0px 10px;
  color: #E00B0B;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 12px;
  top: 12px;
  background-color: #fff;
  z-index: 1;
  font-size: 14px;
}
@media (max-width: 768px) {
  .slide__discount {
    height: 26px;
    padding: 0px 8px;
    font-size: 12px;
  }
}

.info_image-comment-img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  min-width: 48px;
}
.info_image-comment-img img {
  width: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .info_image-comment-img {
    min-width: 36px;
    width: 36px;
    height: 36px;
  }
}

.info_image-comment-text h3 {
  font-size: 18px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .info_image-comment-text h3 {
    font-size: 14px;
  }
}
.info_image-comment-text p {
  font-size: 12px;
  color: #525252;
}
@media (max-width: 768px) {
  .info_image-comment-text p {
    font-size: 10px;
  }
}

.info__image-comment {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 16px;
  gap: 12px;
  background-color: #FAFAFA;
  border-radius: 8px;
  position: absolute;
}
@media (max-width: 768px) {
  .info__image-comment {
    padding: 12px;
    gap: 8px;
  }
}

.info__image-comment--1 {
  right: 40px;
  top: -24px;
}
@media (max-width: 768px) {
  .info__image-comment--1 {
    top: -16px;
    right: 24px;
  }
}

.info__image-comment--2 {
  left: 36px;
  top: 74px;
}
@media (max-width: 768px) {
  .info__image-comment--2 {
    left: 0;
  }
}

.info__image-comment--3 {
  right: -60px;
  bottom: 160px;
}
@media (max-width: 768px) {
  .info__image-comment--3 {
    bottom: 44px;
    right: -8px;
  }
}

@media (max-width: 768px) {
  .body--main .header__button--create {
    background-color: #fff;
  }
}

@media (max-width: 768px) {
  .body--main .header__button--create:before, .body--main .header__button--create:after {
    background-color: #393FDF;
  }
}

.passenger-ride__driver-number .iti__flag-container {
  display: none;
}
.passenger-ride__driver-number #ride_driver_number {
  background-color: transparent;
  font-size: 16px;
  color: #7F7F7F;
  border: none;
  text-align: right;
}
.passenger-ride__driver-number .iti--allow-dropdown input {
  padding: 0;
}
.passenger-ride__driver-number a {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.body--rides .ride__driver-phone {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.body--rides .ride__driver-phone a {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 111;
}
@media (max-width: 500px) {
  .body--rides .ride__driver-phone {
    max-width: 50%;
  }
}
.body--rides .ride__driver-phone .iti__flag-container {
  display: none;
}
.body--rides .ride__driver-phone > .iti {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-basis: 100%;
  min-width: 100%;
}
.body--rides .rides_p_number {
  border: none;
  font-weight: 600;
  background-color: transparent;
  text-align: center;
  font-family: HankenGrotesk, serif;
}
.body--rides .iti--allow-dropdown input {
  padding: 0;
  max-width: 100%;
}
@media (max-width: 500px) {
  .body--rides .iti--allow-dropdown input {
    text-align: left;
  }
}

.driver-ride__income {
  padding: 32px;
  background-color: #fff;
  box-shadow: 0px 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  border-radius: 16px;
  border: 1px solid #F5F5F5;
  margin-bottom: 32px;
  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;
}

.income__name {
  font-weight: 600;
}

.income__value {
  font-weight: 600;
  font-family: HankenGrotesk, serif;
  font-size: 24px;
  line-height: 1em;
}

.language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.language button {
  background-color: transparent;
  cursor: pointer;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  outline: none;
}
.language button span {
  background-image: url("/assets/images/arrow_small_b.svg");
  height: 9px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.language button:focus-visible {
  outline: none;
}

.body--main .language button span {
  background-image: url("/assets/images/arrow_small.svg");
}

.language__menu {
  border: 1px solid #F5F5F5;
  display: none;
  background-color: #fff;
  border-radius: 12px;
  position: absolute;
  top: 100%;
  left: 0;
}
@media (max-width: 1380px) {
  .language__menu {
    right: 0;
    left: auto;
  }
}
.language__menu p {
  color: #0A0A0A !important;
  cursor: pointer;
}

.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.language.opened .language__menu {
  display: block;
}

.language__select--en {
  padding: 24px 24px 12px;
}

.language__select--fr {
  padding: 12px 24px 24px;
}

.language__select-separator {
  width: 100%;
  height: 1px;
  background-color: #F5F5F5;
  display: block;
}

.clear-storage {
  height: 50px;
  width: 50px;
  background-color: red;
  position: fixed;
  bottom: 0;
  right: 0;
  cursor: pointer;
}

.ui-datepicker-month {
  text-transform: capitalize;
}

.body-search .ride__departure, .body-search .ride__destination {
  flex-basis: 33.3%;
}
.body-search .ride__destination {
  text-align: right;
}
.body-search .dep-translate {
  padding-left: 0;
}
@media (max-width: 768px) {
  .body-search .ride__actions-price {
    -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;
  }
  .body-search .ride__actions-price .per_seat {
    font-size: 18px;
    color: #7F7F7F;
  }
}
@media (max-width: 768px) {
  .body-search .ride__actions {
    gap: 32px;
    padding-top: 32px;
  }
}

.rides__stop, .rides__addition {
  left: 3px;
}

.ride__departure .rides__ride-dep {
  padding: 0;
}

.screen--top-description {
  color: #fff;
  text-align: center;
  font-size: 28px;
  margin-top: 50px;
  margin-bottom: 200px;
}
@media (max-width: 768px) {
  .screen--top-description {
    margin-top: 30px;
    font-size: 18px;
    padding: 0px 16px;
  }
}

.fancy__title {
  text-align: center;
}

#sign_up {
  width: auto;
  padding: 0px 10px;
  min-width: 102px;
}

@media (max-width: 768px) {
  .body--create .driver__buttons .button, .body--passenger-ride .driver__buttons .button, .body--driver-ride .driver__buttons .button {
    min-width: 0;
  }
}

.section--objects {
  margin-top: 174px;
}
@media (max-width: 768px) {
  .section--objects {
    padding: 0px 16px;
    margin-top: 300px;
  }
}

.objects__title {
  margin-bottom: 16px;
}
.objects__title h2 {
  font-size: 56px;
  text-align: center;
}
@media (max-width: 1024px) {
  .objects__title h2 {
    font-size: 22px;
  }
}

.objects__description {
  text-align: center;
  margin-bottom: 80px;
}
.objects__description p {
  color: #525252;
}
@media (max-width: 1024px) {
  .objects__description {
    margin-bottom: 24px;
  }
}

.objects__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .objects__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}

.form-label--region {
  cursor: pointer;
}
.form-label--region .sprite-icon {
  width: 100%;
  height: 100%;
}
.form-label--region .form-item__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
}

.form-label--region.opened {
  border: 2px solid #393FDF;
  box-sizing: border-box;
}

.screen--2__form input::placeholder {
  font-size: 16px;
}

.main-form__region:empty:not(:focus)::before {
  content: attr(data-placeholder);
  color: #D4D4D4;
  font-weight: 500;
}

.main-form__region-wrap {
  flex-basis: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.main-form__region-wrap:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 37px;
  background: linear-gradient(90deg, rgba(245, 245, 245, 0) 20.5625%, rgba(245, 245, 245, 0.462962963) 36.4375%, rgb(245, 245, 245) 54.3125%, rgb(245, 245, 245) 80.5625%);
}

.main-form__region {
  font-weight: bold;
  position: absolute;
  margin: auto;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
}

.region__arrow {
  position: absolute;
  right: 21px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 7px;
  height: 13px;
  transform: rotate(90deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all 0.1s;
}
.region__arrow .sprite-icon {
  fill: #A3A3A3;
}

.regions {
  position: absolute;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05);
  width: 100%;
  z-index: 999;
  top: calc(100% + 12px);
  right: 0;
  display: none;
}

.opened .regions {
  display: block;
}
.opened .region__arrow {
  transform: rotate(270deg);
  transition: all 0.1s;
}

.region {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px 16px;
  border-top: 1px solid #F5F5F5;
}
.region > span {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  display: block;
}
.region > span .sprite-icon {
  fill: #D4D4D4;
}

.region:hover {
  background-color: #FAFAFA;
  transition: background-color 0.2s;
}

.region:not(:hover) {
  transition: background-color 0.2s;
}

.region:first-child {
  border-top: none;
}

.objects__side--cards {
  width: 66.68%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media (max-width: 1024px) {
  .objects__side--cards {
    width: 100%;
    order: 1;
  }
}
@media (max-width: 700px) {
  .objects__side--cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
}

.object--big {
  height: 316px;
  flex-basis: 100%;
}

.object--horizontal {
  height: 148px;
  flex-basis: 100%;
}

.object--small {
  height: 148px;
  flex-basis: calc(50% - 10px);
}
@media (max-width: 700px) {
  .object--small {
    flex-basis: calc(50% - 5px);
  }
}

.objects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 700px) {
  .objects {
    gap: 10px;
  }
}

.object {
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
}
.object img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.object p {
  text-transform: uppercase;
  position: absolute;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  bottom: 18px;
  left: 16px;
}

.object:hover {
  transform: scale(1.03);
  transition: all 0.2s;
}

.object:not(:hover) {
  transition: all 0.2s;
}

.object-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.objects--second {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.objects--second .object--big {
  order: 4;
}
@media (max-width: 700px) {
  .objects--second .object--big {
    order: 2;
  }
}
.objects--second .object--horizontal {
  order: 1;
}
.objects--second .object--small:nth-child(3) {
  order: 3;
}
.objects--second .object--small:nth-child(4) {
  order: 2;
}

.objects__map-title p {
  line-height: 1.61em;
  text-align: center;
}

.objects__side--map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 28px;
  flex-basis: calc(33.3% - 20px);
}
@media (max-width: 1024px) {
  .objects__side--map {
    order: 3;
    gap: 14px;
  }
}

.objects__map {
  flex-basis: 100%;
  border-radius: 12px;
  border: 2px solid #E5E5E5;
}
.objects__map .gm-control-active:focus > img:nth-child(2), .objects__map .gm-control-active:hover > img:nth-child(2), .objects__map .gm-control-active:active > img:nth-child(3) {
  display: none;
}
.objects__map .gm-style iframe + div {
  border: none !important;
}
.objects__map .gm-bundled-control button img {
  display: none;
}
.objects__map .gm-bundled-control button:first-child:after {
  content: "";
  position: absolute;
  display: block;
  height: 14px;
  width: 2px;
  background-color: #393FDF;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.objects__map .gm-bundled-control button:before {
  content: "";
  position: absolute;
  display: block;
  height: 2px;
  width: 14px;
  background-color: #393FDF;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.objects__map .gm-bundled-control button + div {
  width: 100% !important;
  margin: 0 !important;
}
@media (max-width: 1024px) {
  .objects__map {
    flex-basis: 508px;
  }
}

.objects__button {
  margin: 40px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-basis: 100%;
}
.objects__button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8px;
  height: 56px;
  width: 141px;
  color: #fff;
  background-color: #393FDF;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 500px) {
  .objects__button a {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .objects__button {
    order: 2;
    margin: 0;
  }
}

.match__search {
  padding: 32px 0;
}
@media (max-width: 1280px) {
  .match__search {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.match__search-title {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .match__search-title h1 {
    font-size: 20px;
  }
}

.match__search-description {
  margin-bottom: 32px;
}
.match__search-description p {
  line-height: 1.61em;
}

.match__search-search {
  gap: 32px;
  border-radius: 16px;
  border: 2px solid #E5E5E5;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .match__search-search {
    padding: 16px;
    gap: 8px;
  }
}
.match__search-search input {
  width: 100%;
  height: 62px;
  padding: 0px 24px;
  background-color: #F5F5F5;
  border-radius: 12px;
  border: none;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .match__search-search input {
    height: 44px;
    padding: 0px 16px;
    font-size: 14px;
  }
}

.match__search-label {
  flex-basis: calc(100% - 232px);
}
@media (max-width: 768px) {
  .match__search-label {
    flex-basis: calc(100% - 87px);
  }
}
.match__search-label p {
  margin-bottom: 10px;
  font-size: 18px;
  color: #A3A3A3;
}
@media (max-width: 768px) {
  .match__search-label p {
    font-size: 14px;
  }
}

.match__search-button {
  flex-basis: 200px;
  height: 62px;
  background-color: #393FDF;
  border-radius: 8px;
  color: #fff;
  font-size: 20px;
  border: none;
}
@media (max-width: 768px) {
  .match__search-button {
    font-size: 16px;
    flex-basis: 79px;
    height: 44px;
  }
}

.section__match-search {
  box-shadow: 0 3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
  z-index: 10;
  background-color: #fff;
}

.section__filter {
  background-color: #F7FAFC;
  padding: 60px 0 0;
}
@media (max-width: 1280px) {
  .section__filter {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 1024px) {
  .section__filter {
    padding: 40px 16px 0;
  }
}
.section__filter > .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.filter__results, .filter__results-count, .filter__tag, .filter__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter__results-count, .filter__tag {
  gap: 3px;
}

@media (max-width: 768px) {
  .filter__results-count p:first-child {
    display: none;
  }
}
.filter__results-count p, .filter__results-count span {
  font-weight: 600;
}
@media (max-width: 1024px) {
  .filter__results-count p, .filter__results-count span {
    font-size: 14px;
  }
}

.filter__tags {
  gap: 8px;
}
@media (max-width: 1024px) {
  .filter__tags {
    overflow-x: scroll;
    font-size: 14px;
    padding-right: 20px;
  }
}

.filter__tag {
  padding: 8px 12px;
  background-color: #F5F5F5;
  border-radius: 4px;
}
.filter__tag p {
  color: #393FDF;
}
@media (max-width: 1024px) {
  .filter__tag p {
    white-space: nowrap;
  }
}

.tag__value {
  font-weight: 600;
}

.tag__remove--single {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.tag__remove--single .sprite-icon {
  height: 45%;
  width: 45%;
}

.filter__results {
  gap: 20px;
  min-height: 37px;
}

@media (max-width: 1024px) {
  .filter__results:after {
    content: "";
    width: 20px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(247, 250, 252, 0) 20.5625%, rgba(247, 250, 252, 0.75) 36.9375%, rgba(247, 250, 252, 0.7534482759) 37.4375%, rgb(247, 250, 252) 55.0625%, rgb(247, 250, 252) 57.6875%);
    background: linear-gradient(90deg, rgba(247, 250, 252, 0) 20.5625%, rgb(247, 250, 252) 76.1875%, rgb(247, 250, 252) 80.5625%);
  }
}

.filter__clear-all {
  margin-left: 12px;
  color: #E00B0B;
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .filter__clear-all {
    white-space: nowrap;
  }
}

.filter__header {
  flex-basis: 100%;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .filter__header {
    order: 2;
    margin: 16px 0;
    overflow-x: hidden;
    padding: 0px 0 0 20px;
  }
}

.match__filter {
  flex-basis: 270px;
  margin-right: 30px;
}
@media (max-width: 1024px) {
  .match__filter {
    order: 1;
    flex-basis: 100%;
    margin: 0;
    border-radius: 12px;
    box-shadow: 0 3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
    background-color: #fff;
  }
}

.match__filter-option {
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 24px;
  box-shadow: 0 3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
  padding: 40px;
}
@media (max-width: 1024px) {
  .match__filter-option {
    box-shadow: none;
    padding: 12px 0 0;
    margin-bottom: 24px;
    border-top: 1px solid #F5F5F5;
    border-radius: 0;
  }
  .match__filter-option h2 {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .match__filter-option:first-child {
    padding-top: 0;
    border: none;
  }
}

.match__object {
  background-color: #fff;
  box-shadow: 0 3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
  border-radius: 12px;
  flex-basis: calc(33.33% - 16px);
  cursor: pointer;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .match__object {
    flex-basis: calc(50% - 12px);
  }
}
@media (max-width: 540px) {
  .match__object {
    flex-basis: 100%;
  }
}

.match__object:hover {
  transform: scale(1.03);
  transition: all 0.2s;
}

.match__object:not(:hover) {
  transition: all 0.2s;
}

.match__objects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-basis: calc(100% - 300px);
  gap: 24px;
  align-content: flex-start;
}
@media (max-width: 1024px) {
  .match__objects {
    order: 3;
    flex-basis: 100%;
  }
}

.match__object-location {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  border: 1px solid #F5F5F5;
  padding: 5px 12px;
  gap: 5px;
}
.match__object-location .sprite-icon {
  height: 11px;
  width: 9px;
}
.match__object-location p {
  font-size: 12px;
  color: #393FDF;
}

.match__object-img {
  height: 230px;
  border-radius: 12px;
  overflow: hidden;
}
.match__object-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.match__object-info {
  padding: 12px;
  display: flex;
  flex-direction: column;
  flex-basis: calc(100% - 230px);
  justify-content: space-between;
  align-items: flex-start;
}

.match__object-name {
  margin-bottom: 10px;
  line-height: 1.61em;
}

.match__object-discount {
  font-size: 14px;
  color: #E00B0B;
  font-weight: 600;
  padding: 8px 12px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 8px;
  background-color: #fff;
  border-radius: 50px;
  z-index: 1;
}
.match__object-discount span {
  font-size: 14px;
  color: #E00B0B;
  font-weight: 600;
}
.match__object-discount p {
  font-size: 14px;
  color: #E00B0B;
  font-weight: 600;
}

.option_options {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .option_options {
    gap: 12px;
    margin-top: 16px;
  }
}
.option_options input {
  display: none;
}
.option_options input:checked + .option_radio:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #393FDF;
}
@media (max-width: 1024px) {
  .option_options input:checked + .option_radio:before {
    width: 14px;
    height: 14px;
  }
}
.option_options input:checked + .option_radio {
  border-color: #E1E2FA;
}
.option_options label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.option_options label p {
  color: #525252;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .option_options label p {
    font-size: 14px;
  }
}

.option_checkboxes {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .option_checkboxes {
    gap: 12px;
    margin-top: 16px;
  }
}
.option_checkboxes label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.option_checkboxes label p {
  color: #525252;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .option_checkboxes label p {
    font-size: 14px;
  }
}
.option_checkboxes input {
  display: none;
}
.option_checkboxes input:checked + .discount__checkbox {
  border-color: #393FDF;
  background-color: #393FDF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.option_checkboxes input:checked + .discount__checkbox .sprite-icon {
  display: block;
}
.option_checkboxes .discount__checkbox {
  height: 20px;
  width: 20px;
  min-width: 20px;
  border-radius: 4px;
  border: 2px solid #D4D4D4;
}
@media (max-width: 1024px) {
  .option_checkboxes .discount__checkbox {
    border-width: 1px;
    width: 18px;
    height: 18px;
    min-width: 18px;
  }
}
.option_checkboxes .discount__checkbox .sprite-icon {
  display: none;
  width: 14px;
  height: 10px;
}

.option_radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  border: 2px solid #D4D4D4;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .option_radio {
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-width: 1px;
  }
}

.filter__tag, .filter__clear-all {
  display: none;
}

.match__filter-header {
  display: none;
}
@media (max-width: 1024px) {
  .match__filter-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 20px;
  }
  .match__filter-header p {
    font-weight: 600;
  }
  .match__filter-header span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 21px;
    height: 11px;
  }
  .match__filter-header .sprite-icon {
    width: 100%;
    height: 100%;
    stroke: #0A0A0A;
  }
}

.match__filter-header.opened span {
  transform: rotate(180deg);
}

@media (max-width: 1024px) {
  .match__filter-body {
    display: none;
    padding: 16px 20px;
    border-top: 1px solid #F5F5F5;
  }
}

.object-form__title {
  margin: 0 0 35px;
}
@media (max-width: 1024px) {
  .object-form__title {
    margin-bottom: 24px;
  }
  .object-form__title h1 {
    font-size: 20px;
  }
}

.object-form {
  padding: 32px;
  border-radius: 16px;
  border: 1px solid #E5E5E5;
}
@media (max-width: 1024px) {
  .object-form {
    padding: 16px;
  }
}

.object-form__row {
  flex: 1;
}
@media (max-width: 1024px) {
  .object-form__row {
    width: 100%;
  }
}
.object-form__row p {
  color: #A3A3A3;
  font-size: 14px;
  margin-bottom: 11px;
}

.object-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12px;
  height: 56px;
  gap: 10px;
  background-color: #F5F5F5;
  padding: 0px 17px;
}
@media (max-width: 1024px) {
  .object-form__label {
    height: 44px;
  }
}
.object-form__label span {
  display: block;
  width: 17px;
  height: 17px;
}
.object-form__label .sprite-icon {
  width: 100%;
  height: 100%;
  fill: #3ADDC1;
}
.object-form__label input {
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
}
.object-form__label input::placeholder {
  color: #D4D4D4;
  font-size: 16px;
}

.object-form__swapper {
  border: none;
  border-radius: 12px;
  background-color: #F5F5F5;
  width: 56px;
  height: 56px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .object-form__swapper {
    height: 24px;
    width: 24px;
    background-color: transparent;
    position: absolute;
    top: 25px;
    bottom: 0;
    right: 5px;
    margin: auto;
  }
}
.object-form__swapper .sprite-icon {
  width: 23px;
  height: 19px;
}
@media (max-width: 1024px) {
  .object-form__swapper .sprite-icon {
    width: 20px;
    height: 16px;
    transform: rotate(90deg);
  }
}

.object-form__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  gap: 12px;
  width: 100%;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .object-form__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 28px;
    margin-bottom: 20px;
  }
}

.object-form__bottom {
  margin-bottom: 32px;
}

.object__button {
  height: 56px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  flex-basis: 50%;
  max-width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .object__button {
    height: 44px;
    font-size: 16px;
  }
}

.button--publish-ride {
  background-color: #3ADDC1;
}

.button--search-rides {
  background-color: #393FDF;
  text-align: center;
  padding: 0px 10px;
}

.object-form__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .object-form__buttons {
    gap: 16px;
  }
}
@media (max-width: 690px) {
  .object-form__buttons {
    flex-wrap: wrap;
  }
}

.section__object-form {
  padding: 32px 16px;
  box-shadow: 0 3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24);
  z-index: 100;
}

.section__object-info {
  background-color: #F7FAFC;
  padding: 48px 0 77px;
}
@media (max-width: 1280px) {
  .section__object-info {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 1024px) {
  .section__object-info {
    padding: 73px 16px 32px;
  }
}
.section__object-info .wrapper {
  overflow: hidden;
}
.section__object-info .swiper-slide:hover {
  transform: none;
}
.section__object-info .swiper-slide {
  height: 440px;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  border: none;
  box-shadow: none;
  cursor: auto;
}
@media (max-width: 1024px) {
  .section__object-info .swiper-slide {
    height: 280px;
  }
}
.section__object-info .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.section__object-info .slider__button {
  border: none;
  background-color: #393FDF;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 99;
  cursor: pointer;
}
@media (max-width: 768px) {
  .section__object-info .slider__button {
    display: none;
  }
}
.section__object-info .slider__button .sprite-icon {
  stroke: #fff;
  width: 14px;
  height: 12px;
}
.section__object-info .swiper-button--prev {
  left: 24px;
}
.section__object-info .swiper-button--next {
  right: 24px;
}
.section__object-info .slider__pagination {
  position: absolute;
  bottom: 24px;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .section__object-info .slider__pagination {
    bottom: 16px;
  }
}
.section__object-info .slider__pagination .swiper-pagination-bullet {
  height: 12px;
  width: 12px;
  background-color: #fff;
  opacity: 1;
  transition: all 0.2s;
  border-radius: 100px;
}
@media (max-width: 1024px) {
  .section__object-info .slider__pagination .swiper-pagination-bullet {
    height: 8px;
    width: 8px;
  }
}
.section__object-info .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  height: 12px;
  width: 40px;
  background-color: #393FDF;
  transition: all 0.2s;
}
@media (max-width: 1024px) {
  .section__object-info .slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 8px;
  }
}

.object-info__description p {
  font-size: 20px;
  line-height: 1.61em;
  margin-top: 32px;
}
@media (max-width: 1024px) {
  .object-info__description p {
    font-size: 16px;
    margin-top: 16px;
  }
}

.object-info__map {
  height: 440px;
  border-radius: 16px;
  overflow: hidden;
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .object-info__map {
    margin-top: 24px;
    height: 508px;
  }
}
.object-info__map .gm-style div > button.gm-fullscreen-control {
  display: none !important;
}
.object-info__map .gm-style div > button.gm-fullscreen-control + .gmnoprint {
  top: 20px !important;
  right: 60px !important;
}
@media (max-width: 768px) {
  .object-info__map .gm-style div > button.gm-fullscreen-control + .gmnoprint {
    top: 10px !important;
    right: 37px !important;
  }
}
.object-info__map .gmnoprint, .object-info__map .gm-fullscreen-control {
  display: inherit !important;
}
.object-info__map .gm-control-active:focus > img:nth-child(2), .object-info__map .gm-control-active:hover > img:nth-child(2), .object-info__map .gm-control-active:active > img:nth-child(3) {
  display: none;
}
.object-info__map .gm-style iframe + div {
  border: none !important;
}
.object-info__map .gm-bundled-control button img {
  display: none;
}
.object-info__map .gm-bundled-control button:first-child:after {
  content: "";
  position: absolute;
  display: block;
  height: 14px;
  width: 2px;
  background-color: #393FDF;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.object-info__map .gm-bundled-control button:before {
  content: "";
  position: absolute;
  display: block;
  height: 2px;
  width: 14px;
  background-color: #393FDF;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.object-info__map .gm-bundled-control button + div {
  width: 100% !important;
  margin: 0 !important;
}

.object__marker {
  width: 32px;
  height: 32px;
  min-width: 32px;
  background-color: #14B72F;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
  .object__marker {
    height: 24px;
    width: 24px;
    min-width: 24px;
  }
}

.body--object #app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.body--object .object__button {
  flex-basis: fit-content;
  max-width: none;
  padding: 0px 30px;
}
@media (max-width: 540px) {
  .body--object .object__button {
    flex-basis: 100%;
  }
}

.match__search-button {
  cursor: pointer;
}

.match__pagination-button {
  cursor: pointer;
  border: none;
  background-color: transparent;
  height: 40px;
  width: 40px;
  min-width: 40px;
}
.match__pagination-button span {
  display: none;
}
.match__pagination-button p {
  line-height: 1em;
  font-size: 16px;
  color: #7F7F7F;
  font-weight: 500;
}
@media (max-width: 768px) {
  .match__pagination-button p {
    color: #0A0A0A;
    font-weight: 600;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .match__pagination-button {
    border: 1px solid #E5E5E5;
    border-radius: 0;
    background-color: #fff;
    font-weight: 600;
  }
}

.match__pagination-button:first-child, .match__pagination-button:last-child {
  padding: 11px 14px;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  background-color: #fff;
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .match__pagination-button:first-child, .match__pagination-button:last-child {
    height: 40px;
    width: 40px;
    min-width: 40px;
    background-color: #fff;
  }
  .match__pagination-button:first-child p, .match__pagination-button:last-child p {
    display: none;
  }
}
.match__pagination-button:first-child .side, .match__pagination-button:last-child .side {
  display: block;
  width: 14px;
  height: 14px;
  min-width: 14px;
}
.match__pagination-button:first-child .side .sprite-icon, .match__pagination-button:last-child .side .sprite-icon {
  width: 100%;
  height: 100%;
  stroke: #171717;
}
@media (max-width: 768px) {
  .match__pagination-button:first-child .side .sprite-icon, .match__pagination-button:last-child .side .sprite-icon {
    stroke: #0A0A0A;
  }
}
.match__pagination-button:first-child p, .match__pagination-button:last-child p {
  color: #171717;
  font-weight: 600;
}

.match__pagination-button:first-child {
  margin-right: 47px;
}
@media (max-width: 768px) {
  .match__pagination-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
    border-right: 0;
  }
}

.match__pagination-button:last-child {
  margin-left: 47px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.match__pagination-button:last-child .side {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .match__pagination-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
    border-left: 0;
  }
}

.match__pagination-button--true {
  border-radius: 8px;
  background-color: #393FDF;
}
.match__pagination-button--true p {
  color: #fff;
}
@media (max-width: 768px) {
  .match__pagination-button--true {
    border-radius: 0;
    background-color: #fff;
  }
  .match__pagination-button--true p {
    color: #0A0A0A;
  }
}

.match__pagination-button[data-link=null] {
  opacity: 0.4;
  cursor: auto;
}

.match__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-basis: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 56px auto;
  background-color: #F7FAFC;
  max-width: 1170px;
  margin-left: auto;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .match__pagination {
    margin: 40px 16px 24px;
    padding-top: 16px;
    border-top: 1px solid #F5F5F5;
    max-width: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.body--objects #app {
  background-color: #F7FAFC;
}

.temporary-promo, .object__discount {
  border-radius: 50px;
  background-color: #fff;
  color: #E00B0B;
  font-weight: 600;
  font-size: 16px;
  padding: 5px 15px;
  display: block;
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 99;
}

.object__discount {
  display: none;
  left: 30px;
  top: 30px;
}

.temporary-promo {
  left: auto;
  right: 20px;
}

.object__marker--main-page {
  width: 32px;
  height: 32px;
  min-width: 32px;
  background-color: #393FDF;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer !important;
  transition: all 0.2s;
}
@media (max-width: 1024px) {
  .object__marker--main-page {
    height: 24px;
    width: 24px;
    min-width: 24px;
  }
}

div[data-label=main_map_mark] {
  cursor: pointer !important;
}

.object__marker--main-page-img {
  display: none;
}

.gm-style .gm-style-iw-c[aria-label=my-info-window] {
  border-radius: 12px;
  padding: 0 !important;
  top: -45px;
}
.gm-style .gm-style-iw-c[aria-label=my-info-window] .gm-style-iw-d {
  overflow: hidden !important;
}

.gm-style .gm-style-iw-c[aria-label=my-info-window] + .gm-style-iw-tc {
  display: none;
}

.info__container-img {
  height: 120px;
  overflow: hidden;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.info__container-name {
  padding: 10px 12px 12px;
  font-size: 16px;
  font-weight: 600;
}

.object__marker--main-page.active-marker {
  width: 52px;
  height: 52px;
  transition: all 0.2s;
  border: 7px solid #393FDF;
}
.object__marker--main-page.active-marker .object__marker--main-page-img {
  display: block;
  width: 100%;
  height: 100%;
  border: 3px solid #fff;
  border-radius: 50%;
  z-index: 100;
}

.object__marker--main-page:after {
  z-index: 90;
  content: "";
  display: block;
  opacity: 0;
  background-image: url("/assets/images/mark_bottom.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  width: 25px;
  height: 13px;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.2s;
}

.object__marker--main-page.active-marker:after {
  opacity: 1;
  transition: all 0.2s;
  top: 107%;
}

#temporary p {
  text-transform: uppercase;
}

.header__ride-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

.passenger__router {
  flex: 1;
}
.passenger__router > div {
  padding: 0 32px 32px;
  background-color: #fff;
  box-shadow: 0px 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  border-radius: 16px;
  border: 1px solid #F5F5F5;
}
@media (max-width: 768px) {
  .passenger__router > div {
    padding: 0 20px 20px;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
  }
}
.passenger__router .router__info {
  padding-bottom: 0;
}

.request-offer .sal {
  margin: auto;
  box-shadow: none;
  border: none;
  flex-basis: auto;
  width: 50%;
}
@media (max-width: 1280px) {
  .request-offer .sal {
    min-width: 480px;
  }
}
@media (max-width: 768px) {
  .request-offer .sal {
    min-width: 320px;
  }
}
@media (max-width: 480px) {
  .request-offer .sal {
    min-width: 320px;
    width: 100%;
  }
}

.request-offer--step-2 {
  min-height: 675px;
}
@media (max-width: 1024px) {
  .request-offer--step-2 {
    min-height: 0;
  }
}
.request-offer--step-2 > .wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 1024px) {
  .request-offer--step-2 > .wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.request-offer--step-2 > .wrapper .router__form {
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.request-offer--step-2 .router__title {
  padding-bottom: 0;
}
.request-offer--step-2 .sal__title {
  font-weight: 500;
  font-size: 18px;
  border-bottom: none;
}
@media (max-width: 1024px) {
  .request-offer--step-2 .sal__title {
    text-align: center;
    font-size: 16px;
  }
}
.request-offer--step-2 .sal__info {
  background-color: #fff;
  box-shadow: 0 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  border: 1px solid #F5F5F5;
  border-radius: 16px;
}

.sal__price {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sal__price > * {
  font-size: 24px;
  font-weight: 600;
  color: #393FDF;
}
.sal__price .sal__price-text {
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  height: 26px;
  padding-right: 10px;
}

#body_ride_request .final__car-info-title {
  margin-bottom: 0;
}
#body_ride_request .request-offer--step-3 .passenger__router {
  width: 100%;
}
#body_ride_request .ride__contacts {
  display: block;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #F5F5F5;
  padding-top: 32px;
}
#body_ride_request .ride__contacts--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 20px;
  margin-bottom: 10px;
}
#body_ride_request .ride__contacts--title a {
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #F5F5F5;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  color: #0A0A0A;
}
#body_ride_request .final__confirm {
  display: none;
  padding: 32px;
  background-color: #fff;
  box-shadow: 0px 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  border-radius: 16px;
  border: 1px solid #F5F5F5;
}
#body_ride_request .final-confirm__title {
  padding-top: 0;
}
#body_ride_request .map__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  height: auto;
}
#body_ride_request .map__wrapper .driver__map {
  flex-basis: 712px;
}
#body_ride_request .map__wrapper .driver__map--second-step {
  flex-basis: 430px;
}
@media (max-width: 768px) {
  #body_ride_request .map__wrapper {
    width: 100%;
  }
  #body_ride_request .map__wrapper .driver__map {
    flex-basis: 280px;
  }
}
#body_ride_request .ride__contacts--content label {
  flex-basis: 100%;
}
#body_ride_request .summary {
  display: none;
}
#body_ride_request .request-offer--step-3 .driver__map--second-step {
  flex-basis: 430px;
}
#body_ride_request .request-offer--step-3 .router__form {
  margin-bottom: 0;
}
#body_ride_request .total-pas__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 77px;
  border: 1px solid #F5F5F5;
  font-size: 18px;
  color: #525252;
}

@media (max-width: 768px) {
  .request-offer--step-3 .ride__contacts {
    padding-top: 24px;
  }
  .request-offer--step-3 .ride__contacts .ride__contacts--title {
    font-size: 18px;
  }
  .request-offer--step-3 .ride__contacts .ride__contacts--title a {
    font-size: 14px;
  }
}

@media (max-width: 1080px) {
  .header__ride-buttons {
    display: none;
  }
}

.screen--top__button-img {
  width: 32px;
  height: 24px;
  display: none;
}
@media (max-width: 1080px) {
  .screen--top__button-img {
    display: block;
  }
}
.screen--top__button-img .sprite-icon {
  height: 100%;
  width: 100%;
  fill: #393FDF;
}
@media (max-width: 768px) {
  .screen--top__button-img {
    width: 25px;
    height: 18px;
  }
}

.screen--top__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media (max-width: 1080px) {
  .screen--top__buttons {
    padding: 0px 30px;
  }
}
@media (max-width: 680px) {
  .screen--top__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .screen--top__buttons a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.body--profile .header__button--create span, .body--profile .header__button--request span, .body--rides .header__button--create span, .body--rides .header__button--request span {
  background-image: url(/assets/images/create_driver.svg);
  width: 32px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.body--profile .header__button--request span, .body--rides .header__button--request span {
  background-image: url(/assets/images/create_passenger.svg);
}
.body--profile .screen--top__buttons, .body--rides .screen--top__buttons {
  display: none;
}
@media (max-width: 1080px) {
  .body--profile .screen--top__buttons, .body--rides .screen--top__buttons {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
  }
  .body--profile .screen--top__buttons .screen--top-label, .body--rides .screen--top__buttons .screen--top-label {
    border: 1px solid #0A0A0A;
    color: #0A0A0A;
  }
  .body--profile .screen--top__buttons .screen--top-label .sprite-icon, .body--rides .screen--top__buttons .screen--top-label .sprite-icon {
    fill: #0A0A0A;
  }
}

@media (max-width: 1080px) {
  .body--rides {
    padding-bottom: 84px;
  }
}
@media (max-width: 768px) {
  .body--rides {
    padding-bottom: 75px;
  }
}
.body--rides .screen--top__buttons {
  margin-top: 0;
  position: fixed;
  bottom: 0;
  z-index: 999;
  padding: 20px 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2);
}
@media (max-width: 680px) {
  .body--rides .screen--top__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.ride--passenger.ride--without-connection .ride__driver, .ride--passenger.ride--without-connection .ride__driver-phone {
  display: none;
}
.ride--passenger.ride--without-connection .ride__price {
  flex-basis: 100%;
}
.ride--passenger.ride--without-connection .ride__destination {
  display: none;
}

.ride--passenger .ride__car-icon {
  background-image: url(/assets/images/create_passenger.svg);
  background-color: #daf3d2;
}

.body--passenger-ride .ride__offer-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
}

.ride__comment--driver {
  padding-bottom: 0;
}

.ride__comment--passenger {
  padding-top: 0;
}

.connect__step.passenger__ride .car__icon .svg-icon {
  height: 26px;
  width: 35px;
}

.body--main .screen--top__buttons {
  max-width: 950px;
  width: 80%;
  padding: 0;
}
@media (max-width: 1080px) {
  .body--main .screen--top__buttons {
    width: 90%;
  }
}
@media (max-width: 680px) {
  .body--main .screen--top__buttons {
    width: 50%;
    min-width: 320px;
  }
}
.body--main .screen--top__buttons a {
  flex-basis: 50%;
}
.body--main .screen--top__buttons a .screen--top-label {
  padding-right: 15px;
  padding-left: 15px;
}
@media (max-width: 680px) {
  .body--main .screen--top__buttons a .screen--top-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
}

.body--passenger-ride .waiting__passengers {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 30px;
}

.button--ride-request {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: fit-content;
  padding: 0px 20px;
  height: 62px;
  background-color: #393FDF;
  color: #fff;
  border-radius: 8px;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
}
@media (max-width: 890px) {
  .button--ride-request {
    position: relative;
    margin-top: 30px;
  }
}

.button--publish-request {
  background-color: #3ADDC1;
}

.object__button {
  gap: 7px;
}
@media (max-width: 690px) {
  .object__button {
    flex-basis: 100%;
  }
}
.object__button svg {
  display: block;
  fill: #fff;
  height: 24px;
  width: 30px;
}
@media (max-width: 690px) {
  .object__button svg {
    height: 20px;
    width: 25px;
  }
}

.match__ride--passenger .ride__car-icon {
  background-image: url(/assets/images/create_passenger.svg);
  background-color: #daf3d2;
}
.match__ride--passenger .ride__actions-price {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.match__ride--passenger .m_ride__information {
  width: 100%;
}

.m_rides .match__ride--passenger .ride__graphic-finish {
  background-image: url(/assets/images/map_mark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 15px;
  height: 13px;
  background-color: transparent;
  position: absolute;
  right: -15px;
}
@media (max-width: 768px) {
  .m_rides .match__ride--passenger .ride__graphic {
    right: 8px;
  }
}

.body--connect-driver .ride__offer {
  max-width: none;
  margin: auto;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .body--connect-driver .ride__offer {
    display: block;
  }
}
@media (max-width: 500px) {
  .body--connect-driver .ride__offer {
    width: 100%;
  }
}
.body--connect-driver .ride__offer-title {
  flex-basis: 100%;
}
.body--connect-driver .ride__offer-left-side {
  flex-basis: 40%;
}
.body--connect-driver .car__icon {
  background-color: #daf3d2;
}
.body--connect-driver .car__icon .svg-icon {
  height: 22px;
  width: 25px;
  fill: #0A0A0A;
}
.body--connect-driver #get_ride {
  margin: 0;
  width: fit-content;
  padding: 0px 20px;
}
.body--connect-driver .connect__step .wrapper {
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}
.body--connect-driver .ride__offer-buttons {
  padding-top: 30px;
}
.body--connect-driver .ride__offer-buttons .wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1100px) {
  .body--connect-driver .ride__offer-buttons .wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.body--connect-driver .connect__step--2 .ride__update {
  flex-basis: 700px;
}
.body--connect-driver .connect__step--2 .ride__offer {
  width: calc(100% - 730px);
  transition: all 0.3s;
  margin: 0;
  display: block;
}
.body--connect-driver .connect__step--2 .ride__driver-comment {
  display: none;
}
.body--connect-driver .connect__step--2 .ride__passenger-comment {
  display: block;
}
.body--connect-driver .connect__step--2 .request-map__wrapper {
  padding: 0;
}
.body--connect-driver .final__confirm {
  width: auto;
}
.body--connect-driver .final__confirm .final-confirm__wrapper {
  padding: 0;
}
.body--connect-driver #to_payment {
  font-size: 20px;
}
.body--connect-driver .request-map__wrapper {
  padding: 32px;
  flex-basis: 50%;
}
@media (max-width: 768px) {
  .body--connect-driver .request-map__wrapper {
    padding: 20px;
  }
}
.body--connect-driver .map {
  display: block;
  border-radius: 8px;
  height: 400px;
  width: 100%;
}
@media (max-width: 480px) {
  .body--connect-driver .map {
    height: 280px;
  }
}
.body--connect-driver .final__confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 32px 0;
}
.body--connect-driver .ride__offer-road {
  padding-bottom: 0;
}
.body--connect-driver .income-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  font-size: 24px;
  font-weight: 600;
  color: #393FDF;
}
.body--connect-driver .income-message > span {
  font-size: 18px;
  font-weight: 600;
  color: #393FDF;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.body--connect-driver .income-message > span span {
  color: #393FDF;
}
.body--connect-driver .sun-info__name, .body--connect-driver .sub-info__count, .body--connect-driver .sub-info__count span {
  font-size: 14px;
}
.body--connect-driver .ride__offer-car {
  padding-right: 20px;
}
.body--connect-driver .driver-income {
  display: none;
  padding: 0px 32px 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.body--connect-driver .driver-income__title, .body--connect-driver .driver-income__value {
  font-weight: 600;
  color: #0A0A0A;
  font-size: 20px;
}
.body--connect-driver .driver-income__value {
  color: #393FDF;
}
.body--connect-driver .connect__step--2 .final__confirm {
  padding: 30px 0;
}
.body--connect-driver .connect__step--2 .driver-income {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.body--connect-driver .car-info {
  background-color: #fff;
  padding: 25px 32px 32px;
  box-shadow: 0 3px 16px -1px rgba(50, 50, 71, 0.03), 0px 0px 1px 0px rgba(12, 26, 75, 0.14);
  border: 1px solid #F5F5F5;
  border-radius: 16px;
}
.body--connect-driver .passenger-comment__title, .body--connect-driver .ride__contacts--title {
  font-size: 20px;
}
.body--connect-driver .ride__contacts--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.body--connect-driver .ride__contacts--title a {
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #F5F5F5;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
}
.body--connect-driver .car-info__label--for-input input {
  height: 48px;
  border-radius: 8px;
  border: 1px solid #F5F5F5;
}
.body--connect-driver .div--radio input + span + span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #D4D4D4;
}
.body--connect-driver .div--radio input {
  display: none;
}
.body--connect-driver .div--radio input:checked + span {
  height: 16px;
  width: 16px;
  background-color: #393FDF;
  border-radius: 50%;
}
.body--connect-driver #to_payment {
  flex-basis: auto;
  width: auto;
  padding: 0 30px;
}
@media (max-width: 1024px) {
  .body--connect-driver .connect__confirm--1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0;
  }
}
.body--connect-driver .ride__passenger-comment {
  width: 100%;
}
@media (max-width: 1160px) {
  .body--connect-driver .connect__step--2 > .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .body--connect-driver .connect__step--2 > .wrapper .ride__offer {
    max-width: 700px;
    width: 100%;
  }
  .body--connect-driver .connect__step--2 > .wrapper .ride__offer .connect__confirm--1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .body--connect-driver .connect__step--2 > .wrapper .ride__update {
    flex-basis: auto;
    width: 100%;
    max-width: 700px;
  }
}
@media (max-width: 1100px) {
  .body--connect-driver .connect__step--2 .ride__offer-buttons .button {
    flex: 1 !important;
    font-size: 16px !important;
    width: auto;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .body--connect-driver .connect__step--2 .ride__offer-buttons .button {
    flex-basis: fit-content !important;
  }
}
@media (max-width: 390px) {
  .body--connect-driver .connect__step--2 .ride__offer-buttons .button {
    font-size: 15px !important;
  }
}
.body--connect-driver .error--empty {
  font-size: 12px;
  position: absolute;
  padding: 3px 10px;
  color: #fff;
  background-color: red;
  border-radius: 6px;
  display: block;
  right: 7px;
  bottom: 7px;
  display: none;
}

.body--driver-ride .router__title p {
  display: inline;
}

.registration__agree .checkbox-label p > * {
  display: inline;
}
.registration__agree .checkbox-label p a {
  color: #393FDF;
  font-weight: 600;
}

.body--profile .iti {
  width: 100%;
}

.driver__map--second-step {
  display: none;
}

.request-offer--step-3 .driver__map--second-step {
  display: block;
}

@media (max-width: 440px) {
  .body--connect-driver .car-info__engine {
    gap: 13px;
  }
  .body--connect-driver .car-info__engine-title {
    padding: 0;
  }
  .body--connect-driver .car-info__label--for-radio {
    margin: 0;
  }
}

@media (max-width: 500px) {
  #app .bootstrap-datetimepicker-widget table.table-condensed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #app .bootstrap-datetimepicker-widget table.table-condensed td {
    flex: 1;
  }
}

@media (max-width: 420px) {
  .body--rides .ride__driver-phone, .body--rides .ride__price {
    max-width: none;
    flex: 1;
  }
}

#back {
  border: 2px solid #393FDF;
  background-color: #fff;
  color: #393FDF;
  font-weight: 600;
}

.button--auth {
  padding: 0px 70px;
}

@media (max-width: 480px) {
  .ride__departure, .ride__destination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ride__departure span, .ride__destination span {
    padding: 0;
  }
}

@media (max-width: 480px) {
  .final-confirm__road {
    margin: 5px 20px;
  }
}

@media (max-width: 480px) {
  .final-confirm__points {
    align-items: flex-start;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  .final-confirm__points > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}

@media (max-width: 480px) {
  .m_rides .match__ride .ride__stops-finish {
    text-align: right;
  }
}

@media (max-width: 480px) {
  .m_rides .match__ride .ride__graphic {
    width: 65px;
  }
  .m_rides .match__ride .ride__graphic-betweens span {
    left: 3px;
  }
  .m_rides .match__ride .ride__stops-betweens {
    flex-basis: 10%;
    top: -10px;
  }
  .m_rides .match__ride .ride__stops-betweens span {
    font-size: 12px;
  }
  .m_rides .match__ride .ride__stops-start, .m_rides .match__ride .ride__stops-finish {
    flex: 1;
    font-size: 13px;
  }
  .m_rides .match__ride .ride__stops {
    padding-top: 20px;
    gap: 15px;
  }
}

/*# sourceMappingURL=style.css.map */