.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
  line-height: 1.5;
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #fff;
  text-overflow: ellipsis;
  background-clip: padding-box;
  border: 0.0625rem solid #caced3;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #464646;
    background-color: #fff;
    border-color: #efa603;
    outline: 0; }
    .form-control:focus ::placeholder {
      opacity: 0; }
  .form-control::-webkit-input-placeholder {
    color: #8d8d8d;
    opacity: 1;
    font-weight: 500; }
  .form-control::-moz-placeholder {
    color: #8d8d8d;
    opacity: 1;
    font-weight: 500; }
  .form-control:-ms-input-placeholder {
    color: #8d8d8d;
    opacity: 1;
    font-weight: 500; }
  .form-control::-ms-input-placeholder {
    color: #8d8d8d;
    opacity: 1;
    font-weight: 500; }
  .form-control::placeholder {
    color: #8d8d8d;
    opacity: 1;
    font-weight: 500; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ebee;
    opacity: 1;
    font-weight: 500; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield; }

.field {
  display: flex;
  flex-flow: column; }
  .field input {
    font-size: 1rem;
    min-height: 4.5rem;
    padding: 2.2rem 1.5rem 1.25rem; }
  .field label {
    font-size: 0.75rem;
    font-weight: 500;
    color: #8d8d8d; }
  .field label,
  .field input {
    transition: all 0.2s;
    touch-action: manipulation; }
  .field input:placeholder-shown + label {
    position: absolute;
    width: max-content;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    transform: translate(1.5rem, 1.5rem) scale(1.3); }
  .field ::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit; }
  .field :-moz-placeholder {
    opacity: 0;
    transition: inherit; }
  .field ::-moz-placeholder {
    opacity: 0;
    transition: inherit; }
  .field :-ms-input-placeholder {
    opacity: 0;
    transition: inherit; }
  .field ::-ms-input-placeholder {
    opacity: 0;
    transition: inherit; }
  .field input:focus::-webkit-input-placeholder {
    opacity: 1; }
  .field input:focus:-moz-placeholder {
    opacity: 1; }
  .field input:focus::-moz-placeholder {
    opacity: 1; }
  .field input:focus:-ms-input-placeholder {
    opacity: 1; }
  .field input:focus::-ms-input-placeholder {
    opacity: 1; }
  .field input:not(:placeholder-shown) + label,
  .field input:focus + label {
    position: absolute;
    max-width: max-content;
    transform: translate(1.5rem, 0.5rem) scale(1);
    pointer-events: none; }

.qs-cancelpp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span:first-child,
.qs-cancelpp .modal-main .modal-content .fare-card .fares .gst div:first-child span:first-child,
.qs-farepp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span:first-child,
.qs-farepp .modal-main .modal-content .fare-card .fares .gst div:first-child span:first-child,
.qs-bestqtpp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span:first-child,
.qs-bestqtpp .modal-main .modal-content .fare-card .fares .gst div:first-child span:first-child,
.qs-choose .modal-main .modal-content .fare-card .fares .base-fare div:first-child span:first-child,
.qs-choose .modal-main .modal-content .fare-card .fares .gst div:first-child span:first-child,
.qs-vehdetpp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span:first-child,
.qs-vehdetpp .modal-main .modal-content .fare-card .fares .gst div:first-child span:first-child, .qs-cancelpp .modal-main .modal-content .fare-card .fares .base-fare div:not(:first-child),
.qs-cancelpp .modal-main .modal-content .fare-card .fares .gst div:not(:first-child),
.qs-farepp .modal-main .modal-content .fare-card .fares .base-fare div:not(:first-child),
.qs-farepp .modal-main .modal-content .fare-card .fares .gst div:not(:first-child),
.qs-bestqtpp .modal-main .modal-content .fare-card .fares .base-fare div:not(:first-child),
.qs-bestqtpp .modal-main .modal-content .fare-card .fares .gst div:not(:first-child),
.qs-choose .modal-main .modal-content .fare-card .fares .base-fare div:not(:first-child),
.qs-choose .modal-main .modal-content .fare-card .fares .gst div:not(:first-child),
.qs-vehdetpp .modal-main .modal-content .fare-card .fares .base-fare div:not(:first-child),
.qs-vehdetpp .modal-main .modal-content .fare-card .fares .gst div:not(:first-child), .qs-cancelpp .modal-main .modal-content .fare-card .fare-total div:first-child span:first-child,
.qs-farepp .modal-main .modal-content .fare-card .fare-total div:first-child span:first-child,
.qs-bestqtpp .modal-main .modal-content .fare-card .fare-total div:first-child span:first-child,
.qs-choose .modal-main .modal-content .fare-card .fare-total div:first-child span:first-child,
.qs-vehdetpp .modal-main .modal-content .fare-card .fare-total div:first-child span:first-child {
  font-size: 1rem;
  font-weight: 400;
  color: #222222; }

.qs-cancelpp .modal-main,
.qs-farepp .modal-main,
.qs-bestqtpp .modal-main,
.qs-choose .modal-main,
.qs-vehdetpp .modal-main {
  width: 100%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.8);
  animation-duration: 0.6s; }
  .qs-cancelpp .modal-main::-webkit-scrollbar,
  .qs-farepp .modal-main::-webkit-scrollbar,
  .qs-bestqtpp .modal-main::-webkit-scrollbar,
  .qs-choose .modal-main::-webkit-scrollbar,
  .qs-vehdetpp .modal-main::-webkit-scrollbar {
    display: none; }
  .qs-cancelpp .modal-main.choose-opacity,
  .qs-farepp .modal-main.choose-opacity,
  .qs-bestqtpp .modal-main.choose-opacity,
  .qs-choose .modal-main.choose-opacity,
  .qs-vehdetpp .modal-main.choose-opacity {
    background: rgba(0, 0, 0, 0.6); }
  .qs-cancelpp .modal-main .modal-content,
  .qs-farepp .modal-main .modal-content,
  .qs-bestqtpp .modal-main .modal-content,
  .qs-choose .modal-main .modal-content,
  .qs-vehdetpp .modal-main .modal-content {
    margin: auto;
    width: 550px; }
    .qs-cancelpp .modal-main .modal-content .container,
    .qs-farepp .modal-main .modal-content .container,
    .qs-bestqtpp .modal-main .modal-content .container,
    .qs-choose .modal-main .modal-content .container,
    .qs-vehdetpp .modal-main .modal-content .container {
      display: flex;
      justify-content: center; }
    .qs-cancelpp .modal-main .modal-content .fare-card,
    .qs-farepp .modal-main .modal-content .fare-card,
    .qs-bestqtpp .modal-main .modal-content .fare-card,
    .qs-choose .modal-main .modal-content .fare-card,
    .qs-vehdetpp .modal-main .modal-content .fare-card {
      width: 95%;
      padding: 2rem 3rem; }
      @media (max-width: 576px) {
        .qs-cancelpp .modal-main .modal-content .fare-card,
        .qs-farepp .modal-main .modal-content .fare-card,
        .qs-bestqtpp .modal-main .modal-content .fare-card,
        .qs-choose .modal-main .modal-content .fare-card,
        .qs-vehdetpp .modal-main .modal-content .fare-card {
          width: 90%;
          padding: 2rem; } }
      .qs-cancelpp .modal-main .modal-content .fare-card .fare-head,
      .qs-farepp .modal-main .modal-content .fare-card .fare-head,
      .qs-bestqtpp .modal-main .modal-content .fare-card .fare-head,
      .qs-choose .modal-main .modal-content .fare-card .fare-head,
      .qs-vehdetpp .modal-main .modal-content .fare-card .fare-head {
        display: flex;
        justify-content: space-between; }
        .qs-cancelpp .modal-main .modal-content .fare-card .fare-head h6,
        .qs-farepp .modal-main .modal-content .fare-card .fare-head h6,
        .qs-bestqtpp .modal-main .modal-content .fare-card .fare-head h6,
        .qs-choose .modal-main .modal-content .fare-card .fare-head h6,
        .qs-vehdetpp .modal-main .modal-content .fare-card .fare-head h6 {
          font-size: 1rem;
          font-weight: bold;
          color: #222222; }
        .qs-cancelpp .modal-main .modal-content .fare-card .fare-head img,
        .qs-farepp .modal-main .modal-content .fare-card .fare-head img,
        .qs-bestqtpp .modal-main .modal-content .fare-card .fare-head img,
        .qs-choose .modal-main .modal-content .fare-card .fare-head img,
        .qs-vehdetpp .modal-main .modal-content .fare-card .fare-head img {
          cursor: pointer;
          transition: transform 0.2s ease-in-out; }
          .qs-cancelpp .modal-main .modal-content .fare-card .fare-head img:hover,
          .qs-farepp .modal-main .modal-content .fare-card .fare-head img:hover,
          .qs-bestqtpp .modal-main .modal-content .fare-card .fare-head img:hover,
          .qs-choose .modal-main .modal-content .fare-card .fare-head img:hover,
          .qs-vehdetpp .modal-main .modal-content .fare-card .fare-head img:hover {
            transform: rotate(180deg); }
      .qs-cancelpp .modal-main .modal-content .fare-card .fares,
      .qs-farepp .modal-main .modal-content .fare-card .fares,
      .qs-bestqtpp .modal-main .modal-content .fare-card .fares,
      .qs-choose .modal-main .modal-content .fare-card .fares,
      .qs-vehdetpp .modal-main .modal-content .fare-card .fares {
        border-bottom: 0.063rem solid #ececec; }
        .qs-cancelpp .modal-main .modal-content .fare-card .fares .base-fare,
        .qs-cancelpp .modal-main .modal-content .fare-card .fares .gst,
        .qs-farepp .modal-main .modal-content .fare-card .fares .base-fare,
        .qs-farepp .modal-main .modal-content .fare-card .fares .gst,
        .qs-bestqtpp .modal-main .modal-content .fare-card .fares .base-fare,
        .qs-bestqtpp .modal-main .modal-content .fare-card .fares .gst,
        .qs-choose .modal-main .modal-content .fare-card .fares .base-fare,
        .qs-choose .modal-main .modal-content .fare-card .fares .gst,
        .qs-vehdetpp .modal-main .modal-content .fare-card .fares .base-fare,
        .qs-vehdetpp .modal-main .modal-content .fare-card .fares .gst {
          display: flex;
          justify-content: space-between;
          min-height: 3rem; }
          .qs-cancelpp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span,
          .qs-cancelpp .modal-main .modal-content .fare-card .fares .gst div:first-child span,
          .qs-farepp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span,
          .qs-farepp .modal-main .modal-content .fare-card .fares .gst div:first-child span,
          .qs-bestqtpp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span,
          .qs-bestqtpp .modal-main .modal-content .fare-card .fares .gst div:first-child span,
          .qs-choose .modal-main .modal-content .fare-card .fares .base-fare div:first-child span,
          .qs-choose .modal-main .modal-content .fare-card .fares .gst div:first-child span,
          .qs-vehdetpp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span,
          .qs-vehdetpp .modal-main .modal-content .fare-card .fares .gst div:first-child span {
            display: block; }
            .qs-cancelpp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span:not(:first-child),
            .qs-cancelpp .modal-main .modal-content .fare-card .fares .gst div:first-child span:not(:first-child),
            .qs-farepp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span:not(:first-child),
            .qs-farepp .modal-main .modal-content .fare-card .fares .gst div:first-child span:not(:first-child),
            .qs-bestqtpp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span:not(:first-child),
            .qs-bestqtpp .modal-main .modal-content .fare-card .fares .gst div:first-child span:not(:first-child),
            .qs-choose .modal-main .modal-content .fare-card .fares .base-fare div:first-child span:not(:first-child),
            .qs-choose .modal-main .modal-content .fare-card .fares .gst div:first-child span:not(:first-child),
            .qs-vehdetpp .modal-main .modal-content .fare-card .fares .base-fare div:first-child span:not(:first-child),
            .qs-vehdetpp .modal-main .modal-content .fare-card .fares .gst div:first-child span:not(:first-child) {
              font-size: 0.75rem;
              font-weight: 400;
              color: #808187; }
      .qs-cancelpp .modal-main .modal-content .fare-card .fare-total,
      .qs-farepp .modal-main .modal-content .fare-card .fare-total,
      .qs-bestqtpp .modal-main .modal-content .fare-card .fare-total,
      .qs-choose .modal-main .modal-content .fare-card .fare-total,
      .qs-vehdetpp .modal-main .modal-content .fare-card .fare-total {
        display: flex;
        justify-content: space-between;
        margin-top: 1rem; }
        .qs-cancelpp .modal-main .modal-content .fare-card .fare-total div:first-child span,
        .qs-farepp .modal-main .modal-content .fare-card .fare-total div:first-child span,
        .qs-bestqtpp .modal-main .modal-content .fare-card .fare-total div:first-child span,
        .qs-choose .modal-main .modal-content .fare-card .fare-total div:first-child span,
        .qs-vehdetpp .modal-main .modal-content .fare-card .fare-total div:first-child span {
          display: block; }
          .qs-cancelpp .modal-main .modal-content .fare-card .fare-total div:first-child span:first-child,
          .qs-farepp .modal-main .modal-content .fare-card .fare-total div:first-child span:first-child,
          .qs-bestqtpp .modal-main .modal-content .fare-card .fare-total div:first-child span:first-child,
          .qs-choose .modal-main .modal-content .fare-card .fare-total div:first-child span:first-child,
          .qs-vehdetpp .modal-main .modal-content .fare-card .fare-total div:first-child span:first-child {
            font-weight: 600; }
          .qs-cancelpp .modal-main .modal-content .fare-card .fare-total div:first-child span:not(:first-child),
          .qs-farepp .modal-main .modal-content .fare-card .fare-total div:first-child span:not(:first-child),
          .qs-bestqtpp .modal-main .modal-content .fare-card .fare-total div:first-child span:not(:first-child),
          .qs-choose .modal-main .modal-content .fare-card .fare-total div:first-child span:not(:first-child),
          .qs-vehdetpp .modal-main .modal-content .fare-card .fare-total div:first-child span:not(:first-child) {
            font-size: 0.75rem;
            font-weight: 400;
            color: #808187; }
        .qs-cancelpp .modal-main .modal-content .fare-card .fare-total div:not(:first-child),
        .qs-farepp .modal-main .modal-content .fare-card .fare-total div:not(:first-child),
        .qs-bestqtpp .modal-main .modal-content .fare-card .fare-total div:not(:first-child),
        .qs-choose .modal-main .modal-content .fare-card .fare-total div:not(:first-child),
        .qs-vehdetpp .modal-main .modal-content .fare-card .fare-total div:not(:first-child) {
          font-weight: 600; }
    .qs-cancelpp .modal-main .modal-content .cancel-card,
    .qs-farepp .modal-main .modal-content .cancel-card,
    .qs-bestqtpp .modal-main .modal-content .cancel-card,
    .qs-choose .modal-main .modal-content .cancel-card,
    .qs-vehdetpp .modal-main .modal-content .cancel-card {
      padding: 2rem 3rem; }
      @media (max-width: 576px) {
        .qs-cancelpp .modal-main .modal-content .cancel-card,
        .qs-farepp .modal-main .modal-content .cancel-card,
        .qs-bestqtpp .modal-main .modal-content .cancel-card,
        .qs-choose .modal-main .modal-content .cancel-card,
        .qs-vehdetpp .modal-main .modal-content .cancel-card {
          padding: 1.5rem; } }
      .qs-cancelpp .modal-main .modal-content .cancel-card .cancel-head,
      .qs-farepp .modal-main .modal-content .cancel-card .cancel-head,
      .qs-bestqtpp .modal-main .modal-content .cancel-card .cancel-head,
      .qs-choose .modal-main .modal-content .cancel-card .cancel-head,
      .qs-vehdetpp .modal-main .modal-content .cancel-card .cancel-head {
        display: flex;
        justify-content: space-between; }
        .qs-cancelpp .modal-main .modal-content .cancel-card .cancel-head h6,
        .qs-farepp .modal-main .modal-content .cancel-card .cancel-head h6,
        .qs-bestqtpp .modal-main .modal-content .cancel-card .cancel-head h6,
        .qs-choose .modal-main .modal-content .cancel-card .cancel-head h6,
        .qs-vehdetpp .modal-main .modal-content .cancel-card .cancel-head h6 {
          font-size: 1rem;
          font-weight: bold;
          color: #222222; }
        .qs-cancelpp .modal-main .modal-content .cancel-card .cancel-head img,
        .qs-farepp .modal-main .modal-content .cancel-card .cancel-head img,
        .qs-bestqtpp .modal-main .modal-content .cancel-card .cancel-head img,
        .qs-choose .modal-main .modal-content .cancel-card .cancel-head img,
        .qs-vehdetpp .modal-main .modal-content .cancel-card .cancel-head img {
          cursor: pointer;
          width: 1rem;
          height: 0.937rem;
          transition: transform 0.2s ease-in-out; }
          .qs-cancelpp .modal-main .modal-content .cancel-card .cancel-head img:hover,
          .qs-farepp .modal-main .modal-content .cancel-card .cancel-head img:hover,
          .qs-bestqtpp .modal-main .modal-content .cancel-card .cancel-head img:hover,
          .qs-choose .modal-main .modal-content .cancel-card .cancel-head img:hover,
          .qs-vehdetpp .modal-main .modal-content .cancel-card .cancel-head img:hover {
            transform: rotate(180deg); }
      .qs-cancelpp .modal-main .modal-content .cancel-card .hr-b4-trip,
      .qs-farepp .modal-main .modal-content .cancel-card .hr-b4-trip,
      .qs-bestqtpp .modal-main .modal-content .cancel-card .hr-b4-trip,
      .qs-choose .modal-main .modal-content .cancel-card .hr-b4-trip,
      .qs-vehdetpp .modal-main .modal-content .cancel-card .hr-b4-trip {
        display: flex;
        justify-content: space-between;
        width: calc(100% - 2.25rem); }
        .qs-cancelpp .modal-main .modal-content .cancel-card .hr-b4-trip div,
        .qs-farepp .modal-main .modal-content .cancel-card .hr-b4-trip div,
        .qs-bestqtpp .modal-main .modal-content .cancel-card .hr-b4-trip div,
        .qs-choose .modal-main .modal-content .cancel-card .hr-b4-trip div,
        .qs-vehdetpp .modal-main .modal-content .cancel-card .hr-b4-trip div {
          display: flex;
          flex-direction: column;
          width: 33.33%; }
          .qs-cancelpp .modal-main .modal-content .cancel-card .hr-b4-trip div span:first-child,
          .qs-farepp .modal-main .modal-content .cancel-card .hr-b4-trip div span:first-child,
          .qs-bestqtpp .modal-main .modal-content .cancel-card .hr-b4-trip div span:first-child,
          .qs-choose .modal-main .modal-content .cancel-card .hr-b4-trip div span:first-child,
          .qs-vehdetpp .modal-main .modal-content .cancel-card .hr-b4-trip div span:first-child {
            font-size: 0.813rem;
            font-weight: 600;
            color: #222222;
            line-height: 1.23; }
          .qs-cancelpp .modal-main .modal-content .cancel-card .hr-b4-trip div span:not(:first-child),
          .qs-farepp .modal-main .modal-content .cancel-card .hr-b4-trip div span:not(:first-child),
          .qs-bestqtpp .modal-main .modal-content .cancel-card .hr-b4-trip div span:not(:first-child),
          .qs-choose .modal-main .modal-content .cancel-card .hr-b4-trip div span:not(:first-child),
          .qs-vehdetpp .modal-main .modal-content .cancel-card .hr-b4-trip div span:not(:first-child) {
            font-size: 0.813rem;
            font-weight: 400;
            color: #727272; }
      .qs-cancelpp .modal-main .modal-content .cancel-card .refund,
      .qs-farepp .modal-main .modal-content .cancel-card .refund,
      .qs-bestqtpp .modal-main .modal-content .cancel-card .refund,
      .qs-choose .modal-main .modal-content .cancel-card .refund,
      .qs-vehdetpp .modal-main .modal-content .cancel-card .refund {
        display: flex;
        justify-content: space-between;
        position: relative;
        width: calc(100% - 2.25rem);
        border-top: 4px solid transparent;
        border-image: linear-gradient(to left, #e05d6d, #f5a623 51%, #a4cc7c);
        border-image-slice: 1; }
        .qs-cancelpp .modal-main .modal-content .cancel-card .refund::after,
        .qs-farepp .modal-main .modal-content .cancel-card .refund::after,
        .qs-bestqtpp .modal-main .modal-content .cancel-card .refund::after,
        .qs-choose .modal-main .modal-content .cancel-card .refund::after,
        .qs-vehdetpp .modal-main .modal-content .cancel-card .refund::after {
          content: "";
          position: absolute;
          right: -2.2rem;
          top: -0.7rem;
          width: 2.25rem;
          height: 1rem;
          background: url("/assets/images/taxi.svg") no-repeat; }
        .qs-cancelpp .modal-main .modal-content .cancel-card .refund div,
        .qs-farepp .modal-main .modal-content .cancel-card .refund div,
        .qs-bestqtpp .modal-main .modal-content .cancel-card .refund div,
        .qs-choose .modal-main .modal-content .cancel-card .refund div,
        .qs-vehdetpp .modal-main .modal-content .cancel-card .refund div {
          display: flex;
          flex-direction: column;
          width: 33.33%;
          padding: 1rem 0.5rem 0 0.5rem; }
          .qs-cancelpp .modal-main .modal-content .cancel-card .refund div:nth-child(1),
          .qs-farepp .modal-main .modal-content .cancel-card .refund div:nth-child(1),
          .qs-bestqtpp .modal-main .modal-content .cancel-card .refund div:nth-child(1),
          .qs-choose .modal-main .modal-content .cancel-card .refund div:nth-child(1),
          .qs-vehdetpp .modal-main .modal-content .cancel-card .refund div:nth-child(1) {
            border-left: solid 0.1rem #a4cc7c; }
          .qs-cancelpp .modal-main .modal-content .cancel-card .refund div:nth-child(2),
          .qs-farepp .modal-main .modal-content .cancel-card .refund div:nth-child(2),
          .qs-bestqtpp .modal-main .modal-content .cancel-card .refund div:nth-child(2),
          .qs-choose .modal-main .modal-content .cancel-card .refund div:nth-child(2),
          .qs-vehdetpp .modal-main .modal-content .cancel-card .refund div:nth-child(2) {
            border-left: solid 0.1rem #f5a623; }
          .qs-cancelpp .modal-main .modal-content .cancel-card .refund div:nth-child(3),
          .qs-farepp .modal-main .modal-content .cancel-card .refund div:nth-child(3),
          .qs-bestqtpp .modal-main .modal-content .cancel-card .refund div:nth-child(3),
          .qs-choose .modal-main .modal-content .cancel-card .refund div:nth-child(3),
          .qs-vehdetpp .modal-main .modal-content .cancel-card .refund div:nth-child(3) {
            border-left: solid 0.1rem #e05d6d; }
          .qs-cancelpp .modal-main .modal-content .cancel-card .refund div span,
          .qs-farepp .modal-main .modal-content .cancel-card .refund div span,
          .qs-bestqtpp .modal-main .modal-content .cancel-card .refund div span,
          .qs-choose .modal-main .modal-content .cancel-card .refund div span,
          .qs-vehdetpp .modal-main .modal-content .cancel-card .refund div span {
            font-size: 0.813rem;
            font-weight: 600;
            color: #222222;
            line-height: 1.15; }
      .qs-cancelpp .modal-main .modal-content .cancel-card .est h6,
      .qs-cancelpp .modal-main .modal-content .cancel-card .ot h6,
      .qs-farepp .modal-main .modal-content .cancel-card .est h6,
      .qs-farepp .modal-main .modal-content .cancel-card .ot h6,
      .qs-bestqtpp .modal-main .modal-content .cancel-card .est h6,
      .qs-bestqtpp .modal-main .modal-content .cancel-card .ot h6,
      .qs-choose .modal-main .modal-content .cancel-card .est h6,
      .qs-choose .modal-main .modal-content .cancel-card .ot h6,
      .qs-vehdetpp .modal-main .modal-content .cancel-card .est h6,
      .qs-vehdetpp .modal-main .modal-content .cancel-card .ot h6 {
        font-size: 1rem;
        font-weight: 600;
        color: #222222; }
      .qs-cancelpp .modal-main .modal-content .cancel-card .est div,
      .qs-cancelpp .modal-main .modal-content .cancel-card .ot div,
      .qs-farepp .modal-main .modal-content .cancel-card .est div,
      .qs-farepp .modal-main .modal-content .cancel-card .ot div,
      .qs-bestqtpp .modal-main .modal-content .cancel-card .est div,
      .qs-bestqtpp .modal-main .modal-content .cancel-card .ot div,
      .qs-choose .modal-main .modal-content .cancel-card .est div,
      .qs-choose .modal-main .modal-content .cancel-card .ot div,
      .qs-vehdetpp .modal-main .modal-content .cancel-card .est div,
      .qs-vehdetpp .modal-main .modal-content .cancel-card .ot div {
        display: flex;
        justify-content: space-between;
        align-items: baseline; }
        .qs-cancelpp .modal-main .modal-content .cancel-card .est div span,
        .qs-cancelpp .modal-main .modal-content .cancel-card .ot div span,
        .qs-farepp .modal-main .modal-content .cancel-card .est div span,
        .qs-farepp .modal-main .modal-content .cancel-card .ot div span,
        .qs-bestqtpp .modal-main .modal-content .cancel-card .est div span,
        .qs-bestqtpp .modal-main .modal-content .cancel-card .ot div span,
        .qs-choose .modal-main .modal-content .cancel-card .est div span,
        .qs-choose .modal-main .modal-content .cancel-card .ot div span,
        .qs-vehdetpp .modal-main .modal-content .cancel-card .est div span,
        .qs-vehdetpp .modal-main .modal-content .cancel-card .ot div span {
          display: flex;
          flex-direction: column;
          margin-top: 1.2rem; }
          .qs-cancelpp .modal-main .modal-content .cancel-card .est div span:nth-child(1),
          .qs-cancelpp .modal-main .modal-content .cancel-card .ot div span:nth-child(1),
          .qs-farepp .modal-main .modal-content .cancel-card .est div span:nth-child(1),
          .qs-farepp .modal-main .modal-content .cancel-card .ot div span:nth-child(1),
          .qs-bestqtpp .modal-main .modal-content .cancel-card .est div span:nth-child(1),
          .qs-bestqtpp .modal-main .modal-content .cancel-card .ot div span:nth-child(1),
          .qs-choose .modal-main .modal-content .cancel-card .est div span:nth-child(1),
          .qs-choose .modal-main .modal-content .cancel-card .ot div span:nth-child(1),
          .qs-vehdetpp .modal-main .modal-content .cancel-card .est div span:nth-child(1),
          .qs-vehdetpp .modal-main .modal-content .cancel-card .ot div span:nth-child(1) {
            width: 2.5rem; }
            .qs-cancelpp .modal-main .modal-content .cancel-card .est div span:nth-child(1) img,
            .qs-cancelpp .modal-main .modal-content .cancel-card .ot div span:nth-child(1) img,
            .qs-farepp .modal-main .modal-content .cancel-card .est div span:nth-child(1) img,
            .qs-farepp .modal-main .modal-content .cancel-card .ot div span:nth-child(1) img,
            .qs-bestqtpp .modal-main .modal-content .cancel-card .est div span:nth-child(1) img,
            .qs-bestqtpp .modal-main .modal-content .cancel-card .ot div span:nth-child(1) img,
            .qs-choose .modal-main .modal-content .cancel-card .est div span:nth-child(1) img,
            .qs-choose .modal-main .modal-content .cancel-card .ot div span:nth-child(1) img,
            .qs-vehdetpp .modal-main .modal-content .cancel-card .est div span:nth-child(1) img,
            .qs-vehdetpp .modal-main .modal-content .cancel-card .ot div span:nth-child(1) img {
              align-self: baseline; }
          .qs-cancelpp .modal-main .modal-content .cancel-card .est div span:nth-child(2),
          .qs-cancelpp .modal-main .modal-content .cancel-card .ot div span:nth-child(2),
          .qs-farepp .modal-main .modal-content .cancel-card .est div span:nth-child(2),
          .qs-farepp .modal-main .modal-content .cancel-card .ot div span:nth-child(2),
          .qs-bestqtpp .modal-main .modal-content .cancel-card .est div span:nth-child(2),
          .qs-bestqtpp .modal-main .modal-content .cancel-card .ot div span:nth-child(2),
          .qs-choose .modal-main .modal-content .cancel-card .est div span:nth-child(2),
          .qs-choose .modal-main .modal-content .cancel-card .ot div span:nth-child(2),
          .qs-vehdetpp .modal-main .modal-content .cancel-card .est div span:nth-child(2),
          .qs-vehdetpp .modal-main .modal-content .cancel-card .ot div span:nth-child(2) {
            width: calc(100% - 2.5rem);
            font-size: 0.875rem;
            font-weight: 500;
            color: #222222;
            line-height: 1;
            align-self: center; }
    .qs-cancelpp .modal-main .modal-content .homepage-card,
    .qs-farepp .modal-main .modal-content .homepage-card,
    .qs-bestqtpp .modal-main .modal-content .homepage-card,
    .qs-choose .modal-main .modal-content .homepage-card,
    .qs-vehdetpp .modal-main .modal-content .homepage-card {
      padding: 1rem 2rem; }
      @media (max-width: 576px) {
        .qs-cancelpp .modal-main .modal-content .homepage-card,
        .qs-farepp .modal-main .modal-content .homepage-card,
        .qs-bestqtpp .modal-main .modal-content .homepage-card,
        .qs-choose .modal-main .modal-content .homepage-card,
        .qs-vehdetpp .modal-main .modal-content .homepage-card {
          padding: 1rem; } }
      .qs-cancelpp .modal-main .modal-content .homepage-card .homepage-head,
      .qs-farepp .modal-main .modal-content .homepage-card .homepage-head,
      .qs-bestqtpp .modal-main .modal-content .homepage-card .homepage-head,
      .qs-choose .modal-main .modal-content .homepage-card .homepage-head,
      .qs-vehdetpp .modal-main .modal-content .homepage-card .homepage-head {
        display: flex;
        justify-content: flex-end; }
        .qs-cancelpp .modal-main .modal-content .homepage-card .homepage-head h6,
        .qs-farepp .modal-main .modal-content .homepage-card .homepage-head h6,
        .qs-bestqtpp .modal-main .modal-content .homepage-card .homepage-head h6,
        .qs-choose .modal-main .modal-content .homepage-card .homepage-head h6,
        .qs-vehdetpp .modal-main .modal-content .homepage-card .homepage-head h6 {
          font-size: 1rem;
          font-weight: bold;
          color: #222222; }
        .qs-cancelpp .modal-main .modal-content .homepage-card .homepage-head img,
        .qs-farepp .modal-main .modal-content .homepage-card .homepage-head img,
        .qs-bestqtpp .modal-main .modal-content .homepage-card .homepage-head img,
        .qs-choose .modal-main .modal-content .homepage-card .homepage-head img,
        .qs-vehdetpp .modal-main .modal-content .homepage-card .homepage-head img {
          cursor: pointer;
          width: 1rem;
          height: 0.937rem;
          transition: transform 0.2s ease-in-out; }
          .qs-cancelpp .modal-main .modal-content .homepage-card .homepage-head img:hover,
          .qs-farepp .modal-main .modal-content .homepage-card .homepage-head img:hover,
          .qs-bestqtpp .modal-main .modal-content .homepage-card .homepage-head img:hover,
          .qs-choose .modal-main .modal-content .homepage-card .homepage-head img:hover,
          .qs-vehdetpp .modal-main .modal-content .homepage-card .homepage-head img:hover {
            transform: rotate(180deg); }
      .qs-cancelpp .modal-main .modal-content .homepage-card .hr-b4-trip,
      .qs-farepp .modal-main .modal-content .homepage-card .hr-b4-trip,
      .qs-bestqtpp .modal-main .modal-content .homepage-card .hr-b4-trip,
      .qs-choose .modal-main .modal-content .homepage-card .hr-b4-trip,
      .qs-vehdetpp .modal-main .modal-content .homepage-card .hr-b4-trip {
        display: flex;
        justify-content: space-between;
        width: calc(100% - 2.25rem); }
        .qs-cancelpp .modal-main .modal-content .homepage-card .hr-b4-trip div,
        .qs-farepp .modal-main .modal-content .homepage-card .hr-b4-trip div,
        .qs-bestqtpp .modal-main .modal-content .homepage-card .hr-b4-trip div,
        .qs-choose .modal-main .modal-content .homepage-card .hr-b4-trip div,
        .qs-vehdetpp .modal-main .modal-content .homepage-card .hr-b4-trip div {
          display: flex;
          flex-direction: column;
          width: 33.33%; }
          .qs-cancelpp .modal-main .modal-content .homepage-card .hr-b4-trip div span:first-child,
          .qs-farepp .modal-main .modal-content .homepage-card .hr-b4-trip div span:first-child,
          .qs-bestqtpp .modal-main .modal-content .homepage-card .hr-b4-trip div span:first-child,
          .qs-choose .modal-main .modal-content .homepage-card .hr-b4-trip div span:first-child,
          .qs-vehdetpp .modal-main .modal-content .homepage-card .hr-b4-trip div span:first-child {
            font-size: 0.813rem;
            font-weight: 600;
            color: #222222;
            line-height: 1.23; }
          .qs-cancelpp .modal-main .modal-content .homepage-card .hr-b4-trip div span:not(:first-child),
          .qs-farepp .modal-main .modal-content .homepage-card .hr-b4-trip div span:not(:first-child),
          .qs-bestqtpp .modal-main .modal-content .homepage-card .hr-b4-trip div span:not(:first-child),
          .qs-choose .modal-main .modal-content .homepage-card .hr-b4-trip div span:not(:first-child),
          .qs-vehdetpp .modal-main .modal-content .homepage-card .hr-b4-trip div span:not(:first-child) {
            font-size: 0.813rem;
            font-weight: 400;
            color: #727272; }
      .qs-cancelpp .modal-main .modal-content .homepage-card .refund,
      .qs-farepp .modal-main .modal-content .homepage-card .refund,
      .qs-bestqtpp .modal-main .modal-content .homepage-card .refund,
      .qs-choose .modal-main .modal-content .homepage-card .refund,
      .qs-vehdetpp .modal-main .modal-content .homepage-card .refund {
        display: flex;
        justify-content: space-between;
        position: relative;
        width: calc(100% - 2.25rem);
        border-top: 4px solid transparent;
        border-image: linear-gradient(to left, #e05d6d, #f5a623 51%, #a4cc7c);
        border-image-slice: 1; }
        .qs-cancelpp .modal-main .modal-content .homepage-card .refund::after,
        .qs-farepp .modal-main .modal-content .homepage-card .refund::after,
        .qs-bestqtpp .modal-main .modal-content .homepage-card .refund::after,
        .qs-choose .modal-main .modal-content .homepage-card .refund::after,
        .qs-vehdetpp .modal-main .modal-content .homepage-card .refund::after {
          content: "";
          position: absolute;
          right: -2.2rem;
          top: -0.7rem;
          width: 2.25rem;
          height: 1rem;
          background: url("/assets/images/taxi.svg") no-repeat; }
        .qs-cancelpp .modal-main .modal-content .homepage-card .refund div,
        .qs-farepp .modal-main .modal-content .homepage-card .refund div,
        .qs-bestqtpp .modal-main .modal-content .homepage-card .refund div,
        .qs-choose .modal-main .modal-content .homepage-card .refund div,
        .qs-vehdetpp .modal-main .modal-content .homepage-card .refund div {
          display: flex;
          flex-direction: column;
          width: 33.33%;
          padding: 1rem 0.5rem 0 0.5rem; }
          .qs-cancelpp .modal-main .modal-content .homepage-card .refund div:nth-child(1),
          .qs-farepp .modal-main .modal-content .homepage-card .refund div:nth-child(1),
          .qs-bestqtpp .modal-main .modal-content .homepage-card .refund div:nth-child(1),
          .qs-choose .modal-main .modal-content .homepage-card .refund div:nth-child(1),
          .qs-vehdetpp .modal-main .modal-content .homepage-card .refund div:nth-child(1) {
            border-left: solid 0.1rem #a4cc7c; }
          .qs-cancelpp .modal-main .modal-content .homepage-card .refund div:nth-child(2),
          .qs-farepp .modal-main .modal-content .homepage-card .refund div:nth-child(2),
          .qs-bestqtpp .modal-main .modal-content .homepage-card .refund div:nth-child(2),
          .qs-choose .modal-main .modal-content .homepage-card .refund div:nth-child(2),
          .qs-vehdetpp .modal-main .modal-content .homepage-card .refund div:nth-child(2) {
            border-left: solid 0.1rem #f5a623; }
          .qs-cancelpp .modal-main .modal-content .homepage-card .refund div:nth-child(3),
          .qs-farepp .modal-main .modal-content .homepage-card .refund div:nth-child(3),
          .qs-bestqtpp .modal-main .modal-content .homepage-card .refund div:nth-child(3),
          .qs-choose .modal-main .modal-content .homepage-card .refund div:nth-child(3),
          .qs-vehdetpp .modal-main .modal-content .homepage-card .refund div:nth-child(3) {
            border-left: solid 0.1rem #e05d6d; }
          .qs-cancelpp .modal-main .modal-content .homepage-card .refund div span,
          .qs-farepp .modal-main .modal-content .homepage-card .refund div span,
          .qs-bestqtpp .modal-main .modal-content .homepage-card .refund div span,
          .qs-choose .modal-main .modal-content .homepage-card .refund div span,
          .qs-vehdetpp .modal-main .modal-content .homepage-card .refund div span {
            font-size: 0.813rem;
            font-weight: 600;
            color: #222222;
            line-height: 1.15; }
      .qs-cancelpp .modal-main .modal-content .homepage-card .est h6,
      .qs-cancelpp .modal-main .modal-content .homepage-card .ot h6,
      .qs-farepp .modal-main .modal-content .homepage-card .est h6,
      .qs-farepp .modal-main .modal-content .homepage-card .ot h6,
      .qs-bestqtpp .modal-main .modal-content .homepage-card .est h6,
      .qs-bestqtpp .modal-main .modal-content .homepage-card .ot h6,
      .qs-choose .modal-main .modal-content .homepage-card .est h6,
      .qs-choose .modal-main .modal-content .homepage-card .ot h6,
      .qs-vehdetpp .modal-main .modal-content .homepage-card .est h6,
      .qs-vehdetpp .modal-main .modal-content .homepage-card .ot h6 {
        font-size: 1rem;
        font-weight: 600;
        color: #222222; }
      .qs-cancelpp .modal-main .modal-content .homepage-card .est div,
      .qs-cancelpp .modal-main .modal-content .homepage-card .ot div,
      .qs-farepp .modal-main .modal-content .homepage-card .est div,
      .qs-farepp .modal-main .modal-content .homepage-card .ot div,
      .qs-bestqtpp .modal-main .modal-content .homepage-card .est div,
      .qs-bestqtpp .modal-main .modal-content .homepage-card .ot div,
      .qs-choose .modal-main .modal-content .homepage-card .est div,
      .qs-choose .modal-main .modal-content .homepage-card .ot div,
      .qs-vehdetpp .modal-main .modal-content .homepage-card .est div,
      .qs-vehdetpp .modal-main .modal-content .homepage-card .ot div {
        display: flex;
        justify-content: space-between;
        align-items: baseline; }
        .qs-cancelpp .modal-main .modal-content .homepage-card .est div span,
        .qs-cancelpp .modal-main .modal-content .homepage-card .ot div span,
        .qs-farepp .modal-main .modal-content .homepage-card .est div span,
        .qs-farepp .modal-main .modal-content .homepage-card .ot div span,
        .qs-bestqtpp .modal-main .modal-content .homepage-card .est div span,
        .qs-bestqtpp .modal-main .modal-content .homepage-card .ot div span,
        .qs-choose .modal-main .modal-content .homepage-card .est div span,
        .qs-choose .modal-main .modal-content .homepage-card .ot div span,
        .qs-vehdetpp .modal-main .modal-content .homepage-card .est div span,
        .qs-vehdetpp .modal-main .modal-content .homepage-card .ot div span {
          display: flex;
          flex-direction: column;
          margin-top: 1.2rem; }
          .qs-cancelpp .modal-main .modal-content .homepage-card .est div span:nth-child(1),
          .qs-cancelpp .modal-main .modal-content .homepage-card .ot div span:nth-child(1),
          .qs-farepp .modal-main .modal-content .homepage-card .est div span:nth-child(1),
          .qs-farepp .modal-main .modal-content .homepage-card .ot div span:nth-child(1),
          .qs-bestqtpp .modal-main .modal-content .homepage-card .est div span:nth-child(1),
          .qs-bestqtpp .modal-main .modal-content .homepage-card .ot div span:nth-child(1),
          .qs-choose .modal-main .modal-content .homepage-card .est div span:nth-child(1),
          .qs-choose .modal-main .modal-content .homepage-card .ot div span:nth-child(1),
          .qs-vehdetpp .modal-main .modal-content .homepage-card .est div span:nth-child(1),
          .qs-vehdetpp .modal-main .modal-content .homepage-card .ot div span:nth-child(1) {
            width: 2.5rem; }
            .qs-cancelpp .modal-main .modal-content .homepage-card .est div span:nth-child(1) img,
            .qs-cancelpp .modal-main .modal-content .homepage-card .ot div span:nth-child(1) img,
            .qs-farepp .modal-main .modal-content .homepage-card .est div span:nth-child(1) img,
            .qs-farepp .modal-main .modal-content .homepage-card .ot div span:nth-child(1) img,
            .qs-bestqtpp .modal-main .modal-content .homepage-card .est div span:nth-child(1) img,
            .qs-bestqtpp .modal-main .modal-content .homepage-card .ot div span:nth-child(1) img,
            .qs-choose .modal-main .modal-content .homepage-card .est div span:nth-child(1) img,
            .qs-choose .modal-main .modal-content .homepage-card .ot div span:nth-child(1) img,
            .qs-vehdetpp .modal-main .modal-content .homepage-card .est div span:nth-child(1) img,
            .qs-vehdetpp .modal-main .modal-content .homepage-card .ot div span:nth-child(1) img {
              align-self: baseline; }
          .qs-cancelpp .modal-main .modal-content .homepage-card .est div span:nth-child(2),
          .qs-cancelpp .modal-main .modal-content .homepage-card .ot div span:nth-child(2),
          .qs-farepp .modal-main .modal-content .homepage-card .est div span:nth-child(2),
          .qs-farepp .modal-main .modal-content .homepage-card .ot div span:nth-child(2),
          .qs-bestqtpp .modal-main .modal-content .homepage-card .est div span:nth-child(2),
          .qs-bestqtpp .modal-main .modal-content .homepage-card .ot div span:nth-child(2),
          .qs-choose .modal-main .modal-content .homepage-card .est div span:nth-child(2),
          .qs-choose .modal-main .modal-content .homepage-card .ot div span:nth-child(2),
          .qs-vehdetpp .modal-main .modal-content .homepage-card .est div span:nth-child(2),
          .qs-vehdetpp .modal-main .modal-content .homepage-card .ot div span:nth-child(2) {
            width: calc(100% - 2.5rem);
            font-size: 0.875rem;
            font-weight: 500;
            color: #222222;
            line-height: 1;
            align-self: center; }
    .qs-cancelpp .modal-main .modal-content .best-quote-card,
    .qs-farepp .modal-main .modal-content .best-quote-card,
    .qs-bestqtpp .modal-main .modal-content .best-quote-card,
    .qs-choose .modal-main .modal-content .best-quote-card,
    .qs-vehdetpp .modal-main .modal-content .best-quote-card {
      padding: 2rem; }
      @media (max-width: 576px) {
        .qs-cancelpp .modal-main .modal-content .best-quote-card,
        .qs-farepp .modal-main .modal-content .best-quote-card,
        .qs-bestqtpp .modal-main .modal-content .best-quote-card,
        .qs-choose .modal-main .modal-content .best-quote-card,
        .qs-vehdetpp .modal-main .modal-content .best-quote-card {
          padding: 1.5rem; } }
      .qs-cancelpp .modal-main .modal-content .best-quote-card .best-quote-head,
      .qs-farepp .modal-main .modal-content .best-quote-card .best-quote-head,
      .qs-bestqtpp .modal-main .modal-content .best-quote-card .best-quote-head,
      .qs-choose .modal-main .modal-content .best-quote-card .best-quote-head,
      .qs-vehdetpp .modal-main .modal-content .best-quote-card .best-quote-head {
        display: flex;
        justify-content: space-between; }
        .qs-cancelpp .modal-main .modal-content .best-quote-card .best-quote-head h6,
        .qs-farepp .modal-main .modal-content .best-quote-card .best-quote-head h6,
        .qs-bestqtpp .modal-main .modal-content .best-quote-card .best-quote-head h6,
        .qs-choose .modal-main .modal-content .best-quote-card .best-quote-head h6,
        .qs-vehdetpp .modal-main .modal-content .best-quote-card .best-quote-head h6 {
          font-size: 1rem;
          font-weight: bold;
          color: #222222; }
        .qs-cancelpp .modal-main .modal-content .best-quote-card .best-quote-head img,
        .qs-farepp .modal-main .modal-content .best-quote-card .best-quote-head img,
        .qs-bestqtpp .modal-main .modal-content .best-quote-card .best-quote-head img,
        .qs-choose .modal-main .modal-content .best-quote-card .best-quote-head img,
        .qs-vehdetpp .modal-main .modal-content .best-quote-card .best-quote-head img {
          cursor: pointer;
          width: 1rem;
          height: 0.937rem;
          transition: transform 0.2s ease-in-out; }
          .qs-cancelpp .modal-main .modal-content .best-quote-card .best-quote-head img:hover,
          .qs-farepp .modal-main .modal-content .best-quote-card .best-quote-head img:hover,
          .qs-bestqtpp .modal-main .modal-content .best-quote-card .best-quote-head img:hover,
          .qs-choose .modal-main .modal-content .best-quote-card .best-quote-head img:hover,
          .qs-vehdetpp .modal-main .modal-content .best-quote-card .best-quote-head img:hover {
            transform: rotate(180deg); }
      .qs-cancelpp .modal-main .modal-content .best-quote-card .best-quote-cnt,
      .qs-farepp .modal-main .modal-content .best-quote-card .best-quote-cnt,
      .qs-bestqtpp .modal-main .modal-content .best-quote-card .best-quote-cnt,
      .qs-choose .modal-main .modal-content .best-quote-card .best-quote-cnt,
      .qs-vehdetpp .modal-main .modal-content .best-quote-card .best-quote-cnt {
        font-size: 0.813rem;
        font-weight: 400;
        color: #727272;
        line-height: 1.4; }
    .qs-cancelpp .modal-main .modal-content .choose-card,
    .qs-farepp .modal-main .modal-content .choose-card,
    .qs-bestqtpp .modal-main .modal-content .choose-card,
    .qs-choose .modal-main .modal-content .choose-card,
    .qs-vehdetpp .modal-main .modal-content .choose-card {
      justify-content: center;
      padding: 0;
      background-color: transparent;
      overflow: hidden;
      width: 80%; }
      @media (max-width: 576px) {
        .qs-cancelpp .modal-main .modal-content .choose-card,
        .qs-farepp .modal-main .modal-content .choose-card,
        .qs-bestqtpp .modal-main .modal-content .choose-card,
        .qs-choose .modal-main .modal-content .choose-card,
        .qs-vehdetpp .modal-main .modal-content .choose-card {
          width: 85%; } }
      .qs-cancelpp .modal-main .modal-content .choose-card .t-ryt img,
      .qs-farepp .modal-main .modal-content .choose-card .t-ryt img,
      .qs-bestqtpp .modal-main .modal-content .choose-card .t-ryt img,
      .qs-choose .modal-main .modal-content .choose-card .t-ryt img,
      .qs-vehdetpp .modal-main .modal-content .choose-card .t-ryt img {
        width: 1rem;
        cursor: pointer;
        transition: all 0.2s ease-in-out; }
        .qs-cancelpp .modal-main .modal-content .choose-card .t-ryt img:hover,
        .qs-farepp .modal-main .modal-content .choose-card .t-ryt img:hover,
        .qs-bestqtpp .modal-main .modal-content .choose-card .t-ryt img:hover,
        .qs-choose .modal-main .modal-content .choose-card .t-ryt img:hover,
        .qs-vehdetpp .modal-main .modal-content .choose-card .t-ryt img:hover {
          transform: rotate(180deg); }
      .qs-cancelpp .modal-main .modal-content .choose-card .slide-container,
      .qs-farepp .modal-main .modal-content .choose-card .slide-container,
      .qs-bestqtpp .modal-main .modal-content .choose-card .slide-container,
      .qs-choose .modal-main .modal-content .choose-card .slide-container,
      .qs-vehdetpp .modal-main .modal-content .choose-card .slide-container {
        position: relative;
        display: flex;
        padding: 0;
        width: 100%; }
        .qs-cancelpp .modal-main .modal-content .choose-card .slide-container div,
        .qs-farepp .modal-main .modal-content .choose-card .slide-container div,
        .qs-bestqtpp .modal-main .modal-content .choose-card .slide-container div,
        .qs-choose .modal-main .modal-content .choose-card .slide-container div,
        .qs-vehdetpp .modal-main .modal-content .choose-card .slide-container div {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          min-width: 100%;
          background-color: #ececec;
          min-height: 8.5rem; }
          .qs-cancelpp .modal-main .modal-content .choose-card .slide-container div img,
          .qs-farepp .modal-main .modal-content .choose-card .slide-container div img,
          .qs-bestqtpp .modal-main .modal-content .choose-card .slide-container div img,
          .qs-choose .modal-main .modal-content .choose-card .slide-container div img,
          .qs-vehdetpp .modal-main .modal-content .choose-card .slide-container div img {
            max-width: 6rem;
            max-height: 6rem;
            object-fit: cover;
            font-size: 0.65rem; }
      .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide,
      .qs-farepp .modal-main .modal-content .choose-card .choose-slide,
      .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide,
      .qs-choose .modal-main .modal-content .choose-card .choose-slide,
      .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide {
        display: flex;
        justify-content: space-between; }
        .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .btn-left,
        .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .btn-right,
        .qs-farepp .modal-main .modal-content .choose-card .choose-slide .btn-left,
        .qs-farepp .modal-main .modal-content .choose-card .choose-slide .btn-right,
        .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .btn-left,
        .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .btn-right,
        .qs-choose .modal-main .modal-content .choose-card .choose-slide .btn-left,
        .qs-choose .modal-main .modal-content .choose-card .choose-slide .btn-right,
        .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .btn-left,
        .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .btn-right {
          width: 2.188rem;
          height: 3.875rem;
          background-color: #000; }
          .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .btn-left:focus,
          .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .btn-right:focus,
          .qs-farepp .modal-main .modal-content .choose-card .choose-slide .btn-left:focus,
          .qs-farepp .modal-main .modal-content .choose-card .choose-slide .btn-right:focus,
          .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .btn-left:focus,
          .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .btn-right:focus,
          .qs-choose .modal-main .modal-content .choose-card .choose-slide .btn-left:focus,
          .qs-choose .modal-main .modal-content .choose-card .choose-slide .btn-right:focus,
          .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .btn-left:focus,
          .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .btn-right:focus {
            outline: 0;
            box-shadow: none; }
          .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .btn-left:disabled,
          .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .btn-right:disabled,
          .qs-farepp .modal-main .modal-content .choose-card .choose-slide .btn-left:disabled,
          .qs-farepp .modal-main .modal-content .choose-card .choose-slide .btn-right:disabled,
          .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .btn-left:disabled,
          .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .btn-right:disabled,
          .qs-choose .modal-main .modal-content .choose-card .choose-slide .btn-left:disabled,
          .qs-choose .modal-main .modal-content .choose-card .choose-slide .btn-right:disabled,
          .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .btn-left:disabled,
          .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .btn-right:disabled {
            opacity: 0.3; }
        .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .btn-right img,
        .qs-farepp .modal-main .modal-content .choose-card .choose-slide .btn-right img,
        .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .btn-right img,
        .qs-choose .modal-main .modal-content .choose-card .choose-slide .btn-right img,
        .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .btn-right img {
          transform: rotate(180deg); }
        .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .c-indicators,
        .qs-farepp .modal-main .modal-content .choose-card .choose-slide .c-indicators,
        .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .c-indicators,
        .qs-choose .modal-main .modal-content .choose-card .choose-slide .c-indicators,
        .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .c-indicators {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          width: calc(100% - 5.376rem);
          margin-bottom: 0;
          list-style-type: none;
          padding: 0; }
          .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-list,
          .qs-farepp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-list,
          .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-list,
          .qs-choose .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-list,
          .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-list {
            background-color: #ececec;
            width: 24%;
            height: 3.875rem; }
            .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-list-active,
            .qs-farepp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-list-active,
            .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-list-active,
            .qs-choose .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-list-active,
            .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-list-active {
              border: 0.063rem solid #faa821; }
          .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-indicator,
          .qs-farepp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-indicator,
          .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-indicator,
          .qs-choose .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-indicator,
          .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-indicator {
            display: flex;
            justify-content: center;
            height: 100%;
            align-items: center;
            cursor: pointer; }
            .qs-cancelpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-indicator img,
            .qs-farepp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-indicator img,
            .qs-bestqtpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-indicator img,
            .qs-choose .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-indicator img,
            .qs-vehdetpp .modal-main .modal-content .choose-card .choose-slide .c-indicators .c-indicator img {
              max-width: 60%;
              max-height: 50%;
              object-fit: contain;
              font-size: 0.65rem; }
    @media (max-width: 576px) {
      .qs-cancelpp .modal-main .modal-content,
      .qs-farepp .modal-main .modal-content,
      .qs-bestqtpp .modal-main .modal-content,
      .qs-choose .modal-main .modal-content,
      .qs-vehdetpp .modal-main .modal-content {
        width: 96%;
        margin: auto;
        padding: 0; } }
  .qs-cancelpp .modal-main .card,
  .qs-farepp .modal-main .card,
  .qs-bestqtpp .modal-main .card,
  .qs-choose .modal-main .card,
  .qs-vehdetpp .modal-main .card {
    max-width: 25rem;
    padding: 2rem 1.5rem;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); }
    .qs-cancelpp .modal-main .card .dv-inp,
    .qs-farepp .modal-main .card .dv-inp,
    .qs-bestqtpp .modal-main .card .dv-inp,
    .qs-choose .modal-main .card .dv-inp,
    .qs-vehdetpp .modal-main .card .dv-inp {
      width: 100% !important; }

.qs-vehdetpp .modal-main .modal-content {
  margin: auto; }
  .qs-vehdetpp .modal-main .modal-content .container {
    flex-direction: column;
    align-items: flex-end; }
    .qs-vehdetpp .modal-main .modal-content .container .vd-close {
      margin-bottom: 1rem;
      transition: transform 0.2s ease-in-out;
      cursor: pointer; }
      .qs-vehdetpp .modal-main .modal-content .container .vd-close:hover {
        transform: rotate(180deg); }
    .qs-vehdetpp .modal-main .modal-content .container .vehicle-details {
      width: 100%;
      padding: 1.25rem 0;
      border-radius: 0.625rem; }
      .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .vd-head {
        padding: 0 1.25rem;
        margin-bottom: 1rem; }
        .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .vd-head > span {
          font-size: 0.933rem;
          font-weight: 600;
          color: #000; }
        .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .vd-head div {
          margin-top: 0.8rem; }
          .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .vd-head div span {
            font-size: 0.813rem;
            font-weight: 400;
            color: #000; }
            .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .vd-head div span:nth-child(2) {
              color: #727272; }
      .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .td-pad {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap; }
        .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .td-pad .add {
          font-size: 0.688rem;
          font-weight: 400;
          color: #7f7f7f;
          align-self: baseline;
          margin-top: 0.85rem; }
        .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .td-pad div {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          padding: 0.85rem 0 0.75rem; }
          .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .td-pad div:first-child {
            flex-direction: row;
            width: 100%;
            justify-content: flex-start;
            border-bottom: 0.063rem solid #ededed;
            border-top: 0.063rem solid #ededed;
            padding: 0.5rem 1.25rem; }
            .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .td-pad div:first-child img {
              margin-top: 0.5rem;
              margin-right: 0.75rem; }
          .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .td-pad div:nth-child(2) {
            padding-left: 1.25rem; }
          .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .td-pad div:nth-child(6) {
            padding-right: 1.25rem; }
          .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .td-pad div span:nth-child(1) {
            display: flex;
            align-self: baseline; }
            .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .td-pad div span:nth-child(1) b {
              margin: 0.2rem;
              font-size: 0.688rem;
              font-weight: 600;
              color: #222222; }
          .qs-vehdetpp .modal-main .modal-content .container .vehicle-details .td-pad div span:nth-child(2) {
            font-size: 0.688rem;
            font-weight: 400;
            color: #636363; }

@media (max-width: 576px) {
  .qs-cancelpp .modal-main .modal-content {
    width: 100%; }
    .qs-cancelpp .modal-main .modal-content .card {
      border-radius: 0; } }

.fare-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  transition: left 0.5s linear;
  left: 0;
  overflow: hidden;
  animation-name: fareOpen;
  animation-duration: 0.5s; }
  .fare-modal.choose-modal {
    height: 100%;
    min-height: 40.625rem; }
    @media (max-width: 576px) {
      .fare-modal.choose-modal {
        min-height: 35rem; } }
    @media (min-width: 577px) and (max-width: 991px) {
      .fare-modal.choose-modal {
        min-height: 30rem; } }

@keyframes fareOpen {
  from {
    transform: scale(0);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }
  .fare-modal .container {
    height: 100%; }
    .fare-modal .container .fare-main {
      height: 100%;
      background: rgba(0, 0, 0, 0.8); }
      .fare-modal .container .fare-main .fare-content {
        display: flex;
        justify-content: center;
        width: 100%; }