.tripOrder__form .select2-selection .select2-search--inline .select2-search__field {
  font-family: "sf-pro";
  font-size: 16px;
  height: 20px;
  font-weight: 400;
  color: #576778;
}
@media (min-width: 1366px) {
  .tripOrder__form .select2-selection .select2-search--inline .select2-search__field {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__form .select2-selection .select2-search--inline .select2-search__field {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__form .select2-selection .select2-search--inline .select2-search__field {
    height: calc(0.0090252708 * 100vw + 7.6714801444px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__form .select2-selection .select2-search--inline .select2-search__field {
    height: 25px;
  }
}

.tripOrder__form .select2-selection .select2-search--inline .select2-search__field {
  font-family: "sf-pro";
}

.select2::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: transparent;
  right: 3px;
}
.select2::-webkit-scrollbar-thumb {
  background-color: #576778;
  border-radius: 25px;
}
.select2::before, .select2::after {
  content: none;
  position: absolute;
  top: 50%;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 1.5px;
  background-color: #576778;
  transition: transform 0.38s ease-in-out;
  border-radius: 25px;
  pointer-events: none;
  z-index: 3;
}
.select2::before {
  right: 10px;
  transform: rotate(45deg);
}
@media (min-width: 1366px) {
  .select2::before {
    right: calc(0.0126353791 * 100vw + -7.2599277978px);
  }
}
@media (min-width: 1920px) {
  .select2::before {
    right: 17px;
  }
}
.select2::after {
  right: 7px;
  transform: rotate(-45deg);
}
@media (min-width: 1366px) {
  .select2::after {
    right: calc(0.0126353791 * 100vw + -10.2599277978px);
  }
}
@media (min-width: 1920px) {
  .select2::after {
    right: 14px;
  }
}
.select2-search--dropdown {
  display: none;
}
.select2-dropdown {
  border: 1px solid rgb(214, 218, 226);
}
.select2-selection__placeholder {
  color: #d6dae2;
  font-size: 16px;
  line-height: 130%;
}
@media (min-width: 1366px) {
  .select2-selection__placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .select2-selection__placeholder {
    font-size: 20px;
  }
}
.select2-selection .select2-search--inline .select2-search__field {
  margin-top: unset;
  margin-left: unset;
}
.select2-selection__choice__display {
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 24px;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.1px;
}
@media (min-width: 1366px) {
  .select2-selection__choice__display {
    font-size: calc(0.0036101083 * 100vw + 7.0685920578px);
  }
}
@media (min-width: 1920px) {
  .select2-selection__choice__display {
    font-size: 14px;
  }
}
.select2-results {
  background-color: #fff;
  border-radius: 0 20px;
  background-color: #fff;
  box-shadow: unset;
}
.select2-results__option {
  color: #576778;
  font-size: 14px;
  padding: 10px;
  padding-left: 20px;
}
.select2-container {
  width: 100% !important;
}
.select2-container.select2-container--open::before {
  transform: rotate(-45deg);
}
.select2-container.select2-container--open::after {
  transform: rotate(45deg);
}
.select2-container.select2-container--open .select2-dropdown--below {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: transparent;
  color: #576778;
}
.select2-container--default .select2-results__option--selected {
  color: #576778;
  background-color: transparent;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 20px 6px 12px;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.1px;
  border: none;
  border-radius: 20px;
}
@media (min-width: 1366px) {
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: calc(0.0036101083 * 100vw + 7.0685920578px);
  }
}
@media (min-width: 1920px) {
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 14px;
  }
}
.select2-container--default .select2-selection--multiple .select2-selection__choice button {
  top: 50%;
  transform: translateY(-50%);
  right: 3px;
  left: unset;
  border: 0;
  display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice button span {
  font-weight: 400;
  transition: color 0.38s ease-in-out;
  font-size: 16px;
}
@media (min-width: 1366px) {
  .select2-container--default .select2-selection--multiple .select2-selection__choice button span {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .select2-container--default .select2-selection--multiple .select2-selection__choice button span {
    font-size: 20px;
  }
}
.select2-container--default .select2-selection--multiple .select2-selection__choice button:hover {
  background-color: transparent;
}
.select2-container--default .select2-selection--single {
  outline: none;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #576778;
  font-size: 16px;
  line-height: 130%;
  border: unset;
  border-bottom: 1px solid #c5cdd7;
  background-color: #fff;
  height: auto;
}
@media (min-width: 1366px) {
  .select2-container--default .select2-selection--single {
    padding-left: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .select2-container--default .select2-selection--single {
    padding-left: 30px;
  }
}
@media (min-width: 1366px) {
  .select2-container--default .select2-selection--single {
    padding-right: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .select2-container--default .select2-selection--single {
    padding-right: 30px;
  }
}
@media (min-width: 1366px) {
  .select2-container--default .select2-selection--single {
    padding-top: calc(0.0216606498 * 100vw + -17.5884476534px);
  }
}
@media (min-width: 1920px) {
  .select2-container--default .select2-selection--single {
    padding-top: 24px;
  }
}
@media (min-width: 1366px) {
  .select2-container--default .select2-selection--single {
    padding-bottom: calc(0.0216606498 * 100vw + -17.5884476534px);
  }
}
@media (min-width: 1920px) {
  .select2-container--default .select2-selection--single {
    padding-bottom: 24px;
  }
}
@media (min-width: 1366px) {
  .select2-container--default .select2-selection--single {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .select2-container--default .select2-selection--single {
    font-size: 20px;
  }
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  width: -moz-fit-content;
  width: fit-content;
  outline: none;
  color: #576778;
  line-height: 130%;
  font-size: 16px;
  padding: 0 20px 0 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.select2-container--default .select2-selection--multiple {
  outline: none;
  line-height: 130%;
  padding: 10px;
  font-size: 14px;
  border: unset;
  border: unset;
  border-bottom: 1px solid #c5cdd7;
  background-color: #fff;
  height: auto;
}
@media (min-width: 1366px) {
  .select2-container--default .select2-selection--multiple {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .select2-container--default .select2-selection--multiple {
    font-size: 16px;
  }
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: unset;
  border-bottom: 1px solid #c5cdd7;
}
.select2 b {
  display: none;
}

@font-face {
  font-family: "sf-pro";
  font-weight: 400;
  src: url("../fonts/SF-Pro-Display-Regular.otf") format("opentype");
}
@font-face {
  font-family: "sf-pro";
  font-weight: 500;
  src: url("../fonts/SF-Pro-Display-Medium.otf") format("opentype");
}
@font-face {
  font-family: "sf-pro";
  font-weight: 600;
  src: url("../fonts/SFProDisplay-Semibold.woff2") format("woff2");
}
@font-face {
  font-family: "phenomena";
  font-weight: 700;
  src: url("../fonts/Phenomenabold.woff2") format("woff2");
}
@font-face {
  font-family: "sf-pro";
  font-weight: 700;
  src: url("../fonts/SF-Pro-Display-Bold.otf") format("opentype");
}
@font-face {
  font-family: "buyan";
  font-weight: 700;
  src: url("../fonts/BuyanBold.ttf");
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

textarea {
  resize: none;
}

[role=alert] {
  display: none;
}

body {
  position: relative;
  font-family: "sf-pro";
  font-weight: 400;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

html,
body {
  overflow-x: hidden;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  color: transparent;
  background: transparent;
}

.header {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ecf1f5;
  border-bottom: 1px solid #c5cdd7;
  margin-bottom: 0px;
}
@media (min-width: 1366px) {
  .header {
    padding-top: calc(0.0288808664 * 100vw + -19.4512635379px);
  }
}
@media (min-width: 1920px) {
  .header {
    padding-top: 36px;
  }
}
@media (min-width: 1366px) {
  .header {
    padding-bottom: calc(0.0288808664 * 100vw + -19.4512635379px);
  }
}
@media (min-width: 1920px) {
  .header {
    padding-bottom: 36px;
  }
}
@media (min-width: 1366px) {
  .header {
    margin-bottom: calc(0.1083032491 * 100vw + -147.9422382671px);
  }
}
@media (min-width: 1920px) {
  .header {
    margin-bottom: 60px;
  }
}
.header:has(+ .passengersValue--mt) {
  margin-bottom: 0;
}
.header__container {
  width: 100%;
  max-width: 1630px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1170px) {
  .header__container {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .header__container {
    max-width: 540px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 576px) {
  .header__container {
    max-width: none;
  }
}
.header__container--index {
  width: 1170px;
}
@media (min-width: 1366px) {
  .header__container--index {
    width: calc(0.8303249097 * 100vw + 35.7761732852px);
  }
}
@media (min-width: 1920px) {
  .header__container--index {
    width: 1630px;
  }
}
.header__blockLeft {
  display: flex;
  align-items: center;
}
.header__cities {
  width: 150px;
}
@media (min-width: 1366px) {
  .header__cities {
    width: calc(0.036101083 * 100vw + 100.6859205776px);
  }
}
@media (min-width: 1920px) {
  .header__cities {
    width: 170px;
  }
}
.header__cities:hover .item {
  color: #2e3a47;
}
.header__cities:hover.selectize-control.single .selectize-input:after {
  color: #36d2e2;
}
.header__burger {
  position: fixed;
  left: -100%;
  top: 80px;
  z-index: 3;
  width: 100%;
  max-width: 100%;
  background: #ecf1f5;
  transition: left 0.38s ease-in-out;
  padding-top: 20px;
  height: 100%;
}
.header__burger-number {
  display: none;
  color: #414c59;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
}
.header__burger-nav {
  display: none;
}
.header__burger--open {
  left: 0px;
}
.header__burger-container {
  display: block;
}
.header__burger-icon {
  margin-right: 20px;
  color: #c5cdd7;
  transition: color 0.3s ease;
}
.header__burger-icon:hover {
  color: #414c59;
}
.header__burger-icons {
  margin-bottom: 15px;
}
.header__burger-icons--burger {
  margin-bottom: 15px;
  display: block;
}
.header__burger-aunth {
  color: #576778;
  cursor: pointer;
  transition: color 0.3s ease;
}
.header__burger-aunth:hover {
  color: #f47a20;
}
.header__burger-aunth--burger {
  display: block;
  margin-bottom: 15px;
}
.header__burger-item {
  margin-bottom: 15px;
}
.header__burger-item:hover a {
  color: #f47a20;
}
.header__burger-item a {
  transition: color 0.3s ease;
  color: #576778;
}
.header__burger-number {
  color: #576778;
  margin-bottom: 15px;
}
.header__nav {
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
}
.header__nav--burger {
  display: block;
}
.header__nav--burger li {
  margin-bottom: 15px;
}
.header__nav-item {
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 1366px) {
  .header__nav-item {
    font-size: calc(0.0144404332 * 100vw + -3.725631769px);
  }
}
@media (min-width: 1920px) {
  .header__nav-item {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .header__nav-item {
    line-height: calc(0.0198555957 * 100vw + -9.1227436823px);
  }
}
@media (min-width: 1920px) {
  .header__nav-item {
    line-height: 29px;
  }
}
.header__nav-item a {
  color: #576778;
  transition: color 0.3s ease;
}
.header__nav-item a:hover {
  color: #f47a20;
}
.header__nav-item:not(:last-child) {
  margin-right: 15px;
}
@media (min-width: 1366px) {
  .header__nav-item:not(:last-child) {
    margin-right: calc(0.0812274368 * 100vw + -95.9566787004px);
  }
}
@media (min-width: 1920px) {
  .header__nav-item:not(:last-child) {
    margin-right: 60px;
  }
}
.header__nav-item--selected a {
  color: #f47a20;
}
.header__nav-item--extra {
  display: none;
}
.header__logo {
  margin-right: 30px;
}
@media (min-width: 1366px) {
  .header__logo {
    margin-right: calc(0.0180505415 * 100vw + 5.3429602888px);
  }
}
@media (min-width: 1920px) {
  .header__logo {
    margin-right: 40px;
  }
}
.header__logo-img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 56px;
}
@media (min-width: 1366px) {
  .header__logo-img {
    height: calc(0.0433212996 * 100vw + -3.1768953069px);
  }
}
@media (min-width: 1920px) {
  .header__logo-img {
    height: 80px;
  }
}
.header__blockRight {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (min-width: 1366px) {
  .header__blockRight {
    gap: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .header__blockRight {
    gap: 30px;
  }
}
.header__blockRight-box {
  display: flex;
  align-items: center;
}
.header__phone {
  display: flex;
  align-items: center;
}
.header__phone-icon {
  font-size: 24px;
  color: #f47a20;
  margin-right: 10px;
}
@media (min-width: 1366px) {
  .header__phone-icon {
    margin-right: calc(0.0090252708 * 100vw + -2.3285198556px);
  }
}
@media (min-width: 1920px) {
  .header__phone-icon {
    margin-right: 15px;
  }
}
.header__phone-number {
  color: #414c59;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  transition: color 0.3s ease;
}
@media (min-width: 1366px) {
  .header__phone-number {
    font-size: calc(0.0144404332 * 100vw + -3.725631769px);
  }
}
@media (min-width: 1920px) {
  .header__phone-number {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .header__phone-number {
    line-height: calc(0.0198555957 * 100vw + -9.1227436823px);
  }
}
@media (min-width: 1920px) {
  .header__phone-number {
    line-height: 29px;
  }
}
.header__phone-number:hover {
  color: #f47a20;
}
.header__phone-number--burger {
  display: block;
  margin-bottom: 15px;
}
.header__icons {
  position: relative;
  margin-right: 15px;
}
@media (min-width: 1366px) {
  .header__icons {
    margin-right: calc(0.0108303249 * 100vw + 0.2057761733px);
  }
}
@media (min-width: 1920px) {
  .header__icons {
    margin-right: 21px;
  }
}
.header__icons--burger {
  display: flex;
}
.header__icons--burger .header__icons-icon {
  color: #c5cdd7;
  margin-bottom: 15px;
  margin-right: 20px;
  transition: color 0.3s ease;
}
.header__icons--burger .header__icons-icon:hover {
  color: #576778;
}
.header__icons--burger .header__icons-icon--authorized {
  color: #f47a20;
}
.header__icons-item {
  font-size: 24px;
  color: #c5cdd7;
  transition: color 0.3s ease;
}
.header__icons-item:hover {
  color: #576778;
}
.header__icons-item:first-child {
  margin-right: 25px;
}
@media (min-width: 1366px) {
  .header__icons-item:first-child {
    margin-right: calc(0.0108303249 * 100vw + 10.2057761733px);
  }
}
@media (min-width: 1920px) {
  .header__icons-item:first-child {
    margin-right: 31px;
  }
}
.header__icons-item--authorized {
  color: #f47a20;
}
.header__aunth {
  color: #576778;
  cursor: pointer;
  font-size: 16px;
  line-height: 18px;
  transition: color 0.3s ease;
}
@media (min-width: 1366px) {
  .header__aunth {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .header__aunth {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .header__aunth {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .header__aunth {
    line-height: 21px;
  }
}
.header__aunth:hover {
  color: #111;
}
.header__aunth--authorized {
  color: #f47a20;
}
.header__userOptions {
  position: absolute;
  z-index: 20;
  top: 40px;
  background: #ffffff;
  border: 1px solid #d6dae2;
  box-shadow: 0px 10px 30px rgba(112, 117, 133, 0.25);
  border-radius: 20px;
  opacity: 1;
  transition: opacity 0.3s ease;
  width: 240px;
  padding: 20px;
}
@media (min-width: 1366px) {
  .header__userOptions {
    width: calc(0.0577617329 * 100vw + 161.0974729242px);
  }
}
@media (min-width: 1920px) {
  .header__userOptions {
    width: 272px;
  }
}
@media (min-width: 1366px) {
  .header__userOptions {
    padding: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .header__userOptions {
    padding: 30px;
  }
}
.header__userOptions--hidden {
  opacity: 0;
  visibility: hidden;
}
.header__userOptions-account {
  color: #c5cdd7;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .header__userOptions-account {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .header__userOptions-account {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .header__userOptions-account {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .header__userOptions-account {
    line-height: 24px;
  }
}
@media (min-width: 1366px) {
  .header__userOptions-account {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .header__userOptions-account {
    margin-bottom: 30px;
  }
}
.header__userOptions-nav {
  margin-bottom: 30px;
}
@media (min-width: 1366px) {
  .header__userOptions-nav {
    margin-bottom: calc(0.0180505415 * 100vw + 5.3429602888px);
  }
}
@media (min-width: 1920px) {
  .header__userOptions-nav {
    margin-bottom: 40px;
  }
}
.header__userOptions-nav div {
  cursor: pointer;
  color: #576778;
  transition: color 0.3s ease;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 1366px) {
  .header__userOptions-nav div {
    margin-bottom: calc(0.0090252708 * 100vw + -2.3285198556px);
  }
}
@media (min-width: 1920px) {
  .header__userOptions-nav div {
    margin-bottom: 15px;
  }
}
@media (min-width: 1366px) {
  .header__userOptions-nav div {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .header__userOptions-nav div {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .header__userOptions-nav div {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .header__userOptions-nav div {
    line-height: 21px;
  }
}
.header__userOptions-nav div:hover {
  color: #c5cdd7;
}
.header__userOptions-exit {
  cursor: pointer;
  color: #f47a20;
  transition: color 0.3s ease;
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 1366px) {
  .header__userOptions-exit {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .header__userOptions-exit {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .header__userOptions-exit {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .header__userOptions-exit {
    line-height: 21px;
  }
}
.header__userOptions-exit:hover {
  color: #414c59;
}

.title {
  font-family: "phenomena";
  color: #576778;
  width: 63%;
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .title {
    font-size: calc(0.1805054152 * 100vw + -186.5703971119px);
  }
}
@media (min-width: 1920px) {
  .title {
    font-size: 160px;
  }
}
@media (min-width: 1366px) {
  .title {
    line-height: calc(0.1155234657 * 100vw + -87.8050541516px);
  }
}
@media (min-width: 1920px) {
  .title {
    line-height: 134px;
  }
}
@media (min-width: 1366px) {
  .title {
    margin-bottom: calc(0.036101083 * 100vw + -29.3140794224px);
  }
}
@media (min-width: 1920px) {
  .title {
    margin-bottom: 40px;
  }
}
.title--width100 {
  width: 100%;
}
.title--white {
  color: #ecf1f5;
}
.title--fontSize {
  font-size: 40px;
  line-height: 55px;
}
@media (min-width: 1366px) {
  .title--fontSize {
    font-size: calc(0.1010830325 * 100vw + -98.0794223827px);
  }
}
@media (min-width: 1920px) {
  .title--fontSize {
    font-size: 96px;
  }
}
@media (min-width: 1366px) {
  .title--fontSize {
    line-height: calc(0.0902527076 * 100vw + -68.285198556px);
  }
}
@media (min-width: 1920px) {
  .title--fontSize {
    line-height: 105px;
  }
}
.title--big {
  font-size: 114px;
  line-height: 0.84;
}
@media (min-width: 1366px) {
  .title--big {
    font-size: calc(0.083032491 * 100vw + 0.5776173285px);
  }
}
@media (min-width: 1920px) {
  .title--big {
    font-size: 160px;
  }
}

#from ~ .select2 .select2-selection__choice,
#to ~ .select2 .select2-selection__choice {
  background-color: transparent !important;
  padding: 0 !important;
  padding-right: 25px !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}
#from ~ .select2 .select2-selection__choice span,
#to ~ .select2 .select2-selection__choice span {
  color: #576778;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-size: 16px;
}
@media (min-width: 1366px) {
  #from ~ .select2 .select2-selection__choice span,
  #to ~ .select2 .select2-selection__choice span {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  #from ~ .select2 .select2-selection__choice span,
  #to ~ .select2 .select2-selection__choice span {
    font-size: 18px;
  }
}

.plugin-clear_button .clear__icon {
  position: absolute;
  height: 100%;
  width: auto;
  top: 0;
  right: -1rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 10;
  cursor: pointer;
}

.selectize-input {
  height: 50px;
  color: #576778;
  font-size: 14px;
  line-height: 17px;
  padding: 16px 20px;
  background: #ffffff;
  border: none;
  border-radius: 20px;
}
@media (min-width: 1366px) {
  .selectize-input {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .selectize-input {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .selectize-input {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .selectize-input {
    line-height: 19px;
  }
}
.selectize-dropdown {
  border: none;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  border-radius: 0px 0px 20px 20px;
}
.selectize-dropdown .option {
  color: #576778;
  font-size: 14px;
  line-height: 17px;
}
@media (min-width: 1366px) {
  .selectize-dropdown .option {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .selectize-dropdown .option {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .selectize-dropdown .option {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .selectize-dropdown .option {
    line-height: 19px;
  }
}

.check {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}

.count {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1366px) {
  .count {
    gap: calc(0.0090252708 * 100vw + -2.3285198556px);
  }
}
@media (min-width: 1920px) {
  .count {
    gap: 15px;
  }
}
@media (min-width: 1366px) {
  .count {
    padding-top: calc(0.0072202166 * 100vw + 0.1371841155px);
  }
}
@media (min-width: 1920px) {
  .count {
    padding-top: 14px;
  }
}
@media (min-width: 1366px) {
  .count {
    padding-bottom: calc(0.0072202166 * 100vw + 0.1371841155px);
  }
}
@media (min-width: 1920px) {
  .count {
    padding-bottom: 14px;
  }
}
@media (min-width: 1366px) {
  .count {
    padding-left: calc(0.0180505415 * 100vw + -14.6570397112px);
  }
}
@media (min-width: 1920px) {
  .count {
    padding-left: 20px;
  }
}
@media (min-width: 1366px) {
  .count {
    padding-right: calc(0.0180505415 * 100vw + -14.6570397112px);
  }
}
@media (min-width: 1920px) {
  .count {
    padding-right: 20px;
  }
}
.count__num {
  text-align: center;
  color: #272937;
  font-size: 18px;
  line-height: 1;
}
@media (min-width: 1366px) {
  .count__num {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .count__num {
    font-size: 20px;
  }
}
.count__plus, .count__minus {
  position: relative;
  width: 25px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #c5cdd7;
  cursor: pointer;
}
@media (min-width: 1366px) {
  .count__plus, .count__minus {
    width: calc(0.0198555957 * 100vw + -2.1227436823px);
  }
}
@media (min-width: 1920px) {
  .count__plus, .count__minus {
    width: 36px;
  }
}
@media (min-width: 1366px) {
  .count__plus, .count__minus {
    height: calc(0.0180505415 * 100vw + 1.3429602888px);
  }
}
@media (min-width: 1920px) {
  .count__plus, .count__minus {
    height: 36px;
  }
}
.count__plus::after, .count__minus::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.count__minus::after {
  background-image: url("../img/icon/minus.svg");
}
.count__plus::after {
  background-image: url("../img/icon/plus.svg");
}

.input-active {
  border-radius: 20px 20px 0px 0px !important;
}

.confirm {
  background-color: #ecf1f5;
  background-image: url("../img/picture/89.png") !important;
  background-position: top center;
  background-size: cover;
  padding-top: 30px;
}
@media (min-width: 1366px) {
  .confirm {
    padding-top: calc(0.0541516245 * 100vw + -43.9711191336px);
  }
}
@media (min-width: 1920px) {
  .confirm {
    padding-top: 60px;
  }
}
.confirm__btn {
  margin-top: 30px;
  background-color: #f47a20;
  display: inline-block;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  line-height: 18px;
  white-space: nowrap;
  transition: all 0.3s ease;
}
@media (min-width: 1366px) {
  .confirm__btn {
    margin-top: calc(0.0541516245 * 100vw + -43.9711191336px);
  }
}
@media (min-width: 1920px) {
  .confirm__btn {
    margin-top: 60px;
  }
}
@media (min-width: 1366px) {
  .confirm__btn {
    padding-top: calc(0.0126353791 * 100vw + 5.7400722022px);
  }
}
@media (min-width: 1920px) {
  .confirm__btn {
    padding-top: 30px;
  }
}
@media (min-width: 1366px) {
  .confirm__btn {
    padding-bottom: calc(0.0126353791 * 100vw + 5.7400722022px);
  }
}
@media (min-width: 1920px) {
  .confirm__btn {
    padding-bottom: 30px;
  }
}
@media (min-width: 1366px) {
  .confirm__btn {
    padding-left: calc(0.0794223827 * 100vw + -78.4909747292px);
  }
}
@media (min-width: 1920px) {
  .confirm__btn {
    padding-left: 74px;
  }
}
@media (min-width: 1366px) {
  .confirm__btn {
    padding-right: calc(0.0794223827 * 100vw + -78.4909747292px);
  }
}
@media (min-width: 1920px) {
  .confirm__btn {
    padding-right: 74px;
  }
}
@media (min-width: 1366px) {
  .confirm__btn {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .confirm__btn {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .confirm__btn {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .confirm__btn {
    line-height: 21px;
  }
}
.confirm__btn:hover {
  background-color: #576778;
  color: #f47a20;
}
.confirm__item .tripChoice__departure, .confirm__item .tripChoice__arrival {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.confirm__item .tripChoice__list-item {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__list-item {
    padding-top: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__list-item {
    padding-top: 30px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__list-item {
    padding-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__list-item {
    padding-bottom: 30px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__list-item {
    padding-left: calc(0.036101083 * 100vw + -29.3140794224px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__list-item {
    padding-left: 40px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__list-item {
    padding-right: calc(0.0397111913 * 100vw + -34.2454873646px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__list-item {
    padding-right: 42px;
  }
}
.confirm__item .tripChoice__departure {
  width: 29%;
}
.confirm__item .tripChoice__arrival {
  width: 27%;
}
.confirm__item .tripChoice__options-bottom {
  margin-top: auto;
}
.confirm__item .tripChoice__text {
  color: #576778;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 8px;
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__text {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__text {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__text {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__text {
    line-height: 19px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__text {
    margin-bottom: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__text {
    margin-bottom: 10px;
  }
}
.confirm__item .tripChoice__priceValue {
  margin-bottom: 17px;
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__priceValue {
    margin-bottom: calc(0.0144404332 * 100vw + -2.725631769px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__priceValue {
    margin-bottom: 25px;
  }
}
.confirm__item .tripChoice__passengersValue {
  font-size: 16px;
  margin-bottom: 17px;
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__passengersValue {
    font-size: calc(-0.0036101083 * 100vw + 20.9314079422px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__passengersValue {
    font-size: 14px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__passengersValue {
    margin-bottom: calc(0.0144404332 * 100vw + -2.725631769px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__passengersValue {
    margin-bottom: 25px;
  }
}
.confirm__item .tripChoice__confirm {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
}
.confirm__item .tripChoice__confirm div:last-child {
  margin-bottom: 0;
}
.confirm__item .tripChoice__total {
  color: #c5cdd7;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 8px;
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__total {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__total {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__total {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__total {
    line-height: 19px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__total {
    margin-bottom: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__total {
    margin-bottom: 10px;
  }
}
.confirm__item .tripChoice__total-value {
  color: #f47a20;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__total-value {
    font-size: calc(0.0072202166 * 100vw + 10.1371841155px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__total-value {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__total-value {
    line-height: calc(0.0072202166 * 100vw + 15.1371841155px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__total-value {
    line-height: 29px;
  }
}
.confirm__item .tripChoice__total-value span {
  margin-left: 5px;
}
.confirm__item .tripChoice__btn {
  padding-right: 30px;
  padding-left: 30px;
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__btn {
    padding-right: calc(0.0613718412 * 100vw + -53.8339350181px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__btn {
    padding-right: 64px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__btn {
    padding-left: calc(0.0613718412 * 100vw + -53.8339350181px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__btn {
    padding-left: 64px;
  }
}
.confirm__item .tripChoice__btn--gray {
  background-color: #576778;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__btn--gray {
    padding-top: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__btn--gray {
    padding-top: 20px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__btn--gray {
    padding-bottom: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__btn--gray {
    padding-bottom: 20px;
  }
}
.confirm__item .tripChoice__btn--gray:hover div {
  color: #f47a20;
}
.confirm__item .tripChoice__btn--gray div {
  transition: color 0.3s ease;
  text-align: center;
  margin-top: 5px;
  text-transform: none;
  color: #c5cdd7;
  font-size: 12px;
  line-height: 15px;
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__btn--gray div {
    font-size: calc(0.0036101083 * 100vw + 7.0685920578px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__btn--gray div {
    font-size: 14px;
  }
}
@media (min-width: 1366px) {
  .confirm__item .tripChoice__btn--gray div {
    line-height: calc(0.0036101083 * 100vw + 10.0685920578px);
  }
}
@media (min-width: 1920px) {
  .confirm__item .tripChoice__btn--gray div {
    line-height: 17px;
  }
}

.details {
  background-color: #ecf1f5;
  padding-top: 30px;
  background-image: url("../img/picture/89.png") !important;
}
@media (min-width: 1366px) {
  .details {
    padding-top: calc(0.0541516245 * 100vw + -43.9711191336px);
  }
}
@media (min-width: 1920px) {
  .details {
    padding-top: 60px;
  }
}
.details__box-topWrap {
  display: flex;
  justify-content: space-between;
}
.details__box-select .select2-selection {
  border: 1px solid #d6dae2;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (min-width: 1366px) {
  .details__box-select .select2-selection {
    padding-left: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .details__box-select .select2-selection {
    padding-left: 30px;
  }
}
@media (min-width: 1366px) {
  .details__box-select .select2-selection {
    padding-right: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .details__box-select .select2-selection {
    padding-right: 30px;
  }
}
@media (min-width: 1366px) {
  .details__box-select .select2-selection {
    padding-top: calc(0.0216606498 * 100vw + -17.5884476534px);
  }
}
@media (min-width: 1920px) {
  .details__box-select .select2-selection {
    padding-top: 24px;
  }
}
@media (min-width: 1366px) {
  .details__box-select .select2-selection {
    padding-bottom: calc(0.0216606498 * 100vw + -17.5884476534px);
  }
}
@media (min-width: 1920px) {
  .details__box-select .select2-selection {
    padding-bottom: 24px;
  }
}
.details__box-select .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #c5cdd7;
  font-size: 16px;
}
@media (min-width: 1366px) {
  .details__box-select .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .details__box-select .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 20px;
  }
}
.details__box-select .select2-results {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.details__box-select .select2-results__option {
  padding: 14px;
  padding-left: 14px;
}
@media (min-width: 1366px) {
  .details__box-select .select2-results__option {
    padding-left: calc(0.0108303249 * 100vw + -0.7942238267px);
  }
}
@media (min-width: 1920px) {
  .details__box-select .select2-results__option {
    padding-left: 20px;
  }
}
.details__box-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
}
@media (min-width: 1366px) {
  .details__box-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .details__box-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 20px;
  }
}
.details__box-select .select2-container--open .select2-dropdown--above {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.details__box-select .select2-container--open .select2-dropdown--above .select2-results {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.details__delete {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
.details__delete p {
  color: #F47A20;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.details .label {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 10px;
  align-items: center;
  color: #576778;
  font-size: 16px;
  line-height: 130%;
  cursor: pointer;
}
@media (min-width: 1366px) {
  .details .label {
    gap: calc(0.0090252708 * 100vw + -2.3285198556px);
  }
}
@media (min-width: 1920px) {
  .details .label {
    gap: 15px;
  }
}
@media (min-width: 1366px) {
  .details .label {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .details .label {
    font-size: 20px;
  }
}
.details .label__input:checked + .label__inputCustom {
  background-color: #f47a20;
}
.details .label__input:checked + .label__inputCustom::after {
  transform: translate(-50%, -50%) scale(1);
}
.details .label__inputCustom {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background-color: #fff;
  transition: background-color 0.38s ease-in-out;
}
.details .label__inputCustom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 13px;
  height: 9px;
  background-image: url("../img/icon/checked.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.38s ease-in-out;
}
.details__content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (min-width: 1366px) {
  .details__content {
    margin-bottom: calc(0.1263537906 * 100vw + -142.5992779783px);
  }
}
@media (min-width: 1920px) {
  .details__content {
    margin-bottom: 100px;
  }
}
.details__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 11px;
}
.details__progress {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media (min-width: 1366px) {
  .details__progress {
    margin-bottom: calc(0.036101083 * 100vw + -19.3140794224px);
  }
}
@media (min-width: 1920px) {
  .details__progress {
    margin-bottom: 50px;
  }
}
.details__progress-item {
  position: relative;
  display: flex;
  align-items: center;
}
.details__progress-item--active .details__progress-bubble {
  background-color: #f47a20;
}
.details__progress-item--active .details__progress-text {
  color: #576778;
}
.details__progress-item:not(:last-child) {
  padding-right: 30px;
  margin-right: 10px;
}
@media (min-width: 1366px) {
  .details__progress-item:not(:last-child) {
    padding-right: calc(0.0541516245 * 100vw + -43.9711191336px);
  }
}
@media (min-width: 1920px) {
  .details__progress-item:not(:last-child) {
    padding-right: 60px;
  }
}
@media (min-width: 1366px) {
  .details__progress-item:not(:last-child) {
    margin-right: calc(0.0180505415 * 100vw + -14.6570397112px);
  }
}
@media (min-width: 1920px) {
  .details__progress-item:not(:last-child) {
    margin-right: 20px;
  }
}
.details__progress-item:not(:last-child)::after {
  position: absolute;
  content: "";
  right: 1px;
  width: 20px;
  height: 2px;
  background: #c5cdd7;
}
@media (min-width: 1366px) {
  .details__progress-item:not(:last-child)::after {
    width: calc(0.036101083 * 100vw + -29.3140794224px);
  }
}
@media (min-width: 1920px) {
  .details__progress-item:not(:last-child)::after {
    width: 40px;
  }
}
.details__progress-bubble {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background: #c5cdd7;
  border-radius: 50%;
  position: relative;
}
@media (min-width: 1366px) {
  .details__progress-bubble {
    width: calc(0.0090252708 * 100vw + 12.6714801444px);
  }
}
@media (min-width: 1920px) {
  .details__progress-bubble {
    width: 30px;
  }
}
@media (min-width: 1366px) {
  .details__progress-bubble {
    height: calc(0.0090252708 * 100vw + 12.6714801444px);
  }
}
@media (min-width: 1920px) {
  .details__progress-bubble {
    height: 30px;
  }
}
@media (min-width: 1366px) {
  .details__progress-bubble {
    margin-right: calc(0.0090252708 * 100vw + -2.3285198556px);
  }
}
@media (min-width: 1920px) {
  .details__progress-bubble {
    margin-right: 15px;
  }
}
.details__progress-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .details__progress-number {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__progress-number {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .details__progress-number {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__progress-number {
    line-height: 24px;
  }
}
.details__progress-text {
  color: #c5cdd7;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .details__progress-text {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__progress-text {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .details__progress-text {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__progress-text {
    line-height: 24px;
  }
}
.details__text {
  color: #c5cdd7;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .details__text {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__text {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .details__text {
    line-height: calc(0.0036101083 * 100vw + 19.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__text {
    line-height: 26px;
  }
}
@media (min-width: 1366px) {
  .details__text {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .details__text {
    margin-bottom: 30px;
  }
}
.details__marks {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.details__back {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.details__back-text {
  color: #f47a20;
  margin-left: 15px;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .details__back-text {
    margin-left: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .details__back-text {
    margin-left: 20px;
  }
}
@media (min-width: 1366px) {
  .details__back-text {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__back-text {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .details__back-text {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__back-text {
    line-height: 24px;
  }
}
.details__back-icon {
  transform: rotate(-180deg);
  font-size: 12px;
  color: #f47a20;
}
.details__departure {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .details__departure {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .details__departure {
    margin-bottom: 30px;
  }
}
.details__departure-options {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 17px;
}
.details__departure-time {
  color: #576778;
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
}
@media (min-width: 1366px) {
  .details__departure-time {
    font-size: calc(0.0144404332 * 100vw + 8.274368231px);
  }
}
@media (min-width: 1920px) {
  .details__departure-time {
    font-size: 36px;
  }
}
@media (min-width: 1366px) {
  .details__departure-time {
    line-height: calc(0.0162454874 * 100vw + 11.8086642599px);
  }
}
@media (min-width: 1920px) {
  .details__departure-time {
    line-height: 43px;
  }
}
.details__departure-date {
  color: #576778;
  font-size: 14px;
  line-height: 17px;
}
@media (min-width: 1366px) {
  .details__departure-date {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__departure-date {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .details__departure-date {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__departure-date {
    line-height: 19px;
  }
}
.details__departure-place {
  font-weight: 500;
  color: #576778;
  font-size: 22px;
  line-height: 26px;
}
@media (min-width: 1366px) {
  .details__departure-place {
    font-size: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__departure-place {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .details__departure-place {
    line-height: calc(0.0054151625 * 100vw + 18.6028880866px);
  }
}
@media (min-width: 1920px) {
  .details__departure-place {
    line-height: 29px;
  }
}
.details__left {
  width: 50%;
}
.details__right {
  width: 450px;
  flex-shrink: 0;
}
@media (min-width: 1366px) {
  .details__right {
    width: calc(0.3700361011 * 100vw + -55.4693140794px);
  }
}
@media (min-width: 1920px) {
  .details__right {
    width: 655px;
  }
}
.details__right-map {
  width: 100%;
  height: 300px;
  border: 1px solid #d6dae2;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1366px) {
  .details__right-map {
    height: calc(0.4422382671 * 100vw + -304.0974729242px);
  }
}
@media (min-width: 1920px) {
  .details__right-map {
    height: 545px;
  }
}
.details__right-map iframe {
  width: 100%;
}
.details__busStop {
  display: flex;
  padding-left: 40px;
  margin-left: 20px;
  padding-bottom: 28px;
  position: relative;
  cursor: pointer;
}
@media (min-width: 1366px) {
  .details__busStop {
    margin-left: calc(0.036101083 * 100vw + -29.3140794224px);
  }
}
@media (min-width: 1920px) {
  .details__busStop {
    margin-left: 40px;
  }
}
@media (min-width: 1366px) {
  .details__busStop {
    padding-bottom: calc(0.0216606498 * 100vw + -1.5884476534px);
  }
}
@media (min-width: 1920px) {
  .details__busStop {
    padding-bottom: 40px;
  }
}
.details__busStop--active::before {
  width: 20px;
  background-image: url("../img/picture/trip-icon.svg"), url("../img/picture/Ellipse 32.png"), url("../img/picture/Rectangle 15.png") !important;
  background-position: 50% 2px, top center, center !important;
  background-size: 16px 16px, 20px 20px, 2px 100% !important;
}
.details__busStop--active .details__busStop-time {
  color: #f47a20;
}
.details__busStop--active .details__busStop-place {
  color: #f47a20;
}
.details__busStop:last-child {
  padding-bottom: 0;
  margin-bottom: 27px;
}
.details__busStop:last-child::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: transparent;
  position: absolute;
  left: 0px;
  background-image: url("../img/picture/trip-icon.svg");
  background-repeat: no-repeat;
}
.details__busStop::before {
  content: "";
  width: 20px;
  position: absolute;
  left: 0px;
  background-image: url("../img/picture/trip-icon.svg"), url("../img/picture/Rectangle 15.png");
  background-repeat: no-repeat;
  background-position: top center, center;
  background-size: 16px 16px, 2px 100%;
  height: 100%;
}
.details__busStop-time {
  color: #576778;
  font-weight: 600;
  margin-right: 15px;
  font-size: 16px;
  line-height: 19px;
}
@media (min-width: 1366px) {
  .details__busStop-time {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__busStop-time {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .details__busStop-time {
    line-height: calc(0.0036101083 * 100vw + 14.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__busStop-time {
    line-height: 21px;
  }
}
.details__busStop-place {
  color: #576778;
  font-size: 16px;
  line-height: 19px;
}
@media (min-width: 1366px) {
  .details__busStop-place {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__busStop-place {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .details__busStop-place {
    line-height: calc(0.0036101083 * 100vw + 14.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__busStop-place {
    line-height: 21px;
  }
}
.details__card-title {
  color: #576778;
  font-weight: 500;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .details__card-title {
    font-size: calc(0.0108303249 * 100vw + 11.2057761733px);
  }
}
@media (min-width: 1920px) {
  .details__card-title {
    font-size: 32px;
  }
}
@media (min-width: 1366px) {
  .details__card-title {
    line-height: calc(0.0108303249 * 100vw + 17.2057761733px);
  }
}
@media (min-width: 1920px) {
  .details__card-title {
    line-height: 38px;
  }
}
@media (min-width: 1366px) {
  .details__card-title {
    margin-bottom: calc(0.036101083 * 100vw + -29.3140794224px);
  }
}
@media (min-width: 1920px) {
  .details__card-title {
    margin-bottom: 40px;
  }
}
.details__card-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media (min-width: 1366px) {
  .details__card-info {
    margin-bottom: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .details__card-info {
    margin-bottom: 20px;
  }
}
.details__card-left {
  width: 20%;
  color: #c5cdd7;
  font-size: 16px;
  line-height: 19px;
}
@media (min-width: 1366px) {
  .details__card-left {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__card-left {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .details__card-left {
    line-height: calc(0.0036101083 * 100vw + 14.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__card-left {
    line-height: 21px;
  }
}
.details__card-right {
  width: 77%;
  color: #576778;
  font-size: 16px;
  line-height: 19px;
}
@media (min-width: 1366px) {
  .details__card-right {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__card-right {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .details__card-right {
    line-height: calc(0.0036101083 * 100vw + 14.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__card-right {
    line-height: 21px;
  }
}
.details__card-text {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .details__card-text {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__card-text {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .details__card-text {
    line-height: calc(0.0036101083 * 100vw + 14.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__card-text {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .details__card-text {
    margin-bottom: calc(0.036101083 * 100vw + -29.3140794224px);
  }
}
@media (min-width: 1920px) {
  .details__card-text {
    margin-bottom: 40px;
  }
}
.details__card-conditions {
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .details__card-conditions {
    margin-bottom: calc(0.0902527076 * 100vw + -103.285198556px);
  }
}
@media (min-width: 1920px) {
  .details__card-conditions {
    margin-bottom: 70px;
  }
}
.details__card-button {
  background-color: #f47a20;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 17px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  margin-right: 20px;
  white-space: nowrap;
  transition: all 0.3s ease;
}
@media (min-width: 1366px) {
  .details__card-button {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__card-button {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .details__card-button {
    line-height: calc(0.0072202166 * 100vw + 7.1371841155px);
  }
}
@media (min-width: 1920px) {
  .details__card-button {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .details__card-button {
    padding-top: calc(0.0126353791 * 100vw + -2.2599277978px);
  }
}
@media (min-width: 1920px) {
  .details__card-button {
    padding-top: 22px;
  }
}
@media (min-width: 1366px) {
  .details__card-button {
    padding-bottom: calc(0.0126353791 * 100vw + -2.2599277978px);
  }
}
@media (min-width: 1920px) {
  .details__card-button {
    padding-bottom: 22px;
  }
}
@media (min-width: 1366px) {
  .details__card-button {
    padding-left: calc(0.0288808664 * 100vw + -9.4512635379px);
  }
}
@media (min-width: 1920px) {
  .details__card-button {
    padding-left: 46px;
  }
}
@media (min-width: 1366px) {
  .details__card-button {
    padding-right: calc(0.0288808664 * 100vw + -9.4512635379px);
  }
}
@media (min-width: 1920px) {
  .details__card-button {
    padding-right: 46px;
  }
}
@media (min-width: 1366px) {
  .details__card-button {
    margin-right: calc(0.036101083 * 100vw + -29.3140794224px);
  }
}
@media (min-width: 1920px) {
  .details__card-button {
    margin-right: 40px;
  }
}
.details__card-button:hover {
  background-color: #576778;
  color: #f47a20;
}
.details__conditions-item {
  display: flex;
}
.details__conditions-item:first-child {
  margin-bottom: 10px;
}
@media (min-width: 1366px) {
  .details__conditions-item:first-child {
    margin-bottom: calc(0.0090252708 * 100vw + -2.3285198556px);
  }
}
@media (min-width: 1920px) {
  .details__conditions-item:first-child {
    margin-bottom: 15px;
  }
}
.details__conditions-text {
  color: #576778;
  font-size: 16px;
  line-height: 21px;
}
@media (min-width: 1366px) {
  .details__conditions-text {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__conditions-text {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .details__conditions-text {
    line-height: calc(0.0036101083 * 100vw + 16.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__conditions-text {
    line-height: 23px;
  }
}
.details__conditions-icon {
  font-size: 20px;
  margin-right: 15px;
}
@media (min-width: 1366px) {
  .details__conditions-icon {
    margin-right: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .details__conditions-icon {
    margin-right: 20px;
  }
}
.details__card {
  width: 42%;
  background: #ffffff;
  border: 1px solid #d6dae2;
  box-shadow: 0px 10px 30px rgba(112, 117, 133, 0.25);
  border-radius: 20px;
  padding: 20px;
}
@media (min-width: 1366px) {
  .details__card {
    padding: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .details__card {
    padding: 30px;
  }
}
.details__box-title {
  color: #576778;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .details__box-title {
    font-size: calc(0.0216606498 * 100vw + -5.5884476534px);
  }
}
@media (min-width: 1920px) {
  .details__box-title {
    font-size: 36px;
  }
}
@media (min-width: 1366px) {
  .details__box-title {
    margin-bottom: calc(0.0541516245 * 100vw + -53.9711191336px);
  }
}
@media (min-width: 1920px) {
  .details__box-title {
    margin-bottom: 50px;
  }
}
.details__box-title--mb {
  margin-bottom: 15px;
}
@media (min-width: 1366px) {
  .details__box-title--mb {
    margin-bottom: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .details__box-title--mb {
    margin-bottom: 30px;
  }
}
.details__box-container {
  display: grid;
  grid-template-columns: 1fr 0.75fr;
  gap: 35px;
}
@media (min-width: 1366px) {
  .details__box-container {
    gap: calc(0.0667870036 * 100vw + -56.2310469314px);
  }
}
@media (min-width: 1920px) {
  .details__box-container {
    gap: 72px;
  }
}
.details__box-item {
  align-self: start;
}
.details__box-item--bg {
  border-radius: 20px;
  border: 1px solid #d6dae2;
  background: #fff;
  box-shadow: 0px 10px 30px 0px rgba(112, 117, 133, 0.25);
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}
@media (min-width: 1366px) {
  .details__box-item--bg {
    padding-top: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .details__box-item--bg {
    padding-top: 30px;
  }
}
@media (min-width: 1366px) {
  .details__box-item--bg {
    padding-right: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .details__box-item--bg {
    padding-right: 30px;
  }
}
@media (min-width: 1366px) {
  .details__box-item--bg {
    padding-bottom: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .details__box-item--bg {
    padding-bottom: 30px;
  }
}
@media (min-width: 1366px) {
  .details__box-item--bg {
    padding-left: calc(0.0722021661 * 100vw + -83.6281588448px);
  }
}
@media (min-width: 1920px) {
  .details__box-item--bg {
    padding-left: 55px;
  }
}
.details__box-item--bg .details__left {
  width: unset;
}
.details__box-item--bg .details__busStop {
  margin-left: 0;
}
.details__box-top {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 30px;
}
@media (min-width: 1366px) {
  .details__box-top {
    gap: calc(0.0866425993 * 100vw + -78.3537906137px);
  }
}
@media (min-width: 1920px) {
  .details__box-top {
    gap: 88px;
  }
}
@media (min-width: 1366px) {
  .details__box-top {
    margin-bottom: calc(0.0812274368 * 100vw + -80.9566787004px);
  }
}
@media (min-width: 1920px) {
  .details__box-top {
    margin-bottom: 75px;
  }
}
.details__box-text {
  color: #576778;
  font-size: 16px;
  line-height: normal;
}
@media (min-width: 1366px) {
  .details__box-text {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .details__box-text {
    font-size: 20px;
  }
}
.details__box-text--accent {
  color: #f47a20;
}
.details__box-text--mr {
  margin-right: 10px;
}
@media (min-width: 1366px) {
  .details__box-text--mr {
    margin-right: calc(0.0180505415 * 100vw + -14.6570397112px);
  }
}
@media (min-width: 1920px) {
  .details__box-text--mr {
    margin-right: 20px;
  }
}
.details__box-text--mb {
  margin-bottom: 15px;
}
@media (min-width: 1366px) {
  .details__box-text--mb {
    margin-bottom: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .details__box-text--mb {
    margin-bottom: 30px;
  }
}
.details__box-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 15px;
  -moz-column-gap: 15px;
       column-gap: 15px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .details__box-info {
    row-gap: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .details__box-info {
    row-gap: 20px;
  }
}
@media (min-width: 1366px) {
  .details__box-info {
    -moz-column-gap: calc(0.0324909747 * 100vw + -29.3826714801px);
         column-gap: calc(0.0324909747 * 100vw + -29.3826714801px);
  }
}
@media (min-width: 1920px) {
  .details__box-info {
    -moz-column-gap: 33px;
         column-gap: 33px;
  }
}
@media (min-width: 1366px) {
  .details__box-info {
    margin-bottom: calc(0.1083032491 * 100vw + -127.9422382671px);
  }
}
@media (min-width: 1920px) {
  .details__box-info {
    margin-bottom: 80px;
  }
}
.details__box-input {
  border-radius: 20px;
  border: 1px solid #d6dae2;
  background: #fff;
  background-color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #576778;
  font-size: 16px;
  line-height: 130%;
}
@media (min-width: 1366px) {
  .details__box-input {
    padding-left: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .details__box-input {
    padding-left: 30px;
  }
}
@media (min-width: 1366px) {
  .details__box-input {
    padding-right: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .details__box-input {
    padding-right: 30px;
  }
}
@media (min-width: 1366px) {
  .details__box-input {
    padding-top: calc(0.0216606498 * 100vw + -17.5884476534px);
  }
}
@media (min-width: 1920px) {
  .details__box-input {
    padding-top: 24px;
  }
}
@media (min-width: 1366px) {
  .details__box-input {
    padding-bottom: calc(0.0216606498 * 100vw + -17.5884476534px);
  }
}
@media (min-width: 1920px) {
  .details__box-input {
    padding-bottom: 24px;
  }
}
@media (min-width: 1366px) {
  .details__box-input {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .details__box-input {
    font-size: 20px;
  }
}
.details__box-input::-webkit-input-placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 130%;
}
@media (min-width: 1366px) {
  .details__box-input::-webkit-input-placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .details__box-input::-webkit-input-placeholder {
    font-size: 20px;
  }
}
.details__box-input::-moz-placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 130%;
}
@media (min-width: 1366px) {
  .details__box-input::-moz-placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .details__box-input::-moz-placeholder {
    font-size: 20px;
  }
}
.details__box-input:-ms-input-placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 130%;
}
@media (min-width: 1366px) {
  .details__box-input:-ms-input-placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .details__box-input:-ms-input-placeholder {
    font-size: 20px;
  }
}
.details__box-input::-ms-input-placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 130%;
}
@media (min-width: 1366px) {
  .details__box-input::-ms-input-placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .details__box-input::-ms-input-placeholder {
    font-size: 20px;
  }
}
.details__box-input::-moz-placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 130%;
}
.details__box-input::placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 130%;
}
@media (min-width: 1366px) {
  .details__box-input::-moz-placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
  .details__box-input::placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .details__box-input::-moz-placeholder {
    font-size: 20px;
  }
  .details__box-input::placeholder {
    font-size: 20px;
  }
}
.details__box-gender {
  display: flex;
  align-items: center;
  margin-left: 15px;
  gap: 15px;
}
@media (min-width: 1366px) {
  .details__box-gender {
    margin-left: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .details__box-gender {
    margin-left: 30px;
  }
}
@media (min-width: 1366px) {
  .details__box-gender {
    gap: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .details__box-gender {
    gap: 30px;
  }
}
.details__box-gender, .details__box-label {
  grid-column: 1/3;
}
.details__box-button {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 10px;
  background: #f47a20;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
}
@media (min-width: 1366px) {
  .details__box-button {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .details__box-button {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .details__box-button {
    padding-left: calc(0.0324909747 * 100vw + -24.3826714801px);
  }
}
@media (min-width: 1920px) {
  .details__box-button {
    padding-left: 38px;
  }
}
@media (min-width: 1366px) {
  .details__box-button {
    padding-right: calc(0.0324909747 * 100vw + -24.3826714801px);
  }
}
@media (min-width: 1920px) {
  .details__box-button {
    padding-right: 38px;
  }
}
@media (min-width: 1366px) {
  .details__box-button {
    padding-top: calc(0.0162454874 * 100vw + -12.1913357401px);
  }
}
@media (min-width: 1920px) {
  .details__box-button {
    padding-top: 19px;
  }
}
@media (min-width: 1366px) {
  .details__box-button {
    padding-bottom: calc(0.0162454874 * 100vw + -12.1913357401px);
  }
}
@media (min-width: 1920px) {
  .details__box-button {
    padding-bottom: 19px;
  }
}
@media (min-width: 1366px) {
  .details__box-button {
    margin-top: calc(0.0180505415 * 100vw + -14.6570397112px);
  }
}
@media (min-width: 1920px) {
  .details__box-button {
    margin-top: 20px;
  }
}

.heading {
  font-family: "phenomena";
  font-weight: 700;
  text-transform: uppercase;
  color: #576778;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .heading {
    font-size: calc(0.0469314079 * 100vw + -34.1083032491px);
  }
}
@media (min-width: 1920px) {
  .heading {
    font-size: 56px;
  }
}
@media (min-width: 1366px) {
  .heading {
    line-height: calc(0.0379061372 * 100vw + -11.7797833935px);
  }
}
@media (min-width: 1920px) {
  .heading {
    line-height: 61px;
  }
}
@media (min-width: 1366px) {
  .heading {
    margin-bottom: calc(0.0758122744 * 100vw + -83.559566787px);
  }
}
@media (min-width: 1920px) {
  .heading {
    margin-bottom: 62px;
  }
}
.heading--mbsmall {
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .heading--mbsmall {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .heading--mbsmall {
    margin-bottom: 30px;
  }
}

.titleText {
  color: #576778;
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 15px;
}
@media (min-width: 1366px) {
  .titleText {
    font-size: calc(0.0036101083 * 100vw + 25.0685920578px);
  }
}
@media (min-width: 1920px) {
  .titleText {
    font-size: 32px;
  }
}
@media (min-width: 1366px) {
  .titleText {
    line-height: calc(0.0072202166 * 100vw + 24.1371841155px);
  }
}
@media (min-width: 1920px) {
  .titleText {
    line-height: 38px;
  }
}
@media (min-width: 1366px) {
  .titleText {
    margin-bottom: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .titleText {
    margin-bottom: 20px;
  }
}

.passengersValue {
  background-color: #ecf1f5;
  background-image: url("../img/picture/Group 83.png");
  background-size: contain;
  padding-bottom: 40px;
  padding-top: 40px;
}
@media (min-width: 1366px) {
  .passengersValue {
    padding-bottom: calc(0.0902527076 * 100vw + -83.285198556px);
  }
}
@media (min-width: 1920px) {
  .passengersValue {
    padding-bottom: 90px;
  }
}
@media (min-width: 1366px) {
  .passengersValue {
    padding-top: calc(0.036101083 * 100vw + -9.3140794224px);
  }
}
@media (min-width: 1920px) {
  .passengersValue {
    padding-top: 60px;
  }
}
.passengersValue__card {
  padding: 25px;
  width: 495px;
  background: #ffffff;
  border: 1px solid #d6dae2;
  box-shadow: 0px 10px 30px rgba(112, 117, 133, 0.25);
  border-radius: 20px;
}
@media (min-width: 1366px) {
  .passengersValue__card {
    padding: calc(0.0270758123 * 100vw + -11.9855595668px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__card {
    padding: 40px;
  }
}
.passengersValue__card:last-child {
  margin-bottom: 250px;
}
@media (min-width: 1366px) {
  .passengersValue__card:last-child {
    margin-bottom: calc(1.1732851986 * 100vw + -1352.7075812274px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__card:last-child {
    margin-bottom: 900px;
  }
}
.passengersValue__title {
  color: #576778;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .passengersValue__title {
    font-size: calc(0.0144404332 * 100vw + 4.274368231px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__title {
    font-size: 32px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__title {
    line-height: calc(0.0144404332 * 100vw + 10.274368231px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__title {
    line-height: 38px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__title {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__title {
    margin-bottom: 30px;
  }
}
.passengersValue__options {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
@media (min-width: 1366px) {
  .passengersValue__options {
    margin-bottom: calc(0.1083032491 * 100vw + -97.9422382671px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__options {
    margin-bottom: 110px;
  }
}
.passengersValue__options-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.passengersValue__options-item:first-child {
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .passengersValue__options-item:first-child {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__options-item:first-child {
    margin-bottom: 30px;
  }
}
.passengersValue__options-text {
  color: #576778;
  font-size: 16px;
  line-height: 19px;
}
@media (min-width: 1366px) {
  .passengersValue__options-text {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__options-text {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__options-text {
    line-height: calc(0.0036101083 * 100vw + 14.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__options-text {
    line-height: 21px;
  }
}
.passengersValue__quantity {
  display: flex;
  align-items: center;
}
.passengersValue__quantity-minus, .passengersValue__quantity-plus {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid #c5cdd7;
  border-radius: 50%;
}
.passengersValue__quantity-minus span, .passengersValue__quantity-plus span {
  color: #d6dae2;
  font-size: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
}
.passengersValue__quantity-value {
  width: 50px;
  text-align: center;
  color: #576778;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .passengersValue__quantity-value {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__quantity-value {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__quantity-value {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__quantity-value {
    line-height: 24px;
  }
}
.passengersValue__warning {
  color: #f47a20;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 15px;
}
@media (min-width: 1366px) {
  .passengersValue__warning {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__warning {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__warning {
    line-height: calc(0.0036101083 * 100vw + 14.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__warning {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__warning {
    margin-bottom: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__warning {
    margin-bottom: 30px;
  }
}
.passengersValue__btn {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  background-color: #f47a20;
  cursor: pointer;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  margin-right: 20px;
  transition: all 0.3s ease;
}
@media (min-width: 1366px) {
  .passengersValue__btn {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__btn {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__btn {
    line-height: calc(0.0072202166 * 100vw + 7.1371841155px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__btn {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__btn {
    padding-top: calc(0.0126353791 * 100vw + -2.2599277978px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__btn {
    padding-top: 22px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__btn {
    padding-bottom: calc(0.0126353791 * 100vw + -2.2599277978px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__btn {
    padding-bottom: 22px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__btn {
    padding-left: calc(0.0288808664 * 100vw + -9.4512635379px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__btn {
    padding-left: 46px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__btn {
    padding-right: calc(0.0288808664 * 100vw + -9.4512635379px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__btn {
    padding-right: 46px;
  }
}
@media (min-width: 1366px) {
  .passengersValue__btn {
    margin-right: calc(0.036101083 * 100vw + -29.3140794224px);
  }
}
@media (min-width: 1920px) {
  .passengersValue__btn {
    margin-right: 40px;
  }
}
.passengersValue__btn:hover {
  background-color: #576778;
  color: #f47a20;
}

.content {
  background-image: url("../img/picture/Group 121.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 100px;
  margin-top: 0px;
}
@media (min-width: 1366px) {
  .content {
    padding-bottom: calc(0.0902527076 * 100vw + -23.285198556px);
  }
}
@media (min-width: 1920px) {
  .content {
    padding-bottom: 150px;
  }
}
@media (min-width: 1366px) {
  .content {
    margin-top: calc(-0.1083032491 * 100vw + 147.9422382671px);
  }
}
@media (min-width: 1920px) {
  .content {
    margin-top: -60px;
  }
}
.content.partnership {
  padding-bottom: 0;
}
.content--mbNone {
  margin-bottom: 0;
}
.content__container {
  width: 100%;
  max-width: 1630px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
@media screen and (max-width: 1170px) {
  .content__container {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .content__container {
    max-width: 540px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 576px) {
  .content__container {
    max-width: none;
  }
}
.content__container--index {
  width: 1170px;
}
@media (min-width: 1366px) {
  .content__container--index {
    width: calc(0.8303249097 * 100vw + 35.7761732852px);
  }
}
@media (min-width: 1920px) {
  .content__container--index {
    width: 1630px;
  }
}
.content__main {
  padding-top: 90px;
}
@media (min-width: 1366px) {
  .content__main {
    padding-top: calc(0.0541516245 * 100vw + 16.0288808664px);
  }
}
@media (min-width: 1920px) {
  .content__main {
    padding-top: 120px;
  }
}
.content__main-text {
  max-width: 390px;
  color: #576778;
  font-size: 23px;
  line-height: 34px;
  margin-bottom: 50px;
}
@media (min-width: 1366px) {
  .content__main-text {
    max-width: calc(0.2797833935 * 100vw + 7.8158844765px);
  }
}
@media (min-width: 1920px) {
  .content__main-text {
    max-width: 545px;
  }
}
@media (min-width: 1366px) {
  .content__main-text {
    font-size: calc(0.0162454874 * 100vw + 0.8086642599px);
  }
}
@media (min-width: 1920px) {
  .content__main-text {
    font-size: 32px;
  }
}
@media (min-width: 1366px) {
  .content__main-text {
    line-height: calc(0.0072202166 * 100vw + 24.1371841155px);
  }
}
@media (min-width: 1920px) {
  .content__main-text {
    line-height: 38px;
  }
}
.content__box {
  margin-bottom: 30px;
}
@media (min-width: 1366px) {
  .content__box {
    margin-bottom: calc(0.0902527076 * 100vw + -93.285198556px);
  }
}
@media (min-width: 1920px) {
  .content__box {
    margin-bottom: 80px;
  }
}
.content__box .title {
  margin-bottom: 0;
}
.content__box-flex {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
}
.content__box-flex--wrap {
  flex-wrap: wrap;
}
.content__box-all {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}
.content__box-all:hover .content__box-link {
  color: #f47a20;
}
.content__box-all:hover .content__box-arrow {
  color: #f47a20;
}
.content__box-arrow {
  font-size: 12px;
  color: #576778;
  transition: color 0.3s ease;
}
.content__box-link {
  color: #576778;
  font-size: 22px;
  line-height: 24px;
  margin-right: 15px;
  transition: color 0.3s ease;
}
@media (min-width: 1366px) {
  .content__box-link {
    font-size: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .content__box-link {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .content__box-link {
    line-height: calc(0.0090252708 * 100vw + 11.6714801444px);
  }
}
@media (min-width: 1920px) {
  .content__box-link {
    line-height: 29px;
  }
}
@media (min-width: 1366px) {
  .content__box-link {
    margin-right: calc(0.0144404332 * 100vw + -4.725631769px);
  }
}
@media (min-width: 1920px) {
  .content__box-link {
    margin-right: 23px;
  }
}
.content__directions-all {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  margin-bottom: 30px;
}
@media (min-width: 1366px) {
  .content__directions-all {
    margin-bottom: calc(0.0902527076 * 100vw + -93.285198556px);
  }
}
@media (min-width: 1920px) {
  .content__directions-all {
    margin-bottom: 80px;
  }
}
.content__directions-all:hover .content__directions-link {
  color: #f47a20;
}
.content__directions-all:hover .content__directions-arrow {
  color: #f47a20;
}
.content__directions-arrow {
  font-size: 12px;
  color: #576778;
  transition: color 0.3s ease;
}
.content__directions-link {
  color: #576778;
  font-size: 22px;
  line-height: 24px;
  margin-right: 15px;
  transition: color 0.3s ease;
}
@media (min-width: 1366px) {
  .content__directions-link {
    font-size: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .content__directions-link {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .content__directions-link {
    line-height: calc(0.0090252708 * 100vw + 11.6714801444px);
  }
}
@media (min-width: 1920px) {
  .content__directions-link {
    line-height: 29px;
  }
}
@media (min-width: 1366px) {
  .content__directions-link {
    margin-right: calc(0.0144404332 * 100vw + -4.725631769px);
  }
}
@media (min-width: 1920px) {
  .content__directions-link {
    margin-right: 23px;
  }
}
.content__directions-card {
  width: 32%;
  background: #ffffff;
  box-shadow: 0px 20px 60px rgba(112, 117, 133, 0.25);
  border-radius: 20px;
  transition: background-color 0.3s ease;
  height: auto;
  display: grid;
  grid-template-rows: auto 1fr;
}
.content__directions-card:hover {
  background-color: #f47a20;
}
.content__directions-card:hover .content__card-icon {
  color: #ffffff;
}
.content__directions-card:hover .content__card-place {
  color: #ffffff;
}
.content__directions-card:hover .content__card-price {
  color: #ffffff;
}
.content__directions-card:hover .content__card-link {
  color: #ffffff;
}
.content__directions-card:hover .content__card-link span {
  color: #ffffff;
  margin-left: 20px;
}
.content__card-img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 20px 20px 0px 0px;
}
@media (min-width: 1366px) {
  .content__card-img {
    height: calc(0.1805054152 * 100vw + -46.5703971119px);
  }
}
@media (min-width: 1920px) {
  .content__card-img {
    height: 300px;
  }
}
.content__card-info {
  padding: 20px;
  display: grid;
  grid-template-rows: auto 1fr;
}
@media (min-width: 1366px) {
  .content__card-info {
    padding: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .content__card-info {
    padding: 30px;
  }
}
.content__card-top {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #576778;
}
.content__card-icon {
  font-size: 24px;
  color: #f47a20;
  transition: color 0.3s ease;
  margin-bottom: 10px;
}
@media (min-width: 1366px) {
  .content__card-icon {
    margin-bottom: calc(0.0090252708 * 100vw + -2.3285198556px);
  }
}
@media (min-width: 1920px) {
  .content__card-icon {
    margin-bottom: 15px;
  }
}
.content__card-place {
  color: #414c59;
  transition: color 0.3s ease;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 8px;
}
@media (min-width: 1366px) {
  .content__card-place {
    font-size: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .content__card-place {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .content__card-place {
    line-height: calc(0.0090252708 * 100vw + 11.6714801444px);
  }
}
@media (min-width: 1920px) {
  .content__card-place {
    line-height: 29px;
  }
}
@media (min-width: 1366px) {
  .content__card-place {
    margin-bottom: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .content__card-place {
    margin-bottom: 10px;
  }
}
.content__card-price {
  color: #c5cdd7;
  transition: color 0.3s ease;
  font-size: 16px;
  line-height: 18px;
  display: grid;
  grid-template-rows: auto auto;
  align-content: space-between;
}
@media (min-width: 1366px) {
  .content__card-price {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .content__card-price {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .content__card-price {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .content__card-price {
    line-height: 21px;
  }
}
.content__card-link {
  color: #f47a20;
  cursor: pointer;
  transition: color 0.3s ease;
  font-size: 16px;
  line-height: 18px;
  margin-top: 1em;
}
@media (min-width: 1366px) {
  .content__card-link {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .content__card-link {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .content__card-link {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .content__card-link {
    line-height: 21px;
  }
}
.content__card-link span {
  transition: all 0.3s ease;
  margin-left: 10px;
  font-size: 12px;
}
.content .content__partnership-title {
  width: 100%;
  color: #ecf1f5;
  font-size: 69px;
  line-height: 55px;
}
@media (min-width: 1366px) {
  .content .content__partnership-title {
    font-size: calc(0.0487364621 * 100vw + 2.4259927798px);
  }
}
@media (min-width: 1920px) {
  .content .content__partnership-title {
    font-size: 96px;
  }
}
@media (min-width: 1366px) {
  .content .content__partnership-title {
    line-height: calc(0.0902527076 * 100vw + -68.285198556px);
  }
}
@media (min-width: 1920px) {
  .content .content__partnership-title {
    line-height: 105px;
  }
}
.content__partnership-left {
  width: 50%;
  padding-top: 55px;
  padding-bottom: 55px;
}
@media (min-width: 1366px) {
  .content__partnership-left {
    padding-top: calc(0.0722021661 * 100vw + -43.6281588448px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-left {
    padding-top: 95px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-left {
    padding-bottom: calc(0.0722021661 * 100vw + -43.6281588448px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-left {
    padding-bottom: 95px;
  }
}
.content__partnership-leftText {
  color: #ecf1f5;
  font-size: 22px;
  line-height: 34px;
  margin-bottom: 25px;
}
@media (min-width: 1366px) {
  .content__partnership-leftText {
    font-size: calc(0.0180505415 * 100vw + -2.6570397112px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-leftText {
    font-size: 32px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-leftText {
    line-height: calc(0.0072202166 * 100vw + 24.1371841155px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-leftText {
    line-height: 38px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-leftText {
    margin-bottom: calc(-0.0090252708 * 100vw + 37.3285198556px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-leftText {
    margin-bottom: 20px;
  }
}
.content__partnership-leftTitle {
  color: #ecf1f5;
  font-size: 90px;
  line-height: 97px;
}
@media (min-width: 1366px) {
  .content__partnership-leftTitle {
    font-size: calc(0.0108303249 * 100vw + 75.2057761733px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-leftTitle {
    font-size: 96px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-leftTitle {
    line-height: calc(0.0144404332 * 100vw + 77.274368231px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-leftTitle {
    line-height: 105px;
  }
}
.content__partnership-right {
  width: 50%;
  background-color: #ffffff;
  border-radius: 20px;
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 25px;
  padding-bottom: 0;
}
@media (min-width: 1366px) {
  .content__partnership-right {
    margin-top: calc(0.0541516245 * 100vw + -43.9711191336px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-right {
    margin-top: 60px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-right {
    margin-bottom: calc(0.0541516245 * 100vw + -43.9711191336px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-right {
    margin-bottom: 60px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-right {
    padding: calc(0.0270758123 * 100vw + -11.9855595668px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-right {
    padding: 40px;
  }
}
.content__partnership-top {
  display: flex;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .content__partnership-top {
    margin-bottom: calc(0.0270758123 * 100vw + -16.9855595668px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-top {
    margin-bottom: 35px;
  }
}
.content__partnership-topItem {
  width: 170px;
}
@media (min-width: 1366px) {
  .content__partnership-topItem {
    width: calc(0.0812274368 * 100vw + 59.0433212996px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-topItem {
    width: 215px;
  }
}
.content__partnership-topItem:not(:last-child) {
  margin-right: 15px;
}
@media (min-width: 1366px) {
  .content__partnership-topItem:not(:last-child) {
    margin-right: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-topItem:not(:last-child) {
    margin-right: 30px;
  }
}
.content__partnership-topText {
  color: #c5cdd7;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 5px;
}
@media (min-width: 1366px) {
  .content__partnership-topText {
    font-size: calc(0.0036101083 * 100vw + 7.0685920578px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-topText {
    font-size: 14px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-topText {
    line-height: calc(0.0036101083 * 100vw + 10.0685920578px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-topText {
    line-height: 17px;
  }
}
.content__partnership-input {
  padding-bottom: 8px;
  border-bottom: 1px solid #c5cdd7;
}
@media (min-width: 1366px) {
  .content__partnership-input {
    padding-bottom: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-input {
    padding-bottom: 10px;
  }
}
.content__partnership-bottom {
  display: flex;
  align-items: center;
}
.content__partnership-btn {
  background-color: #f47a20;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  margin-right: 20px;
  white-space: nowrap;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (min-width: 1366px) {
  .content__partnership-btn {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-btn {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-btn {
    line-height: calc(0.0072202166 * 100vw + 7.1371841155px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-btn {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-btn {
    padding-top: calc(0.0126353791 * 100vw + -2.2599277978px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-btn {
    padding-top: 22px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-btn {
    padding-bottom: calc(0.0126353791 * 100vw + -2.2599277978px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-btn {
    padding-bottom: 22px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-btn {
    padding-left: calc(0.0288808664 * 100vw + -9.4512635379px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-btn {
    padding-left: 46px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-btn {
    padding-right: calc(0.0288808664 * 100vw + -9.4512635379px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-btn {
    padding-right: 46px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-btn {
    margin-right: calc(0.036101083 * 100vw + -29.3140794224px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-btn {
    margin-right: 40px;
  }
}
.content__partnership-btn:hover {
  background-color: #576778;
  color: #f47a20;
}
.content__partnership-info {
  max-width: 310px;
  color: #c5cdd7;
  font-size: 12px;
  line-height: 14px;
}
@media (min-width: 1366px) {
  .content__partnership-info {
    font-size: calc(0.0036101083 * 100vw + 7.0685920578px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-info {
    font-size: 14px;
  }
}
@media (min-width: 1366px) {
  .content__partnership-info {
    line-height: calc(0.0054151625 * 100vw + 6.6028880866px);
  }
}
@media (min-width: 1920px) {
  .content__partnership-info {
    line-height: 17px;
  }
}
.content__partnership-info a {
  color: #f47a20;
}

.partnership {
  background-color: #f47a20;
  background-image: url("../img/picture/Group 122.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 0;
}
.partnership__container {
  display: flex;
  justify-content: space-between;
}

.main {
  background-image: url("../img/picture/ford-transit 1.png"), url("../img/picture/Group 83.png"), linear-gradient(rgb(236, 241, 245), rgb(236, 241, 245));
  background-repeat: no-repeat;
  background-position: 100% 100%, top, top;
  background-size: auto, 100% 100%, 100% 70%;
  height: 882px;
}

.wrapper {
  position: relative;
}

.select1 {
  width: 230px;
}
@media (min-width: 1366px) {
  .select1 {
    width: calc(0.0722021661 * 100vw + 131.3718411552px);
  }
}
@media (min-width: 1920px) {
  .select1 {
    width: 270px;
  }
}

.tripOrder {
  background-color: #ffffff;
  border-radius: 20px;
  border: 2px solid #f47a20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 20px 60px rgba(112, 117, 133, 0.25);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 1366px) {
  .tripOrder {
    padding-top: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .tripOrder {
    padding-top: 20px;
  }
}
@media (min-width: 1366px) {
  .tripOrder {
    padding-bottom: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .tripOrder {
    padding-bottom: 20px;
  }
}
@media (min-width: 1366px) {
  .tripOrder {
    padding-left: calc(0.023465704 * 100vw + -2.0541516245px);
  }
}
@media (min-width: 1920px) {
  .tripOrder {
    padding-left: 43px;
  }
}
@media (min-width: 1366px) {
  .tripOrder {
    padding-right: calc(-0.0180505415 * 100vw + 54.6570397112px);
  }
}
@media (min-width: 1920px) {
  .tripOrder {
    padding-right: 20px;
  }
}
.tripOrder__inputs {
  display: flex;
  align-items: center;
  width: 100%;
}
.tripOrder__form {
  display: flex;
  position: relative;
}
.tripOrder__text {
  color: #c5cdd7;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 17px;
  margin-left: 34px;
}
@media (min-width: 1366px) {
  .tripOrder__text {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__text {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__text {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__text {
    line-height: 19px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__text {
    margin-left: calc(0.0108303249 * 100vw + 19.2057761733px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__text {
    margin-left: 40px;
  }
}
.tripOrder__from, .tripOrder__to {
  margin-right: 15px;
  width: 100%;
  max-width: 280px;
}
@media (min-width: 1366px) {
  .tripOrder__from, .tripOrder__to {
    margin-right: calc(0.0180505415 * 100vw + -9.6570397112px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__from, .tripOrder__to {
    margin-right: 25px;
  }
}
.tripOrder__form .select2-selection .select2-search--inline .select2-search__field {
  caret-color: transparent;
}
.tripOrder__switch {
  margin-right: 6px;
}
@media (min-width: 1366px) {
  .tripOrder__switch {
    margin-right: calc(0.0036101083 * 100vw + 1.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__switch {
    margin-right: 8px;
  }
}
.tripOrder__switch-icon {
  cursor: pointer;
  margin: 0;
  margin-top: 15px;
}
@media (min-width: 1366px) {
  .tripOrder__switch-icon {
    margin-top: calc(-0.0270758123 * 100vw + 51.9855595668px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__switch-icon {
    margin-top: 0px;
  }
}
.tripOrder__form {
  width: 100%;
}
.tripOrder__to .tripOrder__icon {
  color: #f47a20;
}
.tripOrder__when {
  position: relative;
  margin-right: 10px;
  min-width: 25%;
}
.tripOrder__icon {
  margin-right: 5px;
  color: #c5cdd7;
  font-size: 24px;
}
@media (min-width: 1366px) {
  .tripOrder__icon {
    margin-right: calc(0.0090252708 * 100vw + -7.3285198556px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__icon {
    margin-right: 10px;
  }
}
.tripOrder__input {
  max-width: 100%;
  width: 86%;
  color: #576778;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1366px) {
  .tripOrder__input {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__input {
    line-height: calc(0.0072202166 * 100vw + 10.1371841155px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input {
    line-height: 24px;
  }
}
.tripOrder__input[type=date] {
  border-bottom: 1px solid #c5cdd7;
  padding-bottom: 10px;
}
@media (min-width: 1366px) {
  .tripOrder__input[type=date] {
    padding-bottom: calc(0.0090252708 * 100vw + -2.3285198556px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input[type=date] {
    padding-bottom: 15px;
  }
}
.tripOrder__input::-webkit-input-placeholder {
  color: #576778;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .tripOrder__input::-webkit-input-placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input::-webkit-input-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__input::-webkit-input-placeholder {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input::-webkit-input-placeholder {
    line-height: 24px;
  }
}
.tripOrder__input::-moz-placeholder {
  color: #576778;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .tripOrder__input::-moz-placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input::-moz-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__input::-moz-placeholder {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input::-moz-placeholder {
    line-height: 24px;
  }
}
.tripOrder__input:-ms-input-placeholder {
  color: #576778;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .tripOrder__input:-ms-input-placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input:-ms-input-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__input:-ms-input-placeholder {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input:-ms-input-placeholder {
    line-height: 24px;
  }
}
.tripOrder__input::-ms-input-placeholder {
  color: #576778;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .tripOrder__input::-ms-input-placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input::-ms-input-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__input::-ms-input-placeholder {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input::-ms-input-placeholder {
    line-height: 24px;
  }
}
.tripOrder__input::-moz-placeholder {
  color: #576778;
  font-size: 18px;
  line-height: 22px;
}
.tripOrder__input::placeholder {
  color: #576778;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .tripOrder__input::-moz-placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
  .tripOrder__input::placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input::-moz-placeholder {
    font-size: 20px;
  }
  .tripOrder__input::placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__input::-moz-placeholder {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
  .tripOrder__input::placeholder {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input::-moz-placeholder {
    line-height: 24px;
  }
  .tripOrder__input::placeholder {
    line-height: 24px;
  }
}
.tripOrder__input .item {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  font-size: 18px;
}
@media (min-width: 1366px) {
  .tripOrder__input .item {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input .item {
    font-size: 20px;
  }
}
.tripOrder__input.selectize-control {
  height: 40px;
  height: 33px;
}
@media (min-width: 1366px) {
  .tripOrder__input.selectize-control {
    height: calc(0.0126353791 * 100vw + 15.7400722022px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__input.selectize-control {
    height: 40px;
  }
}
.tripOrder__btn {
  width: 25%;
  background-color: #f47a20;
  border-radius: 10px;
  color: #ffffff;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  margin-left: 5px;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 18px;
  transition: all 0.3s ease;
}
@media (min-width: 1366px) {
  .tripOrder__btn {
    padding-top: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__btn {
    padding-top: 30px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__btn {
    padding-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__btn {
    padding-bottom: 30px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__btn {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__btn {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__btn {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__btn {
    line-height: 21px;
  }
}
.tripOrder__btn:hover {
  background-color: #576778;
  color: #f47a20;
}
.tripOrder__options {
  position: absolute;
  right: 14px;
  top: 6px;
  top: 3px;
  display: flex;
}
@media (min-width: 1366px) {
  .tripOrder__options {
    top: calc(0.0054151625 * 100vw + -4.3971119134px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__options {
    top: 6px;
  }
}
.tripOrder__options div {
  color: #f47a20;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  transition: color 0.3s ease;
}
@media (min-width: 1366px) {
  .tripOrder__options div {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__options div {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .tripOrder__options div {
    line-height: calc(0.0054151625 * 100vw + 8.6028880866px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__options div {
    line-height: 19px;
  }
}
.tripOrder__options div:hover {
  color: #576778;
}
.tripOrder__options div:first-child {
  margin-right: 5px;
}
@media (min-width: 1366px) {
  .tripOrder__options div:first-child {
    margin-right: calc(0.0180505415 * 100vw + -19.6570397112px);
  }
}
@media (min-width: 1920px) {
  .tripOrder__options div:first-child {
    margin-right: 15px;
  }
}
.tripOrder .selectize-input {
  padding: 5px;
  padding-right: 1rem;
  border: none;
  overflow: hidden;
  border-radius: 0px;
  height: 100%;
  box-shadow: none;
  display: flex;
  color: #576778;
  font-size: 14px;
  line-height: 16px;
  border-bottom: 1px solid #c5cdd7;
  padding-bottom: 15px;
}
@media (min-width: 1366px) {
  .tripOrder .selectize-input {
    font-size: calc(0.0108303249 * 100vw + -0.7942238267px);
  }
}
@media (min-width: 1920px) {
  .tripOrder .selectize-input {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .tripOrder .selectize-input {
    line-height: calc(0.0144404332 * 100vw + -3.725631769px);
  }
}
@media (min-width: 1920px) {
  .tripOrder .selectize-input {
    line-height: 24px;
  }
}
@media (min-width: 1366px) {
  .tripOrder .selectize-input {
    padding-bottom: calc(0 * 100vw + 15px);
  }
}
@media (min-width: 1920px) {
  .tripOrder .selectize-input {
    padding-bottom: 15px;
  }
}
.tripOrder .selectize-input::after {
  display: none !important;
}
.tripOrder .selectize-input input {
  font-size: 14px;
  line-height: 16px;
}
@media (min-width: 1366px) {
  .tripOrder .selectize-input input {
    font-size: calc(0.0108303249 * 100vw + -0.7942238267px);
  }
}
@media (min-width: 1920px) {
  .tripOrder .selectize-input input {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .tripOrder .selectize-input input {
    line-height: calc(0.0144404332 * 100vw + -3.725631769px);
  }
}
@media (min-width: 1920px) {
  .tripOrder .selectize-input input {
    line-height: 24px;
  }
}
.tripOrder .input-active {
  border-radius: 0px !important;
}
.tripOrder .selectize-dropdown-content div {
  padding: 5px;
}
.tripOrder .selectize-dropdown {
  padding: 8px;
  position: absolute !important;
  background-color: #fff;
}
.tripOrder .selectize-dropdown .selected {
  background-color: #f47a20;
  color: #fff;
}
.tripOrder .selectize-control.single .selectize-input {
  box-shadow: none;
  background-image: none;
  background-color: transparent;
}

.burger {
  display: none;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 12;
  cursor: pointer;
  transition: 0.38s ease-in-out;
}

.tripChoice {
  background-image: url("../img/picture/89.png");
  background-color: #ecf1f5;
  background-position: top center;
  background-size: cover;
  padding-top: 30px;
}
@media (min-width: 1366px) {
  .tripChoice {
    padding-top: calc(0.0541516245 * 100vw + -43.9711191336px);
  }
}
@media (min-width: 1920px) {
  .tripChoice {
    padding-top: 60px;
  }
}
.tripChoice .tripOrder {
  margin-bottom: 20px;
  box-shadow: none;
}
.tripChoice__filter {
  overflow-x: scroll;
  display: flex;
  align-items: center;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tripChoice__filter::-webkit-scrollbar {
  display: none;
}
.tripChoice .selected {
  background-color: #fff;
}
.tripChoice .active {
  background-color: #fff;
}
.tripChoice .selectize-control {
  position: inherit;
}
.tripChoice__options {
  margin-left: 10px;
}
@media (min-width: 1366px) {
  .tripChoice__options {
    margin-left: calc(0.1480144404 * 100vw + -192.1877256318px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__options {
    margin-left: 92px;
  }
}
.tripChoice__options-images {
  display: flex;
  flex-wrap: wrap;
  width: 128px;
  gap: 15px;
}
@media (min-width: 1366px) {
  .tripChoice__options-images {
    gap: calc(0.0126353791 * 100vw + -2.2599277978px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__options-images {
    gap: 22px;
  }
}
.tripChoice__options-images img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 25px;
}
@media (min-width: 1366px) {
  .tripChoice__options-images img {
    width: calc(0.0054151625 * 100vw + 17.6028880866px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__options-images img {
    width: 28px;
  }
}
.tripChoice__sort {
  width: 50%;
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 15px;
}
@media (min-width: 1366px) {
  .tripChoice__sort {
    margin-bottom: calc(0.0631768953 * 100vw + -71.2996389892px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__sort {
    margin-bottom: 50px;
  }
}
.tripChoice__sort-text {
  color: #576778;
  font-size: 16px;
  line-height: 19px;
  margin-right: 10px;
}
@media (min-width: 1366px) {
  .tripChoice__sort-text {
    font-size: calc(0.0054151625 * 100vw + 8.6028880866px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__sort-text {
    font-size: 19px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__sort-text {
    line-height: calc(0.0036101083 * 100vw + 14.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__sort-text {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__sort-text {
    margin-right: calc(0.0505415162 * 100vw + -59.0397111913px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__sort-text {
    margin-right: 38px;
  }
}
.tripChoice__wrapper {
  width: 100%;
  display: flex;
}
.tripChoice__departure {
  width: 23%;
}
.tripChoice__arrival {
  width: 20%;
}
.tripChoice__controls {
  display: flex;
  margin-left: auto;
  flex-direction: column;
  min-width: 280px;
}
.tripChoice__controls-info {
  display: flex;
  gap: 1em;
  justify-content: center;
}
.tripChoice__controls-info .tripChoice__enabled:first-child {
  position: relative;
}
.tripChoice__controls-info .tripChoice__enabled:first-child:after {
  content: "";
  position: absolute;
  margin-left: 1ch;
  height: 100%;
  width: 1px;
  background-color: #B9C3CF;
}
.tripChoice__controls-booking .tripChoice__btn {
  background-color: #576778;
}
.tripChoice__controls-pay .tripChoice__enabled {
  position: relative;
}
.tripChoice__controls-pay .tripChoice__enabled:before {
  content: "";
  position: absolute;
  right: -3px;
  height: 100%;
  width: 1px;
  background-color: #B9C3CF;
}
@media (min-width: 1366px) {
  .tripChoice__controls-pay .tripChoice__enabled:before {
    right: calc(-0.0036101083 * 100vw + 1.9314079422px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__controls-pay .tripChoice__enabled:before {
    right: -5px;
  }
}
.tripChoice__list-item {
  display: flex;
  position: relative;
  justify-content: space-between;
  background-color: #ffffff;
  border: 2px solid #f47a20;
  box-shadow: 0px 10px 30px rgba(112, 117, 133, 0.25);
  border-radius: 20px;
  margin-bottom: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1366px) {
  .tripChoice__list-item {
    margin-bottom: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item {
    margin-bottom: 20px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item {
    padding-top: calc(0.0108303249 * 100vw + 5.2057761733px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item {
    padding-top: 26px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item {
    padding-bottom: calc(0.0108303249 * 100vw + 5.2057761733px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item {
    padding-bottom: 26px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item {
    padding-left: calc(0.036101083 * 100vw + -29.3140794224px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item {
    padding-left: 40px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item {
    padding-right: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item {
    padding-right: 30px;
  }
}
.tripChoice__list-item--history .tripChoice__departure, .tripChoice__list-item--history .tripChoice__arrival, .tripChoice__list-item--history .tripChoice__options {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tripChoice__list-item--history .tripChoice__options-right {
  display: flex;
  gap: 30px;
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__options-right {
    gap: calc(0.0667870036 * 100vw + -61.2310469314px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__options-right {
    gap: 67px;
  }
}
.tripChoice__list-item--history .tripChoice__options-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__options-wrapper {
    gap: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__options-wrapper {
    gap: 10px;
  }
}
.tripChoice__list-item--history .tripChoice__confirm {
  align-self: auto;
  margin-right: 0px;
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__confirm {
    margin-right: calc(0.1263537906 * 100vw + -172.5992779783px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__confirm {
    margin-right: 70px;
  }
}
.tripChoice__list-item--history .tripChoice__confirm .tripChoice__btn {
  background-color: #576778;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  height: -moz-fit-content;
  height: fit-content;
}
.tripChoice__list-item--history .tripChoice__confirm-wrapper {
  display: flex;
  gap: 10px;
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__confirm-wrapper {
    gap: calc(0.0090252708 * 100vw + -2.3285198556px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__confirm-wrapper {
    gap: 15px;
  }
}
.tripChoice__list-item--history .tripChoice__confirm-sum {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: rgb(87, 103, 120);
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 8px;
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__confirm-sum {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__confirm-sum {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__confirm-sum {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__confirm-sum {
    line-height: 19px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__confirm-sum {
    margin-bottom: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__confirm-sum {
    margin-bottom: 10px;
  }
}
.tripChoice__list-item--history .tripChoice__confirm-sumValue {
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  color: rgb(244, 122, 32);
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__confirm-sumValue {
    font-size: calc(0.0072202166 * 100vw + 10.1371841155px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__confirm-sumValue {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__confirm-sumValue {
    line-height: calc(0.0072202166 * 100vw + 15.1371841155px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__confirm-sumValue {
    line-height: 29px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__confirm-sumValue {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__confirm-sumValue {
    margin-bottom: 30px;
  }
}
.tripChoice__list-item--history .tripChoice__confirm-pay {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
  color: rgb(197, 205, 215);
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__confirm-pay {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__confirm-pay {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__confirm-pay {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__confirm-pay {
    line-height: 19px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--history .tripChoice__confirm-pay {
    margin-bottom: calc(0.0090252708 * 100vw + -2.3285198556px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--history .tripChoice__confirm-pay {
    margin-bottom: 15px;
  }
}
.tripChoice__list-item--history .tripChoice__confirm-payValue {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: rgb(244, 122, 32);
}
.tripChoice__list-item--history .tripChoice__passengers {
  margin-bottom: 0;
}
.tripChoice__list-item--history .tripChoice__passengersValue {
  margin-bottom: 0;
}
.tripChoice__list-item:last-child {
  margin-bottom: 200px;
}
@media (min-width: 1366px) {
  .tripChoice__list-item:last-child {
    margin-bottom: calc(0.3610108303 * 100vw + -293.1407942238px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item:last-child {
    margin-bottom: 400px;
  }
}
.tripChoice__list-item--moscow {
  position: absolute;
  top: 0px;
  left: 120px;
  background: #ffa15b;
  border-radius: 0px 0px 10px 10px;
  padding: 7px;
  padding-bottom: 5px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
}
@media (min-width: 1366px) {
  .tripChoice__list-item--moscow {
    left: calc(0.1624548736 * 100vw + -101.9133574007px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--moscow {
    left: 210px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--moscow {
    font-size: calc(0.0036101083 * 100vw + 7.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--moscow {
    font-size: 14px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--moscow {
    line-height: calc(0.0036101083 * 100vw + 10.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--moscow {
    line-height: 17px;
  }
}
.tripChoice__list-item--firmal {
  position: absolute;
  top: 0px;
  left: 120px;
  background: #af55e6;
  border-radius: 0px 0px 10px 10px;
  padding: 7px;
  padding-bottom: 5px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
}
@media (min-width: 1366px) {
  .tripChoice__list-item--firmal {
    left: calc(0.1624548736 * 100vw + -101.9133574007px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--firmal {
    left: 210px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--firmal {
    font-size: calc(0.0036101083 * 100vw + 7.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--firmal {
    font-size: 14px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--firmal {
    line-height: calc(0.0036101083 * 100vw + 10.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--firmal {
    line-height: 17px;
  }
}
.tripChoice__list-item--fast {
  position: absolute;
  top: 0px;
  left: 120px;
  background: #555ae6;
  border-radius: 0px 0px 10px 10px;
  padding: 7px;
  padding-bottom: 5px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
}
@media (min-width: 1366px) {
  .tripChoice__list-item--fast {
    left: calc(0.1624548736 * 100vw + -101.9133574007px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--fast {
    left: 210px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--fast {
    font-size: calc(0.0036101083 * 100vw + 7.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--fast {
    font-size: 14px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__list-item--fast {
    line-height: calc(0.0036101083 * 100vw + 10.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__list-item--fast {
    line-height: 17px;
  }
}
.tripChoice__date {
  color: #576778;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 18px;
}
@media (min-width: 1366px) {
  .tripChoice__date {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__date {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__date {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__date {
    line-height: 24px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__date {
    margin-bottom: calc(0.0126353791 * 100vw + 0.7400722022px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__date {
    margin-bottom: 25px;
  }
}
.tripChoice__time {
  color: #576778;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 8px;
}
@media (min-width: 1366px) {
  .tripChoice__time {
    font-size: calc(0.0216606498 * 100vw + -5.5884476534px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__time {
    font-size: 36px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__time {
    line-height: calc(0.023465704 * 100vw + -2.0541516245px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__time {
    line-height: 43px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__time {
    margin-bottom: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__time {
    margin-bottom: 10px;
  }
}
.tripChoice__place {
  color: #c5cdd7;
  font-size: 14px;
  line-height: 17px;
  padding-right: 5px;
}
@media (min-width: 1366px) {
  .tripChoice__place {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__place {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__place {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__place {
    line-height: 19px;
  }
}
.tripChoice__placeInfo {
  color: rgb(87, 103, 120);
  padding-right: 5px;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 19px;
}
@media (min-width: 1366px) {
  .tripChoice__placeInfo {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__placeInfo {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__placeInfo {
    line-height: calc(0.0036101083 * 100vw + 14.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__placeInfo {
    line-height: 21px;
  }
}
.tripChoice__price {
  color: #c5cdd7;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 8px;
}
@media (min-width: 1366px) {
  .tripChoice__price {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__price {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__price {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__price {
    line-height: 19px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__price {
    margin-bottom: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__price {
    margin-bottom: 10px;
  }
}
.tripChoice__priceValue {
  color: #576778;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;
}
@media (min-width: 1366px) {
  .tripChoice__priceValue {
    font-size: calc(0.0108303249 * 100vw + 3.2057761733px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__priceValue {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__priceValue {
    line-height: calc(0.0090252708 * 100vw + 11.6714801444px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__priceValue {
    line-height: 29px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__priceValue {
    margin-bottom: calc(0.0054151625 * 100vw + 4.6028880866px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__priceValue {
    margin-bottom: 15px;
  }
}
.tripChoice__travelTime {
  color: #c5cdd7;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 8px;
}
@media (min-width: 1366px) {
  .tripChoice__travelTime {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__travelTime {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__travelTime {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__travelTime {
    line-height: 19px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__travelTime {
    margin-bottom: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__travelTime {
    margin-bottom: 10px;
  }
}
.tripChoice__timeValue {
  color: #576778;
  font-size: 14px;
  line-height: 16px;
}
@media (min-width: 1366px) {
  .tripChoice__timeValue {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__timeValue {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__timeValue {
    line-height: calc(0.0054151625 * 100vw + 8.6028880866px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__timeValue {
    line-height: 19px;
  }
}
.tripChoice__passengers {
  color: #c5cdd7;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 8px;
}
@media (min-width: 1366px) {
  .tripChoice__passengers {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__passengers {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__passengers {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__passengers {
    line-height: 19px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__passengers {
    margin-bottom: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__passengers {
    margin-bottom: 10px;
  }
}
.tripChoice__passengersValue {
  color: #576778;
  font-size: 14px;
  line-height: 16px;
}
@media (min-width: 1366px) {
  .tripChoice__passengersValue {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__passengersValue {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__passengersValue {
    line-height: calc(0.0054151625 * 100vw + 8.6028880866px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__passengersValue {
    line-height: 19px;
  }
}
.tripChoice__btn {
  background-color: #f47a20;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 68px;
  padding-right: 68px;
}
@media (min-width: 1366px) {
  .tripChoice__btn {
    margin-bottom: calc(0.0162454874 * 100vw + -16.1913357401px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn {
    margin-bottom: 15px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__btn {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__btn {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__btn {
    padding-top: calc(0.0198555957 * 100vw + -7.1227436823px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn {
    padding-top: 31px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__btn {
    padding-bottom: calc(0.0144404332 * 100vw + 0.274368231px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn {
    padding-bottom: 28px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__btn {
    padding-left: calc(0.0613718412 * 100vw + -15.8339350181px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn {
    padding-left: 102px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__btn {
    padding-right: calc(0.0613718412 * 100vw + -15.8339350181px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn {
    padding-right: 102px;
  }
}
.tripChoice__btn--myTrip {
  padding-left: 36px;
  padding-right: 36px;
}
@media (min-width: 1366px) {
  .tripChoice__btn--myTrip {
    padding-left: calc(0.0306859206 * 100vw + -5.916967509px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn--myTrip {
    padding-left: 53px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__btn--myTrip {
    padding-right: calc(0.0306859206 * 100vw + -5.916967509px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn--myTrip {
    padding-right: 53px;
  }
}
.tripChoice__btn--small {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 28px;
  padding-right: 28px;
  margin-bottom: 8px;
}
@media (min-width: 1366px) {
  .tripChoice__btn--small {
    padding-top: calc(0.0108303249 * 100vw + 3.2057761733px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn--small {
    padding-top: 24px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__btn--small {
    padding-bottom: calc(0.0108303249 * 100vw + 3.2057761733px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn--small {
    padding-bottom: 24px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__btn--small {
    padding-left: calc(0.0072202166 * 100vw + 18.1371841155px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn--small {
    padding-left: 32px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__btn--small {
    padding-right: calc(0.0072202166 * 100vw + 18.1371841155px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn--small {
    padding-right: 32px;
  }
}
.tripChoice__btn--grey {
  background-color: #576778;
  color: white;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 1366px) {
  .tripChoice__btn--grey {
    padding-top: calc(0.0072202166 * 100vw + -1.8628158845px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn--grey {
    padding-top: 12px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__btn--grey {
    padding-bottom: calc(0.0072202166 * 100vw + -1.8628158845px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn--grey {
    padding-bottom: 12px;
  }
}
.tripChoice__btn--grey span:nth-child(2) {
  font-size: 10px;
}
@media (min-width: 1366px) {
  .tripChoice__btn--grey span:nth-child(2) {
    font-size: calc(0.0036101083 * 100vw + 5.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__btn--grey span:nth-child(2) {
    font-size: 12px;
  }
}
.tripChoice__btn:hover {
  background-color: #576778;
  color: #f47a20;
}
.tripChoice__enabled {
  color: #c5cdd7;
  text-align: end;
  font-size: 14px;
  line-height: 17px;
}
@media (min-width: 1366px) {
  .tripChoice__enabled {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__enabled {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__enabled {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__enabled {
    line-height: 19px;
  }
}
.tripChoice__enabled--myTrip {
  color: #576778;
  font-size: 14px;
}
@media (min-width: 1366px) {
  .tripChoice__enabled--myTrip {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__enabled--myTrip {
    font-size: 16px;
  }
}
.tripChoice__confirm {
  align-self: flex-end;
  margin-left: auto;
}
.tripChoice__confirm--hidden {
  display: none;
}
.tripChoice__passengers-info {
  display: flex;
  margin-bottom: 10px;
  gap: 30px;
}
@media (min-width: 1366px) {
  .tripChoice__passengers-info {
    margin-bottom: calc(0.0180505415 * 100vw + -14.6570397112px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__passengers-info {
    margin-bottom: 20px;
  }
}
@media (min-width: 1366px) {
  .tripChoice__passengers-info {
    gap: calc(0.0667870036 * 100vw + -61.2310469314px);
  }
}
@media (min-width: 1920px) {
  .tripChoice__passengers-info {
    gap: 67px;
  }
}
.tripChoice__passengers-surname {
  font-family: "sf-pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  text-align: left;
  color: #576778;
  margin-bottom: 10px;
}

.swiper--hidden {
  display: none;
}

.selected {
  background-color: #ecf1f5;
}
.selected span {
  color: #576778;
}

.active {
  color: #c5cdd7 !important;
}

.delete {
  border-radius: 20px;
  background: #ffffff;
  padding: 20px;
  padding-top: 30px;
  z-index: 21;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease;
}
@media (min-width: 1366px) {
  .delete {
    padding: calc(0.0541516245 * 100vw + -53.9711191336px);
  }
}
@media (min-width: 1920px) {
  .delete {
    padding: 50px;
  }
}
@media (min-width: 1366px) {
  .delete {
    padding-top: calc(0.0541516245 * 100vw + -43.9711191336px);
  }
}
@media (min-width: 1920px) {
  .delete {
    padding-top: 60px;
  }
}
.delete--hidden {
  opacity: 0;
  visibility: hidden;
}
.delete__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.delete__logo {
  -o-object-fit: cover;
  object-fit: cover;
  height: 120px;
  margin-bottom: 25px;
}
@media (min-width: 1366px) {
  .delete__logo {
    height: calc(0.0433212996 * 100vw + 60.8231046931px);
  }
}
@media (min-width: 1920px) {
  .delete__logo {
    height: 144px;
  }
}
@media (min-width: 1366px) {
  .delete__logo {
    margin-bottom: calc(0.0487364621 * 100vw + -41.5740072202px);
  }
}
@media (min-width: 1920px) {
  .delete__logo {
    margin-bottom: 52px;
  }
}
.delete__text {
  color: #576778;
  font-weight: 600;
  text-align: center;
  width: 280px;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .delete__text {
    width: calc(0.3249097473 * 100vw + -163.8267148014px);
  }
}
@media (min-width: 1920px) {
  .delete__text {
    width: 460px;
  }
}
@media (min-width: 1366px) {
  .delete__text {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .delete__text {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .delete__text {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .delete__text {
    line-height: 24px;
  }
}
@media (min-width: 1366px) {
  .delete__text {
    margin-bottom: calc(0.0722021661 * 100vw + -78.6281588448px);
  }
}
@media (min-width: 1920px) {
  .delete__text {
    margin-bottom: 60px;
  }
}
.delete__buttons {
  display: flex;
  gap: 15px;
}
@media (min-width: 1366px) {
  .delete__buttons {
    gap: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .delete__buttons {
    gap: 20px;
  }
}
.delete__buttons-item {
  background-color: #f47a20;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 120px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 18px;
  padding-top: 25px;
  padding-bottom: 22px;
}
@media (min-width: 1366px) {
  .delete__buttons-item {
    width: calc(0.0541516245 * 100vw + 46.0288808664px);
  }
}
@media (min-width: 1920px) {
  .delete__buttons-item {
    width: 150px;
  }
}
@media (min-width: 1366px) {
  .delete__buttons-item {
    margin-bottom: calc(0.0054151625 * 100vw + 4.6028880866px);
  }
}
@media (min-width: 1920px) {
  .delete__buttons-item {
    margin-bottom: 15px;
  }
}
@media (min-width: 1366px) {
  .delete__buttons-item {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .delete__buttons-item {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .delete__buttons-item {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .delete__buttons-item {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .delete__buttons-item {
    padding-top: calc(0.0108303249 * 100vw + 10.2057761733px);
  }
}
@media (min-width: 1920px) {
  .delete__buttons-item {
    padding-top: 31px;
  }
}
@media (min-width: 1366px) {
  .delete__buttons-item {
    padding-bottom: calc(0.0108303249 * 100vw + 7.2057761733px);
  }
}
@media (min-width: 1920px) {
  .delete__buttons-item {
    padding-bottom: 28px;
  }
}
.delete__buttons-item:hover {
  background-color: #576778;
  color: #f47a20;
}
.delete__buttons-item--gray {
  background-color: #576778;
}

.addPassenger {
  border-radius: 10px;
  border: 1px solid #C5CDD7;
  background: #ECF1F5;
  display: flex;
  gap: 13px;
  align-items: center;
  padding: 15px;
  cursor: pointer;
  transition: 0.38s ease-in-out;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .addPassenger {
    gap: calc(0.0054151625 * 100vw + 5.6028880866px);
  }
}
@media (min-width: 1920px) {
  .addPassenger {
    gap: 16px;
  }
}
@media (min-width: 1366px) {
  .addPassenger {
    padding: calc(0.0072202166 * 100vw + 5.1371841155px);
  }
}
@media (min-width: 1920px) {
  .addPassenger {
    padding: 19px;
  }
}
@media (min-width: 1366px) {
  .addPassenger {
    margin-bottom: calc(0.0722021661 * 100vw + -78.6281588448px);
  }
}
@media (min-width: 1920px) {
  .addPassenger {
    margin-bottom: 60px;
  }
}
.addPassenger:hover {
  border: 1px solid #f47a20;
}
.addPassenger:hover p {
  color: #f47a20;
}
.addPassenger:hover svg {
  border: 1px solid #f47a20;
}
.addPassenger:hover svg path {
  fill: #f47a20;
}
.addPassenger svg {
  box-sizing: content-box;
  padding: 2px;
  border: 1px solid #C5CDD7;
  border-radius: 50%;
  transition: 0.38s ease-in-out;
}
.addPassenger svg path {
  transition: 0.38s ease-in-out;
}
.addPassenger p {
  transition: 0.38s ease-in-out;
  color: #C5CDD7;
  text-align: center;
  font-family: "sf-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.welcome {
  border-radius: 20px;
  background: #ffffff;
  padding: 20px;
  z-index: 21;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease;
}
@media (min-width: 1366px) {
  .welcome {
    padding: calc(0.0541516245 * 100vw + -53.9711191336px);
  }
}
@media (min-width: 1920px) {
  .welcome {
    padding: 50px;
  }
}
.welcome--hidden {
  opacity: 0;
  visibility: hidden;
}
.welcome__title {
  color: #576778;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 15px;
}
@media (min-width: 1366px) {
  .welcome__title {
    font-size: calc(0.0144404332 * 100vw + 4.274368231px);
  }
}
@media (min-width: 1920px) {
  .welcome__title {
    font-size: 32px;
  }
}
@media (min-width: 1366px) {
  .welcome__title {
    line-height: calc(0.0108303249 * 100vw + 17.2057761733px);
  }
}
@media (min-width: 1920px) {
  .welcome__title {
    line-height: 38px;
  }
}
@media (min-width: 1366px) {
  .welcome__title {
    margin-bottom: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .welcome__title {
    margin-bottom: 20px;
  }
}
.welcome__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.welcome__logo {
  -o-object-fit: cover;
  object-fit: cover;
  height: 70px;
  margin-bottom: 28px;
}
@media (min-width: 1366px) {
  .welcome__logo {
    height: calc(0.0577617329 * 100vw + -8.9025270758px);
  }
}
@media (min-width: 1920px) {
  .welcome__logo {
    height: 102px;
  }
}
@media (min-width: 1366px) {
  .welcome__logo {
    margin-bottom: calc(0.0722021661 * 100vw + -70.6281588448px);
  }
}
@media (min-width: 1920px) {
  .welcome__logo {
    margin-bottom: 68px;
  }
}
.welcome__text {
  color: #576778;
  font-weight: 600;
  text-align: center;
  width: 320px;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .welcome__text {
    width: calc(0.2527075812 * 100vw + -25.1985559567px);
  }
}
@media (min-width: 1920px) {
  .welcome__text {
    width: 460px;
  }
}
@media (min-width: 1366px) {
  .welcome__text {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .welcome__text {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .welcome__text {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .welcome__text {
    line-height: 24px;
  }
}
@media (min-width: 1366px) {
  .welcome__text {
    margin-bottom: calc(0.0722021661 * 100vw + -78.6281588448px);
  }
}
@media (min-width: 1920px) {
  .welcome__text {
    margin-bottom: 60px;
  }
}

.modal__close {
  position: absolute;
  top: 25px;
  right: 20px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
@media (min-width: 1366px) {
  .modal__close {
    top: calc(0.0126353791 * 100vw + 7.7400722022px);
  }
}
@media (min-width: 1920px) {
  .modal__close {
    top: 32px;
  }
}
@media (min-width: 1366px) {
  .modal__close {
    right: calc(0.0072202166 * 100vw + 10.1371841155px);
  }
}
@media (min-width: 1920px) {
  .modal__close {
    right: 24px;
  }
}
.modal__close span {
  width: 19.79px;
  height: 1px;
  background-color: #576778;
  display: block;
  border-radius: 30px;
}
.modal__close span:nth-child(1) {
  transform: rotate(45deg);
}
.modal__close span:nth-child(2) {
  transform: rotate(-45deg);
  margin-top: -1px;
}
.modal__buttons {
  display: flex;
  gap: 15px;
}
@media (min-width: 1366px) {
  .modal__buttons {
    gap: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .modal__buttons {
    gap: 20px;
  }
}
.modal__buttons-item {
  background-color: #f47a20;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 120px;
  font-size: 16px;
  line-height: 18px;
  padding-top: 25px;
  padding-bottom: 22px;
}
@media (min-width: 1366px) {
  .modal__buttons-item {
    width: calc(0.0541516245 * 100vw + 46.0288808664px);
  }
}
@media (min-width: 1920px) {
  .modal__buttons-item {
    width: 150px;
  }
}
@media (min-width: 1366px) {
  .modal__buttons-item {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__buttons-item {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .modal__buttons-item {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .modal__buttons-item {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .modal__buttons-item {
    padding-top: calc(0.0108303249 * 100vw + 10.2057761733px);
  }
}
@media (min-width: 1920px) {
  .modal__buttons-item {
    padding-top: 31px;
  }
}
@media (min-width: 1366px) {
  .modal__buttons-item {
    padding-bottom: calc(0.0108303249 * 100vw + 7.2057761733px);
  }
}
@media (min-width: 1920px) {
  .modal__buttons-item {
    padding-bottom: 28px;
  }
}
.modal__buttons-item:hover {
  background-color: #576778;
  color: #f47a20;
}
.modal__buttons-item--gray {
  background-color: #576778;
}
.modal__overlay {
  position: absolute;
  top: 0px;
  z-index: 20;
  width: 100%;
  height: 100%;
  background-color: rgba(59, 59, 59, 0.5);
  transition: background-color 0.3s ease;
  transition: visibility, 0.6s ease;
}
.modal__overlay--hidden {
  visibility: hidden;
  background-color: rgba(59, 59, 59, 0);
}
.modal__item {
  color: #c5cdd7;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1366px) {
  .modal__item {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__item {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .modal__item {
    line-height: calc(0.0036101083 * 100vw + 19.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__item {
    line-height: 26px;
  }
}
.modal__item--active {
  background-color: #ecf1f5;
}
.modal__box {
  width: 420px;
  height: 450px;
  background: #ffffff;
  border-radius: 20px;
  padding: 20px;
  z-index: 21;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease;
  transition: visibility 0.6s ease;
}
@media (min-width: 1366px) {
  .modal__box {
    width: calc(0.2527075812 * 100vw + 74.8014440433px);
  }
}
@media (min-width: 1920px) {
  .modal__box {
    width: 560px;
  }
}
@media (min-width: 1366px) {
  .modal__box {
    height: calc(0.3610108303 * 100vw + -43.1407942238px);
  }
}
@media (min-width: 1920px) {
  .modal__box {
    height: 650px;
  }
}
@media (min-width: 1366px) {
  .modal__box {
    padding: calc(0.0541516245 * 100vw + -53.9711191336px);
  }
}
@media (min-width: 1920px) {
  .modal__box {
    padding: 50px;
  }
}
.modal__box--hidden {
  opacity: 0;
  visibility: hidden;
}
.modal__box form {
  height: 100%;
}
.modal__code {
  width: 380px;
  height: 360px;
  background: #ffffff;
  border-radius: 20px;
  padding: 20px;
  z-index: 21;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease;
  transition: visibility 0.6s ease;
}
@media (min-width: 1366px) {
  .modal__code {
    width: calc(0.3249097473 * 100vw + -63.8267148014px);
  }
}
@media (min-width: 1920px) {
  .modal__code {
    width: 560px;
  }
}
@media (min-width: 1366px) {
  .modal__code {
    height: calc(0.523465704 * 100vw + -355.0541516245px);
  }
}
@media (min-width: 1920px) {
  .modal__code {
    height: 650px;
  }
}
@media (min-width: 1366px) {
  .modal__code {
    padding: calc(0.0541516245 * 100vw + -53.9711191336px);
  }
}
@media (min-width: 1920px) {
  .modal__code {
    padding: 50px;
  }
}
.modal__code--hidden {
  opacity: 0;
  visibility: hidden;
}
.modal__code-value {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  gap: 5px;
  padding-right: 0px !important;
}
.modal__code-item {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 10px;
}
@media (min-width: 1366px) {
  .modal__code-item {
    margin-top: calc(0.0216606498 * 100vw + -19.5884476534px);
  }
}
@media (min-width: 1920px) {
  .modal__code-item {
    margin-top: 22px;
  }
}
@media (min-width: 1366px) {
  .modal__code-item {
    margin-bottom: calc(0.0216606498 * 100vw + -19.5884476534px);
  }
}
@media (min-width: 1920px) {
  .modal__code-item {
    margin-bottom: 22px;
  }
}
.modal__code-btn {
  background-color: #f47a20;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 10px;
  text-align: center;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
  line-height: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 1366px) {
  .modal__code-btn {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__code-btn {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .modal__code-btn {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .modal__code-btn {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .modal__code-btn {
    padding-top: calc(0.0198555957 * 100vw + -7.1227436823px);
  }
}
@media (min-width: 1920px) {
  .modal__code-btn {
    padding-top: 31px;
  }
}
@media (min-width: 1366px) {
  .modal__code-btn {
    padding-bottom: calc(0.0144404332 * 100vw + 0.274368231px);
  }
}
@media (min-width: 1920px) {
  .modal__code-btn {
    padding-bottom: 28px;
  }
}
@media (min-width: 1366px) {
  .modal__code-btn {
    padding-left: calc(0.1299638989 * 100vw + -147.5306859206px);
  }
}
@media (min-width: 1920px) {
  .modal__code-btn {
    padding-left: 102px;
  }
}
@media (min-width: 1366px) {
  .modal__code-btn {
    padding-right: calc(0.1299638989 * 100vw + -147.5306859206px);
  }
}
@media (min-width: 1920px) {
  .modal__code-btn {
    padding-right: 102px;
  }
}
.modal__code-btn--myTrip {
  padding-left: 36px;
  padding-right: 36px;
}
@media (min-width: 1366px) {
  .modal__code-btn--myTrip {
    padding-left: calc(0.0306859206 * 100vw + -5.916967509px);
  }
}
@media (min-width: 1920px) {
  .modal__code-btn--myTrip {
    padding-left: 53px;
  }
}
@media (min-width: 1366px) {
  .modal__code-btn--myTrip {
    padding-right: calc(0.0306859206 * 100vw + -5.916967509px);
  }
}
@media (min-width: 1920px) {
  .modal__code-btn--myTrip {
    padding-right: 53px;
  }
}
.modal__code-btn--hidden {
  display: none;
}
.modal__code-btn:hover {
  background-color: #576778;
  color: #f47a20;
}
.modal__registration {
  width: 420px;
  height: 450px;
  background: #ffffff;
  border-radius: 20px;
  padding: 20px;
  z-index: 21;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease;
  transition: visibility 0.6s ease;
}
@media (min-width: 1366px) {
  .modal__registration {
    width: calc(0.2527075812 * 100vw + 74.8014440433px);
  }
}
@media (min-width: 1920px) {
  .modal__registration {
    width: 560px;
  }
}
@media (min-width: 1366px) {
  .modal__registration {
    height: calc(0.3610108303 * 100vw + -43.1407942238px);
  }
}
@media (min-width: 1920px) {
  .modal__registration {
    height: 650px;
  }
}
@media (min-width: 1366px) {
  .modal__registration {
    padding: calc(0.0541516245 * 100vw + -53.9711191336px);
  }
}
@media (min-width: 1920px) {
  .modal__registration {
    padding: 50px;
  }
}
.modal__registration--hidden {
  opacity: 0;
  visibility: hidden;
}
.modal__registration form {
  height: 100%;
}
.modal__form {
  overflow: hidden;
  display: flex;
  width: 280px;
  padding-left: 0px;
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 1px solid #d6dae2;
  border-radius: 20px;
  margin-bottom: 15px;
}
@media (min-width: 1366px) {
  .modal__form {
    width: calc(0.3249097473 * 100vw + -163.8267148014px);
  }
}
@media (min-width: 1920px) {
  .modal__form {
    width: 460px;
  }
}
@media (min-width: 1366px) {
  .modal__form {
    padding-left: calc(0 * 100vw + 0px);
  }
}
@media (min-width: 1920px) {
  .modal__form {
    padding-left: 0px;
  }
}
@media (min-width: 1366px) {
  .modal__form {
    padding-right: calc(0.0180505415 * 100vw + -9.6570397112px);
  }
}
@media (min-width: 1920px) {
  .modal__form {
    padding-right: 25px;
  }
}
@media (min-width: 1366px) {
  .modal__form {
    margin-bottom: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .modal__form {
    margin-bottom: 20px;
  }
}
.modal__form .selectize-control {
  position: initial;
}
.modal__form-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modal__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.modal__logo {
  -o-object-fit: cover;
  object-fit: cover;
  height: 75px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .modal__logo {
    height: calc(0.0487364621 * 100vw + 8.4259927798px);
  }
}
@media (min-width: 1920px) {
  .modal__logo {
    height: 102px;
  }
}
@media (min-width: 1366px) {
  .modal__logo {
    margin-bottom: calc(0.0722021661 * 100vw + -78.6281588448px);
  }
}
@media (min-width: 1920px) {
  .modal__logo {
    margin-bottom: 60px;
  }
}
.modal__text {
  font-weight: 600;
  color: #576778;
  text-align: center;
  width: 55%;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .modal__text {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .modal__text {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .modal__text {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__text {
    line-height: 24px;
  }
}
@media (min-width: 1366px) {
  .modal__text {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .modal__text {
    margin-bottom: 30px;
  }
}
.modal__input {
  color: #c5cdd7;
  padding-top: 5px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .modal__input {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .modal__input {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .modal__input {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .modal__input {
    line-height: 26px;
  }
}
.modal__check {
  margin-bottom: 40px;
  align-self: flex-start;
}
@media (min-width: 1366px) {
  .modal__check {
    margin-bottom: calc(0.1083032491 * 100vw + -107.9422382671px);
  }
}
@media (min-width: 1920px) {
  .modal__check {
    margin-bottom: 100px;
  }
}
.modal__btn {
  background-color: #f47a20;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
  line-height: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 1366px) {
  .modal__btn {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__btn {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .modal__btn {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .modal__btn {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .modal__btn {
    padding-top: calc(0.0198555957 * 100vw + -7.1227436823px);
  }
}
@media (min-width: 1920px) {
  .modal__btn {
    padding-top: 31px;
  }
}
@media (min-width: 1366px) {
  .modal__btn {
    padding-bottom: calc(0.0144404332 * 100vw + 0.274368231px);
  }
}
@media (min-width: 1920px) {
  .modal__btn {
    padding-bottom: 28px;
  }
}
@media (min-width: 1366px) {
  .modal__btn {
    padding-left: calc(0.1299638989 * 100vw + -147.5306859206px);
  }
}
@media (min-width: 1920px) {
  .modal__btn {
    padding-left: 102px;
  }
}
@media (min-width: 1366px) {
  .modal__btn {
    padding-right: calc(0.1299638989 * 100vw + -147.5306859206px);
  }
}
@media (min-width: 1920px) {
  .modal__btn {
    padding-right: 102px;
  }
}
.modal__btn--myTrip {
  padding-left: 36px;
  padding-right: 36px;
}
@media (min-width: 1366px) {
  .modal__btn--myTrip {
    padding-left: calc(0.0306859206 * 100vw + -5.916967509px);
  }
}
@media (min-width: 1920px) {
  .modal__btn--myTrip {
    padding-left: 53px;
  }
}
@media (min-width: 1366px) {
  .modal__btn--myTrip {
    padding-right: calc(0.0306859206 * 100vw + -5.916967509px);
  }
}
@media (min-width: 1920px) {
  .modal__btn--myTrip {
    padding-right: 53px;
  }
}
.modal__btn--hidden {
  display: none;
}
.modal__btn:hover {
  background-color: #576778;
  color: #f47a20;
}
.modal__btn-wrapper {
  margin-top: auto;
  display: block;
}
.modal__check label div {
  color: #c5cdd7;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 1366px) {
  .modal__check label div {
    font-size: calc(0.0036101083 * 100vw + 7.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__check label div {
    font-size: 14px;
  }
}
@media (min-width: 1366px) {
  .modal__check label div {
    line-height: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__check label div {
    line-height: 18px;
  }
}
.modal__check label::before {
  border: 1px solid #d6dae2;
  border-radius: 10px;
}
.modal__select .selectize-dropdown {
  padding-top: 30px;
  border-radius: 20px;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  height: 320px;
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
}
@media (min-width: 1366px) {
  .modal__select .selectize-dropdown {
    padding-top: calc(0.036101083 * 100vw + -19.3140794224px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-dropdown {
    padding-top: 50px;
  }
}
@media (min-width: 1366px) {
  .modal__select .selectize-dropdown {
    height: calc(0.2346570397 * 100vw + -0.5415162455px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-dropdown {
    height: 450px;
  }
}
.modal__select .selectize-dropdown-content {
  height: 100% !important;
  max-height: none !important;
}
.modal__select .selectize-dropdown-content div {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 1366px) {
  .modal__select .selectize-dropdown-content div {
    padding-top: calc(0.0126353791 * 100vw + -7.2599277978px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-dropdown-content div {
    padding-top: 17px;
  }
}
@media (min-width: 1366px) {
  .modal__select .selectize-dropdown-content div {
    padding-bottom: calc(0.0126353791 * 100vw + -7.2599277978px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-dropdown-content div {
    padding-bottom: 17px;
  }
}
@media (min-width: 1366px) {
  .modal__select .selectize-dropdown-content div {
    padding-left: calc(0.036101083 * 100vw + -19.3140794224px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-dropdown-content div {
    padding-left: 50px;
  }
}
@media (min-width: 1366px) {
  .modal__select .selectize-dropdown-content div {
    padding-right: calc(0.036101083 * 100vw + -19.3140794224px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-dropdown-content div {
    padding-right: 50px;
  }
}
.modal__select .selectize-dropdown--active {
  display: block !important;
}
.modal__select .selectize-input {
  border-radius: 0;
  box-shadow: none;
  padding-top: 15px !important;
  width: 85px;
}
@media (min-width: 1366px) {
  .modal__select .selectize-input {
    width: calc(0.0090252708 * 100vw + 72.6714801444px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input {
    width: 90px;
  }
}
.modal__select .selectize-input .item {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 1366px) {
  .modal__select .selectize-input .item {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input .item {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .modal__select .selectize-input .item {
    line-height: calc(0.0036101083 * 100vw + 19.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input .item {
    line-height: 26px;
  }
}
.modal__select .selectize-input::after {
  right: 10px !important;
  top: 56% !important;
  border-color: #c5cdd7 transparent transparent transparent !important;
}
.modal__select .selectize-input input {
  width: 100% !important;
  padding-top: 6px !important;
}
.modal__select .selectize-input input::-webkit-input-placeholder {
  color: #c5cdd7;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1366px) {
  .modal__select .selectize-input input::-webkit-input-placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input input::-webkit-input-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .modal__select .selectize-input input::-webkit-input-placeholder {
    line-height: calc(0.0036101083 * 100vw + 19.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input input::-webkit-input-placeholder {
    line-height: 26px;
  }
}
.modal__select .selectize-input input::-moz-placeholder {
  color: #c5cdd7;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1366px) {
  .modal__select .selectize-input input::-moz-placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input input::-moz-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .modal__select .selectize-input input::-moz-placeholder {
    line-height: calc(0.0036101083 * 100vw + 19.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input input::-moz-placeholder {
    line-height: 26px;
  }
}
.modal__select .selectize-input input:-ms-input-placeholder {
  color: #c5cdd7;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1366px) {
  .modal__select .selectize-input input:-ms-input-placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input input:-ms-input-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .modal__select .selectize-input input:-ms-input-placeholder {
    line-height: calc(0.0036101083 * 100vw + 19.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input input:-ms-input-placeholder {
    line-height: 26px;
  }
}
.modal__select .selectize-input input::-ms-input-placeholder {
  color: #c5cdd7;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1366px) {
  .modal__select .selectize-input input::-ms-input-placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input input::-ms-input-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .modal__select .selectize-input input::-ms-input-placeholder {
    line-height: calc(0.0036101083 * 100vw + 19.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input input::-ms-input-placeholder {
    line-height: 26px;
  }
}
.modal__select .selectize-input input::-moz-placeholder {
  color: #c5cdd7;
  font-size: 18px;
  line-height: 24px;
}
.modal__select .selectize-input input::placeholder {
  color: #c5cdd7;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1366px) {
  .modal__select .selectize-input input::-moz-placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
  .modal__select .selectize-input input::placeholder {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input input::-moz-placeholder {
    font-size: 20px;
  }
  .modal__select .selectize-input input::placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .modal__select .selectize-input input::-moz-placeholder {
    line-height: calc(0.0036101083 * 100vw + 19.0685920578px);
  }
  .modal__select .selectize-input input::placeholder {
    line-height: calc(0.0036101083 * 100vw + 19.0685920578px);
  }
}
@media (min-width: 1920px) {
  .modal__select .selectize-input input::-moz-placeholder {
    line-height: 26px;
  }
  .modal__select .selectize-input input::placeholder {
    line-height: 26px;
  }
}
.modal__brown {
  background: #ffffff;
  border-radius: 20px;
  padding-top: 37px;
  padding-bottom: 30px;
  z-index: 21;
  position: fixed;
  top: 47.7%;
  left: 50.4%;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease;
  transition: visibility 0.6s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1366px) {
  .modal__brown {
    padding-top: calc(0.0740072202 * 100vw + -64.0938628159px);
  }
}
@media (min-width: 1920px) {
  .modal__brown {
    padding-top: 78px;
  }
}
@media (min-width: 1366px) {
  .modal__brown {
    padding-bottom: calc(0.0649819495 * 100vw + -58.7653429603px);
  }
}
@media (min-width: 1920px) {
  .modal__brown {
    padding-bottom: 66px;
  }
}
.modal__brown .modal__text {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  color: #576778;
  margin-bottom: 0;
  width: 264px;
  width: 66%;
}
@media (min-width: 1366px) {
  .modal__brown .modal__text {
    font-size: calc(0.0108303249 * 100vw + 3.2057761733px);
  }
}
@media (min-width: 1920px) {
  .modal__brown .modal__text {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .modal__brown .modal__text {
    line-height: calc(0.0216606498 * 100vw + -9.5884476534px);
  }
}
@media (min-width: 1920px) {
  .modal__brown .modal__text {
    line-height: 32px;
  }
}
@media (min-width: 1366px) {
  .modal__brown .modal__text {
    width: calc(0.1209386282 * 100vw + 98.797833935px);
  }
}
@media (min-width: 1920px) {
  .modal__brown .modal__text {
    width: 331px;
  }
}
.modal__brown .modal__text-min {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  color: #576778;
  margin-bottom: 0;
  width: 264px;
}
@media (min-width: 1366px) {
  .modal__brown .modal__text-min {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .modal__brown .modal__text-min {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .modal__brown .modal__text-min {
    line-height: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .modal__brown .modal__text-min {
    line-height: 30px;
  }
}
@media (min-width: 1366px) {
  .modal__brown .modal__text-min {
    width: calc(0.1209386282 * 100vw + 98.797833935px);
  }
}
@media (min-width: 1920px) {
  .modal__brown .modal__text-min {
    width: 331px;
  }
}
.modal__brown .modal__buttons-item {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
@media (min-width: 1366px) {
  .modal__brown .modal__buttons-item {
    height: calc(0.0180505415 * 100vw + 35.3429602888px);
  }
}
@media (min-width: 1920px) {
  .modal__brown .modal__buttons-item {
    height: 70px;
  }
}
.modal__brown .modal__btn-wrapper {
  margin-top: 0;
}
.modal__brown-one {
  width: 300px;
  height: 190px;
  padding-top: 37px;
  padding-bottom: 30px;
  top: 45.4%;
}
@media (min-width: 1366px) {
  .modal__brown-one {
    width: calc(0.4097472924 * 100vw + -259.714801444px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-one {
    width: 527px;
  }
}
@media (min-width: 1366px) {
  .modal__brown-one {
    height: calc(0.2400722022 * 100vw + -137.9386281588px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-one {
    height: 323px;
  }
}
@media (min-width: 1366px) {
  .modal__brown-one {
    padding-top: calc(0.0812274368 * 100vw + -73.9566787004px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-one {
    padding-top: 82px;
  }
}
@media (min-width: 1366px) {
  .modal__brown-one {
    padding-bottom: calc(0.0812274368 * 100vw + -80.9566787004px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-one {
    padding-bottom: 75px;
  }
}
.modal__brown-one--hidden {
  opacity: 0;
  visibility: hidden;
}
.modal__brown-one .modal__text {
  width: 264px;
}
@media (min-width: 1366px) {
  .modal__brown-one .modal__text {
    width: calc(0.1516245487 * 100vw + 56.880866426px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-one .modal__text {
    width: 348px;
  }
}
.modal__brown-one .modal__code-btn {
  padding: 0;
  margin: 0;
  width: 200px;
  height: 50px;
}
@media (min-width: 1366px) {
  .modal__brown-one .modal__code-btn {
    width: calc(0.1895306859 * 100vw + -58.8989169675px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-one .modal__code-btn {
    width: 305px;
  }
}
@media (min-width: 1366px) {
  .modal__brown-one .modal__code-btn {
    height: calc(0.036101083 * 100vw + 0.6859205776px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-one .modal__code-btn {
    height: 70px;
  }
}
.modal__brown-two {
  top: 47.7%;
  width: 300px;
  height: 225px;
}
@media (min-width: 1366px) {
  .modal__brown-two {
    width: calc(0.4097472924 * 100vw + -259.714801444px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-two {
    width: 527px;
  }
}
@media (min-width: 1366px) {
  .modal__brown-two {
    height: calc(0.2653429603 * 100vw + -137.4584837545px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-two {
    height: 372px;
  }
}
.modal__brown-two--hidden {
  opacity: 0;
  visibility: hidden;
}
.modal__brown-three {
  width: 300px;
  padding-top: 37px;
  padding-bottom: 30px;
  top: 45.4%;
}
@media (min-width: 1366px) {
  .modal__brown-three {
    width: calc(0.4097472924 * 100vw + -259.714801444px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-three {
    width: 527px;
  }
}
@media (min-width: 1366px) {
  .modal__brown-three {
    padding-top: calc(0.0812274368 * 100vw + -73.9566787004px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-three {
    padding-top: 82px;
  }
}
@media (min-width: 1366px) {
  .modal__brown-three {
    padding-bottom: calc(0.0812274368 * 100vw + -80.9566787004px);
  }
}
@media (min-width: 1920px) {
  .modal__brown-three {
    padding-bottom: 75px;
  }
}
.modal__brown-three--hidden {
  opacity: 0;
  visibility: hidden;
}
.modal__brown--hidden {
  opacity: 0;
  visibility: hidden;
}

.news {
  background-image: url("../img/picture/Group 83ed.png");
  background-size: cover;
  background-position: center top;
  padding-top: 30px;
  background-color: #ecf1f5;
}
@media (min-width: 1366px) {
  .news {
    padding-top: calc(0.0541516245 * 100vw + -43.9711191336px);
  }
}
@media (min-width: 1920px) {
  .news {
    padding-top: 60px;
  }
}
.news__list {
  display: flex;
  flex-wrap: wrap;
}
.news__list--hidden {
  display: none;
}
.news__list-item {
  background-color: #ffffff;
  width: 32%;
  border-radius: 20px;
  box-shadow: 0px 15px 30px #dbe3ea;
  margin-bottom: 30px;
}
@media (min-width: 1366px) {
  .news__list-item {
    margin-bottom: calc(0.0180505415 * 100vw + 5.3429602888px);
  }
}
@media (min-width: 1920px) {
  .news__list-item {
    margin-bottom: 40px;
  }
}
.news__list-item:not(:nth-child(3n)) {
  margin-right: 15px;
}
@media (min-width: 1366px) {
  .news__list-item:not(:nth-child(3n)) {
    margin-right: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .news__list-item:not(:nth-child(3n)) {
    margin-right: 20px;
  }
}
.news__img {
  width: 100%;
  height: 170px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}
@media (min-width: 1366px) {
  .news__img {
    height: calc(0.2346570397 * 100vw + -150.5415162455px);
  }
}
@media (min-width: 1920px) {
  .news__img {
    height: 300px;
  }
}
.news__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 220px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1366px) {
  .news__content {
    height: calc(0.0722021661 * 100vw + 121.3718411552px);
  }
}
@media (min-width: 1920px) {
  .news__content {
    height: 260px;
  }
}
@media (min-width: 1366px) {
  .news__content {
    padding-top: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .news__content {
    padding-top: 30px;
  }
}
@media (min-width: 1366px) {
  .news__content {
    padding-bottom: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .news__content {
    padding-bottom: 30px;
  }
}
@media (min-width: 1366px) {
  .news__content {
    padding-left: calc(0.0270758123 * 100vw + -21.9855595668px);
  }
}
@media (min-width: 1920px) {
  .news__content {
    padding-left: 30px;
  }
}
@media (min-width: 1366px) {
  .news__content {
    padding-right: calc(0.1083032491 * 100vw + -132.9422382671px);
  }
}
@media (min-width: 1920px) {
  .news__content {
    padding-right: 75px;
  }
}
.news__date {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 8px;
}
@media (min-width: 1366px) {
  .news__date {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .news__date {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .news__date {
    line-height: calc(0.0036101083 * 100vw + 14.0685920578px);
  }
}
@media (min-width: 1920px) {
  .news__date {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .news__date {
    margin-bottom: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .news__date {
    margin-bottom: 10px;
  }
}
.news__title {
  color: #576778;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 13px;
}
@media (min-width: 1366px) {
  .news__title {
    font-size: calc(0.0108303249 * 100vw + 3.2057761733px);
  }
}
@media (min-width: 1920px) {
  .news__title {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .news__title {
    line-height: calc(0.0126353791 * 100vw + 4.7400722022px);
  }
}
@media (min-width: 1920px) {
  .news__title {
    line-height: 29px;
  }
}
@media (min-width: 1366px) {
  .news__title {
    margin-bottom: calc(0.0216606498 * 100vw + -16.5884476534px);
  }
}
@media (min-width: 1920px) {
  .news__title {
    margin-bottom: 25px;
  }
}
.news__text {
  color: #576778;
  font-size: 14px;
  line-height: 16px;
}
@media (min-width: 1366px) {
  .news__text {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .news__text {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .news__text {
    line-height: calc(0.0054151625 * 100vw + 8.6028880866px);
  }
}
@media (min-width: 1920px) {
  .news__text {
    line-height: 19px;
  }
}
.news__link {
  display: flex;
  align-items: baseline;
  cursor: pointer;
}
.news__link-text {
  color: #f47a20;
  transition: margin-right 0.3s ease;
  font-size: 16px;
  line-height: 18px;
  margin-right: 15px;
}
@media (min-width: 1366px) {
  .news__link-text {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .news__link-text {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .news__link-text {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .news__link-text {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .news__link-text {
    margin-right: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .news__link-text {
    margin-right: 20px;
  }
}
.news__link-icon {
  font-size: 12px;
  color: #f47a20;
}
.news__link:hover .news__link-text {
  margin-right: 35px;
}

.footer {
  background-color: #414c59;
  background-image: url("../img/picture/Group 123 (1).png");
  background-size: cover;
  background-position: center center;
}
.footer__container {
  width: 100%;
  max-width: 1630px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1170px) {
  .footer__container {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .footer__container {
    max-width: 540px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 576px) {
  .footer__container {
    max-width: none;
  }
}
@media (min-width: 1366px) {
  .footer__container {
    padding-top: calc(0.0180505415 * 100vw + 5.3429602888px);
  }
}
@media (min-width: 1920px) {
  .footer__container {
    padding-top: 40px;
  }
}
@media (min-width: 1366px) {
  .footer__container {
    padding-bottom: calc(0.0180505415 * 100vw + 5.3429602888px);
  }
}
@media (min-width: 1920px) {
  .footer__container {
    padding-bottom: 40px;
  }
}
.footer__container--index {
  width: 1170px;
}
@media (min-width: 1366px) {
  .footer__container--index {
    width: calc(0.8303249097 * 100vw + 35.7761732852px);
  }
}
@media (min-width: 1920px) {
  .footer__container--index {
    width: 1630px;
  }
}
.footer__left {
  display: flex;
  flex-direction: row;
}
.footer__logoItem-img {
  margin-bottom: 30px;
  -o-object-fit: contain;
  object-fit: contain;
  height: 60px;
}
@media (min-width: 1366px) {
  .footer__logoItem-img {
    margin-bottom: calc(0.0415162455 * 100vw + -26.7111913357px);
  }
}
@media (min-width: 1920px) {
  .footer__logoItem-img {
    margin-bottom: 53px;
  }
}
@media (min-width: 1366px) {
  .footer__logoItem-img {
    height: calc(0.036101083 * 100vw + 10.6859205776px);
  }
}
@media (min-width: 1920px) {
  .footer__logoItem-img {
    height: 80px;
  }
}
.footer__logoItem-text {
  color: #c6d9e4;
}
.footer__logoItem-text span {
  color: #576778;
}
.footer__text {
  display: none;
}
.footer__links {
  display: flex;
}
.footer__links-item {
  margin-right: 20px;
}
@media (min-width: 1366px) {
  .footer__links-item {
    margin-right: calc(0.036101083 * 100vw + -29.3140794224px);
  }
}
@media (min-width: 1920px) {
  .footer__links-item {
    margin-right: 40px;
  }
}
.footer__links-item a {
  color: #c5cdd7;
  font-size: 14px;
  line-height: 16px;
  transition: color 0.3s ease;
}
@media (min-width: 1366px) {
  .footer__links-item a {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .footer__links-item a {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .footer__links-item a {
    line-height: calc(0.0054151625 * 100vw + 8.6028880866px);
  }
}
@media (min-width: 1920px) {
  .footer__links-item a {
    line-height: 19px;
  }
}
.footer__links-item a:hover {
  color: #f47a20;
}
.footer__phone {
  display: flex;
}
.footer__phone-icon {
  font-size: 24px;
  color: #f47a20;
  margin-right: 20px;
}
@media (min-width: 1366px) {
  .footer__phone-icon {
    margin-right: calc(0.0072202166 * 100vw + 10.1371841155px);
  }
}
@media (min-width: 1920px) {
  .footer__phone-icon {
    margin-right: 24px;
  }
}
.footer__phone-number {
  color: white;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  transition: color 0.3s ease;
}
@media (min-width: 1366px) {
  .footer__phone-number {
    font-size: calc(0.0144404332 * 100vw + -3.725631769px);
  }
}
@media (min-width: 1920px) {
  .footer__phone-number {
    font-size: 24px;
  }
}
@media (min-width: 1366px) {
  .footer__phone-number {
    line-height: calc(0.0090252708 * 100vw + 11.6714801444px);
  }
}
@media (min-width: 1920px) {
  .footer__phone-number {
    line-height: 29px;
  }
}
.footer__phone-number:hover {
  color: #f47a20;
}
.footer__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.footer__link {
  display: flex;
  align-items: center;
}
.footer__link-text {
  color: #c5cdd7;
  font-size: 12px;
  line-height: 14px;
  margin-right: 15px;
}
@media (min-width: 1366px) {
  .footer__link-text {
    font-size: calc(0.0036101083 * 100vw + 7.0685920578px);
  }
}
@media (min-width: 1920px) {
  .footer__link-text {
    font-size: 14px;
  }
}
@media (min-width: 1366px) {
  .footer__link-text {
    line-height: calc(0.0054151625 * 100vw + 6.6028880866px);
  }
}
@media (min-width: 1920px) {
  .footer__link-text {
    line-height: 17px;
  }
}
@media (min-width: 1366px) {
  .footer__link-text {
    margin-right: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .footer__link-text {
    margin-right: 20px;
  }
}

.faq {
  background-color: #ecf1f5;
  background-image: url("../img/picture/Group 183.png");
  background-size: cover;
  background-position: top center;
  padding-top: 40px;
}
@media (min-width: 1366px) {
  .faq {
    padding-top: calc(0.036101083 * 100vw + -9.3140794224px);
  }
}
@media (min-width: 1920px) {
  .faq {
    padding-top: 60px;
  }
}
.faq__tabs {
  display: flex;
  margin-bottom: 30px;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (min-width: 1366px) {
  .faq__tabs {
    margin-bottom: calc(0.0541516245 * 100vw + -43.9711191336px);
  }
}
@media (min-width: 1920px) {
  .faq__tabs {
    margin-bottom: 60px;
  }
}
.faq__tabs::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.faq__tabs-item {
  flex-shrink: 0;
  background-color: #f47a20;
  text-align: center;
  color: #ffffff;
  opacity: 0.5;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
  line-height: 18px;
  margin-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1366px) {
  .faq__tabs-item {
    font-size: calc(0.0072202166 * 100vw + 4.1371841155px);
  }
}
@media (min-width: 1920px) {
  .faq__tabs-item {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .faq__tabs-item {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .faq__tabs-item {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .faq__tabs-item {
    margin-right: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .faq__tabs-item {
    margin-right: 20px;
  }
}
@media (min-width: 1366px) {
  .faq__tabs-item {
    padding-top: calc(0.0180505415 * 100vw + -9.6570397112px);
  }
}
@media (min-width: 1920px) {
  .faq__tabs-item {
    padding-top: 25px;
  }
}
@media (min-width: 1366px) {
  .faq__tabs-item {
    padding-bottom: calc(0.0180505415 * 100vw + -9.6570397112px);
  }
}
@media (min-width: 1920px) {
  .faq__tabs-item {
    padding-bottom: 25px;
  }
}
@media (min-width: 1366px) {
  .faq__tabs-item {
    padding-left: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .faq__tabs-item {
    padding-left: 30px;
  }
}
@media (min-width: 1366px) {
  .faq__tabs-item {
    padding-right: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .faq__tabs-item {
    padding-right: 30px;
  }
}
.faq__tabs-item--active {
  background: #f47a20;
  opacity: 1;
}
.faq__content {
  opacity: 0;
  display: none;
}
.faq__content--active {
  display: block;
}
.faq__content--opacity {
  opacity: 1;
  transition: all 0.38s;
}
.faq__accordeon {
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #d6dae2;
  box-shadow: 0px 10px 30px rgba(112, 117, 133, 0.25);
  border-radius: 20px;
  display: flex;
  margin-bottom: 20px;
  padding: 20px;
}
@media (min-width: 1366px) {
  .faq__accordeon {
    padding: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .faq__accordeon {
    padding: 30px;
  }
}
.faq__accordeon--active .faq__icon {
  color: #f47a20;
  transform: rotate(270deg);
}
.faq__left {
  width: 90%;
  display: flex;
  justify-content: space-between;
}
.faq__right {
  width: 10%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.faq__text {
  color: #576778;
  font-size: 14px;
  line-height: 17px;
  width: 300px;
}
@media (min-width: 1366px) {
  .faq__text {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .faq__text {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .faq__text {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .faq__text {
    line-height: 19px;
  }
}
@media (min-width: 1366px) {
  .faq__text {
    width: calc(0.1173285199 * 100vw + 139.7292418773px);
  }
}
@media (min-width: 1920px) {
  .faq__text {
    width: 365px;
  }
}
.faq__text-hidden {
  color: #c5cdd7;
  font-size: 14px;
  line-height: 17px;
  width: 325px;
}
@media (min-width: 1366px) {
  .faq__text-hidden {
    font-size: calc(0.0036101083 * 100vw + 9.0685920578px);
  }
}
@media (min-width: 1920px) {
  .faq__text-hidden {
    font-size: 16px;
  }
}
@media (min-width: 1366px) {
  .faq__text-hidden {
    line-height: calc(0.0036101083 * 100vw + 12.0685920578px);
  }
}
@media (min-width: 1920px) {
  .faq__text-hidden {
    line-height: 19px;
  }
}
@media (min-width: 1366px) {
  .faq__text-hidden {
    width: calc(0.6335740072 * 100vw + -540.4620938628px);
  }
}
@media (min-width: 1920px) {
  .faq__text-hidden {
    width: 676px;
  }
}
.faq__icon {
  margin-left: auto;
  transform: rotate(90deg);
  transition: all 0.3s ease;
}

.myData {
  background-image: url("../img/picture/Group 183.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ecf1f5;
  padding-top: 40px;
}
@media (min-width: 1366px) {
  .myData {
    padding-top: calc(0.036101083 * 100vw + -9.3140794224px);
  }
}
@media (min-width: 1920px) {
  .myData {
    padding-top: 60px;
  }
}
.myData__text {
  width: 40%;
  color: #c5cdd7;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .myData__text {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .myData__text {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .myData__text {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__text {
    line-height: 26px;
  }
}
@media (min-width: 1366px) {
  .myData__text {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .myData__text {
    margin-bottom: 30px;
  }
}
.myData__inputs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (min-width: 1366px) {
  .myData__inputs {
    margin-bottom: calc(0.0722021661 * 100vw + -68.6281588448px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs {
    margin-bottom: 70px;
  }
}
.myData__inputs-item {
  width: 48%;
  background: #ffffff;
  border: 1px solid #d6dae2;
  border-radius: 20px;
  color: #576778;
  font-size: 18px;
  line-height: 22px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 22px;
  padding-right: 22px;
}
@media (min-width: 1366px) {
  .myData__inputs-item {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .myData__inputs-item {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item {
    line-height: 26px;
  }
}
@media (min-width: 1366px) {
  .myData__inputs-item {
    padding-top: calc(0.0108303249 * 100vw + 3.2057761733px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item {
    padding-top: 24px;
  }
}
@media (min-width: 1366px) {
  .myData__inputs-item {
    padding-bottom: calc(0.0108303249 * 100vw + 3.2057761733px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item {
    padding-bottom: 24px;
  }
}
@media (min-width: 1366px) {
  .myData__inputs-item {
    padding-left: calc(0.0144404332 * 100vw + 2.274368231px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item {
    padding-left: 30px;
  }
}
@media (min-width: 1366px) {
  .myData__inputs-item {
    padding-right: calc(0.0144404332 * 100vw + 2.274368231px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item {
    padding-right: 30px;
  }
}
.myData__inputs-item:not(:last-child) {
  margin-bottom: 15px;
}
@media (min-width: 1366px) {
  .myData__inputs-item:not(:last-child) {
    margin-bottom: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.myData__inputs-item::-webkit-input-placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .myData__inputs-item::-webkit-input-placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item::-webkit-input-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .myData__inputs-item::-webkit-input-placeholder {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item::-webkit-input-placeholder {
    line-height: 26px;
  }
}
.myData__inputs-item::-moz-placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .myData__inputs-item::-moz-placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item::-moz-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .myData__inputs-item::-moz-placeholder {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item::-moz-placeholder {
    line-height: 26px;
  }
}
.myData__inputs-item:-ms-input-placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .myData__inputs-item:-ms-input-placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item:-ms-input-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .myData__inputs-item:-ms-input-placeholder {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item:-ms-input-placeholder {
    line-height: 26px;
  }
}
.myData__inputs-item::-ms-input-placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .myData__inputs-item::-ms-input-placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item::-ms-input-placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .myData__inputs-item::-ms-input-placeholder {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item::-ms-input-placeholder {
    line-height: 26px;
  }
}
.myData__inputs-item::-moz-placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 22px;
}
.myData__inputs-item::placeholder {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .myData__inputs-item::-moz-placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
  .myData__inputs-item::placeholder {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item::-moz-placeholder {
    font-size: 20px;
  }
  .myData__inputs-item::placeholder {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .myData__inputs-item::-moz-placeholder {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
  .myData__inputs-item::placeholder {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-item::-moz-placeholder {
    line-height: 26px;
  }
  .myData__inputs-item::placeholder {
    line-height: 26px;
  }
}
.myData__inputs-checkbox {
  margin-bottom: 30px;
}
@media (min-width: 1366px) {
  .myData__inputs-checkbox {
    margin-bottom: calc(0.036101083 * 100vw + -19.3140794224px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-checkbox {
    margin-bottom: 50px;
  }
}
.myData__inputs-checkbox label {
  color: #576778;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .myData__inputs-checkbox label {
    font-size: calc(0.0072202166 * 100vw + 6.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-checkbox label {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .myData__inputs-checkbox label {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-checkbox label {
    line-height: 26px;
  }
}
.myData__inputs-checkbox a {
  color: #414c59;
}
.myData__inputs-bottom {
  margin-bottom: 20px;
}
.myData__inputs-bottom .myData__inputs-item {
  margin-bottom: 0;
}
.myData__inputs-radio {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
@media (min-width: 1366px) {
  .myData__inputs-radio {
    margin-bottom: calc(0.0108303249 * 100vw + 3.2057761733px);
  }
}
@media (min-width: 1920px) {
  .myData__inputs-radio {
    margin-bottom: 24px;
  }
}
.myData__radio-text {
  color: #576778;
  margin-left: 30px;
  font-size: 18px;
  line-height: 22px;
  margin-right: 30px;
}
@media (min-width: 1366px) {
  .myData__radio-text {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .myData__radio-text {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .myData__radio-text {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__radio-text {
    line-height: 26px;
  }
}
@media (min-width: 1366px) {
  .myData__radio-text {
    margin-right: calc(0.036101083 * 100vw + -19.3140794224px);
  }
}
@media (min-width: 1920px) {
  .myData__radio-text {
    margin-right: 50px;
  }
}
.myData__radio-label {
  color: #576778;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .myData__radio-label {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .myData__radio-label {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .myData__radio-label {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__radio-label {
    line-height: 26px;
  }
}
.myData__select {
  width: 48%;
}
.myData__select .selectize-input {
  height: 100%;
  color: #576778;
  outline: 1px solid #d6dae2;
  border-radius: 20px;
  font-size: 18px;
  line-height: 22px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 22px;
  padding-right: 22px;
}
@media (min-width: 1366px) {
  .myData__select .selectize-input {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .myData__select .selectize-input {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .myData__select .selectize-input {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .myData__select .selectize-input {
    line-height: 26px;
  }
}
@media (min-width: 1366px) {
  .myData__select .selectize-input {
    padding-top: calc(0.0108303249 * 100vw + 3.2057761733px);
  }
}
@media (min-width: 1920px) {
  .myData__select .selectize-input {
    padding-top: 24px;
  }
}
@media (min-width: 1366px) {
  .myData__select .selectize-input {
    padding-bottom: calc(0.0108303249 * 100vw + 3.2057761733px);
  }
}
@media (min-width: 1920px) {
  .myData__select .selectize-input {
    padding-bottom: 24px;
  }
}
@media (min-width: 1366px) {
  .myData__select .selectize-input {
    padding-left: calc(0.0144404332 * 100vw + 2.274368231px);
  }
}
@media (min-width: 1920px) {
  .myData__select .selectize-input {
    padding-left: 30px;
  }
}
@media (min-width: 1366px) {
  .myData__select .selectize-input {
    padding-right: calc(0.0144404332 * 100vw + 2.274368231px);
  }
}
@media (min-width: 1920px) {
  .myData__select .selectize-input {
    padding-right: 30px;
  }
}
.myData__select .selectize-dropdown {
  outline: 1px solid #d6dae2;
}
.myData__title {
  color: #576778;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .myData__title {
    font-size: calc(0.0144404332 * 100vw + 4.274368231px);
  }
}
@media (min-width: 1920px) {
  .myData__title {
    font-size: 32px;
  }
}
@media (min-width: 1366px) {
  .myData__title {
    line-height: calc(0.0144404332 * 100vw + 10.274368231px);
  }
}
@media (min-width: 1920px) {
  .myData__title {
    line-height: 38px;
  }
}
@media (min-width: 1366px) {
  .myData__title {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .myData__title {
    margin-bottom: 30px;
  }
}
.myData__buttons {
  display: flex;
  margin-bottom: 200px;
}
@media (min-width: 1366px) {
  .myData__buttons {
    margin-bottom: calc(0.3610108303 * 100vw + -293.1407942238px);
  }
}
@media (min-width: 1920px) {
  .myData__buttons {
    margin-bottom: 400px;
  }
}
.myData__buttons-item {
  display: block;
  text-align: center;
  background-color: #f47a20;
  border-radius: 10px;
  color: #ffffff;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.3s ease;
  margin-right: 20px;
  width: 240px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 18px;
}
@media (min-width: 1366px) {
  .myData__buttons-item {
    margin-right: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .myData__buttons-item {
    margin-right: 30px;
  }
}
@media (min-width: 1366px) {
  .myData__buttons-item {
    width: calc(0.0685920578 * 100vw + 146.3032490975px);
  }
}
@media (min-width: 1920px) {
  .myData__buttons-item {
    width: 278px;
  }
}
@media (min-width: 1366px) {
  .myData__buttons-item {
    padding-top: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .myData__buttons-item {
    padding-top: 30px;
  }
}
@media (min-width: 1366px) {
  .myData__buttons-item {
    padding-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .myData__buttons-item {
    padding-bottom: 30px;
  }
}
@media (min-width: 1366px) {
  .myData__buttons-item {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .myData__buttons-item {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .myData__buttons-item {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .myData__buttons-item {
    line-height: 21px;
  }
}
.myData__buttons-item--gray {
  background-color: #c5cdd7;
}
.myData__buttons-item:hover {
  background-color: #576778;
  color: #f47a20;
}

.myData__radio-item {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.myData__radio-item + label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.myData__radio-item + label::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  margin-right: 30px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background: #ffffff;
}

.myData__radio-item:checked + label::after {
  background-color: #f47a20;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/picture/Group 193.svg");
}

.myData__checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.myData__checkbox + label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.myData__checkbox + label::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  background: #ffffff;
  border-radius: 10px;
  margin-right: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
@media (min-width: 1366px) {
  .myData__checkbox + label::before {
    width: calc(0.0090252708 * 100vw + 12.6714801444px);
  }
}
@media (min-width: 1920px) {
  .myData__checkbox + label::before {
    width: 30px;
  }
}
@media (min-width: 1366px) {
  .myData__checkbox + label::before {
    height: calc(0.0090252708 * 100vw + 12.6714801444px);
  }
}
@media (min-width: 1920px) {
  .myData__checkbox + label::before {
    height: 30px;
  }
}

.myData__checkbox:checked + label::before {
  background-color: #f47a20;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/picture/Group 193.svg");
}

.breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .breadcrumbs {
    margin-bottom: calc(0.0722021661 * 100vw + -78.6281588448px);
  }
}
@media (min-width: 1920px) {
  .breadcrumbs {
    margin-bottom: 60px;
  }
}
.breadcrumbs__link {
  color: #c5cdd7;
  font-size: 18px;
  line-height: 22px;
  position: relative;
  display: flex;
  align-items: center;
  transition: color 0.38s ease-in-out;
}
@media (min-width: 1366px) {
  .breadcrumbs__link {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .breadcrumbs__link {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .breadcrumbs__link {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .breadcrumbs__link {
    line-height: 24px;
  }
}
.breadcrumbs__link::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #f47a20;
  border-radius: 50%;
  margin-left: 15px;
  margin-right: 15px;
}
.breadcrumbs__link:first-child::before {
  content: none;
}
.breadcrumbs__link:hover {
  color: #f47a20;
}
.breadcrumbs__link:last-child {
  pointer-events: none;
  color: #576778;
}

.passengers {
  background-image: url("../img/picture/89.png") !important;
  background-color: #ecf1f5;
  padding-top: 40px;
}
@media (min-width: 1366px) {
  .passengers {
    padding-top: calc(0.036101083 * 100vw + -9.3140794224px);
  }
}
@media (min-width: 1920px) {
  .passengers {
    padding-top: 60px;
  }
}
.passengers__container {
  margin-bottom: 300px;
}
@media (min-width: 1366px) {
  .passengers__container {
    margin-bottom: calc(0.9927797834 * 100vw + -1056.1371841155px);
  }
}
@media (min-width: 1920px) {
  .passengers__container {
    margin-bottom: 850px;
  }
}
.passengers__text {
  width: 35%;
  color: #99a2ab;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1366px) {
  .passengers__text {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .passengers__text {
    margin-bottom: 30px;
  }
}
@media (min-width: 1366px) {
  .passengers__text {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengers__text {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .passengers__text {
    line-height: calc(0.0072202166 * 100vw + 12.1371841155px);
  }
}
@media (min-width: 1920px) {
  .passengers__text {
    line-height: 26px;
  }
}
.passengers__cards {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media (min-width: 1366px) {
  .passengers__cards {
    gap: calc(0.0090252708 * 100vw + 2.6714801444px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards {
    gap: 20px;
  }
}
@media (min-width: 1366px) {
  .passengers__cards {
    margin-bottom: calc(0.036101083 * 100vw + -9.3140794224px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards {
    margin-bottom: 60px;
  }
}
.passengers__cards-item {
  width: 32%;
  background: #ffffff;
  border: 1px solid #d6dae2;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}
@media (min-width: 1366px) {
  .passengers__cards-item {
    padding: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-item {
    padding: 30px;
  }
}
.passengers__cards-item--last {
  align-items: center;
}
.passengers__cards-item--last .passengers__cards-button {
  width: 220px;
}
@media (min-width: 1366px) {
  .passengers__cards-item--last .passengers__cards-button {
    width: calc(0.1263537906 * 100vw + 47.4007220217px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-item--last .passengers__cards-button {
    width: 290px;
  }
}
.passengers__cards-name {
  color: #576778;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 8px;
}
@media (min-width: 1366px) {
  .passengers__cards-name {
    font-size: calc(0.0036101083 * 100vw + 13.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-name {
    font-size: 20px;
  }
}
@media (min-width: 1366px) {
  .passengers__cards-name {
    line-height: calc(0.0036101083 * 100vw + 17.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-name {
    line-height: 24px;
  }
}
@media (min-width: 1366px) {
  .passengers__cards-name {
    margin-bottom: calc(0.0036101083 * 100vw + 3.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-name {
    margin-bottom: 10px;
  }
}
.passengers__cards-date {
  color: #c5cdd7;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 30px;
}
@media (min-width: 1366px) {
  .passengers__cards-date {
    font-size: calc(0.0036101083 * 100vw + 11.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-date {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .passengers__cards-date {
    line-height: calc(0.0036101083 * 100vw + 14.0685920578px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-date {
    line-height: 21px;
  }
}
@media (min-width: 1366px) {
  .passengers__cards-date {
    margin-bottom: calc(0.036101083 * 100vw + -19.3140794224px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-date {
    margin-bottom: 50px;
  }
}
.passengers__cards-buttons {
  display: flex;
}
.passengers__cards-button {
  background-color: #f47a20;
  border-radius: 10px;
  color: #ffffff;
  cursor: pointer;
  text-transform: uppercase;
  width: 180px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 12px;
  line-height: 18px;
  transition: all 0.3s ease;
}
@media (min-width: 1366px) {
  .passengers__cards-button {
    width: calc(0.0722021661 * 100vw + 81.3718411552px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-button {
    width: 220px;
  }
}
@media (min-width: 1366px) {
  .passengers__cards-button {
    padding-top: calc(0.0216606498 * 100vw + -11.5884476534px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-button {
    padding-top: 30px;
  }
}
@media (min-width: 1366px) {
  .passengers__cards-button {
    padding-bottom: calc(0.0216606498 * 100vw + -11.5884476534px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-button {
    padding-bottom: 30px;
  }
}
@media (min-width: 1366px) {
  .passengers__cards-button {
    font-size: calc(0.0108303249 * 100vw + -2.7942238267px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-button {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .passengers__cards-button {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-button {
    line-height: 21px;
  }
}
.passengers__cards-button:first-child {
  margin-right: 10px;
}
@media (min-width: 1366px) {
  .passengers__cards-button:first-child {
    margin-right: calc(0.0180505415 * 100vw + -14.6570397112px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-button:first-child {
    margin-right: 20px;
  }
}
.passengers__cards-button--gray {
  background-color: #576778;
}
.passengers__cards-button:hover {
  background-color: #414c59;
  color: #f47a20;
}
.passengers__cards-icon {
  font-size: 42px;
  color: #c5cdd7;
  margin-bottom: 20px;
}
@media (min-width: 1366px) {
  .passengers__cards-icon {
    font-size: calc(0.0577617329 * 100vw + -36.9025270758px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-icon {
    font-size: 74px;
  }
}
@media (min-width: 1366px) {
  .passengers__cards-icon {
    margin-bottom: calc(0.0180505415 * 100vw + -4.6570397112px);
  }
}
@media (min-width: 1920px) {
  .passengers__cards-icon {
    margin-bottom: 30px;
  }
}
.passengers__button {
  background-color: #f47a20;
  border-radius: 10px;
  color: #ffffff;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.3s ease;
  width: 220px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 14px;
  line-height: 18px;
}
@media (min-width: 1366px) {
  .passengers__button {
    width: calc(0.1083032491 * 100vw + 72.0577617329px);
  }
}
@media (min-width: 1920px) {
  .passengers__button {
    width: 280px;
  }
}
@media (min-width: 1366px) {
  .passengers__button {
    padding-top: calc(0.0216606498 * 100vw + -11.5884476534px);
  }
}
@media (min-width: 1920px) {
  .passengers__button {
    padding-top: 30px;
  }
}
@media (min-width: 1366px) {
  .passengers__button {
    padding-bottom: calc(0.0216606498 * 100vw + -11.5884476534px);
  }
}
@media (min-width: 1920px) {
  .passengers__button {
    padding-bottom: 30px;
  }
}
@media (min-width: 1366px) {
  .passengers__button {
    font-size: calc(0.0072202166 * 100vw + 4.1371841155px);
  }
}
@media (min-width: 1920px) {
  .passengers__button {
    font-size: 18px;
  }
}
@media (min-width: 1366px) {
  .passengers__button {
    line-height: calc(0.0054151625 * 100vw + 10.6028880866px);
  }
}
@media (min-width: 1920px) {
  .passengers__button {
    line-height: 21px;
  }
}
.passengers__button:hover {
  background-color: #414c59;
  color: #f47a20;
}

@supports not selector(::-webkit-calendar-picker-indicator) {
  .tripOrder__when .tripOrder__form {
    isolation: isolate;
    position: relative;
  }
  .tripOrder__when .tripOrder__form .tripOrder__input {
    z-index: 1;
  }
  .tripOrder__when .tripOrder__form .tripOrder__options {
    z-index: 3;
  }
  .tripOrder__when .tripOrder__form::before {
    z-index: 2;
    top: 0;
    right: 0;
    position: absolute;
    content: "";
    height: 30px;
    width: 50px;
    background-color: white;
    display: block;
  }
}
@media screen and (max-width: 1366px) {
  .content {
    padding-bottom: 80px;
  }
  .content .titleText {
    font-size: 23px;
  }
  .main {
    height: unset;
    background-size: 56%, 100% 100%, 100% 70%;
  }
  .tripOrder .town {
    font-size: 14px;
  }
}
@media screen and (max-width: 1350px) {
  .confirm {
    margin-top: 100px;
  }
  .myData {
    margin-top: 100px;
  }
  .tripChoice {
    margin-top: 100px;
  }
  .passengersValue {
    margin-top: 100px;
  }
  .passengersValue--mt {
    margin-top: 65px;
  }
  .passengers {
    margin-top: 100px;
  }
  .wrapper {
    margin-top: 100px;
  }
  .burger {
    display: block;
    position: relative;
    width: 25px;
    height: 25px;
    z-index: 12;
    cursor: pointer;
    transition: 0.38s ease-in-out;
  }
  .burger::before, .burger::after {
    content: "";
    background: #f47a20;
    border-radius: 2px;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 12px;
    transition: 0.38s ease-in-out;
  }
  .burger::after {
    top: 18px;
  }
  .burger span {
    content: "";
    background: #f47a20;
    border-radius: 2px;
    position: absolute;
    width: 100%;
    height: 2px;
    top: 6px;
    transition: 0.38s ease-in-out;
  }
  .burger--open::before, .burger--open::after {
    transform: rotate(135deg);
    top: 10px;
  }
  .burger--open span {
    transform: rotate(45deg);
    top: 10px;
  }
  .faq {
    margin-top: 100px;
  }
  .news {
    margin-top: 100px;
  }
  .details {
    margin-top: 100px;
  }
  .header {
    position: fixed;
    z-index: 5;
    width: 100%;
    top: 0;
  }
  .header__icons {
    display: none;
  }
  .header__icons--burger {
    display: flex;
  }
  .header__icons--burger a {
    display: block;
    margin-bottom: 15px;
  }
  .header__aunth {
    display: none;
  }
  .header__aunth--burger {
    display: block;
  }
  .content--mobileMarginTop {
    margin-top: 115px;
  }
  .content__partnership-input {
    max-width: 120px;
  }
}
@media screen and (max-width: 1170px) {
  .content__main-text {
    width: 55%;
  }
  .main {
    background-position: 100% 0%, top, top;
  }
  .title--big {
    font-size: 60px;
  }
  .tripOrder__inputs {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .tripOrder__from, .tripOrder__to, .tripOrder__when {
    width: 45%;
  }
  .tripOrder__to {
    margin: 0;
    margin-bottom: 20px;
  }
  .tripOrder__form {
    width: 100%;
  }
  .tripOrder__input {
    width: 100%;
  }
  .tripOrder__btn {
    width: 44%;
  }
  .header__nav {
    display: none;
  }
  .header__nav--burger {
    display: block;
  }
  .header__nav--burger li {
    margin-bottom: 15px;
  }
  .header__burger-nav {
    display: block;
  }
  .footer__logoItem {
    margin-right: 20px;
  }
  .footer__links {
    flex-direction: column;
  }
  .footer__links-item:not(:last-child) {
    margin-bottom: 39px;
  }
  .footer__phone-icon {
    display: none;
  }
  .footer__phone-number {
    text-align: right;
  }
  .header__container--index,
  .contant__container--index,
  .footer__container--index {
    width: 100%;
  }
  .details__wrapper {
    align-items: flex-start;
  }
  .details__progress {
    margin-bottom: 20px;
  }
  .details__progress-item {
    margin-bottom: 8px;
  }
  .details__box-container {
    grid-template-columns: 1fr;
  }
  .modal__btn {
    width: 100%;
  }
  .modal__form {
    width: 100%;
  }
  .content__partnership-left {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .content__partnership-leftTitle {
    margin-bottom: 0;
  }
  .content__partnership-right {
    width: 100%;
    padding-bottom: 25px;
    margin-top: 0;
  }
  .content__partnership-input {
    max-width: none;
  }
  .content__partnership-top {
    justify-content: space-between;
  }
  .content__partnership-bottom {
    flex-direction: row-reverse;
  }
  .content__partnership-topItem {
    width: 30%;
  }
  .content__partnership-topItem input {
    width: 100%;
  }
  .content__partnership-btn {
    margin-left: 15px;
    margin-right: 0;
  }
  .news__list-item {
    width: 47%;
  }
  .news__list-item:not(:nth-child(3n)) {
    margin: 0;
    margin-bottom: 30px;
  }
  .news__list-item:not(:nth-child(2n)) {
    margin-right: 20px;
  }
  .confirm .tripChoice__arrival {
    justify-content: flex-start;
  }
  .confirm .tripChoice__departure {
    width: 50%;
  }
  .confirm .tripChoice__arrival {
    width: 43%;
  }
  .passengers__cards-item {
    width: 48%;
  }
  .myData__text {
    width: 70%;
  }
  .tripChoice__wrapper {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .tripChoice__departure {
    margin-bottom: 20px;
    width: 50%;
  }
  .tripChoice__sort {
    width: 100%;
  }
  .tripChoice__arrival {
    width: 43%;
  }
  .tripChoice__options {
    width: 52%;
    margin-left: unset;
  }
  .tripChoice__options-left {
    margin-right: 30px;
  }
  .tripChoice__confirm {
    width: 43%;
  }
  .tripChoice__confirm-value {
    flex-shrink: 0;
  }
  .tripChoice__confirm .tripChoice__btn {
    width: 60%;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .tripChoice__confirm-wrapper {
    width: 100%;
    justify-content: space-between;
  }
  .tripChoice__list-item {
    padding-left: 40px;
    padding-right: 40px;
  }
  .tripChoice__list-item--history .tripChoice__arrival {
    margin-bottom: 20px;
  }
  .tripChoice__list-item--history .tripChoice__options {
    margin-left: 0;
    flex-direction: row;
  }
  .tripChoice__list-item--history .tripChoice__confirm {
    height: -moz-fit-content;
    height: fit-content;
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .tripChoice__list-item--fast {
    top: 18px;
    border-radius: 10px;
  }
  .tripChoice__list-item--moscow {
    top: 18px;
    border-radius: 10px;
  }
  .tripChoice__list-item--firmal {
    top: 18px;
    border-radius: 10px;
  }
  .tripChoice__controls {
    min-width: 43%;
    margin-left: unset;
  }
  .partnership__container {
    flex-direction: column;
  }
  .details__progress {
    flex-direction: column;
    margin-bottom: 10px;
  }
  .details__progress-item:not(:last-child) {
    margin-bottom: 10px;
  }
  .details__progress-item::after {
    content: "";
    display: none;
  }
  .details__content {
    flex-direction: column;
  }
  .details__left {
    width: 100%;
    margin-bottom: 10px;
  }
  .details__right {
    width: 100%;
  }
  .details__card {
    width: unset;
  }
  .details__card-conditions {
    display: flex;
    flex-wrap: wrap;
  }
  .details__conditions-item {
    width: 50%;
  }
  .tripOrder__to {
    width: 44%;
  }
  .tripOrder__btn {
    width: 43%;
  }
  .footer__left {
    width: 75%;
  }
  .footer__logoItem {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .tripChoice__controls {
    justify-content: center;
  }
  .tripChoice__list-item--history .tripChoice__options-right {
    gap: 15px;
  }
  .tripChoice__list-item--history .tripChoice__confirm .tripChoice__btn {
    width: -moz-fit-content;
    width: fit-content;
  }
  .tripChoice__list-item--history .tripChoice__confirm-sumValue {
    margin-bottom: 10px;
  }
  .header__phone {
    display: none;
  }
  .header__phone--burger {
    display: block;
    margin-bottom: 15px;
  }
  .header__phone-number {
    margin-bottom: 15px;
  }
  .header__burger-number {
    display: block;
  }
  .main {
    background-position: 70px 100%, top, top;
    background-position-x: right;
  }
  .myData__text {
    width: 100%;
  }
  .myData__inputs {
    flex-wrap: wrap;
  }
  .myData__inputs-bottom .myData__inputs-item {
    margin-bottom: 15px;
  }
  .myData__inputs-item {
    width: 100%;
  }
  .myData__select {
    width: 100%;
    margin-bottom: 15px;
  }
  .details__progress {
    flex-direction: column;
  }
  .details__progress-item:not(:last-child) {
    margin-bottom: 10px;
  }
  .details__progress-item::after {
    content: "";
    display: none;
  }
  .details__card-conditions {
    flex-direction: column;
  }
  .details__conditions-item {
    width: 100%;
  }
  .faq__left {
    flex-direction: column;
  }
  .faq__text {
    width: 100%;
  }
  .faq__text-hidden {
    margin-top: 20px;
    width: 100%;
  }
  .confirm .tripChoice__text {
    margin-bottom: 5px;
    text-align: end !important;
  }
  .confirm .tripChoice__options {
    margin-bottom: 10px;
  }
  .confirm .tripChoice__options > div {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .confirm .tripChoice__options-bottom {
    margin-top: 0;
  }
  .confirm .tripChoice__priceValue, .confirm .tripChoice__passengersValue, .confirm .tripChoice__total-value {
    text-align: start !important;
  }
  .confirm .tripChoice__btn {
    text-align: center !important;
  }
  .confirm .tripChoice__btn--gray {
    text-align: center !important;
  }
  .confirm .tripChoice__btn--gray div {
    text-align: center !important;
    margin-bottom: 0 !important;
  }
  .passengers__text {
    width: 85%;
  }
  .passengers__cards-item {
    width: 100%;
  }
  .passengers__cards-button {
    width: 48%;
  }
  .tripOrder__inputs {
    flex-direction: column;
    align-items: flex-start;
  }
  .tripOrder__to, .tripOrder__when, .tripOrder__from {
    width: 100%;
    margin-bottom: 15px;
    max-width: none;
  }
  .tripOrder__btn {
    width: 100%;
    margin-left: 0;
  }
  .tripOrder__form {
    width: 100%;
  }
  .tripOrder__input {
    width: 100%;
  }
  .tripOrder__switch {
    align-self: center;
    margin-bottom: 5px;
  }
  .tripOrder__btn-hidden {
    width: 100%;
  }
  .tripOrder__icon {
    margin-right: 7px;
  }
  .tripOrder__options div:first-child {
    margin-right: 5px;
  }
  .news__content {
    justify-content: flex-start;
  }
  .news__wrapper {
    margin-bottom: auto;
  }
  .news__text {
    margin-bottom: 0;
  }
  .content__main {
    padding-top: 40px;
  }
  .content__container--index {
    width: unset;
  }
  .tripChoice__wrapper {
    padding-top: 5px;
    width: 100%;
    flex-direction: column;
  }
  .tripChoice__wrapper > div {
    width: 100% !important;
  }
  .tripChoice__filter {
    flex-direction: column;
    overflow-x: visible;
  }
  .tripChoice__sort {
    margin-right: 0;
  }
  .tripChoice__departure {
    padding-bottom: 10px;
    border-bottom: 1px solid #c5cdd7;
    margin-bottom: 10px;
  }
  .tripChoice__arrival {
    padding-bottom: 10px;
    border-bottom: 1px solid #c5cdd7;
    margin-bottom: 10px;
  }
  .tripChoice__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .tripChoice__top div {
    margin: 0;
  }
  .tripChoice__place {
    text-align: end;
  }
  .tripChoice__options {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .tripChoice__options-left {
    margin: 0;
  }
  .tripChoice__passengersValue {
    text-align: right;
  }
  .tripChoice__list-item {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tripChoice__list-item--moscow, .tripChoice__list-item--fast, .tripChoice__list-item--firmal {
    top: 1px;
    left: 20px;
  }
  .tripChoice__priceValue {
    margin: 0;
  }
  .tripChoice__btn {
    width: 100%;
  }
  .tripChoice__enabled {
    align-self: flex-end;
  }
  .tripChoice__timeValue {
    text-align: end;
  }
  .passengersValue__card {
    width: 100%;
  }
  .footer__logoItem {
    width: unset;
  }
  .footer__logoItem-text {
    display: none;
  }
  .footer__logoItem-img {
    margin-bottom: 15px;
  }
  .footer__text {
    display: block;
    color: #c5cdd7;
  }
  .footer__container {
    flex-direction: column;
  }
  .footer__left {
    flex-direction: column;
    width: unset;
  }
  .footer__right {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer__links-item {
    margin-bottom: 15px !important;
  }
  .footer__text {
    margin-bottom: 15px;
  }
  .footer__phone {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 576px) {
  .breadcrumbs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .breadcrumbs__link {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 5px;
  }
  .breadcrumbs__link::before {
    margin-bottom: 5px;
  }
  .content__partnership-right {
    margin-top: 0;
  }
  .content__partnership-top {
    flex-direction: column;
  }
  .content__partnership-topItem {
    width: 100%;
    margin-bottom: 15px;
  }
  .content__partnership-bottom {
    flex-direction: column;
  }
  .content__partnership-btn {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }
  .content__partnership-info {
    width: 100%;
    max-width: none;
  }
  .tripChoice__wrapper {
    width: 100%;
    flex-direction: column;
  }
  .tripChoice__wrapper > div {
    width: 100% !important;
  }
  .tripChoice__departure {
    padding-bottom: 10px;
    border-bottom: 1px solid #c5cdd7;
    margin-bottom: 10px;
  }
  .tripChoice__arrival {
    padding-bottom: 10px;
    border-bottom: 1px solid #c5cdd7;
    margin-bottom: 10px;
  }
  .tripChoice__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .tripChoice__top div {
    margin: 0;
  }
  .tripChoice__place {
    text-align: end;
  }
  .tripChoice__options {
    display: flex;
    justify-content: space-between;
  }
  .tripChoice__options-left {
    margin: 0;
  }
  .tripChoice__list-item--moscow, .tripChoice__list-item--fast, .tripChoice__list-item--firmal {
    top: 2px;
    left: 20px;
  }
  .tripChoice__priceValue {
    margin: 0;
  }
  .tripChoice__btn {
    width: 100%;
  }
  .tripChoice__enabled {
    align-self: flex-end;
  }
  .tripChoice__timeValue {
    text-align: end;
  }
  .details__card-info {
    flex-direction: column;
  }
  .details__card-left {
    margin-bottom: 10px;
    flex-shrink: 0;
  }
  .details__card-right {
    width: 100%;
  }
  .details__wrapper {
    flex-direction: column;
  }
  .details__text {
    margin-top: 20px;
  }
  .details__back {
    align-self: flex-end;
  }
  .details__box-top {
    flex-wrap: wrap;
    gap: 15px;
  }
  .details__box-item--bg .details__busStop {
    flex-direction: column;
  }
  .details__box-info {
    grid-template-columns: 1fr;
  }
  .details__box-label, .details__box-gender {
    grid-column: unset;
  }
  .modal__box {
    width: 95%;
  }
  .modal__box .modal__text {
    width: 75%;
  }
  .modal__registration {
    width: 95%;
  }
  .modal__code {
    width: 95%;
  }
  .modal__code .modal__text {
    width: 75%;
    max-width: 20ch;
  }
  .modal__registration .modal__text {
    width: 75%;
    text-wrap: balance;
    max-width: 20ch;
  }
  .tripOrder__input .item {
    white-space: unset;
  }
  .tripOrder__input.selectize-control {
    height: auto;
    min-height: 33px;
  }
}/*# sourceMappingURL=style.css.map */