@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap");
body {
  font-family: "Barlow", sans-serif;
  color: #183153;
  font-size: 14px;
  font-weight: normal;
  background-color: var(--white);
  color: var(--dusk); }

.container {
  max-width: 1460px; }

.text-danger {
  color: var(--orangey-red) !important; }

.pointerEventsNone {
  pointer-events: none;
  cursor: none; }

.region-col {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  height: 100%;
  position: fixed;
  top: 0;
  width: 1px;
  z-index: -5;
  background: rgba(0, 0, 0, 0.07); }
  .region-col.first {
    left: 14.285%; }
  .region-col.second {
    left: 28.571%; }
  .region-col.third {
    left: 42.857%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .region-col.fourth {
    left: 57.142%; }
  .region-col.fifth {
    left: 71.428%; }
  .region-col.sixth {
    left: 85.714%; }
  @media (max-width: 767px) {
    .region-col {
      background: rgba(0, 0, 0, 0.02); } }

.cursorPointer {
  cursor: pointer; }

.disabled {
  opacity: 0.5;
  pointer-events: none; }

:root {
  --blueberry: #32338e;
  --black: #000000;
  --grey-purple: #8488c0;
  --darkish-blue: #003aa6;
  --midnight: #0c0236;
  --orangey-red: #de2619;
  --white: #fff;
  --mid-dark: #443c62;
  --dusk: #444763;
  --grey-purple-44: rgba(132, 136, 192, 0.44);
  --blue-grey: #5f738c;
  --very-light-blue: #ddedfd;
  --midnight: #0c0136;
  --ice-blue: #edf0f4;
  --dusk-64: rgba(68, 71, 99, 0.64);
  --pale-blue: #e1e4e8;
  --pale-grey: #f8f9fb;
  --slate: #3b4859;
  --purple-brown: #221f20;
  --light-blue-grey: #bac7d5;
  --light-periwinkle-two: #d9dbe7;
  --grey-blue: #8392a7;
  --very-light-blue-70: rgba(229, 234, 239, 0.7);
  --midnightdark: #0c0236;
  --pinkish-grey: #bebbbb;
  --dark-blue-grey: #233053;
  --wheat: #ffdb8b;
  --pale-peach: #ffeaba;
  --light-periwinkle: #d0d2e8;
  --dark-60: rgba(37, 42, 49, 0.6);
  --cornflower-two: #647afc;
  --periwinkle-blue: #91a0fd;
  --light-aqua-two: #91fecc;
  --pale-aqua: #beffe1;
  --alert-danger: #ffcaca;
  --pale-salmon-two: #ffa5a5;
  --pastel-purple: #b1a8ff;
  --light-lavender: #d1cbff;
  --greenish: #42ad56;
  --orangey-yellow: #ffb11d;
  --apple: #68d538;
  --soft-blue: #6796ec;
  --dark-slate-blue: #183153;
  --cornflower: #6f5ef8;
  --dusty-orange: #fd8724; }

.vld-overlay {
  margin-right: 15px;
  margin-left: 15px;
  height: 100%; }
  .vld-overlay.is-full-page {
    margin: 0;
    height: 100%; }
  .vld-overlay .vld-icon {
    background: url("../images/data-table-loading.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 90px;
    height: 90px; }
    @media (max-width: 767px) {
      .vld-overlay .vld-icon {
        width: 76px;
        height: 76px; } }
    .vld-overlay .vld-icon svg {
      display: none !important; }
  .vld-overlay.btnLoading {
    display: none !important; }
  .vld-overlay.fullPage .vld-background {
    background: #000; }

.seferAccordion.accordion {
  margin-top: 30px; }
  .seferAccordion.accordion .card {
    margin-bottom: 30px;
    border-radius: 24px;
    -webkit-box-shadow: 0 10px 24px 0 rgba(68, 60, 98, 0.22);
    box-shadow: 0 10px 24px 0 rgba(68, 60, 98, 0.22);
    background-color: var(--white);
    border: none; }
    @media (max-width: 575px) {
      .seferAccordion.accordion .card {
        border-radius: 16px; } }
    .seferAccordion.accordion .card .card-header {
      border-bottom: 0px;
      padding-left: 36px;
      padding-right: 32px;
      padding-top: 15px;
      padding-bottom: 15px;
      background-color: var(--white);
      border-radius: 24px;
      -webkit-box-shadow: 0 10px 24px 0 rgba(68, 60, 98, 0.22);
      box-shadow: 0 10px 24px 0 rgba(68, 60, 98, 0.22);
      cursor: pointer; }
      @media (max-width: 575px) {
        .seferAccordion.accordion .card .card-header {
          padding-left: 12px;
          padding-right: 12px;
          padding-top: 19px;
          padding-bottom: 16px; } }
      .seferAccordion.accordion .card .card-header h5 button {
        font-size: 24px;
        font-weight: 600;
        color: var(--dusk);
        padding: 0px;
        text-decoration: none;
        position: relative; }
        .seferAccordion.accordion .card .card-header h5 button .imgArea {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          text-align: center; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .card-header h5 button .imgArea {
              padding-right: 7px; } }
          .seferAccordion.accordion .card .card-header h5 button .imgArea.connectedImg {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
          .seferAccordion.accordion .card .card-header h5 button .imgArea img {
            max-width: 64px;
            width: 100%; }
          .seferAccordion.accordion .card .card-header h5 button .imgArea .seferImg {
            width: 100%;
            height: 60px;
            -o-object-fit: contain;
            object-fit: contain; }
        .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival {
          border-right: 2px solid var(--grey-blue);
          border-left: 2px solid var(--grey-blue);
          border-style: dotted;
          border-top: 0px;
          border-bottom: 0px;
          padding-left: 32px;
          padding-right: 32px;
          height: 100%; }
          @media (max-width: 767px) {
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival {
              padding-left: 18px;
              padding-right: 18px; } }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival {
              padding-left: 14px;
              padding-right: 14px;
              padding-bottom: 16px; } }
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival::after {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            position: absolute;
            right: 4px;
            top: -29px;
            background-color: #f7f7f8; }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival::after {
                right: -11px; } }
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival::before {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            position: absolute;
            right: 4px;
            bottom: -29px;
            background-color: transparent !important;
            background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 49%, #dedde4 50%);
            background: -webkit-gradient(linear, left bottom, left top, color-stop(49%, rgba(255, 255, 255, 0)), color-stop(50%, #dedde4));
            background: linear-gradient(0deg, rgba(255, 255, 255, 0) 49%, #dedde4 50%); }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival::before {
                right: -11px; } }
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textStationName {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-top: 16px; }
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textStationName span {
              font-size: 11px;
              font-weight: 600;
              color: var(--grey-blue); }
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 0; }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival {
                display: block;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%; } }
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival p {
              font-size: 17px;
              font-weight: 500;
              color: var(--dusk);
              margin-bottom: 0px;
              position: relative; }
              @media (max-width: 767px) {
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival p {
                  font-size: 16px; } }
              @media (max-width: 575px) {
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival p {
                  font-size: 12px;
                  overflow: hidden;
                  -o-text-overflow: ellipsis;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  width: 100%;
                  padding-right: 14px; } }
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival span {
              font-size: 14px;
              font-weight: 600;
              color: var(--grey-blue);
              white-space: nowrap;
              margin-left: 15px; }
              @media (max-width: 767px) {
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival span {
                  font-size: 13px;
                  display: block;
                  text-align: center;
                  left: 0;
                  right: 0;
                  position: relative;
                  margin-top: 0px;
                  margin-left: 0px;
                  margin-right: 0px; } }
              @media (max-width: 575px) {
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival span {
                  display: block;
                  text-align: center;
                  font-size: 10px;
                  font-weight: 500;
                  margin: 0px; } }
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival span.readMore {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 14px;
                font-weight: bold;
                color: var(--darkish-blue); }
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival span.readMore::after {
                  content: "";
                  display: -webkit-inline-box;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  background-image: url("../images/icon-info-primary.svg");
                  background-repeat: no-repeat;
                  width: 15px;
                  height: 15px;
                  margin-left: 3px; }
                @media (max-width: 575px) {
                  .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival span.readMore {
                    font-size: 0px;
                    padding: 0px;
                    margin-top: 0px; } }
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival .textConnected {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              width: auto;
              overflow: hidden;
              -o-text-overflow: ellipsis;
              text-overflow: ellipsis;
              white-space: nowrap; }
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival .textConnected p {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                margin-left: 20px;
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content; }
                @media (max-width: 992px) {
                  .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival .textConnected p {
                    margin-left: 0px;
                    width: 100%;
                    display: inline-block; } }
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival .textConnected p:first-child {
                  margin-left: 0px; }
              @media only screen and (min-width: 576px) and (max-width: 992px) {
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival .textConnected {
                  -webkit-box-orient: vertical;
                  -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  position: relative;
                  margin-right: 24px; } }
              @media (max-width: 575px) {
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival .textConnected {
                  -webkit-box-orient: vertical;
                  -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  position: relative; } }
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival .textConnected p:first-child::after {
                display: none; }
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival .textConnected p:last-child::before {
                content: "";
                content: "";
                border-right: 2px dotted var(--grey-blue);
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                width: auto;
                height: 14px;
                position: absolute;
                left: 0px;
                margin-left: -11px;
                bottom: 4px; }
                @media (max-width: 992px) {
                  .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival .textConnected p:last-child::before {
                    display: none; } }
            @media only screen and (min-width: 576px) and (max-width: 767px) {
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textDepartureArrival .textConnectedTime {
                display: block;
                text-align: center;
                position: absolute;
                margin-left: auto;
                margin-right: auto;
                left: 0;
                right: 0;
                margin-top: 110px; } }
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 4px; }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime {
                position: relative;
                display: block;
                margin: 0px; } }
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime time {
              margin-bottom: 0px;
              font-size: 24px;
              font-weight: 600;
              color: var(--dusk); }
              @media (max-width: 767px) {
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime time {
                  font-size: 20px; } }
              @media (max-width: 575px) {
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime time {
                  font-size: 14px;
                  font-weight: 600;
                  position: absolute;
                  top: 19px; }
                  .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime time:last-child {
                    right: 0px; } }
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .textDepartureArea,
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .textArrivalArea {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              position: relative; }
              @media (max-width: 575px) {
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .textDepartureArea,
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .textArrivalArea {
                  -webkit-box-align: start;
                  -ms-flex-align: start;
                  align-items: flex-start; } }
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .textDepartureArea .textDate,
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .textArrivalArea .textDate {
                font-size: 13px;
                font-weight: 600;
                color: var(--grey-blue);
                position: absolute;
                bottom: -18px; }
                @media (max-width: 575px) {
                  .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .textDepartureArea .textDate,
                  .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .textArrivalArea .textDate {
                    display: none; } }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .textArrivalArea {
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end; } }
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .horizontalHr {
              border: 2px dotted var(--grey-blue);
              border-top: 0px;
              border-left: 0px;
              border-right: 0px;
              width: 100%;
              margin: 0px;
              margin-right: 24px;
              margin-left: 24px;
              position: relative;
              margin-top: 2px; }
              @media (max-width: 767px) {
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .horizontalHr {
                  margin-left: 18px;
                  margin-right: 18px; } }
              @media (max-width: 575px) {
                .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .horizontalHr {
                  margin: 0;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex; } }
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .horizontalHr::before, .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .horizontalHr::after {
                content: "";
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                width: 23px;
                height: 23px;
                border: 7px solid white;
                border-radius: 50%;
                background-color: var(--dusk);
                position: absolute;
                margin-top: -11px;
                -webkit-box-shadow: 0px 0px 2px 1px var(--light-blue-grey);
                box-shadow: 0px 0px 2px 1px var(--light-blue-grey);
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%; }
                @media (max-width: 575px) {
                  .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .horizontalHr::before, .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .horizontalHr::after {
                    border: 5px solid white;
                    width: 15px;
                    height: 15px;
                    margin-top: -7px; } }
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .locationTime .horizontalHr::after {
                right: 0px; }
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textRecipe {
            font-size: 14px;
            font-weight: 600;
            color: var(--grey-blue);
            text-align: center;
            margin-bottom: 0px; }
            @media (max-width: 767px) {
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textRecipe {
                font-size: 13px; } }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArrival .textRecipe {
                font-size: 10px;
                font-weight: 500; } }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea {
            padding-bottom: 0px; } }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .textDepartureArrival span {
            margin-top: 56px;
            text-align: right;
            margin-right: 14px; } }
        .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .textStationName {
          margin-bottom: 0px; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .textStationName {
              margin-top: 8px; } }
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .textStationName span {
            font-size: 14px;
            font-weight: 600;
            color: var(--grey-blue);
            width: 50%;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: block; }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .textStationName span {
                font-size: 11px; } }
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .textStationName span.right {
              text-align: right; }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .locationTime {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; } }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .locationTime time {
            top: 0;
            position: relative; } }
        @media (max-width: 350px) {
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .locationTime time {
            font-size: 12px; } }
        .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .locationTime .textDepartureArea time {
          position: relative; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .locationTime .textDepartureArea time {
              top: 0; } }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .locationTime .horizontalHr {
            margin-right: 8px;
            margin-left: 8px;
            margin-top: 3px; }
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .locationTime .horizontalHr::before {
              border: 3px solid white;
              width: 10px;
              height: 10px;
              margin-top: -5px; }
            .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .locationTime .horizontalHr::after {
              border: 3px solid white;
              width: 10px;
              height: 10px;
              margin-top: -5px; } }
        @media (max-width: 350px) {
          .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .locationTime .horizontalHr {
            margin-right: 4px;
            margin-left: 4px; } }
        .seferAccordion.accordion .card .card-header h5 button .seferDepartureArea .textDateArea .textRecipe {
          display: block; }
        .seferAccordion.accordion .card .card-header h5 button .priceArea {
          padding-right: 20px; }
          @media only screen and (min-width: 575px) and (max-width: 767px) {
            .seferAccordion.accordion .card .card-header h5 button .priceArea {
              height: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between;
              padding-top: 2px;
              padding-bottom: 2px; } }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .card-header h5 button .priceArea {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between;
              height: 100%;
              padding-right: 0px;
              padding-left: 14px; } }
          .seferAccordion.accordion .card .card-header h5 button .priceArea .text {
            font-size: 14px;
            font-weight: bold;
            color: var(--grey-blue); }
            @media (max-width: 767px) {
              .seferAccordion.accordion .card .card-header h5 button .priceArea .text {
                font-size: 13px; } }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .card-header h5 button .priceArea .text {
                font-size: 10px;
                font-weight: 500; } }
          .seferAccordion.accordion .card .card-header h5 button .priceArea .price {
            font-size: 27px;
            font-weight: bold;
            color: var(--dusk);
            margin-top: 12px;
            margin-bottom: 12px;
            line-height: normal; }
            @media (max-width: 767px) {
              .seferAccordion.accordion .card .card-header h5 button .priceArea .price {
                font-size: 22px; } }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .card-header h5 button .priceArea .price {
                font-size: 16px;
                font-weight: 600;
                margin: 0px; } }
          .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span {
              font-size: 12px;
              font-weight: 500;
              color: var(--grey-blue);
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
              @media (max-width: 575px) {
                .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span {
                  font-size: 10px;
                  font-weight: 500; } }
              .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span.disabledSeat {
                margin-right: 20px; }
                @media (max-width: 575px) {
                  .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span.disabledSeat {
                    margin-right: 6px; } }
                .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span.disabledSeat::after {
                  content: "";
                  display: -webkit-inline-box;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  background-image: url("../images/icon-disabled-seat.svg");
                  background-repeat: no-repeat;
                  width: 14px;
                  height: 17px;
                  margin-left: 8px; }
                  @media (max-width: 575px) {
                    .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span.disabledSeat::after {
                      background-size: 11px;
                      width: 11px;
                      height: 14px;
                      margin-left: 6px; } }
              .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span.emptySeat::after {
                content: "";
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                background-image: url("../images/icon-sefer-empty-seat.svg");
                background-repeat: no-repeat;
                width: 17px;
                height: 15px;
                margin-left: 8px; }
                @media (max-width: 575px) {
                  .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span.emptySeat::after {
                    background-size: 13px;
                    width: 13px;
                    height: 12px; } }
              .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span.emptyBed {
                margin-left: 20px; }
                @media (max-width: 575px) {
                  .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span.emptyBed {
                    margin-left: 6px; } }
                .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span.emptyBed::after {
                  content: "";
                  display: -webkit-inline-box;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  background-image: url("../images/icon-sefer-empty-bed.svg");
                  background-repeat: no-repeat;
                  width: 17px;
                  height: 15px;
                  margin-left: 8px; }
                  @media (max-width: 575px) {
                    .seferAccordion.accordion .card .card-header h5 button .priceArea .imgArea span.emptyBed::after {
                      background-size: 13px;
                      width: 13px;
                      height: 12px; } }
        .seferAccordion.accordion .card .card-header h5 button::after {
          content: "";
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          background-image: url("../images/icon-sefer-accordion-arrow.svg");
          background-repeat: no-repeat;
          width: 19px;
          height: 11px;
          position: absolute;
          right: -1px;
          top: 50%;
          margin-top: -5.5px;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .seferAccordion.accordion .card .card-header h5 button::after {
              right: -13px;
              background-size: 16px;
              width: 16px;
              height: 9px;
              margin-top: -4.5px; } }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .card-header h5 button::after {
              top: 10px;
              background-size: 10px;
              width: 10px;
              height: 6px; } }
        .seferAccordion.accordion .card .card-header h5 button.collapsed::after {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
        .seferAccordion.accordion .card .card-header h5 button.collapsed .seferDepartureArrival::before {
          background-color: #d0d4df; }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .card-header h5 button .customNoGutters {
            margin-right: 0;
            margin-left: 0; }
            .seferAccordion.accordion .card .card-header h5 button .customNoGutters > [class*="col"] {
              padding-right: 0;
              padding-left: 0; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .seferAccordion.accordion .card .card-header h5 button .customPx {
            padding-left: 0px;
            padding-right: 0px; } }
    .seferAccordion.accordion .card .collapse .card-body,
    .seferAccordion.accordion .card .collapsing .card-body {
      padding: 48px 30px; }
      @media (max-width: 575px) {
        .seferAccordion.accordion .card .collapse .card-body,
        .seferAccordion.accordion .card .collapsing .card-body {
          padding: 23px 20px; } }
      .seferAccordion.accordion .card .collapse .card-body .seferInformation .head,
      .seferAccordion.accordion .card .collapsing .card-body .seferInformation .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px; }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .head,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .head {
            margin-bottom: 24px; } }
        .seferAccordion.accordion .card .collapse .card-body .seferInformation .head h6,
        .seferAccordion.accordion .card .collapsing .card-body .seferInformation .head h6 {
          font-size: 21px;
          font-weight: bold;
          color: var(--dusk);
          margin-bottom: 0px; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .collapse .card-body .seferInformation .head h6,
            .seferAccordion.accordion .card .collapsing .card-body .seferInformation .head h6 {
              font-size: 18px; } }
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .head h6 small,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .head h6 small {
            font-size: 21px;
            font-weight: 500;
            color: var(--dusk);
            margin-right: 20px; }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .collapse .card-body .seferInformation .head h6 small,
              .seferAccordion.accordion .card .collapsing .card-body .seferInformation .head h6 small {
                font-size: 18px; } }
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .head h6 time,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .head h6 time {
            font-size: 15px;
            font-weight: 600;
            color: var(--orangey-red); }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .collapse .card-body .seferInformation .head h6 time,
              .seferAccordion.accordion .card .collapsing .card-body .seferInformation .head h6 time {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin-top: 5px; } }
        .seferAccordion.accordion .card .collapse .card-body .seferInformation .head p,
        .seferAccordion.accordion .card .collapsing .card-body .seferInformation .head p {
          font-size: 14px;
          font-weight: 600;
          color: var(--grey-blue);
          margin-bottom: 0px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 0;
          -ms-flex: none;
          flex: none; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .collapse .card-body .seferInformation .head p,
            .seferAccordion.accordion .card .collapsing .card-body .seferInformation .head p {
              font-size: 12px;
              font-weight: 500; } }
      .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType hr,
      .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType hr {
        border-top: 1px solid var(--light-blue-grey);
        margin-top: 11px;
        margin-bottom: 26px;
        width: 100%; }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType hr,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType hr {
            margin-bottom: 18px; } }
      .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .textHead,
      .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .textHead {
        margin-bottom: 16px;
        font-size: 19px;
        color: var(--dusk); }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .textHead,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .textHead {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 13px; } }
      .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType,
      .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType {
        border-radius: 12px;
        border: solid 1px var(--light-blue-grey);
        background-color: var(--white);
        width: 100%;
        padding: 12px 24px;
        -webkit-transition: 0.1s;
        -o-transition: 0.1s;
        transition: 0.1s;
        margin-bottom: 15px;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        position: relative;
        height: calc(100% + -15px);
        display: grid;
        grid-template-rows: -webkit-max-content;
        grid-template-rows: max-content; }
        @media (max-width: 767px) {
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType {
            padding-left: 9px;
            padding-right: 9px; } }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType {
            padding-left: 24px;
            padding-right: 16px; } }
        .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType.active,
        .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType.active {
          border-width: 2px;
          border-color: var(--darkish-blue);
          -webkit-transition: 0.1s;
          -o-transition: 0.1s;
          transition: 0.1s; }
        .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType input[type="radio"],
        .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType input[type="radio"] {
          position: absolute;
          opacity: 0;
          cursor: pointer; }
        .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType span,
        .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType span {
          font-size: 17px;
          font-weight: 600;
          color: var(--dusk);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          line-height: normal;
          margin-bottom: 7px; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType span,
            .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType span {
              font-size: 16px;
              margin-bottom: 10px; } }
        .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType ul,
        .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType ul {
          margin: 0px;
          padding: 0px;
          text-align: left;
          list-style: none; }
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType ul li,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType ul li {
            margin-right: 16px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 12px;
            font-weight: 500;
            color: var(--dusk); }
            .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType ul li::before,
            .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType ul li::before {
              content: "";
              display: inline-block;
              background-image: url("../images/icon-sefer-check.svg");
              background-repeat: no-repeat;
              width: 12px;
              height: 12px;
              background-color: var(--pale-blue);
              border-radius: 50%;
              background-position: center;
              margin-right: 8px; }
        .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .textType,
        .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .textType {
          font-size: 14px;
          font-weight: 500;
          color: var(--dusk);
          margin-top: 9px;
          text-align: left; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .textType,
            .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .textType {
              margin-top: 0px; } }
        .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea,
        .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea {
          text-align: right; }
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .price,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .price {
            font-size: 21px;
            font-weight: bold;
            color: var(--dusk);
            margin-bottom: 5px;
            line-height: normal; }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .price,
              .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .price {
                font-size: 17px; } }
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span,
            .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span {
              font-size: 12px;
              font-weight: 500;
              color: var(--grey-blue);
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
              .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.disabledSeat,
              .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.disabledSeat {
                margin-right: 8px; }
                @media (max-width: 575px) {
                  .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.disabledSeat,
                  .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.disabledSeat {
                    margin-bottom: 0px; } }
                .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.disabledSeat::after,
                .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.disabledSeat::after {
                  content: "";
                  display: -webkit-inline-box;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  background-image: url("../images/icon-disabled-seat.svg");
                  background-repeat: no-repeat;
                  width: 14px;
                  height: 17px;
                  margin-left: 3px; }
              @media (max-width: 575px) {
                .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptySeat,
                .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptySeat {
                  margin-bottom: 0px; } }
              .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptySeat::after,
              .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptySeat::after {
                content: "";
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                background-image: url("../images/icon-sefer-empty-seat.svg");
                background-repeat: no-repeat;
                width: 17px;
                height: 15px;
                margin-left: 3px; }
                @media (max-width: 575px) {
                  .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptySeat::after,
                  .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptySeat::after {
                    background-size: 13px;
                    width: 13px;
                    height: 12px;
                    min-width: 13px; } }
              .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptyBed,
              .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptyBed {
                margin-left: 8px; }
                @media (max-width: 575px) {
                  .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptyBed,
                  .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptyBed {
                    margin-bottom: 0px; } }
                .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptyBed::after,
                .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptyBed::after {
                  content: "";
                  display: -webkit-inline-box;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  background-image: url("../images/icon-sefer-empty-bed.svg");
                  background-repeat: no-repeat;
                  width: 17px;
                  height: 15px;
                  margin-left: 3px; }
                  @media (max-width: 575px) {
                    .seferAccordion.accordion .card .collapse .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptyBed::after,
                    .seferAccordion.accordion .card .collapsing .card-body .seferInformation .ticketType .btnTicketType .priceArea .imgArea span.emptyBed::after {
                      background-size: 13px;
                      width: 13px;
                      height: 12px;
                      min-width: 13px; } }
      .seferAccordion.accordion .card .collapse .card-body .seferInformation .information ul,
      .seferAccordion.accordion .card .collapsing .card-body .seferInformation .information ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        border-radius: 12px;
        background-color: var(--pale-grey);
        padding: 20px 22px; }
        .seferAccordion.accordion .card .collapse .card-body .seferInformation .information ul li,
        .seferAccordion.accordion .card .collapsing .card-body .seferInformation .information ul li {
          font-size: 12px;
          color: var(--black);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin-bottom: 10px;
          position: relative;
          padding-left: 20px; }
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .information ul li:last-child,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .information ul li:last-child {
            margin-bottom: 0px; }
          .seferAccordion.accordion .card .collapse .card-body .seferInformation .information ul li::before,
          .seferAccordion.accordion .card .collapsing .card-body .seferInformation .information ul li::before {
            content: "i";
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            border-radius: 50%;
            width: 15px;
            height: 15px;
            color: white;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: var(--slate);
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            left: 0px; }
      .seferAccordion.accordion .card .collapse .card-body .connectedHeader::after,
      .seferAccordion.accordion .card .collapsing .card-body .connectedHeader::after {
        content: "";
        border-bottom: 1px solid var(--light-blue-grey);
        margin-top: 20px;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .seferAccordion.accordion .card .collapse .card-body .connectedHeader h5,
      .seferAccordion.accordion .card .collapsing .card-body .connectedHeader h5 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 0px;
        color: var(--dusk);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: wrap;
        flex-flow: wrap; }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .collapse .card-body .connectedHeader h5,
          .seferAccordion.accordion .card .collapsing .card-body .connectedHeader h5 {
            font-size: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 10px; } }
        .seferAccordion.accordion .card .collapse .card-body .connectedHeader h5 small,
        .seferAccordion.accordion .card .collapsing .card-body .connectedHeader h5 small {
          font-size: 21px;
          font-weight: bold;
          color: var(--grey-blue);
          margin-left: 35px; }
          @media (max-width: 767px) {
            .seferAccordion.accordion .card .collapse .card-body .connectedHeader h5 small,
            .seferAccordion.accordion .card .collapsing .card-body .connectedHeader h5 small {
              width: 100%;
              margin-left: 0px; } }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .collapse .card-body .connectedHeader h5 small,
            .seferAccordion.accordion .card .collapsing .card-body .connectedHeader h5 small {
              font-size: 16px;
              font-weight: 600;
              margin-left: 5px; } }
      .seferAccordion.accordion .card .collapse .card-body .connectedHeader p,
      .seferAccordion.accordion .card .collapsing .card-body .connectedHeader p {
        margin-bottom: 0px;
        font-size: 17px;
        font-weight: 600;
        color: var(--grey-blue);
        text-align: right; }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .collapse .card-body .connectedHeader p,
          .seferAccordion.accordion .card .collapsing .card-body .connectedHeader p {
            font-size: 12px;
            font-weight: 500;
            text-align: left; } }
      .seferAccordion.accordion .card .collapse .card-body .connectedInfo,
      .seferAccordion.accordion .card .collapsing .card-body .connectedInfo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 25px;
        margin-bottom: 40px;
        background-color: #edf0f4;
        padding: 12px 16px; }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .collapse .card-body .connectedInfo,
          .seferAccordion.accordion .card .collapsing .card-body .connectedInfo {
            margin-top: 29px;
            margin-bottom: 59px; } }
        .seferAccordion.accordion .card .collapse .card-body .connectedInfo::before,
        .seferAccordion.accordion .card .collapsing .card-body .connectedInfo::before {
          content: "";
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          width: 23px;
          height: 23px;
          border-radius: 50%;
          border: 7px solid white;
          border-radius: 50%;
          background-color: var(--dusk);
          outline: 1px solid var(--light-blue-grey);
          position: absolute; }
        .seferAccordion.accordion .card .collapse .card-body .connectedInfo .textConnected,
        .seferAccordion.accordion .card .collapsing .card-body .connectedInfo .textConnected {
          font-size: 21px;
          font-weight: bold;
          color: var(--grey-blue);
          margin-left: 39px;
          margin-bottom: 0px; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .collapse .card-body .connectedInfo .textConnected,
            .seferAccordion.accordion .card .collapsing .card-body .connectedInfo .textConnected {
              margin-left: 29px;
              font-size: 16px; } }
        .seferAccordion.accordion .card .collapse .card-body .connectedInfo .textStandbyTime,
        .seferAccordion.accordion .card .collapsing .card-body .connectedInfo .textStandbyTime {
          font-size: 17px;
          font-weight: 600;
          color: var(--orangey-red);
          margin-bottom: 0px; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .collapse .card-body .connectedInfo .textStandbyTime,
            .seferAccordion.accordion .card .collapsing .card-body .connectedInfo .textStandbyTime {
              font-size: 14px; } }
    .seferAccordion.accordion .card .collapse .seferResult,
    .seferAccordion.accordion .card .collapsing .seferResult {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .seferAccordion.accordion .card .collapse .seferResult,
        .seferAccordion.accordion .card .collapsing .seferResult {
          padding-top: 53px; } }
      @media (max-width: 767px) {
        .seferAccordion.accordion .card .collapse .seferResult .resultImgContent img,
        .seferAccordion.accordion .card .collapsing .seferResult .resultImgContent img {
          width: 100%; } }
      .seferAccordion.accordion .card .collapse .seferResult .textResult,
      .seferAccordion.accordion .card .collapsing .seferResult .textResult {
        margin-top: 22px;
        margin-bottom: 22px; }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .collapse .seferResult .textResult,
          .seferAccordion.accordion .card .collapsing .seferResult .textResult {
            margin-top: 10px;
            margin-bottom: 13px; } }
        .seferAccordion.accordion .card .collapse .seferResult .textResult .textHead,
        .seferAccordion.accordion .card .collapsing .seferResult .textResult .textHead {
          font-size: 17px;
          font-weight: 600;
          color: var(--dusk);
          margin-bottom: 0px; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .collapse .seferResult .textResult .textHead,
            .seferAccordion.accordion .card .collapsing .seferResult .textResult .textHead {
              font-size: 12px; } }
        .seferAccordion.accordion .card .collapse .seferResult .textResult .text,
        .seferAccordion.accordion .card .collapsing .seferResult .textResult .text {
          font-size: 14px;
          font-weight: 500;
          color: var(--dusk);
          margin-bottom: 0px; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .collapse .seferResult .textResult .text,
            .seferAccordion.accordion .card .collapsing .seferResult .textResult .text {
              font-size: 12px; } }
          .seferAccordion.accordion .card .collapse .seferResult .textResult .text .imgCatering,
          .seferAccordion.accordion .card .collapsing .seferResult .textResult .text .imgCatering {
            width: 18px;
            height: 16px; }
      .seferAccordion.accordion .card .collapse .seferResult .btnResult button,
      .seferAccordion.accordion .card .collapsing .seferResult .btnResult button {
        font-size: 27px;
        font-weight: bold;
        width: 100%;
        height: 100%;
        line-height: normal;
        padding: 1.547rem 1rem;
        border-radius: 12px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; }
        @media only screen and (min-width: 768px) and (max-width: 992px) {
          .seferAccordion.accordion .card .collapse .seferResult .btnResult button,
          .seferAccordion.accordion .card .collapsing .seferResult .btnResult button {
            font-size: 2.8vw; } }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .collapse .seferResult .btnResult button,
          .seferAccordion.accordion .card .collapsing .seferResult .btnResult button {
            font-size: 24px;
            padding: 18px 1rem; } }
      .seferAccordion.accordion .card .collapse .seferResult .btnResult .information,
      .seferAccordion.accordion .card .collapsing .seferResult .btnResult .information {
        background-color: var(--grey-blue);
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 21px;
        padding-right: 21px;
        border-radius: 12px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        height: 100%; }
        @media (max-width: 992px) {
          .seferAccordion.accordion .card .collapse .seferResult .btnResult .information,
          .seferAccordion.accordion .card .collapsing .seferResult .btnResult .information {
            padding-left: 7px;
            padding-right: 7px; } }
        @media (max-width: 767px) {
          .seferAccordion.accordion .card .collapse .seferResult .btnResult .information,
          .seferAccordion.accordion .card .collapsing .seferResult .btnResult .information {
            padding-left: 15px;
            padding-right: 15px; } }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card .collapse .seferResult .btnResult .information,
          .seferAccordion.accordion .card .collapsing .seferResult .btnResult .information {
            padding: 10px 15px; } }
        .seferAccordion.accordion .card .collapse .seferResult .btnResult .information .textPerson,
        .seferAccordion.accordion .card .collapsing .seferResult .btnResult .information .textPerson {
          font-size: 14px;
          font-weight: 500;
          color: var(--white);
          display: block;
          margin-bottom: 1.5px; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .collapse .seferResult .btnResult .information .textPerson,
            .seferAccordion.accordion .card .collapsing .seferResult .btnResult .information .textPerson {
              font-size: 12px;
              margin-bottom: 0px; } }
        .seferAccordion.accordion .card .collapse .seferResult .btnResult .information .textPrice,
        .seferAccordion.accordion .card .collapsing .seferResult .btnResult .information .textPrice {
          font-size: 21px;
          font-weight: bold;
          color: var(--white);
          display: block; }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card .collapse .seferResult .btnResult .information .textPrice,
            .seferAccordion.accordion .card .collapsing .seferResult .btnResult .information .textPrice {
              font-size: 18px; } }
    .seferAccordion.accordion .card.selected .card-header {
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 0px; }
      .seferAccordion.accordion .card.selected .card-header .selectedArea {
        background-color: var(--slate);
        color: var(--white);
        padding-left: 36px;
        padding-right: 32px;
        padding-top: 17px;
        padding-bottom: 17px;
        margin-bottom: 15px; }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card.selected .card-header .selectedArea {
            padding: 6px 15px; } }
        .seferAccordion.accordion .card.selected .card-header .selectedArea p {
          margin-bottom: 0px;
          font-size: 24px;
          font-weight: bold;
          letter-spacing: -0.48px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .seferAccordion.accordion .card.selected .card-header .selectedArea p {
              font-size: 20px; } }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card.selected .card-header .selectedArea p {
              font-size: 12px;
              letter-spacing: -0.24px; } }
          .seferAccordion.accordion .card.selected .card-header .selectedArea p::before {
            content: "";
            width: 30px;
            height: 30px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            background-color: white;
            border-radius: 50%;
            background-position: center;
            background-image: url("../images/icon-sefer-check.svg");
            background-repeat: no-repeat;
            margin-right: 10px;
            background-size: 15px; }
            @media only screen and (min-width: 576px) and (max-width: 767px) {
              .seferAccordion.accordion .card.selected .card-header .selectedArea p::before {
                width: 25px;
                height: 25px;
                background-size: 12px; } }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card.selected .card-header .selectedArea p::before {
                background-size: 10px;
                width: 19px;
                height: 19px; } }
        .seferAccordion.accordion .card.selected .card-header .selectedArea button {
          padding: 0px;
          width: 100%;
          text-align: right;
          color: var(--white);
          font-size: 18px;
          font-weight: bold;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: right;
          -ms-flex-pack: right;
          justify-content: right; }
          @media (max-width: 767px) {
            .seferAccordion.accordion .card.selected .card-header .selectedArea button {
              font-size: 16px; } }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card.selected .card-header .selectedArea button {
              font-size: 12px;
              font-weight: 500; } }
          .seferAccordion.accordion .card.selected .card-header .selectedArea button::after {
            content: "";
            background-image: url("../images/icon-sefer-edit.svg");
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-left: 15px; }
            @media (max-width: 767px) {
              .seferAccordion.accordion .card.selected .card-header .selectedArea button::after {
                width: 18px;
                height: 18px;
                background-size: 18px;
                margin-left: 12px; } }
            @media (max-width: 575px) {
              .seferAccordion.accordion .card.selected .card-header .selectedArea button::after {
                background-size: 10px;
                width: 10px;
                height: 10px;
                margin-left: 7px; } }
      .seferAccordion.accordion .card.selected .card-header h5 {
        padding-left: 36px;
        padding-right: 32px; }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card.selected .card-header h5 {
            padding-left: 12px;
            padding-right: 12px; } }
        .seferAccordion.accordion .card.selected .card-header h5 button .seferDepartureArrival::after {
          top: -99px; }
          @media (max-width: 767px) {
            .seferAccordion.accordion .card.selected .card-header h5 button .seferDepartureArrival::after {
              top: -94px; } }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card.selected .card-header h5 button .seferDepartureArrival::after {
              top: -60px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .seferAccordion.accordion .card.selected .card-header h5 button .priceArea .imgArea {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            place-items: flex-start;
            position: relative; } }
        .seferAccordion.accordion .card.selected .card-header h5 button .priceArea .imgArea .textSeatType {
          font-size: 18px;
          font-weight: bold;
          color: var(--dusk);
          margin-right: 13px; }
          @media (max-width: 992px) {
            .seferAccordion.accordion .card.selected .card-header h5 button .priceArea .imgArea .textSeatType {
              font-size: 14px;
              margin-right: 10px; } }
          @media (max-width: 767px) {
            .seferAccordion.accordion .card.selected .card-header h5 button .priceArea .imgArea .textSeatType {
              margin-bottom: 3px; } }
          @media (max-width: 575px) {
            .seferAccordion.accordion .card.selected .card-header h5 button .priceArea .imgArea .textSeatType {
              display: none; } }
        @media (max-width: 992px) {
          .seferAccordion.accordion .card.selected .card-header h5 button .priceArea .imgArea .disabledSeat {
            margin-right: 10px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .seferAccordion.accordion .card.selected .card-header h5 button .priceArea .imgArea .disabledSeat {
            margin: 0px; } }
        @media (max-width: 575px) {
          .seferAccordion.accordion .card.selected .card-header h5 button .priceArea .imgArea .disabledSeat {
            margin-right: 5px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .seferAccordion.accordion .card.selected .card-header h5 button .priceArea .imgArea .emptySeat {
            position: absolute;
            bottom: 0px;
            left: 57px; } }
    .seferAccordion.accordion .card.disabledAccordion .card-header {
      background-color: var(--very-light-blue-70); }
      @media (max-width: 575px) {
        .seferAccordion.accordion .card.disabledAccordion .card-header {
          border-radius: 0px; } }
      .seferAccordion.accordion .card.disabledAccordion .card-header .disabled {
        opacity: 1; }

.textArrivalHead {
  padding-top: 30px;
  padding-bottom: 30px; }

@media (max-width: 575px) {
  .seferSearchAccordion {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-shadow: 0 5px 24px 0 rgba(68, 60, 98, 0.22);
    box-shadow: 0 5px 24px 0 rgba(68, 60, 98, 0.22);
    background-color: var(--slate); } }

.seferSearchAccordion .collapse .card.card-body,
.seferSearchAccordion .collapsing .card.card-body {
  padding: 0px;
  border: none;
  background-color: transparent;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  @media (max-width: 575px) {
    .seferSearchAccordion .collapse .card.card-body,
    .seferSearchAccordion .collapsing .card.card-body {
      padding-top: 17px; } }

.seferSearchAccordion .btnAddReturn {
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-left: 32px;
  font-size: 16px;
  font-weight: 600;
  color: var(--darkish-blue);
  height: 100%;
  width: 160px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (max-width: 575px) {
    .seferSearchAccordion .btnAddReturn {
      font-size: 14px;
      padding-left: 22px; } }
  .seferSearchAccordion .btnAddReturn:hover {
    color: var(--darkish-blue); }
  .seferSearchAccordion .btnAddReturn::before {
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    background-image: url("../images//icon-add-return-date.svg");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    left: 24px;
    border-radius: 50%;
    background-position: center;
    background-color: var(--ice-blue); }
    @media (max-width: 575px) {
      .seferSearchAccordion .btnAddReturn::before {
        width: 20px;
        height: 20px;
        left: 20px; } }

.alert-primary {
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  font-size: 18px;
  font-weight: 400;
  color: var(--dark-blue-grey);
  border: solid 1px var(--cornflower-two);
  background-color: var(--periwinkle-blue); }

.alert-secondary {
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  font-size: 18px;
  font-weight: 400;
  color: var(--dark-blue-grey);
  border: solid 1px var(--light-blue-grey);
  background-color: var(--light-periwinkle-two); }

.alert-success {
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  font-size: 18px;
  font-weight: 400;
  color: var(--dark-blue-grey);
  border: solid 1px var(--light-aqua-two);
  background-color: var(--pale-aqua); }

.alert-danger {
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  font-size: 18px;
  font-weight: 400;
  color: var(--dark-blue-grey);
  border: solid 1px var(--pale-salmon-two);
  background-color: var(--alert-danger); }

.alert-warning {
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  font-size: 18px;
  font-weight: 400;
  color: var(--dark-blue-grey);
  border: solid 1px var(--wheat);
  background-color: var(--pale-peach); }

.alert-info {
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  font-size: 18px;
  font-weight: 400;
  color: var(--dark-blue-grey);
  border: solid 1px var(--pastel-purple);
  background-color: var(--light-lavender); }

.alert-dismissible .close {
  outline: 0; }

.alertPosition {
  position: fixed;
  display: none;
  z-index: 999;
  right: 0;
  top: 64px;
  max-width: 500px;
  padding-right: 0;
  margin-right: 51px;
  margin-left: 32px;
  padding-left: 0;
  max-height: 128px;
  z-index: 1001; }
  @media (max-width: 575px) {
    .alertPosition {
      bottom: 0;
      top: initial;
      left: 0;
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0;
      max-height: 100%;
      position: fixed; } }
  .alertPosition .alert {
    padding: 25px;
    padding-right: 40px; }
    @media (max-width: 575px) {
      .alertPosition .alert {
        margin: 0;
        border-radius: 10px 10px 0px 0px; } }
    .alertPosition .alert .close {
      opacity: 1;
      padding: 0;
      margin: 0.75rem 1.25rem; }
      .alertPosition .alert .close:hover {
        opacity: 1; }
  .alertPosition .close {
    padding-top: 20px; }
  .alertPosition h5 {
    color: var(--dark-blue-grey);
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; }
    @media (max-width: 576px) {
      .alertPosition h5 {
        font-size: 16px; } }
  .alertPosition p {
    margin-bottom: 0;
    font-size: 16px;
    overflow-wrap: break-word;
    max-height: 500px;
    overflow-y: auto;
    padding-right: 15px; }
    @media (max-width: 576px) {
      .alertPosition p {
        font-size: 14px; } }

.alertRelative {
  padding-top: 16px;
  padding-bottom: 0px;
  border-radius: 4px;
  margin-bottom: 0px; }
  .alertRelative p {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--slate); }
    @media (max-width: 575px) {
      .alertRelative p {
        font-size: 12px; } }
  .alertRelative .close {
    opacity: 1 !important;
    background-color: var(--ice-blue);
    border-radius: 50%;
    padding: 0px;
    margin-top: 16px;
    margin-right: 12px; }
    .alertRelative .close span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 5px; }
      .alertRelative .close span img {
        opacity: 0.5;
        width: 20px;
        height: 20px; }
  .alertRelative .icon {
    padding-right: 10px;
    line-height: normal; }

.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-secondary {
  border-radius: 3px;
  background-color: var(--ice-blue);
  padding: 13.5px 40px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: var(--dusk); }
  @media (max-width: 575px) {
    .btn-secondary {
      font-size: 14px; } }

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-primary {
  border-radius: 3px;
  background-color: var(--darkish-blue);
  padding: 13.5px 40px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: var(--white); }
  @media (max-width: 575px) {
    .btn-primary {
      font-size: 14px; } }

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-danger {
  border-radius: 3px;
  background-color: var(--orangey-red);
  padding: 13.5px 40px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: var(--white); }
  @media (max-width: 575px) {
    .btn-danger {
      font-size: 14px; } }

.btn-group-sm > .btn,
.btn-sm {
  padding: 11px 30px; }

.btn-group-lg > .btn,
.btn-lg {
  padding: 1.25rem 1rem; }

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btnReadonly {
  pointer-events: none; }

.checkboxArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%; }
  .checkboxArea .checkboxText {
    font-size: 16px;
    font-weight: 500;
    padding-left: 10px;
    margin-top: -2px; }
    @media (max-width: 576px) {
      .checkboxArea .checkboxText {
        font-size: 14px; } }
  .checkboxArea input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .checkboxArea .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: var(--white);
    border-radius: 4px;
    border: solid 1px var(--light-blue-grey); }
    .checkboxArea .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 50%;
      margin-left: -6px;
      top: 50%;
      margin-top: -4px;
      width: 12px;
      height: 6px;
      border: solid var(--white);
      border-width: 2px 2px 0 0;
      transform: rotate(140deg);
      -webkit-transform: rotate(140deg);
      -moz-transform: rotate(140deg);
      -ms-transform: rotate(140deg);
      -o-transform: rotate(140deg); }
  .checkboxArea input:checked ~ .checkmark {
    background-color: var(--darkish-blue);
    border-color: var(--darkish-blue); }
  .checkboxArea input:checked ~ .checkmark:after {
    display: block; }

.scrollbar::-webkit-scrollbar {
  width: 6px; }

.scrollbar::-webkit-scrollbar-thumb {
  background: #ddd;
  scrollbar-color: #ddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px; }

.scrollbar::-webkit-scrollbar:horizontal {
  height: 6px; }

.scrollbar::-webkit-scrollbar-thumb:horizontal {
  background: #ddd;
  scrollbar-color: #ddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px; }

.searchArea.scrollbar::-webkit-scrollbar-thumb {
  background: rgba(163, 163, 163, 0.7);
  background-color: rgba(163, 163, 163, 0.7);
  border-radius: 1.5px !important;
  -webkit-border-radius: 1.5px !important;
  -moz-border-radius: 1.5px !important;
  -ms-border-radius: 1.5px !important;
  -o-border-radius: 1.5px !important; }

.searchArea.scrollbar::-webkit-scrollbar {
  width: 3px; }

.searchDropdown .dropDownInputArea .form-label-group {
  margin: 0px; }
  .searchDropdown .dropDownInputArea .form-label-group input {
    height: calc(2.5em + 1rem + 6px);
    padding-bottom: 0px;
    padding-top: 24px; }
    .searchDropdown .dropDownInputArea .form-label-group input:-moz-read-only {
      background-color: transparent; }
    .searchDropdown .dropDownInputArea .form-label-group input:read-only {
      background-color: transparent; }
    @media (max-width: 575px) {
      .searchDropdown .dropDownInputArea .form-label-group input {
        height: calc(2.5em + 1rem + 5.5px);
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 16px;
        padding-right: 16px; }
        .searchDropdown .dropDownInputArea .form-label-group input::-webkit-input-placeholder {
          color: var(--mid-dark) !important; }
        .searchDropdown .dropDownInputArea .form-label-group input::-moz-placeholder {
          color: var(--mid-dark) !important; }
        .searchDropdown .dropDownInputArea .form-label-group input:-ms-input-placeholder {
          color: var(--mid-dark) !important; }
        .searchDropdown .dropDownInputArea .form-label-group input::-ms-input-placeholder {
          color: var(--mid-dark) !important; }
        .searchDropdown .dropDownInputArea .form-label-group input::placeholder {
          color: var(--mid-dark) !important; } }
  .searchDropdown .dropDownInputArea .form-label-group input:not(:placeholder-shown) ~ label {
    color: var(--grey-purple);
    font-size: 13px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    place-items: flex-start;
    padding-top: 3px;
    padding-left: 37px;
    margin-left: 0px; }
    @media (max-width: 575px) {
      .searchDropdown .dropDownInputArea .form-label-group input:not(:placeholder-shown) ~ label {
        display: none; } }
  .searchDropdown .dropDownInputArea .form-label-group.error {
    margin-bottom: 34px; }
    @media (max-width: 575px) {
      .searchDropdown .dropDownInputArea .form-label-group.error {
        margin-bottom: 27px; } }
  @media (max-width: 575px) {
    .searchDropdown .dropDownInputArea .form-label-group span {
      margin-left: 0px !important; } }

.searchDropdown .dropDownInputArea input {
  padding-right: 22px; }

.searchDropdown .dropDownInputArea label {
  margin-left: 25px;
  font-size: 17px;
  font-weight: 500;
  color: var(--mid-dark);
  line-height: normal;
  height: calc(2.5em + 1rem + 6px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 575px) {
    .searchDropdown .dropDownInputArea label {
      display: none; } }

.searchDropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  font-size: 17px;
  font-weight: 500;
  color: var(--mid-dark);
  text-decoration: none;
  border-radius: 10px;
  border: solid 1px var(--grey-purple-44);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block; }
  .searchDropdown .dropdown-toggle::after {
    display: none; }
  .searchDropdown .dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }
  @media (max-width: 575px) {
    .searchDropdown .dropdown-toggle {
      font-size: 13px;
      font-weight: 500; } }

.searchDropdown.toWhereDropdown .dropdown-toggle {
  padding-left: 23px; }

@media (max-width: 767px) {
  .searchDropdown.toWhereDropdown .dropDownInputArea {
    margin-bottom: 12px; } }

.searchDropdown.toWhereDropdown .dropDownInputArea .form-label-group span {
  margin-left: 8px; }

.searchDropdown.toWhereDropdown .dropDownInputArea .form-label-group label {
  margin-left: 33px; }

.searchDropdown.toWhereDropdown .dropDownInputArea .form-label-group input:not(:placeholder-shown) ~ label {
  padding-left: 45px; }

.searchDropdown .dropdown-menu {
  margin-top: 13px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 440px;
  -webkit-box-shadow: 0 8px 24px 0 rgba(37, 42, 49, 0.24);
  box-shadow: 0 8px 24px 0 rgba(37, 42, 49, 0.24);
  border: solid 1px rgba(192, 192, 192, 0.6); }
  @media (max-width: 575px) {
    .searchDropdown .dropdown-menu {
      position: fixed !important;
      -webkit-transform: none !important;
      -ms-transform: none !important;
      transform: none !important;
      width: 100%;
      margin: 0px;
      border-radius: 0px;
      top: 0px; } }
  .searchDropdown .dropdown-menu::before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url("../images/icon-date-range-picker-left-arrow.svg");
    height: 24px;
    width: 21px;
    background-repeat: no-repeat;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 98px;
    margin-left: -10.5px;
    top: -12px; }
    @media (max-width: 575px) {
      .searchDropdown .dropdown-menu::before {
        display: none; } }
  .searchDropdown .dropdown-menu .searchArea {
    max-height: 447px;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain; }
    .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item,
    .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      font-size: 16px;
      font-weight: 600;
      padding-top: 16.5px;
      padding-bottom: 16.5px;
      line-height: normal;
      color: var(--mid-dark); }
      .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item:hover, .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item:focus,
      .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item:hover,
      .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item:focus {
        background-color: #ecf0f3;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
      .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item:focus-visible,
      .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item:focus-visible {
        outline: 0px; }
      .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item.city::before,
      .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item.city::before {
        content: "";
        background-image: url("../images/icon-city.svg");
        background-repeat: no-repeat;
        width: 23px;
        height: 23px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 14px;
        display: none; }
      .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item .textHead,
      .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item .textHead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 500;
        color: var(--dusk-64); }
      .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item .stationType,
      .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item .stationType {
        float: right;
        color: var(--dusk-64);
        letter-spacing: -0.36px;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase; }
      .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item .textArea,
      .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item .textArea {
        max-width: 300px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: block; }
        @media (max-width: 575px) {
          .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item .textArea,
          .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item .textArea {
            max-width: calc(100% + -90px); } }
      .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item .borderBottom::after,
      .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item .borderBottom::after {
        content: "";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ecf0f3;
        bottom: 0;
        position: absolute;
        width: 100%;
        top: 34.7px; }
        @media (max-width: 767px) {
          .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item .borderBottom::after,
          .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item .borderBottom::after {
            top: 35px; } }
      .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item.borderBottomInline::after,
      .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item.borderBottomInline::after {
        content: "";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ecf0f3;
        bottom: 0;
        position: absolute;
        width: 100%;
        top: 34.7px; }
        @media (max-width: 767px) {
          .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item.borderBottomInline::after,
          .searchDropdown .dropdown-menu .searchArea .recentSearches .dropdown-item.borderBottomInline::after {
            top: 35px; } }
  .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    line-height: normal;
    color: var(--mid-dark); }
    .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item:hover {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item:hover, .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item:focus {
      background-color: #ecf0f3; }
      .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item:hover::after, .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item:focus::after {
        display: none; }
    .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item:focus-visible {
      outline: 0px; }
    .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item::after {
      content: "";
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid #ecf0f3;
      bottom: 0;
      position: absolute;
      width: calc(100% - 48px);
      margin-bottom: -1px; }
    .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item.currentLocation {
      padding-bottom: 0px;
      padding-top: 0px;
      line-height: 5.0625;
      color: var(--orangey-red);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item.currentLocation:hover {
        background-color: transparent; }
        .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item.currentLocation:hover::after {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          border-bottom: 1px solid #ecf0f3;
          bottom: 0;
          position: absolute;
          width: calc(100% - 48px);
          margin-bottom: -1px; }
      .searchDropdown .dropdown-menu .currentLocationArea .dropdown-item.currentLocation::before {
        content: "";
        display: inline-flex;
        background-image: url("../images/icon-current-location.svg");
        background-repeat: no-repeat;
        height: 23px;
        width: 23px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 11px; }
  .searchDropdown .dropdown-menu .passengersArea h5 {
    font-weight: 600;
    line-height: normal;
    color: var(--mid-dark);
    margin-left: 24px;
    margin-right: 24px;
    margin-top: 35px;
    margin-bottom: 32px; }
    @media (max-width: 575px) {
      .searchDropdown .dropdown-menu .passengersArea h5 {
        margin-top: 30px; } }
  .searchDropdown .dropdown-menu .passengersArea .searchArea {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 24px; }
    .searchDropdown .dropdown-menu .passengersArea .searchArea p {
      margin-bottom: 0;
      font-size: 18px;
      font-weight: 500;
      color: var(--mid-dark); }
    .searchDropdown .dropdown-menu .passengersArea .searchArea .passengerBtn {
      margin-top: 40px;
      text-align: right; }
      @media (max-width: 575px) {
        .searchDropdown .dropdown-menu .passengersArea .searchArea .passengerBtn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .searchDropdown .dropdown-menu .passengersArea .searchArea .passengerBtn .btn {
            height: calc(1.5em + 1rem + 8px);
            padding-top: 0;
            padding-bottom: 0; } }
      .searchDropdown .dropdown-menu .passengersArea .searchArea .passengerBtn .btn-primary {
        margin-left: 32px; }
        @media (max-width: 575px) {
          .searchDropdown .dropdown-menu .passengersArea .searchArea .passengerBtn .btn-primary {
            margin-left: 0px; } }
  .searchDropdown .dropdown-menu h6 {
    font-size: 18px;
    font-weight: bold;
    color: var(--mid-dark);
    line-height: normal;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 16px;
    margin-bottom: 12.5px; }
  .searchDropdown .dropdown-menu.mobileDropdown .dropDownInputArea {
    display: none; }
  @media (max-width: 767px) {
    .searchDropdown .dropdown-menu.mobileDropdown {
      height: 100vh;
      border: 0px;
      overflow: hidden; } }
  @media (max-width: 767px) {
    .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea {
      display: block; }
      .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group {
        margin-left: 16px;
        margin-right: 16px; }
        .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group::before {
          content: "";
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          background-image: url("../images/icon-search.svg");
          background-repeat: no-repeat;
          width: 18px;
          height: 18px;
          background-size: 18px;
          position: absolute;
          top: 50%;
          margin-top: -9px;
          margin-left: 12px; }
        .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input {
          height: calc(2.5em + 1rem + 2px);
          color: var(--grey-purple);
          font-size: 16px;
          padding-left: 38px;
          padding-right: 38px;
          border-width: 2px;
          padding-top: 0px; }
          .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::-webkit-input-placeholder {
            opacity: 1 !important;
            color: var(--grey-purple) !important; }
          .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::-moz-placeholder {
            opacity: 1 !important;
            color: var(--grey-purple) !important; }
          .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input:-ms-input-placeholder {
            opacity: 1 !important;
            color: var(--grey-purple) !important; }
          .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::-ms-input-placeholder {
            opacity: 1 !important;
            color: var(--grey-purple) !important; }
          .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::placeholder {
            opacity: 1 !important;
            color: var(--grey-purple) !important; }
      .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .btnClose {
        width: 100%;
        font-size: 18px;
        font-weight: bold;
        padding: 11.5px 40px;
        border-radius: 0px;
        margin-bottom: 12px;
        position: relative; }
        .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .btnClose::after {
          content: "";
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          background-image: url("../images/icon-dropdown-close.svg");
          width: 16px;
          height: 16px;
          position: absolute;
          position: absolute;
          margin-top: -8px;
          top: 50%;
          right: 17px; } }
  @media (max-width: 767px) {
    .searchDropdown .dropdown-menu.mobileDropdown.show .currentLocationArea .currentLocation {
      line-height: normal;
      padding-top: 16px;
      padding-bottom: 16px; }
    .searchDropdown .dropdown-menu.mobileDropdown.show h6 {
      font-size: 16px;
      font-weight: 600;
      background-color: rgba(229, 234, 239, 0.7);
      padding-top: 16px;
      padding-bottom: 16px; }
    .searchDropdown .dropdown-menu.mobileDropdown.show .searchArea {
      max-height: calc(100vh + -100px);
      padding-bottom: 38px;
      -ms-scroll-chaining: none;
      overscroll-behavior: contain; }
      .searchDropdown .dropdown-menu.mobileDropdown.show .searchArea .allStations h6 {
        margin: 0px; } }

.searchDropdown .imgFromTo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: -26px;
  top: 50%;
  margin-top: -22.5px;
  z-index: 1;
  cursor: pointer; }
  @media (max-width: 575px) {
    .searchDropdown .imgFromTo {
      background-size: 25px;
      height: 25px;
      width: 25px;
      right: -17px;
      margin-top: -12.5px; } }

.searchDropdown.show .dropdown-toggle {
  border-color: var(--darkish-blue); }

.searchDropdown.show::before {
  background-image: url("../images/icon-location.svg");
  z-index: 1; }
  @media (max-width: 575px) {
    .searchDropdown.show::before {
      background-size: cover;
      width: 10px;
      height: 14px;
      margin-top: -7px;
      margin-left: 11px; } }

.listDropdown.dropdown {
  text-align: right; }
  .listDropdown.dropdown .dropdown-toggle {
    padding: 0px;
    border: 0px;
    position: relative; }
    .listDropdown.dropdown .dropdown-toggle::after {
      border: 0px;
      margin-left: 0px;
      vertical-align: middle;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      background-image: url("../images/icon-seatmap-total-price-arrow.svg");
      background-repeat: no-repeat;
      width: 11px;
      height: 6px;
      position: absolute;
      right: 0px;
      top: 50%;
      margin-top: -3px;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .listDropdown.dropdown .dropdown-toggle .totalPriceHeader {
      padding-right: 22px;
      text-align: right; }
      .listDropdown.dropdown .dropdown-toggle .totalPriceHeader .textHead {
        font-size: 12px;
        font-weight: 500;
        color: var(--grey-blue); }
      .listDropdown.dropdown .dropdown-toggle .totalPriceHeader .textPrice {
        font-size: 24px;
        font-weight: bold;
        color: var(--midnightdark);
        margin-bottom: 0px;
        line-height: normal; }
      .listDropdown.dropdown .dropdown-toggle .totalPriceHeader .textPassenger {
        font-size: 13px;
        font-weight: 500;
        color: var(--purple-brown); }
  .listDropdown.dropdown .dropdown-menu {
    margin-top: 8px;
    padding: 30px 0px;
    border-radius: 24px;
    -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px var(--grey-purple-44);
    width: 407px; }
    .listDropdown.dropdown .dropdown-menu .textHead {
      font-size: 21px;
      font-weight: bold;
      color: var(--midnightdark);
      margin-bottom: 0px;
      padding-left: 40px;
      padding-right: 40px;
      margin-bottom: 16px; }
      @media (max-width: 575px) {
        .listDropdown.dropdown .dropdown-menu .textHead {
          padding-left: 20px;
          padding-right: 20px; } }
    .listDropdown.dropdown .dropdown-menu .textDeparture {
      background-color: var(--very-light-blue-70);
      padding: 15.5px 40px;
      margin-bottom: 18px; }
      @media (max-width: 575px) {
        .listDropdown.dropdown .dropdown-menu .textDeparture {
          padding-left: 20px;
          padding-right: 20px; } }
      .listDropdown.dropdown .dropdown-menu .textDeparture p {
        margin-bottom: 0px;
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        color: var(--dusk); }
        .listDropdown.dropdown .dropdown-menu .textDeparture p span::before {
          content: "";
          background-image: url(../images/icon-sefer-arrow.svg);
          background-repeat: no-repeat;
          width: 13px;
          height: 10px;
          background-size: 13px;
          margin-right: 12px;
          margin-left: 12px;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex; }
    .listDropdown.dropdown .dropdown-menu .textContent {
      padding-left: 40px;
      padding-right: 40px; }
      @media (max-width: 575px) {
        .listDropdown.dropdown .dropdown-menu .textContent {
          padding-left: 20px;
          padding-right: 20px; } }
      .listDropdown.dropdown .dropdown-menu .textContent .textUnitPriceHead {
        font-size: 14px;
        font-weight: bold;
        color: var(--grey-blue);
        margin-bottom: 12px;
        text-align: right; }
      .listDropdown.dropdown .dropdown-menu .textContent .text {
        font-size: 14px;
        font-weight: 500;
        color: var(--grey-blue);
        margin-bottom: 21px;
        line-height: normal; }
      .listDropdown.dropdown .dropdown-menu .textContent .textUnitPrice {
        font-size: 14px;
        font-weight: 500;
        color: var(--midnightdark);
        text-align: right;
        line-height: normal;
        margin-bottom: 21px;
        line-height: normal; }
        .listDropdown.dropdown .dropdown-menu .textContent .textUnitPrice .textPiece {
          font-size: 14px;
          font-weight: bold;
          color: var(--midnightdark);
          padding-right: 10px; }
      .listDropdown.dropdown .dropdown-menu .textContent .textConnected {
        margin-top: 5px;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 500;
        color: var(--slate);
        padding-right: 43%;
        position: relative; }
        .listDropdown.dropdown .dropdown-menu .textContent .textConnected::after {
          content: "";
          width: 100%;
          height: 100%;
          border: 1px solid #707070;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          right: 0px;
          width: 43%;
          position: absolute;
          height: 1px;
          top: 50%; }
    .listDropdown.dropdown .dropdown-menu .dropdown-item {
      padding: 0px; }
    .listDropdown.dropdown .dropdown-menu .totalPrice {
      padding-left: 40px;
      padding-right: 40px; }
      @media (max-width: 575px) {
        .listDropdown.dropdown .dropdown-menu .totalPrice {
          padding-left: 20px;
          padding-right: 20px; } }
      .listDropdown.dropdown .dropdown-menu .totalPrice::before {
        content: "";
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-top: solid 1px var(--light-blue-grey);
        margin-bottom: 15px; }
      .listDropdown.dropdown .dropdown-menu .totalPrice p {
        margin-bottom: 0px; }
      .listDropdown.dropdown .dropdown-menu .totalPrice .text {
        font-size: 14px;
        font-weight: bold;
        color: var(--midnightdark); }
      .listDropdown.dropdown .dropdown-menu .totalPrice .textPrice {
        font-size: 21px;
        font-weight: bold;
        color: var(--midnightdark);
        text-align: right; }
    .listDropdown.dropdown .dropdown-menu.mobileDropdown .dropDownInputArea {
      display: none; }
    @media (max-width: 767px) {
      .listDropdown.dropdown .dropdown-menu.mobileDropdown {
        height: 100vh;
        border: 0px;
        overflow: hidden;
        z-index: 1001;
        position: fixed !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: 100%;
        margin: 0px;
        border-radius: 0px;
        top: 0px;
        padding-top: 0px; } }
    @media (max-width: 767px) {
      .listDropdown.dropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea {
        display: block; }
        .listDropdown.dropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .btnClose {
          width: 100%;
          font-size: 18px;
          font-weight: bold;
          border-radius: 0px;
          position: relative;
          background-color: transparent;
          padding: 0px;
          margin-top: 20px;
          margin-bottom: 15px; }
          .listDropdown.dropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .btnClose::after {
            content: "";
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            background-image: url("../images/icon-modal-close.svg");
            width: 18px;
            height: 18px;
            position: absolute;
            position: absolute;
            margin-top: -8px;
            top: 50%;
            right: 17px; } }
    @media (max-width: 767px) {
      .listDropdown.dropdown .dropdown-menu.mobileDropdown.show .dropdownContent {
        overflow-y: scroll;
        max-height: 850px;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain; } }
  .listDropdown.dropdown.show .dropdown-toggle::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

.standartDropdown .inputSearch::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-image: url(../images/icon-select-arrow.svg);
  background-repeat: no-repeat;
  width: 10px;
  height: 6px;
  right: 20px;
  margin-left: 0px;
  margin-top: 11px;
  position: absolute;
  top: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.standartDropdown .inputSearch input {
  padding-right: 32px !important;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block; }
  .standartDropdown .inputSearch input:-moz-read-only {
    cursor: pointer; }
  .standartDropdown .inputSearch input:read-only {
    cursor: pointer; }

.standartDropdown .dropdown-menu {
  width: auto;
  margin-top: 6px; }
  @media (max-width: 575px) {
    .standartDropdown .dropdown-menu {
      width: 100%; } }
  .standartDropdown .dropdown-menu::before {
    display: none; }
  .standartDropdown .dropdown-menu .searchArea {
    overflow-x: hidden;
    margin: 0; }
    .standartDropdown .dropdown-menu .searchArea .dropdown-item:active {
      background-color: #e9ecef; }
    .standartDropdown .dropdown-menu .searchArea .dropdown-item .seferRadioBtn .radioBtnArea {
      padding-right: 10px; }
      .standartDropdown .dropdown-menu .searchArea .dropdown-item .seferRadioBtn .radioBtnArea .radioBtnText {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap; }

.standartDropdown.show .inputSearch::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.directionDropdown .dropdown-toggle {
  border: 0px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px; }
  .directionDropdown .dropdown-toggle:active {
    border: 0px; }
  .directionDropdown .dropdown-toggle:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .directionDropdown .dropdown-toggle::after {
    background-image: url("../images/icon-sefer-accordion-arrow.svg");
    background-repeat: no-repeat;
    width: 14px;
    height: 7px;
    border: 0px !important;
    padding: 0px;
    margin-left: 5px;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    background-size: 12px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

.directionDropdown .dropdown-menu {
  min-width: 100%;
  padding: 0px; }
  .directionDropdown .dropdown-menu:focus-visible {
    outline: 0px; }
  .directionDropdown .dropdown-menu li {
    border-bottom: solid 1px rgba(217, 219, 231, 0.4); }
    .directionDropdown .dropdown-menu li:last-child {
      border-bottom: 0px; }
  .directionDropdown .dropdown-menu .dropdown-item {
    padding: 15px;
    font-size: 15px;
    color: var(--blue-grey);
    font-weight: 500;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s; }
    .directionDropdown .dropdown-menu .dropdown-item:active {
      background-color: transparent; }

.directionDropdown.show .dropdown-toggle::after {
  -webkit-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.customMultipleDateRangePicker {
  width: 100%; }
  @media (max-width: 575px) {
    .customMultipleDateRangePicker {
      height: 100%; } }
  .customMultipleDateRangePicker .datePickerInput .form-label-group::after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url("../images/icon-calendar-purple.svg");
    background-repeat: no-repeat;
    width: 20px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -12px;
    background-size: 20px; }
    @media (max-width: 575px) {
      .customMultipleDateRangePicker .datePickerInput .form-label-group::after {
        width: 15px;
        height: 17px;
        margin-top: -9px;
        background-size: 15px;
        right: 8px; } }
  .customMultipleDateRangePicker .datePickerInput .form-label-group input::-webkit-input-placeholder {
    font-size: 0px !important; }
  .customMultipleDateRangePicker .datePickerInput .form-label-group input::-moz-placeholder {
    font-size: 0px !important; }
  .customMultipleDateRangePicker .datePickerInput .form-label-group input:-ms-input-placeholder {
    font-size: 0px !important; }
  .customMultipleDateRangePicker .datePickerInput .form-label-group input::-ms-input-placeholder {
    font-size: 0px !important; }
  .customMultipleDateRangePicker .datePickerInput .form-label-group input::placeholder {
    font-size: 0px !important; }
  @media (max-width: 575px) {
    .customMultipleDateRangePicker .datePickerInput .form-label-group input {
      height: calc(2.5em + 0.75rem + 4px); } }
  .customMultipleDateRangePicker .datePickerInput .form-label-group label {
    font-size: 17px;
    font-weight: 500;
    color: var(--mid-dark);
    line-height: normal;
    height: calc(2.5em + 1rem + 6px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 575px) {
      .customMultipleDateRangePicker .datePickerInput .form-label-group label {
        font-size: 12px;
        font-weight: 500;
        height: 100%; } }
  .customMultipleDateRangePicker .datePickerInput .form-label-group input:not(:placeholder-shown) ~ label {
    color: var(--grey-purple);
    font-size: 13px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    place-items: flex-start;
    padding-top: 9px; }
    @media (max-width: 575px) {
      .customMultipleDateRangePicker .datePickerInput .form-label-group input:not(:placeholder-shown) ~ label {
        display: none; } }
  .customMultipleDateRangePicker .daterangepicker {
    min-width: 820px;
    -webkit-box-shadow: 0 8px 24px 0 rgba(37, 42, 49, 0.24);
    box-shadow: 0 8px 24px 0 rgba(37, 42, 49, 0.24);
    left: 15px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    margin-top: 10px; }
    @media (max-width: 767px) {
      .customMultipleDateRangePicker .daterangepicker {
        position: fixed;
        left: 0 !important;
        top: 0 !important;
        margin: 0px !important;
        border: 0px;
        border-radius: 0px;
        height: 100%;
        width: 100% !important; } }
    .customMultipleDateRangePicker .daterangepicker::after, .customMultipleDateRangePicker .daterangepicker::before {
      border-right: 0;
      border-bottom: 0;
      border-left: 0; }
    .customMultipleDateRangePicker .daterangepicker::before {
      content: "";
      background-image: url("../images/icon-date-range-picker-left-arrow.svg");
      height: 24px;
      background-repeat: no-repeat;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      left: 0px !important;
      width: 21px !important;
      margin: 0px !important;
      margin-left: 16% !important;
      margin-right: 0px !important;
      transform: rotate(90deg) !important;
      top: -12px !important; }
      @media (max-width: 767px) {
        .customMultipleDateRangePicker .daterangepicker::before {
          display: none; } }
    .customMultipleDateRangePicker .daterangepicker .headerArea {
      margin-top: 32px;
      margin-right: 25px;
      margin-left: 35px; }
      @media (max-width: 767px) {
        .customMultipleDateRangePicker .daterangepicker .headerArea {
          margin: 0px; }
          .customMultipleDateRangePicker .daterangepicker .headerArea .row {
            margin-left: -2px;
            margin-right: -2px; } }
      .customMultipleDateRangePicker .daterangepicker .headerArea .directionSelect .dropdown-toggle {
        border: 0px;
        padding-left: 0px;
        padding-right: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media (max-width: 767px) {
          .customMultipleDateRangePicker .daterangepicker .headerArea .directionSelect .dropdown-toggle {
            margin-bottom: 52px;
            margin-top: 12px; } }
        @media (max-width: 575px) {
          .customMultipleDateRangePicker .daterangepicker .headerArea .directionSelect .dropdown-toggle {
            padding-left: 15px;
            margin-bottom: 0px; } }
        .customMultipleDateRangePicker .daterangepicker .headerArea .directionSelect .dropdown-toggle:focus {
          -webkit-box-shadow: none;
          box-shadow: none; }
        .customMultipleDateRangePicker .daterangepicker .headerArea .directionSelect .dropdown-toggle::after {
          background-image: url("../images/icon-sefer-accordion-arrow.svg");
          background-repeat: no-repeat;
          width: 14px;
          height: 7px;
          border: 0px !important;
          padding: 0px;
          margin: 0px;
          -webkit-transform: rotate(0deg) !important;
          -ms-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
          background-size: 12px; }
        .customMultipleDateRangePicker .daterangepicker .headerArea .directionSelect .dropdown-toggle .filter-option-inner-inner {
          font-size: 17px; }
          @media (max-width: 575px) {
            .customMultipleDateRangePicker .daterangepicker .headerArea .directionSelect .dropdown-toggle .filter-option-inner-inner {
              font-size: 15px; } }
      .customMultipleDateRangePicker .daterangepicker .headerArea .directionSelect.show .dropdown-toggle::after {
        -webkit-transform: rotate(180deg) !important;
        -ms-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important; }
      .customMultipleDateRangePicker .daterangepicker .headerArea .directionSelect .dropdown-menu {
        min-width: 109px; }
        .customMultipleDateRangePicker .daterangepicker .headerArea .directionSelect .dropdown-menu .inner ul li a {
          padding: 15px;
          font-size: 15px; }
      @media (max-width: 767px) {
        .customMultipleDateRangePicker .daterangepicker .headerArea .directionDropdown {
          margin-top: 14px; } }
      .customMultipleDateRangePicker .daterangepicker .headerArea .form-control {
        border-color: var(--grey-purple-44);
        font-weight: 600;
        color: var(--dusk);
        padding-right: 36px;
        font-size: 18px; }
        .customMultipleDateRangePicker .daterangepicker .headerArea .form-control::-webkit-input-placeholder {
          font-size: 15px;
          font-weight: 500; }
        .customMultipleDateRangePicker .daterangepicker .headerArea .form-control::-moz-placeholder {
          font-size: 15px;
          font-weight: 500; }
        .customMultipleDateRangePicker .daterangepicker .headerArea .form-control:-ms-input-placeholder {
          font-size: 15px;
          font-weight: 500; }
        .customMultipleDateRangePicker .daterangepicker .headerArea .form-control::-ms-input-placeholder {
          font-size: 15px;
          font-weight: 500; }
        .customMultipleDateRangePicker .daterangepicker .headerArea .form-control::placeholder {
          font-size: 15px;
          font-weight: 500; }
        .customMultipleDateRangePicker .daterangepicker .headerArea .form-control:-moz-read-only {
          background-color: transparent; }
        .customMultipleDateRangePicker .daterangepicker .headerArea .form-control:read-only {
          background-color: transparent; }
        @media (max-width: 767px) {
          .customMultipleDateRangePicker .daterangepicker .headerArea .form-control {
            font-size: 14px;
            letter-spacing: -0.28px; } }
      .customMultipleDateRangePicker .daterangepicker .headerArea .calenderPurpleImg {
        background-image: url("../images/icon-calendar-purple.svg");
        background-repeat: no-repeat;
        background-position-x: 95%;
        background-position-y: center;
        border-color: var(--grey-purple-44);
        background-size: 16px; }
        @media (max-width: 767px) {
          .customMultipleDateRangePicker .daterangepicker .headerArea .calenderPurpleImg {
            margin-bottom: 0px;
            margin-top: 12px; } }
      .customMultipleDateRangePicker .daterangepicker .headerArea .calenderBlueImg {
        background-image: url("../images/icon-calendar-blue.svg");
        background-repeat: no-repeat;
        background-position-x: 95%;
        background-position-y: center;
        background-size: 16px; }
        @media (max-width: 767px) {
          .customMultipleDateRangePicker .daterangepicker .headerArea .calenderBlueImg {
            margin-bottom: 0px;
            margin-top: 12px; } }
      .customMultipleDateRangePicker .daterangepicker .headerArea .btnAddReturn {
        padding: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        padding-left: 32px;
        font-size: 16px;
        font-weight: 600;
        color: var(--darkish-blue); }
        @media (max-width: 767px) {
          .customMultipleDateRangePicker .daterangepicker .headerArea .btnAddReturn {
            margin-bottom: 0px;
            margin-top: 12px; } }
        .customMultipleDateRangePicker .daterangepicker .headerArea .btnAddReturn::before {
          content: "";
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          position: absolute;
          background-image: url("../images/icon-add-return-date.svg");
          background-repeat: no-repeat;
          width: 24px;
          height: 24px;
          left: 0;
          border-radius: 50%;
          background-position: center;
          background-color: var(--ice-blue); }
      .customMultipleDateRangePicker .daterangepicker .headerArea .btnClose {
        display: none; }
        @media (max-width: 767px) {
          .customMultipleDateRangePicker .daterangepicker .headerArea .btnClose {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background-color: var(--orangey-red);
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            position: relative;
            border: 0px;
            border-radius: 0px; }
            .customMultipleDateRangePicker .daterangepicker .headerArea .btnClose::after {
              content: "";
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              background-image: url("../images/icon-dropdown-close.svg");
              width: 16px;
              height: 16px;
              position: absolute;
              margin-top: -8px;
              top: 50%;
              right: 17px; } }
    .customMultipleDateRangePicker .daterangepicker .calendars {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (max-width: 576px) {
        .customMultipleDateRangePicker .daterangepicker .calendars {
          overflow-x: hidden;
          overflow-y: auto;
          max-height: calc(100% + -180px);
          -ms-scroll-chaining: none;
          overscroll-behavior: contain; } }
      .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container {
        margin-top: 19px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        @media (max-width: 767px) {
          .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0px;
            place-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; } }
        .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar {
          width: 50%;
          max-width: 50%; }
          @media (max-width: 767px) {
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar {
              padding: 0px;
              margin-left: 15px !important;
              margin-right: 15px !important; } }
          @media (max-width: 575px) {
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar {
              max-width: 100%;
              margin-left: 0px !important;
              margin-right: 0px !important;
              width: auto; } }
          .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table thead tr th {
            width: 40px;
            height: 40px;
            min-width: 40px; }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table thead tr th.prev, .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table thead tr th.next {
              border-radius: 2px;
              background-color: #edf0f4;
              display: inline-block;
              position: absolute;
              background-repeat: no-repeat;
              background-position-x: center;
              background-position-y: center; }
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table thead tr th.prev span, .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table thead tr th.next span {
                border: 0;
                padding: 0; }
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table thead tr th.prev:hover, .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table thead tr th.next:hover {
                background-color: #edf0f4 !important; }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table thead tr th.next {
              right: -8px;
              background-image: url("../images/icon-data-range-picker-arrow.svg"); }
              @media (max-width: 767px) {
                .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table thead tr th.next {
                  opacity: 0;
                  pointer-events: none; } }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table thead tr th.prev {
              background-image: url("../images/icon-data-range-picker-arrow.svg");
              -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table thead tr th.month {
              color: var(--black);
              font-size: 14px;
              font-weight: 600; }
          .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr th {
            color: var(--blue-grey);
            font-size: 12px;
            font-weight: normal;
            width: 40px;
            height: 40px;
            min-width: 40px; }
          .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td {
            color: var(--black);
            font-size: 15px;
            font-weight: 600;
            line-height: normal;
            width: 40px;
            height: 40px;
            min-width: 40px;
            border: 0;
            position: relative; }
            @media (max-width: 767px) {
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td {
                font-size: 14px; } }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td span {
              display: block;
              margin-top: 2px; }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.in-range {
              background-color: var(--very-light-blue); }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.start-date::before {
              content: "Gidiş" !important;
              font-size: 11px;
              font-weight: 500;
              position: absolute;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              width: 100%;
              margin: 0px;
              top: 3px;
              left: 0px; }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.end-date::before {
              content: "Dönüş";
              font-size: 11px;
              font-weight: 500;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              width: 100%;
              margin: 0px;
              top: 3px;
              left: 0px;
              position: absolute; }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.start-date, .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.end-date {
              background-color: var(--darkish-blue);
              color: var(--white);
              border-radius: 0px; }
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.start-date::before, .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.end-date::before {
                font-size: 10px; }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.today {
              color: var(--white);
              border-radius: 0px;
              background-color: var(--grey-purple); }
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.today::before {
                content: "Bugün";
                font-size: 11px;
                font-weight: 500;
                position: absolute;
                margin-top: 2px;
                top: 0;
                left: 0px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin-left: 0px;
                font-size: 10px; }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.disabled {
              text-decoration: none;
              border-radius: 0px;
              background-color: var(--ice-blue); }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.off {
              opacity: 0 !important;
              pointer-events: none; }
          .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.left {
            margin-left: 34px;
            margin-right: 20px; }
            @media only screen and (min-width: 767px) and (max-width: 992px) {
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.left {
                margin-right: 0px;
                margin-left: 20px; } }
            @media (max-width: 767px) {
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table {
                padding-left: 15px;
                padding-right: 15px; } }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th.prev {
              opacity: 0;
              pointer-events: none; }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th.next {
              opacity: 0;
              pointer-events: none; }
          .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.right {
            margin-right: 34px; }
            @media only screen and (min-width: 767px) and (max-width: 992px) {
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.right {
                margin-right: 20px; } }
            @media (max-width: 575px) {
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.right {
                padding-left: 15px;
                padding-right: 15px; } }
            @media (max-width: 767px) {
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.right .calendar-table {
                padding-right: 15px;
                padding-left: 15px; } }
            @media (max-width: 575px) {
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.right .calendar-table {
                padding: 0px; } }
            @media (max-width: 360px) {
              .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.right .calendar-table {
                max-width: auto; } }
            .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.right .calendar-table table thead tr th.prev {
              position: relative;
              left: -333px; }
              @media only screen and (min-width: 767px) and (max-width: 992px) {
                .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar.right .calendar-table table thead tr th.prev {
                  left: -310px; } }
    .customMultipleDateRangePicker .daterangepicker .footerArea .drp-buttons {
      border: 0;
      padding-bottom: 34px;
      padding-right: 26px;
      padding-left: 26px; }
      @media (max-width: 767px) {
        .customMultipleDateRangePicker .daterangepicker .footerArea .drp-buttons {
          text-align: center;
          padding-bottom: 12px; } }
      .customMultipleDateRangePicker .daterangepicker .footerArea .drp-buttons .btn {
        line-height: normal;
        border-radius: 3px;
        font-size: 14px;
        font-weight: 600;
        padding: 11px 30px;
        border: 0;
        margin-left: 14px; }
        .customMultipleDateRangePicker .daterangepicker .footerArea .drp-buttons .btn.btn-secondary {
          background-color: var(--ice-blue);
          color: var(--dusk); }
        .customMultipleDateRangePicker .daterangepicker .footerArea .drp-buttons .btn.btn-primary {
          background-color: var(--darkish-blue);
          color: var(--white); }
    @media (max-width: 767px) {
      .customMultipleDateRangePicker .daterangepicker .footerArea {
        position: absolute;
        bottom: 0px;
        width: 100%;
        background-color: #fff; } }
  .customMultipleDateRangePicker .reportrange-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    border: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
    padding: 0px !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media (max-width: 575px) {
      .customMultipleDateRangePicker .reportrange-text {
        height: 100%; } }
    .customMultipleDateRangePicker .reportrange-text .textPlaceholder {
      margin-bottom: 0px;
      font-size: 20px;
      font-weight: 500;
      color: var(--dusk); }
    .customMultipleDateRangePicker .reportrange-text .datePickerInput {
      width: 100%;
      height: 100%;
      position: relative; }
      .customMultipleDateRangePicker .reportrange-text .datePickerInput input {
        border: 0px;
        font-size: 17px;
        font-weight: 500;
        color: var(--dusk);
        width: 100%;
        padding: 0px 16px;
        padding-right: 38px;
        height: calc(2.5em + 0.75rem + 10px);
        border: 1px solid var(--grey-purple-44);
        border-radius: 10px;
        border: 0px;
        cursor: pointer;
        padding-top: 24px; }
        .customMultipleDateRangePicker .reportrange-text .datePickerInput input::-webkit-input-placeholder {
          color: var(--dusk); }
        .customMultipleDateRangePicker .reportrange-text .datePickerInput input::-moz-placeholder {
          color: var(--dusk); }
        .customMultipleDateRangePicker .reportrange-text .datePickerInput input:-ms-input-placeholder {
          color: var(--dusk); }
        .customMultipleDateRangePicker .reportrange-text .datePickerInput input::-ms-input-placeholder {
          color: var(--dusk); }
        .customMultipleDateRangePicker .reportrange-text .datePickerInput input::placeholder {
          color: var(--dusk); }
        .customMultipleDateRangePicker .reportrange-text .datePickerInput input:focus {
          border: 0px; }
        .customMultipleDateRangePicker .reportrange-text .datePickerInput input:focus-visible {
          outline: 0px; }
        .customMultipleDateRangePicker .reportrange-text .datePickerInput input:-moz-read-only {
          background-color: transparent; }
          .customMultipleDateRangePicker .reportrange-text .datePickerInput input:-moz-read-only:focus {
            border: 0px; }
        .customMultipleDateRangePicker .reportrange-text .datePickerInput input:-moz-read-only {
          background-color: transparent; }
        .customMultipleDateRangePicker .reportrange-text .datePickerInput input:read-only {
          background-color: transparent; }
          .customMultipleDateRangePicker .reportrange-text .datePickerInput input:-moz-read-only:focus {
            border: 0px; }
          .customMultipleDateRangePicker .reportrange-text .datePickerInput input:read-only:focus {
            border: 0px; }
        @media (max-width: 575px) {
          .customMultipleDateRangePicker .reportrange-text .datePickerInput input {
            font-size: 13px;
            font-weight: 500;
            padding-left: 16px;
            padding-right: 25px;
            height: calc(1.5em + 1.5rem + 4px + 6.5px);
            padding-top: 0px; } }
      .customMultipleDateRangePicker .reportrange-text .datePickerInput .btnReturnArea {
        height: calc(100% + -27px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 6px; }
        .customMultipleDateRangePicker .reportrange-text .datePickerInput .btnReturnArea .btnAddReturn {
          padding: 0px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          position: relative;
          padding-left: 32px;
          font-size: 16px;
          font-weight: 600;
          color: var(--darkish-blue); }
          .customMultipleDateRangePicker .reportrange-text .datePickerInput .btnReturnArea .btnAddReturn::after {
            content: "";
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            position: absolute;
            background-image: url("../images/icon-add-return-date.svg");
            background-repeat: no-repeat;
            width: 24px;
            height: 24px;
            left: 0;
            border-radius: 50%;
            background-position: center;
            background-color: var(--ice-blue); }
          @media (max-width: 575px) {
            .customMultipleDateRangePicker .reportrange-text .datePickerInput .btnReturnArea .btnAddReturn {
              font-size: 13px; } }
        @media (max-width: 576px) {
          .customMultipleDateRangePicker .reportrange-text .datePickerInput .btnReturnArea {
            height: calc(100% + -18px); } }
  .customMultipleDateRangePicker .dateInputArea::before {
    content: "";
    border: 1px solid var(--grey-purple-44);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    height: calc(100% + -27px);
    margin-top: 27px;
    width: calc(100% + -30px);
    margin-left: 15px;
    border-radius: 10px; }
    @media (max-width: 575px) {
      .customMultipleDateRangePicker .dateInputArea::before {
        height: calc(100% - 19px);
        margin-top: 19px; } }
  .customMultipleDateRangePicker .dateInputArea .departureDate::after {
    content: "";
    width: 100%;
    height: calc(100% + -43px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    margin-top: 7px;
    border-right: 1px solid var(--grey-purple-44);
    position: absolute;
    top: 0px; }
    @media (max-width: 575px) {
      .customMultipleDateRangePicker .dateInputArea .departureDate::after {
        height: calc(100% + -34px) !important; } }
  .customMultipleDateRangePicker .error {
    margin-bottom: 15px; }
    .customMultipleDateRangePicker .error.dateInputArea::before {
      border-color: var(--orangey-red) !important; }
    .customMultipleDateRangePicker .error .invalid-feedback-inline {
      bottom: -16px;
      left: 26px;
      margin: 0px; }

.multipleDateRangePickerFinish .daterangepicker {
  right: auto;
  left: 0 !important;
  -webkit-transform: translate(-39%, 0) !important;
  -ms-transform: translate(-39%, 0) !important;
  transform: translate(-39%, 0) !important; }

.customSingleDatePicker .reportrange-text {
  height: calc(1.5em + 2rem); }
  .customSingleDatePicker .reportrange-text .datePickerInput::after {
    width: 18px;
    height: 20px;
    margin-top: -12px;
    background-size: 18px;
    background-image: url("../images/icon-calendar-grey.svg"); }
    @media (max-width: 575px) {
      .customSingleDatePicker .reportrange-text .datePickerInput::after {
        width: 15px;
        height: 15px;
        background-size: contain; } }

.customSingleDatePicker .daterangepicker {
  right: 0 !important;
  left: auto !important;
  margin: 0px;
  margin-top: 14px; }
  .customSingleDatePicker .daterangepicker::before {
    right: 13px !important;
    left: auto !important;
    top: -12px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .customSingleDatePicker .daterangepicker .headerArea {
    margin-top: 20px;
    margin-left: 42px;
    margin-right: 42px; }
    @media (max-width: 767px) {
      .customSingleDatePicker .daterangepicker .headerArea {
        margin: 0px; }
        .customSingleDatePicker .daterangepicker .headerArea .btnClose {
          margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .customSingleDatePicker .daterangepicker .calendars {
      margin-top: 15px; } }
  .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar {
    max-width: 100%; }
    .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left {
      margin-right: 20px;
      margin-left: 20px;
      padding: 0px; }
      .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table {
        padding: 0px !important; }
        .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th.prev {
          opacity: 1;
          pointer-events: all;
          margin-top: 3px;
          margin-left: -10px; }
        .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th.next {
          opacity: 1;
          pointer-events: all;
          right: -10px;
          margin-top: 3px;
          margin-left: -10px; }
        .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th .customSelect {
          -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }
          .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th .customSelect .monthselect {
            margin-right: 0px; }
          .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th .customSelect .bootstrap-select .dropdown-toggle {
            border: 1px solid var(--grey-purple-44); }
            .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th .customSelect .bootstrap-select .dropdown-toggle::after {
              margin: 0px;
              margin-top: 10px; }
            .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th .customSelect .bootstrap-select .dropdown-toggle .filter-option {
              padding-right: 5px; }
            .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th .customSelect .bootstrap-select .dropdown-toggle .filter-option-inner-inner:hover {
              color: #183153; }
          .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th .customSelect .bootstrap-select .dropdown-menu .inner {
            overflow-x: hidden; }
            .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table thead tr th .customSelect .bootstrap-select .dropdown-menu .inner ul li a {
              font-size: 14px;
              padding-left: 14px;
              padding-right: 14px; }
        .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table tbody tr td span {
          margin: 0px; }
        .customSingleDatePicker .daterangepicker .calendars .calendars-container .drp-calendar.left .calendar-table table tbody tr td.start-date::before {
          display: none; }

.dateBorder .showDatePicker .datePickerInput input {
  border-color: var(--darkish-blue) !important; }

.dateBorder .dateInputArea::before {
  border-color: var(--darkish-blue); }

.form-control {
  height: calc(1.5em + 0.75rem + 8px);
  border-radius: 10px;
  background-color: var(--white);
  border-color: var(--grey-purple-44); }
  .form-control:focus {
    border-color: var(--grey-purple-44);
    -webkit-box-shadow: none;
    box-shadow: none; }

.form-control-lg {
  height: calc(2.5em + 1rem + 6px); }
  @media (max-width: 575px) {
    .form-control-lg {
      height: calc(1.5em + 1rem);
      font-size: 12px;
      font-weight: 500; } }

.form-label-group {
  position: relative;
  margin-bottom: 1rem; }

.form-label-group input,
.form-label-group label {
  padding: 0.5rem 1rem; }

.form-label-group label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text;
  /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: 0.25rem;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.form-label-group input::-webkit-input-placeholder {
  color: transparent; }

.form-label-group input::-moz-placeholder {
  color: transparent; }

.form-label-group input:-ms-input-placeholder {
  color: transparent; }

.form-label-group input::-ms-input-placeholder {
  color: transparent; }

.form-label-group input::placeholder {
  color: transparent; }

.form-label-group input:not(:-moz-placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem; }

.form-label-group input:not(:-ms-input-placeholder) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem; }

.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem; }

.form-label-group input:not(:-moz-placeholder-shown) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: #777; }

.form-label-group input:not(:-ms-input-placeholder) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: #777; }

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: #777; }

.form-label-group input:-webkit-autofill ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: #777; }

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse; }
  .form-label-group label {
    position: static; }
  .form-label-group input::-ms-input-placeholder {
    color: #777; } }

.form-label-group.lg label {
  font-size: 20px;
  font-weight: 500;
  color: var(--dusk);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.form-label-group.lg input:not(:placeholder-shown) {
  padding-top: 0px;
  padding-bottom: 0px; }

.form-label-group.lg input:not(:placeholder-shown) ~ label {
  height: auto;
  color: var(--grey-purple);
  letter-spacing: -0.42px;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-items: flex-start;
  padding-top: 3px; }

.floatingArea {
  position: relative; }

.floatingInput:focus ~ .floating-label,
.floatingInput:not(:focus):valid ~ .floating-label {
  left: 16px;
  top: 22px;
  font-size: 13px;
  color: var(--grey-purple);
  font-weight: 400;
  opacity: 1; }
  @media (max-width: 575px) {
    .floatingInput:focus ~ .floating-label,
    .floatingInput:not(:focus):valid ~ .floating-label {
      display: none; } }

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 16px;
  top: 14px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 50%;
  margin-top: -12px;
  font-size: 17px;
  font-weight: 500;
  color: var(--mid-dark);
  line-height: normal; }
  @media (max-width: 575px) {
    .floating-label {
      font-size: 13px;
      font-weight: 500;
      margin-top: -7px !important; } }

.notReuiredFloating .floatingInput:focus ~ .floating-label,
.notReuiredFloating .floatingInput:not(:focus) ~ .floating-label {
  font-size: 17px;
  color: var(--mid-dark);
  font-weight: 500;
  margin: 0;
  top: 50%;
  margin-top: -10px; }
  @media (max-width: 575px) {
    .notReuiredFloating .floatingInput:focus ~ .floating-label,
    .notReuiredFloating .floatingInput:not(:focus) ~ .floating-label {
      display: none; } }

.notReuiredFloating .floatingInput:focus ~ .floating-label {
  left: 16px;
  top: 22px;
  font-size: 13px;
  color: var(--grey-purple);
  font-weight: 400;
  opacity: 1; }

@media (max-width: 575px) {
  .notReuiredFloating .floatingInput {
    padding-bottom: 0px; } }

.notReuiredFloating .floatingInput:not(:placeholder-shown) + .floating-label {
  left: 16px;
  top: 22px;
  font-size: 13px;
  color: var(--grey-purple);
  font-weight: 400;
  opacity: 1; }

@media (max-width: 575px) {
  .notReuiredFloating .floatingInput:focus ~ .floating-label,
  .notReuiredFloating .floatingInput:not(:focus) ~ .floating-label {
    display: none; } }

.number-input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: auto; }
  .number-input input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield; }
  .number-input input[type="number"]::-webkit-inner-spin-button,
  .number-input input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none; }
  .number-input .btn-icon-add {
    border: solid 1px var(--blueberry);
    background-color: var(--blueberry);
    border-radius: 3px;
    width: 40px;
    height: 40px;
    background-image: url("../images/icon-increase.svg");
    background-repeat: no-repeat;
    background-position: center; }
  .number-input .btn-icon-remove {
    border: solid 1px var(--pale-blue);
    background-color: var(--pale-blue);
    border-radius: 3px;
    width: 40px;
    height: 40px;
    background-image: url("../images/icon-decrease.svg");
    background-repeat: no-repeat;
    background-position: center; }
  .number-input button {
    outline: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    position: relative; }
  .number-input input[type="number"] {
    width: 100%;
    max-width: 70px;
    padding: 0.5rem;
    height: 40px;
    text-align: center;
    border: none;
    font-size: 20px;
    font-weight: bold;
    color: var(--dusk); }
    .number-input input[type="number"]:focus {
      outline: 0; }

.numberWrapper {
  position: relative;
  display: inline-block; }
  .numberWrapper input[type="number"] {
    padding-right: 22px;
    font-size: 16px;
    font-weight: 500;
    color: var(--blue-grey); }
  .numberWrapper .arrowUp {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    position: absolute;
    right: 10px;
    top: 9px;
    padding: 3px;
    border: solid var(--blue-grey);
    border-width: 0 2px 2px 0;
    display: inline-block; }
    .numberWrapper .arrowUp:focus {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .numberWrapper .arrowDown {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    right: 10px;
    bottom: 9px;
    padding: 3px;
    border: solid var(--blue-grey);
    border-width: 0 2px 2px 0;
    display: inline-block; }
    .numberWrapper .arrowDown:focus {
      -webkit-box-shadow: none;
      box-shadow: none; }

input.disabled {
  pointer-events: none; }

.error {
  position: relative; }
  .error .is-invalid {
    border-color: var(--orangey-red) !important;
    padding-right: 22px !important; }
    .error .is-invalid:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: var(--orangey-red) !important; }
  .error .invalid-feedback-inline {
    font-size: 12px;
    font-weight: 500;
    color: var(--orangey-red);
    position: absolute;
    margin: 0;
    left: 11px;
    line-height: normal;
    margin-top: 4px; }
    @media (max-width: 575px) {
      .error .invalid-feedback-inline {
        font-size: 10px; } }

textarea.form-control {
  height: auto !important; }

.form-control.is-valid,
.was-validated .form-control:valid {
  padding-right: 0.75rem;
  background-image: none; }

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: none; }

.form-group .d-inline {
  display: inline-block !important; }

@media (max-width: 575px) {
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="button"]:focus,
  select:focus {
    font-size: 14px !important; } }

@media (max-width: 575px) {
  .modal .modal-dialog {
    width: 100%;
    bottom: 0;
    position: fixed;
    padding: 0;
    margin: 0; } }

@media (max-width: 575px) {
  .modal.fade .modal-dialog {
    -webkit-transform: translate3d(0, 100vh, 0);
    transform: translate3d(0, 100vh, 0);
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out; } }

@media (max-width: 575px) {
  .modal.show .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out; } }

.modal-backdrop {
  background-color: var(--dark-60); }
  .modal-backdrop.show {
    opacity: 1; }

@media (max-width: 575px) {
  .seferModal .modal-dialog {
    min-height: 100%; } }

.seferModal .modal-dialog .modal-content {
  border-radius: 24px;
  border: solid 1px var(--grey-purple-44);
  background-color: var(--white); }
  @media (max-width: 575px) {
    .seferModal .modal-dialog .modal-content {
      border-radius: 10px 10px 0px 0px;
      border: 0px; } }
  .seferModal .modal-dialog .modal-content .modal-header {
    display: block;
    padding-top: 25px;
    padding-bottom: 0px;
    padding-right: 30px;
    padding-left: 30px;
    border: 0px; }
    @media (max-width: 575px) {
      .seferModal .modal-dialog .modal-content .modal-header {
        padding-left: 15px;
        padding-right: 15px; } }
    .seferModal .modal-dialog .modal-content .modal-header button.close {
      opacity: 1;
      padding: 0px;
      margin: 0px;
      line-height: 0;
      height: 100%; }
      .seferModal .modal-dialog .modal-content .modal-header button.close::after {
        content: "";
        width: 15px;
        height: 15px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background-image: url("../images/icon-modal-close.svg");
        background-repeat: no-repeat;
        background-size: 15px; }
    .seferModal .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 21px;
      font-weight: bold;
      color: var(--dusk); }
      @media (max-width: 575px) {
        .seferModal .modal-dialog .modal-content .modal-header .modal-title {
          padding-bottom: 15px; } }
  .seferModal .modal-dialog .modal-content .modal-body {
    padding: 35px 30px; }
    @media (max-width: 575px) {
      .seferModal .modal-dialog .modal-content .modal-body {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px; } }
    .seferModal .modal-dialog .modal-content .modal-body .seferinformationArea {
      border-radius: 12px;
      background-color: var(--pale-grey);
      padding-bottom: 35px;
      margin-bottom: 20px; }
    .seferModal .modal-dialog .modal-content .modal-body .lineInformationArea.scrollbar {
      padding-bottom: 15px; }
    .seferModal .modal-dialog .modal-content .modal-body .changePriceTextArea p {
      font-size: 13px; }
  .seferModal .modal-dialog .modal-content .modal-footer {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-top: 0px;
    border: 0px; }
    @media (max-width: 575px) {
      .seferModal .modal-dialog .modal-content .modal-footer {
        padding: 15px; } }
    .seferModal .modal-dialog .modal-content .modal-footer button {
      border-radius: 3px;
      font-size: 14px;
      font-weight: 600; }

@media (max-width: 575px) {
  .modalWarning .modal-dialog .modal-content {
    position: absolute;
    bottom: 0; } }

.modalWarning .modal-dialog .modal-content .modal-header .modal-title {
  margin-top: 24px;
  font-size: 16px;
  font-weight: bold; }
  @media (max-width: 575px) {
    .modalWarning .modal-dialog .modal-content .modal-header .modal-title {
      font-size: 16px;
      padding-bottom: 0px; } }

.modalWarning .modal-dialog .modal-content .modal-header .fontSize {
  font-size: 21px; }
  @media (max-width: 575px) {
    .modalWarning .modal-dialog .modal-content .modal-header .fontSize {
      font-size: 18px; } }

.modalWarning .modal-dialog .modal-content .modal-body {
  padding-top: 21px; }
  @media (max-width: 575px) {
    .modalWarning .modal-dialog .modal-content .modal-body {
      padding-top: 14px;
      padding-bottom: 14px; } }
  .modalWarning .modal-dialog .modal-content .modal-body p {
    text-align: center;
    margin-bottom: 16px; }
    @media (max-width: 575px) {
      .modalWarning .modal-dialog .modal-content .modal-body p {
        font-size: 13px; } }
  .modalWarning .modal-dialog .modal-content .modal-body .imgWarning {
    width: 17px;
    height: 15px;
    margin-top: 4px;
    margin-right: 10px; }

.modalWarning .modal-dialog .modal-content .modal-footer {
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0px;
  padding-bottom: 30px; }
  .modalWarning .modal-dialog .modal-content .modal-footer button {
    padding: 15px 30px;
    margin: 0px;
    line-height: normal; }
    @media (max-width: 575px) {
      .modalWarning .modal-dialog .modal-content .modal-footer button {
        font-size: 13px; } }
  .modalWarning .modal-dialog .modal-content .modal-footer .btn-secondary {
    background-color: var(--ice-blue);
    margin-right: 20px;
    color: var(--mid-dark); }
  .modalWarning .modal-dialog .modal-content .modal-footer .btn-primary {
    background-color: var(--darkish-blue);
    color: var(--white); }

.modalMilArea .modal-dialog .modal-content .modal-header {
  padding-left: 42px;
  padding-right: 25px; }
  @media (max-width: 575px) {
    .modalMilArea .modal-dialog .modal-content .modal-header {
      padding-left: 25px;
      padding-right: 25px;
      padding-top: 25px; } }
  .modalMilArea .modal-dialog .modal-content .modal-header .modal-title {
    color: var(--slate);
    margin-top: 10px; }
    .modalMilArea .modal-dialog .modal-content .modal-header .modal-title .imgMasterpass {
      width: 185px; }

.modalMilArea .modal-dialog .modal-content .modal-body {
  padding-left: 42px;
  padding-right: 42px; }
  @media (max-width: 575px) {
    .modalMilArea .modal-dialog .modal-content .modal-body {
      padding-left: 25px;
      padding-right: 25px; } }
  .modalMilArea .modal-dialog .modal-content .modal-body p {
    font-size: 16px;
    font-weight: 500;
    color: var(--mid-dark);
    margin-bottom: 21px;
    text-align: left; }
    .modalMilArea .modal-dialog .modal-content .modal-body p strong {
      font-size: 21px;
      color: var(--slate); }
  .modalMilArea .modal-dialog .modal-content .modal-body .btnMilArea {
    margin-top: auto; }
    .modalMilArea .modal-dialog .modal-content .modal-body .btnMilArea .btn-primary {
      font-size: 16px;
      font-weight: bold;
      color: var(--white);
      border: solid 1px var(--grey-purple-44);
      border-radius: 12px;
      padding: 15px 38px; }
  .modalMilArea .modal-dialog .modal-content .modal-body .form-group label {
    font-size: 16px;
    font-weight: 500;
    color: var(--mid-dark); }
  .modalMilArea .modal-dialog .modal-content .modal-body .form-group input {
    border-radius: 12px;
    border: solid 1px var(--light-blue-grey);
    background-color: #fafafa;
    height: calc(1.5em + 1.5rem + 8px);
    font-size: 16px;
    font-weight: 500;
    color: var(--slate); }
  .modalMilArea .modal-dialog .modal-content .modal-body .btnSms {
    padding: 0px;
    border: 0px;
    font-size: 16px;
    font-weight: bold;
    color: var(--slate);
    text-decoration: underline; }

.modalMilArea .modal-dialog .modal-content .modal-footer {
  padding-left: 42px;
  padding-right: 42px; }

.modalDisabledPassengers .modal-dialog .modal-content .modal-header {
  padding-bottom: 15px; }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-header .modal-title {
    padding-bottom: 0px; }

.modalDisabledPassengers .modal-dialog .modal-content .modal-body {
  padding-bottom: 0px;
  padding-top: 0px; }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .passengerInfo {
    margin: 0px;
    list-style: none;
    border-radius: 12px;
    background-color: var(--pale-grey);
    padding: 20px;
    margin-bottom: 20px; }
    .modalDisabledPassengers .modal-dialog .modal-content .modal-body .passengerInfo li {
      font-size: 12px;
      font-weight: normal;
      line-height: 1.67;
      color: var(--black);
      position: relative;
      padding-left: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 12px; }
      .modalDisabledPassengers .modal-dialog .modal-content .modal-body .passengerInfo li::before {
        content: "";
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background-image: url(../images/icon-modal-warning.svg);
        background-repeat: no-repeat;
        width: 17px;
        height: 15px;
        background-size: 17px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        left: 0px; }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .passengerInformationArea table caption {
    caption-side: top;
    color: var(--midnightdark);
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
    padding-top: 0px; }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .passengerInformationArea table tr th {
    font-size: 16px;
    font-weight: 500;
    color: var(--mid-dark);
    padding: 0px;
    padding-bottom: 15px; }
    @media (max-width: 575px) {
      .modalDisabledPassengers .modal-dialog .modal-content .modal-body .passengerInformationArea table tr th {
        font-size: 14px; } }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .passengerInformationArea table tr td {
    font-size: 16px;
    font-weight: 500;
    color: var(--mid-dark);
    padding: 0px;
    padding-bottom: 15px; }
    @media (max-width: 575px) {
      .modalDisabledPassengers .modal-dialog .modal-content .modal-body .passengerInformationArea table tr td {
        font-size: 14px; } }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .formHead {
    font-size: 16px;
    font-weight: 600;
    color: var(--mid-dark);
    margin-bottom: 10px; }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .btnSubmit {
    border-radius: 3px;
    background-color: var(--darkish-blue);
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    padding: 13px 20px; }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group label {
    font-size: 16px;
    font-weight: 500;
    color: var(--mid-dark);
    margin-bottom: 4px; }
    @media (max-width: 575px) {
      .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group label {
        font-size: 14px; } }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group .form-control {
    border-radius: 12px;
    border: solid 1px var(--light-blue-grey);
    background-color: #fafafa;
    height: calc(1.5em + 1.75rem + 4px);
    font-size: 16px;
    font-weight: 600; }
    @media (max-width: 575px) {
      .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group .form-control {
        height: calc(1.5em + 1rem + 10px);
        font-size: 14px; } }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group .bootstrap-select .dropdown-toggle {
    border-radius: 12px;
    border: solid 1px var(--light-blue-grey);
    background-color: #fafafa;
    height: calc(1.5em + 2rem); }
    @media (max-width: 575px) {
      .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group .bootstrap-select .dropdown-toggle {
        height: calc(1.5em + 1rem + 10px); } }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group .bootstrap-select .dropdown-menu li a {
    font-size: 14px; }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group.error {
    margin-bottom: 20px; }
    .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group.error .bootstrap-select .dropdown-toggle {
      border-color: var(--orangey-red) !important; }
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group .btn-light:not(:disabled):not(.disabled).active:focus,
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group .btn-light:not(:disabled):not(.disabled):active:focus,
  .modalDisabledPassengers .modal-dialog .modal-content .modal-body .disabledPassengerForm .form-group .show > .btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none; }

.additionalServicesModal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 16px;
  font-weight: bold;
  color: var(--black);
  margin: 0px; }

.additionalServicesModal .modal-dialog .modal-content .modal-body {
  padding-bottom: 20px;
  padding-top: 30px; }
  .additionalServicesModal .modal-dialog .modal-content .modal-body table thead tr th {
    font-size: 14px;
    font-weight: 600;
    color: var(--mid-dark); }
  .additionalServicesModal .modal-dialog .modal-content .modal-body table tbody tr td {
    font-size: 14px;
    font-weight: normal;
    color: var(--black); }
    @media (max-width: 575px) {
      .additionalServicesModal .modal-dialog .modal-content .modal-body table tbody tr td {
        font-size: 12px; } }
  .additionalServicesModal .modal-dialog .modal-content .modal-body .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--very-light-blue-70); }
  .additionalServicesModal .modal-dialog .modal-content .modal-body .textReservationNumber {
    font-size: 12px;
    font-weight: normal;
    color: var(--grey-blue);
    margin-bottom: 0px;
    text-align: left; }
    .additionalServicesModal .modal-dialog .modal-content .modal-body .textReservationNumber strong {
      font-weight: 600; }

.additionalServicesModal .modal-dialog .modal-content .modal-footer {
  padding-bottom: 20px; }
  .additionalServicesModal .modal-dialog .modal-content .modal-footer .text {
    font-size: 14px;
    font-weight: normal;
    color: var(--black);
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px; }
  .additionalServicesModal .modal-dialog .modal-content .modal-footer button {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-right: 30px; }

.messageBoxModal {
  background-color: rgba(37, 42, 49, 0.6); }
  .messageBoxModal .modal-dialog .modal-content .modal-header .modal-title {
    margin: 0px; }
  .messageBoxModal .modal-dialog .modal-content .modal-body {
    padding-top: 0px; }
    .messageBoxModal .modal-dialog .modal-content .modal-body .bodyTitle {
      font-size: 16px;
      font-weight: bold;
      color: var(--black);
      margin-top: 25px;
      margin-bottom: 0px; }

.rightHandModal .modal-dialog {
  position: fixed;
  margin: auto;
  width: auto;
  height: 100%;
  right: 0px;
  max-height: 100%;
  min-height: 100%; }
  .rightHandModal .modal-dialog .modal-content {
    height: 100%;
    border: none;
    border-radius: 0px;
    min-height: 100%; }
    .rightHandModal .modal-dialog .modal-content .modal-body {
      padding: 24px; }
      .rightHandModal .modal-dialog .modal-content .modal-body label {
        color: var(--grey-purple);
        font-size: 14px;
        margin-bottom: 4px; }
      .rightHandModal .modal-dialog .modal-content .modal-body .btnSign {
        color: var(--white);
        border-radius: 12px;
        border: none;
        background-color: var(--darkish-blue);
        padding: 11.5px 36px;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        width: 100%; }
      .rightHandModal .modal-dialog .modal-content .modal-body .form-group.error {
        margin-bottom: 20px; }
      .rightHandModal .modal-dialog .modal-content .modal-body .form-group input {
        height: 50px;
        background-color: #fafafa;
        font-size: 16px;
        font-weight: 400; }
      .rightHandModal .modal-dialog .modal-content .modal-body .form-group .dropdown::before {
        display: none; }
      .rightHandModal .modal-dialog .modal-content .modal-body .form-group .dropdown .dropdown-menu {
        width: 100%;
        margin-top: 6px; }
        .rightHandModal .modal-dialog .modal-content .modal-body .form-group .dropdown .dropdown-menu::before {
          display: none; }
        .rightHandModal .modal-dialog .modal-content .modal-body .form-group .dropdown .dropdown-menu .searchArea {
          margin-bottom: 0px; }
      .rightHandModal .modal-dialog .modal-content .modal-body .form-group .dropdown input {
        padding: 0.375rem 0.75rem; }
      .rightHandModal .modal-dialog .modal-content .modal-body .form-group .dropdown .dropdown-item {
        font-size: 16px;
        font-weight: 400; }
      .rightHandModal .modal-dialog .modal-content .modal-body .cardBodySubTitle {
        font-size: 15px;
        font-weight: bold;
        line-height: 1.43;
        margin-bottom: 16px; }
      .rightHandModal .modal-dialog .modal-content .modal-body .radioBtnGroup .btn {
        font-size: 12px;
        height: 30px;
        line-height: 25px;
        padding: 0px 24px; }
      .rightHandModal .modal-dialog .modal-content .modal-body .formSelect .multiSelectBox .dropdown-toggle {
        height: 50px; }
  .rightHandModal .modal-dialog .modal-header {
    padding: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: solid 1px var(--light-blue-grey);
    display: block; }
    .rightHandModal .modal-dialog .modal-header .modal-title {
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #212121; }
    .rightHandModal .modal-dialog .modal-header .close {
      background: url(../images/icon-modal-close.svg) no-repeat;
      padding: 0;
      width: 16px;
      height: 16px;
      margin: 0;
      background-position: center; }

.rightHandModal .customSingleDatePicker .datePickerInput input {
  border: 1px solid var(--grey-purple-44) !important; }

.rightHandModal .customSingleDatePicker.dateBorder input {
  border: 1px solid var(--darkish-blue) !important; }
  .rightHandModal .customSingleDatePicker.dateBorder input:focus {
    border-color: var(--darkish-blue) !important;
    border: 1px solid var(--darkish-blue) !important; }

.modal.fade.rightHandModal .modal-dialog {
  -webkit-transform: translate(125%, 0px);
  -ms-transform: translate(125%, 0px);
  transform: translate(125%, 0px); }

.modal.show.rightHandModal .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.rateUsArea .btnRate {
  position: fixed;
  right: -58px;
  bottom: 80px;
  z-index: 2;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 24px;
  border-radius: 12px 12px 0px 0px;
  background-color: var(--darkish-blue);
  color: var(--white);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.rateUsArea .modalWarning .modal-dialog .modal-content .modal-header {
  padding-left: 26px;
  padding-right: 22px; }
  .rateUsArea .modalWarning .modal-dialog .modal-content .modal-header .imgLogo {
    width: 61px;
    height: 66px; }

.rateUsArea .modalWarning .modal-dialog .modal-content .modal-body {
  padding-top: 22px;
  padding-bottom: 30px;
  padding-left: 26px;
  padding-right: 26px; }
  .rateUsArea .modalWarning .modal-dialog .modal-content .modal-body .textHead {
    font-size: 21px;
    font-weight: 600;
    color: var(--dusk);
    margin-bottom: 10px; }
  .rateUsArea .modalWarning .modal-dialog .modal-content .modal-body .text {
    font-size: 16px;
    font-weight: 500;
    color: var(--mid-dark);
    text-align: left; }
  .rateUsArea .modalWarning .modal-dialog .modal-content .modal-body .starArea {
    margin-bottom: 12px; }
    .rateUsArea .modalWarning .modal-dialog .modal-content .modal-body .starArea .btnStar {
      background-image: url("../images/icon-star.svg");
      background-repeat: no-repeat;
      padding: 0px;
      width: 21px;
      height: 20px;
      border: 0px; }
      .rateUsArea .modalWarning .modal-dialog .modal-content .modal-body .starArea .btnStar.active {
        background-image: url("../images/icon-star-active.svg"); }
  .rateUsArea .modalWarning .modal-dialog .modal-content .modal-body textarea {
    background-color: #fafafa;
    border-radius: 16px;
    border: solid 1px var(--grey-purple-44);
    color: var(--mid-dark);
    font-weight: 500;
    padding: 18px; }
    .rateUsArea .modalWarning .modal-dialog .modal-content .modal-body textarea::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 500;
      color: rgba(68, 60, 98, 0.5); }
    .rateUsArea .modalWarning .modal-dialog .modal-content .modal-body textarea::-moz-placeholder {
      font-size: 14px;
      font-weight: 500;
      color: rgba(68, 60, 98, 0.5); }
    .rateUsArea .modalWarning .modal-dialog .modal-content .modal-body textarea:-ms-input-placeholder {
      font-size: 14px;
      font-weight: 500;
      color: rgba(68, 60, 98, 0.5); }
    .rateUsArea .modalWarning .modal-dialog .modal-content .modal-body textarea::-ms-input-placeholder {
      font-size: 14px;
      font-weight: 500;
      color: rgba(68, 60, 98, 0.5); }
    .rateUsArea .modalWarning .modal-dialog .modal-content .modal-body textarea::placeholder {
      font-size: 14px;
      font-weight: 500;
      color: rgba(68, 60, 98, 0.5); }

.rateUsArea .modalWarning .modal-dialog .modal-content .modal-footer {
  padding-right: 26px;
  width: 100%;
  text-align: right; }

@media (max-width: 767px) {
  .rateUsArea .btnRate {
    right: -5px;
    background: var(--darkish-blue) url("../images/icon-star-white.svg") no-repeat 18px center;
    padding-left: 32px;
    font-size: 0px;
    width: 50px;
    height: 50px;
    background-size: 20px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 12px 0px 0px 12px; } }

.salesContractModal .modal-dialog .modal-content .modal-body {
  padding-bottom: 0px;
  margin-bottom: 21px; }
  @media (max-width: 575px) {
    .salesContractModal .modal-dialog .modal-content .modal-body {
      max-height: 400px; } }
  .salesContractModal .modal-dialog .modal-content .modal-body .textArea {
    border: solid 1px var(--grey-purple-44);
    padding: 14px; }
    .salesContractModal .modal-dialog .modal-content .modal-body .textArea .headBody {
      color: var(--midnightdark);
      font-size: 16px;
      text-align: left; }
    .salesContractModal .modal-dialog .modal-content .modal-body .textArea p {
      text-align: left;
      font-size: 14px;
      color: var(--midnightdark); }
    .salesContractModal .modal-dialog .modal-content .modal-body .textArea ol {
      padding: 0;
      padding-left: 14px;
      list-style: decimal; }
      .salesContractModal .modal-dialog .modal-content .modal-body .textArea ol li {
        font-size: 14px;
        color: var(--midnightdark); }

.salesContractModal .modal-dialog .modal-content .modal-footer {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px; }
  @media (max-width: 575px) {
    .salesContractModal .modal-dialog .modal-content .modal-footer {
      padding-left: 15px;
      padding-right: 15px; } }

.radioBtnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%; }
  @media (max-width: 575px) {
    .radioBtnArea {
      padding-left: 24px;
      height: auto;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .radioBtnArea .radioBtnText {
    font-size: 16px;
    font-weight: 500;
    padding-left: 10px;
    margin-top: -2px; }
    @media (max-width: 575px) {
      .radioBtnArea .radioBtnText {
        font-size: 12px; } }
  .radioBtnArea:hover {
    background-color: transparent; }
  .radioBtnArea input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .radioBtnArea input:checked ~ .radioCheckmark {
    background-color: var(--darkish-blue);
    border: none; }
  .radioBtnArea input:checked ~ .radioCheckmark:after {
    display: block; }
  .radioBtnArea .radioCheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: solid 1px var(--grey-purple);
    background-color: var(--white); }
    .radioBtnArea .radioCheckmark:after {
      content: "";
      position: absolute;
      display: none;
      top: 50%;
      margin-top: -6px;
      left: 50%;
      margin-left: -6px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: var(--white); }
      @media (max-width: 575px) {
        .radioBtnArea .radioCheckmark:after {
          width: 8px;
          height: 8px;
          margin-top: -4px;
          margin-left: -4px; } }
    @media (max-width: 575px) {
      .radioBtnArea .radioCheckmark {
        width: 16px;
        height: 16px; } }

.radioBtnGroup .btn {
  border-radius: 12px;
  border: solid 1px var(--light-blue-grey);
  background-color: #fafafa;
  font-size: 17px;
  font-weight: 600;
  color: var(--dusk);
  margin-right: 13px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  @media (max-width: 575px) {
    .radioBtnGroup .btn {
      font-size: 12px;
      margin-right: 10px;
      padding: 9px 35px; } }
  .radioBtnGroup .btn.active {
    font-size: 17px;
    font-weight: 600;
    color: var(--dusk);
    border: solid 2px var(--darkish-blue) !important; }
    @media (max-width: 575px) {
      .radioBtnGroup .btn.active {
        font-size: 12px; } }

.radioBtnGroup.btn-group > .radioBtnGroup.btn-group:not(:last-child) > .btn,
.radioBtnGroup.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 12px; }

.radioBtnGroup.btn-group > .radioBtnGroup.btn-group:not(:first-child) > .btn,
.radioBtnGroup.btn-group > .btn:not(:first-child) {
  border-radius: 12px; }

.radioBtnGroup.btn-group > .radioBtnGroup.btn-group:not(:first-child),
.radioBtnGroup.btn-group > .btn:not(:first-child) {
  margin-left: 0px; }

.radioBtnGroup .btn-secondary:not(:disabled):not(.disabled).active,
.radioBtnGroup .btn-secondary:not(:disabled):not(.disabled):active,
.radioBtnGroup .show > .btn-secondary.dropdown-toggle {
  border-color: var(--light-blue-grey);
  color: var(--dusk);
  background-color: #fafafa; }

.bootstrap-select > .dropdown-toggle[title="Select"],
.bootstrap-select > .dropdown-toggle[title="Select"]:hover,
.bootstrap-select > .dropdown-toggle[title="Select"]:focus,
.bootstrap-select > .dropdown-toggle[title="Select"]:active {
  color: red !important; }

select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

.bootstrap-select {
  width: 100%;
  /*IE9 and below*/
  vertical-align: middle; }

.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 2px;
  border: solid 1px var(--light-blue-grey);
  background-color: #ffffff;
  padding: 13px 24px;
  /*! min-height: calc(1.5em + 1rem + 12px); */
  height: calc(1.5em + 1rem);
  /*! padding değişebilir */
  /*! padding: .375rem .75rem; */
  padding: 4px 15px; }

.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
  color: var(--blue-grey);
  background-color: transparent;
  border-top: 1px solid !important;
  border-right: 1px solid !important;
  width: 8px;
  height: 8px;
  border-left: none !important;
  border-bottom: none !important;
  transform: rotate(135deg) !important;
  -webkit-transform: rotate(135deg) !important;
  -moz-transform: rotate(135deg) !important;
  -ms-transform: rotate(135deg) !important;
  -o-transform: rotate(135deg) !important;
  padding-left: 0.255em;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

/*! .dropdown-toggle::after{
      border-top: 1px solid !important;
      border-right: 1px solid !important;
      width: 8px;
      height: 8px;
      border-left: none !important;
      border-bottom: none !important;
      transform: rotate(135deg) !important;
      -webkit-transform: rotate(135deg) !important;
      -moz-transform: rotate(135deg) !important;
      -ms-transform: rotate(135deg) !important;
      -o-transform: rotate(135deg) !important;
  } */
.form-control-sm .dropdown-toggle::after {
  /*! margin-left: 8px; */
  margin-left: 0px;
  position: relative;
  right: 3px; }

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  /*! color: #999; */
  color: var(--dark-blue-grey);
  background-color: #fff;
  border: 1px solid var(--grey-purple-44); }

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5); }

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important; }

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important; }

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
  border-color: var(--coral) !important; }

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
  border-color: #28a745; }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  /* width: 220px; */
  width: 100%; }

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%; }

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
  padding: 0; }

.bootstrap-select.form-control-sm .dropdown-toggle {
  /*! padding: 0.25rem 0.5rem; */
  padding: 8px 0.5rem;
  height: calc(1.5em + 0.75rem + 7px);
  min-height: 40px; }

.bootstrap-select.form-control-lg .dropdown-toggle {
  /*! padding: 0.5rem 1rem; */
  padding: 12px 1rem;
  height: calc(1.5em + 0.75rem + 18px); }

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
  background-color: #eceeef !important;
  opacity: 1; }

.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important; }

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner:hover {
  color: var(--blue-grey); }

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*! margin-top: 9px; */
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  overflow-x: hidden; }

.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important; }

.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
  opacity: 0.5; }

.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: solid 1px rgba(217, 219, 231, 0.4);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.22;
  color: var(--blue-grey);
  padding-bottom: 17px;
  padding-top: 17px;
  padding-left: 24px;
  outline: 0;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s; }
  .bootstrap-select .dropdown-menu li a:hover {
    background-color: rgba(235, 238, 255, 0.6);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s; }
  .bootstrap-select .dropdown-menu li a span {
    white-space: nowrap !important;
    overflow: hidden !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    width: 100%; }
    .bootstrap-select .dropdown-menu li a span.text {
      margin-right: 0px !important; }

.dropdown-item.active,
.dropdown-item:active {
  background-color: #ecf0f3; }

@media (max-width: 576px) {
  .userSelect {
    margin-top: 15px; } }

.userSelect .dropdown-menu li:first-child a {
  padding-top: 5px !important; }

.userSelect .dropdown-menu li a {
  font-size: 14px;
  font-weight: normal;
  color: #5a607f;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 40px; }
  .userSelect .dropdown-menu li a span.text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .userSelect .dropdown-menu li a span.text img {
      max-width: 30px;
      max-height: 30px;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      margin-right: 9px; }

.userSelect .dropdown-toggle {
  padding: 0px 10px;
  max-width: 148px;
  width: 100%; }
  .userSelect .dropdown-toggle::after {
    width: 7.5px;
    height: 7.5px; }
  @media (max-width: 576px) {
    .userSelect .dropdown-toggle {
      padding: 4px 6px; } }
  .userSelect .dropdown-toggle .filter-option-inner {
    font-weight: normal;
    font-size: 12px; }
    .userSelect .dropdown-toggle .filter-option-inner .filter-option-inner-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 10px; }
      @media (max-width: 576px) {
        .userSelect .dropdown-toggle .filter-option-inner .filter-option-inner-inner {
          margin-right: 0px; } }
      .userSelect .dropdown-toggle .filter-option-inner .filter-option-inner-inner img {
        max-width: 30px;
        max-height: 30px;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        margin-right: 8px; }
      .userSelect .dropdown-toggle .filter-option-inner .filter-option-inner-inner .textArea {
        color: #5a607f;
        font-weight: normal; }
        .userSelect .dropdown-toggle .filter-option-inner .filter-option-inner-inner .textArea span {
          font-weight: 500;
          color: var(--dark-blue-grey);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%; }

.bootstrap-select .dropdown-menu li:first-child a {
  padding-top: 15px; }

.bootstrap-select .dropdown-menu li:last-child a {
  border-bottom: none; }

.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block; }

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 5px 19px;
  padding-top: 10px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox, .bs-actionsbox, .bs-donebutton {
  padding: 11px; }

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
  border-color: var(--light-blue-grey);
  background-image: url("../images/icon-multi-select.svg");
  background-repeat: no-repeat;
  background-position: 92% center;
  background-size: 20px;
  height: 44px !important;
  padding-right: 34px !important;
  background-color: #fff !important;
  color: var(--blue-grey) !important;
  border-radius: 8px !important; }
  .bs-searchbox .form-control:focus {
    border-color: var(--light-blue-grey) !important; }
  .bs-searchbox .form-control::-webkit-search-decoration, .bs-searchbox .form-control::-webkit-search-cancel-button, .bs-searchbox .form-control::-webkit-search-results-button, .bs-searchbox .form-control::-webkit-search-results-decoration {
    -webkit-appearance: none; }
  @media (max-width: 575px) {
    .bs-searchbox .form-control {
      background-position: 96% center; } }

.bootstrap-select .no-results {
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  color: var(--dark-blue-grey);
  background-color: #ffffff;
  border-color: var(--light-blue-grey); }

.form-select {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: var(--blue-grey);
  border-color: var(--light-blue-grey);
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  outline: 0; }

.form-select option {
  font-size: 16px;
  font-weight: 500;
  color: var(--blue-grey);
  line-height: 1.19; }

.filter-option-inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: var(--mid-dark);
  font-weight: 500; }

@media only screen and (max-width: 576px) {
  .filter-option-inner {
    font-size: 14px; } }

.bs-container {
  min-width: 220px;
  border: 0px; }
  .bs-container .dropdown-menu {
    width: 100%;
    min-width: 100% !important; }
    .bs-container .dropdown-menu .bs-searchbox {
      padding: 10px;
      padding-bottom: 5px;
      position: relative; }
      .bs-container .dropdown-menu .bs-searchbox .form-control {
        background-image: url("../images/icon-multi-select.svg"); }
      .bs-container .dropdown-menu .bs-searchbox input[type="search"] {
        padding-right: 35px; }
        .bs-container .dropdown-menu .bs-searchbox input[type="search"]::-webkit-search-cancel-button {
          display: none; }
    .bs-container .dropdown-menu .inner .dropdown-menu li a {
      padding: 10px; }
    .bs-container .dropdown-menu .inner .dropdown-menu .no-results {
      margin: 0px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap; }
  @media (max-width: 576px) {
    .bs-container.bootstrap-select .dropdown-menu.show .inner ul li a {
      font-size: 14px;
      font-weight: 600; }
    .bs-container.bootstrap-select .dropdown-menu.show .inner .no-results {
      font-size: 14px; } }

.bootstrap-select.show .dropdown-toggle::after {
  -webkit-transform: rotate(-45deg) !important;
  -ms-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.multiSelectBox.bootstrap-select .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0;
  padding: 11px;
  font-size: 14px; }
  .multiSelectBox.bootstrap-select .dropdown-item::before {
    content: "";
    width: 26px;
    height: 20px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border: solid 1px #d9dbe7;
    background-color: #fff;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-right: 8px; }

.multiSelectBox.bootstrap-select .selected .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .multiSelectBox.bootstrap-select .selected .dropdown-item::before {
    display: none; }

.multiSelectBox.bootstrap-select .selected .bs-ok-default {
  width: 26px;
  height: 20px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border: solid 1px #d9dbe7;
  background-color: var(--light-royal-blue);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }
  .multiSelectBox.bootstrap-select .selected .bs-ok-default::after {
    width: 0.4em;
    height: 0.7em;
    border-width: 0 0.16em 0.16em 0;
    margin-left: 7px;
    margin-top: 3px;
    color: #fff; }

.multiSelectBox.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: inherit;
  margin-right: 8px;
  background-color: var(--darkish-blue);
  border-radius: 4px; }

.multiSelectBox .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.multiSelectBox .dropdown-menu .bs-searchbox {
  padding: 11px;
  padding-bottom: 5px; }

.formSelect .btn-light:not(:disabled):not(.disabled).active,
.formSelect .btn-light:not(:disabled):not(.disabled):active,
.formSelect .show > .btn-light.dropdown-toggle {
  background-color: #fafafa; }

.formSelect .btn-light:not(:disabled):not(.disabled).active:focus,
.formSelect .btn-light:not(:disabled):not(.disabled):active:focus,
.formSelect .show > .btn-light.dropdown-toggle:focus {
  border: solid 1px var(--darkish-blue) !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

.formSelect .custom-select {
  padding-right: 0px !important;
  height: 100%; }

.formSelect .bootstrap-select {
  padding-right: 0px !important; }
  .formSelect .bootstrap-select .dropdown-toggle {
    border-radius: 12px;
    background-color: #fafafa !important;
    height: 56px; }
    @media (max-width: 575px) {
      .formSelect .bootstrap-select .dropdown-toggle {
        height: 50px; } }
    .formSelect .bootstrap-select .dropdown-toggle:hover {
      background-color: #fafafa; }

.formSelect .multiSelectBox.show .dropdown-toggle {
  border: solid 1px var(--darkish-blue) !important; }

.vueSelectPickerArea .custom-select {
  padding-right: 0px !important;
  height: 100%; }

.vueSelectPickerArea .bootstrap-select {
  border: none;
  background: none;
  padding-right: 0px !important; }
  .vueSelectPickerArea .bootstrap-select .selectpicker {
    padding: 0px !important; }
  .vueSelectPickerArea .bootstrap-select .dropdown-toggle {
    border-color: var(--light-blue-grey) !important; }
    .vueSelectPickerArea .bootstrap-select .dropdown-toggle:hover {
      background-color: #fafafa; }

.vueSelectPickerArea.error .bootstrap-select .dropdown-toggle {
  border-color: var(--orangey-red) !important; }

.vueSelectPickerArea.error .invalid-feedback {
  display: block; }

.vueSelectPickerArea.d-inline {
  display: inline-block !important; }

.vueSelectPickerArea .bootstrap-select.disabled, .vueSelectPickerArea .bootstrap-select > .disabled {
  opacity: 0.65; }

.vueSelectPickerArea .disabled.bootstrap-select {
  background-color: transparent !important; }

.vueSelectBody.bootstrap-select.bs-container {
  border: none; }

.tableSeferInformation.table {
  margin-bottom: 0px; }
  .tableSeferInformation.table caption {
    caption-side: top;
    padding: 0px 20px;
    padding-top: 20px;
    padding-bottom: 3px;
    font-size: 18px;
    font-weight: 500;
    color: var(--dusk); }
    @media (max-width: 575px) {
      .tableSeferInformation.table caption {
        padding-left: 15px; } }
  .tableSeferInformation.table tbody tr th {
    padding: 11px 20px;
    font-size: 16px;
    font-weight: 600;
    color: var(--dusk);
    white-space: nowrap; }
    @media (max-width: 575px) {
      .tableSeferInformation.table tbody tr th {
        padding: 15px;
        padding-top: 11px;
        padding-bottom: 11px; } }
  .tableSeferInformation.table tbody tr td {
    padding: 11px 20px;
    font-size: 16px;
    font-weight: normal;
    color: var(--dusk);
    position: relative; }
    @media (max-width: 575px) {
      .tableSeferInformation.table tbody tr td {
        padding: 15px;
        padding-top: 11px;
        padding-bottom: 11px; } }
    .tableSeferInformation.table tbody tr td::before {
      content: ":";
      font-size: 16px;
      font-weight: 600;
      color: var(--dusk);
      position: absolute;
      left: 0px; }
  .tableSeferInformation.table tbody tr:last-child th,
  .tableSeferInformation.table tbody tr:last-child td {
    padding-bottom: 0px; }

.tableLineInformation.table {
  margin-bottom: 0px; }
  .tableLineInformation.table thead tr th {
    font-size: 16px;
    font-weight: 600;
    color: var(--mid-dark); }
    @media (max-width: 575px) {
      .tableLineInformation.table thead tr th {
        font-size: 14px; } }
  .tableLineInformation.table tbody tr th {
    font-size: 14px;
    font-weight: normal;
    color: var(--dusk);
    padding-top: 8.5px;
    padding-bottom: 8.5px; }
    @media (max-width: 575px) {
      .tableLineInformation.table tbody tr th {
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 13px;
        padding-right: 15px; } }
  .tableLineInformation.table tbody tr td {
    font-size: 14px;
    font-weight: normal;
    color: var(--dusk);
    padding-top: 8.5px;
    padding-bottom: 8.5px; }
    @media (max-width: 575px) {
      .tableLineInformation.table tbody tr td {
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 13px; } }
    .tableLineInformation.table tbody tr td.hr {
      padding: 0px;
      border: 0px;
      border-color: transparent;
      background-image: -o-linear-gradient(var(--grey-blue) 33%, rgba(255, 255, 255, 0) 0%);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(33%, var(--grey-blue)), color-stop(0%, rgba(255, 255, 255, 0)));
      background-image: linear-gradient(var(--grey-blue) 33%, rgba(255, 255, 255, 0) 0%);
      background-position: left;
      background-size: 1px 3px;
      background-repeat: repeat-y;
      position: relative; }
      .tableLineInformation.table tbody tr td.hr::after {
        content: "";
        display: block;
        width: 7px;
        height: 7px;
        background-color: var(--grey-blue);
        border-radius: 50%;
        position: absolute;
        top: 50%;
        margin-top: -3.5px;
        left: -3px; }
  .tableLineInformation.table tbody tr.departure, .tableLineInformation.table tbody tr.connected, .tableLineInformation.table tbody tr.arrival {
    background-color: var(--grey-purple-44); }
    .tableLineInformation.table tbody tr.departure td.hr::after, .tableLineInformation.table tbody tr.connected td.hr::after, .tableLineInformation.table tbody tr.arrival td.hr::after {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 23px;
      height: 23px;
      border-radius: 50%;
      border: 7px solid white;
      border-radius: 50%;
      background-color: var(--dusk);
      outline: 1px solid var(--light-blue-grey);
      position: absolute;
      margin-top: -11px;
      left: -11.5px; }
      @media (max-width: 575px) {
        .tableLineInformation.table tbody tr.departure td.hr::after, .tableLineInformation.table tbody tr.connected td.hr::after, .tableLineInformation.table tbody tr.arrival td.hr::after {
          margin-top: -9px;
          left: -8.5px;
          width: 18px;
          height: 18px;
          border: 5px solid white; } }
  .tableLineInformation.table tbody tr.connected {
    background-color: var(--very-light-blue-70); }
    .tableLineInformation.table tbody tr.connected th {
      font-weight: bold;
      color: var(--grey-blue);
      vertical-align: middle; }
    .tableLineInformation.table tbody tr.connected td.text-danger {
      color: var(--orangey-red);
      font-weight: 600; }

.seatMapTable {
  margin-top: 20px;
  margin-bottom: 24px; }
  .seatMapTable .tableHead {
    margin-bottom: 10px; }
    .seatMapTable .tableHead span {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.36;
      color: var(--slate);
      margin-left: 20px; }
      @media (max-width: 1200px) {
        .seatMapTable .tableHead span {
          margin-left: 0px;
          display: block;
          text-align: center;
          margin-bottom: 15px; } }
      @media (max-width: 575px) {
        .seatMapTable .tableHead span {
          font-size: 12px;
          line-height: 1.58;
          margin-left: 0px; } }
    .seatMapTable .tableHead h6 {
      margin-bottom: 0px;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.36;
      letter-spacing: normal;
      color: var(--slate); }
      @media (max-width: 1200px) {
        .seatMapTable .tableHead h6 {
          text-align: center; } }
  .seatMapTable .table td,
  .seatMapTable .table th {
    border-top: 0px; }
  .seatMapTable table {
    -webkit-box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.3);
    border: solid 7px var(--dusk);
    border-radius: 24px;
    border-collapse: separate;
    margin-bottom: 0px; }
    .seatMapTable table caption {
      caption-side: top;
      text-align: center; }

.solutionCenterTable {
  margin-bottom: 40px;
  width: auto; }
  .solutionCenterTable::after {
    content: "";
    display: block;
    border-bottom: dashed 1px var(--light-blue-grey);
    width: calc(100% + -32px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    margin-top: 10px; }
  .solutionCenterTable tbody tr th {
    padding: 0px;
    font-size: 14px;
    font-weight: 600;
    color: var(--mid-dark);
    padding-bottom: 20px;
    padding-right: 60px; }
    @media (max-width: 575px) {
      .solutionCenterTable tbody tr th {
        padding-right: 15px; } }
  .solutionCenterTable tbody tr td {
    padding: 0px;
    font-size: 14px;
    font-weight: 500;
    color: var(--mid-dark);
    padding-bottom: 20px; }

.seferTooltip {
  opacity: 1;
  z-index: 3100; }
  .seferTooltip .tooltip-inner {
    padding: 6px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(35, 48, 83, 0.2);
    box-shadow: 0 3px 10px 0 rgba(35, 48, 83, 0.2);
    background-color: #233053;
    letter-spacing: normal;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--white);
    background-color: var(--midnight); }
    .seferTooltip .tooltip-inner img {
      margin-right: 5px; }
  .seferTooltip .arrow {
    width: 25px;
    height: 20px;
    bottom: -8px; }
    .seferTooltip .arrow::before {
      background-image: url("../images/icon-tooltip.svg");
      background-repeat: no-repeat;
      width: 28px;
      height: 20px;
      border-top-color: var(--midnight);
      border-width: 0px;
      z-index: -1;
      top: -2px; }

.customTooltip {
  opacity: 1;
  font-size: 12px; }
  .customTooltip .tooltip-inner {
    padding: 6px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(35, 48, 83, 0.2);
    box-shadow: 0 3px 10px 0 rgba(35, 48, 83, 0.2);
    background-color: #233053;
    letter-spacing: normal; }
  .customTooltip .arrow::before {
    border-top-color: #233053; }

.rentAcarTooltip .tooltip-inner {
  max-width: 292px;
  padding: 10px 12px;
  background-color: var(--midnight);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  color: var(--white); }

.wagonGenderPopover {
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  border-color: rgba(0, 0, 0, 0.16); }
  .wagonGenderPopover .popover-body {
    padding: 12px; }
    .wagonGenderPopover .popover-body button {
      background-color: transparent;
      padding: 0;
      border: 0px; }
      .wagonGenderPopover .popover-body button:first-child {
        margin-right: 10px; }

.menuListingSpinner {
  -webkit-animation: spinner-border 1s linear infinite;
  animation: spinner-border 1s linear infinite;
  margin-right: 8px; }

.stepArea {
  background-color: var(--pale-grey);
  margin-bottom: 50px; }
  @media (max-width: 575px) {
    .stepArea {
      margin-bottom: 30px; } }
  .stepArea .step {
    margin-top: 20px;
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .stepArea .step {
        overflow-x: auto;
        padding-bottom: 10px;
        margin-bottom: 0px;
        margin-top: 12px; } }
    .stepArea .step ul {
      counter-reset: autoNumber;
      list-style-type: none;
      padding: 0px;
      margin: 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: relative;
      z-index: 1; }
      @media (max-width: 575px) {
        .stepArea .step ul {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; } }
      .stepArea .step ul::before {
        content: "";
        border: 1px solid var(--pale-blue);
        display: inline-block;
        margin-left: 8px;
        z-index: -1;
        position: absolute;
        margin-top: 15px;
        width: calc(100% + -8px); }
        @media (max-width: 767px) {
          .stepArea .step ul::before {
            width: calc(100% + -7px);
            margin-top: 11px; } }
        @media (max-width: 575px) {
          .stepArea .step ul::before {
            width: calc(100% + -70px);
            z-index: 1;
            margin-left: 41px;
            margin-top: 10px;
            display: none; } }
      .stepArea .step ul li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        counter-increment: autoNumber;
        white-space: nowrap;
        width: 100%;
        background-color: #f8f9fb;
        padding-right: 5px;
        padding-right: 0px; }
        .stepArea .step ul li::after {
          content: "";
          width: 100%;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          border: 1px solid var(--pale-blue); }
        @media (max-width: 575px) {
          .stepArea .step ul li {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
            width: 100%;
            padding: 0px;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; }
            .stepArea .step ul li::after {
              content: "";
              width: 100%;
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              border: 1px solid var(--pale-blue);
              margin-top: -32px; } }
        .stepArea .step ul li::before {
          content: counter(autoNumber) " ";
          background-color: var(--pale-blue);
          border-radius: 50%;
          width: 30px;
          height: 30px;
          min-width: 30px;
          min-height: 30px;
          max-width: 30px;
          max-height: 30px;
          margin-right: 8px;
          color: var(--grey-blue);
          font-size: 16px;
          font-weight: 600;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 100%;
          white-space: nowrap; }
          @media (max-width: 767px) {
            .stepArea .step ul li::before {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-flow: column;
              flex-flow: column;
              width: 20px;
              height: 20px;
              min-width: 20px;
              min-height: 20px;
              max-width: 20px;
              max-height: 20px;
              z-index: 3;
              font-size: 14px; } }
        .stepArea .step ul li:last-child {
          width: auto; }
          @media (max-width: 575px) {
            .stepArea .step ul li:last-child {
              width: auto; } }
          .stepArea .step ul li:last-child::before {
            content: "";
            background-image: url("../images/icon-sefer-check.svg");
            background-repeat: no-repeat;
            width: 15px;
            height: 15px;
            background-size: 15px;
            background-position: center; }
            @media (max-width: 767px) {
              .stepArea .step ul li:last-child::before {
                background-size: 10px;
                width: 10px;
                height: 10px; } }
          .stepArea .step ul li:last-child::after {
            display: none; }
          @media (max-width: 575px) {
            .stepArea .step ul li:last-child a {
              margin-right: 0px; } }
        .stepArea .step ul li a {
          color: var(--grey-blue);
          font-size: 16px;
          font-weight: normal;
          text-decoration: none;
          line-height: normal; }
          @media (max-width: 767px) {
            .stepArea .step ul li a {
              font-size: 14px;
              margin-top: 0px; } }
          @media (max-width: 575px) {
            .stepArea .step ul li a {
              font-size: 12px;
              margin-top: 5px;
              margin-right: 12px; } }
        .stepArea .step ul li.active {
          color: var(--purple-brown); }
          @media (max-width: 575px) {
            .stepArea .step ul li.active {
              position: relative; } }
          .stepArea .step ul li.active::after {
            border-color: var(--slate);
            content: "";
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            height: 100%;
            border: 1px solid var(--slate);
            min-width: 75%;
            height: 1px;
            margin-top: 2px; }
            @media (max-width: 575px) {
              .stepArea .step ul li.active::after {
                margin-top: -32px;
                min-width: auto;
                margin-bottom: 27px;
                margin-left: 2px; } }
          .stepArea .step ul li.active::before {
            background-color: var(--slate);
            color: var(--white); }
          .stepArea .step ul li.active a {
            color: var(--purple-brown);
            font-weight: 600;
            padding-right: 5px; }
        .stepArea .step ul li.last::before {
          background-image: url("../images/icon-check-white.svg"); }
        .stepArea .step ul li.last::after {
          display: none; }
  .stepArea.countDownM {
    margin-bottom: 30px; }
    @media (max-width: 575px) {
      .stepArea.countDownM {
        margin-bottom: 20px; } }

.mainSlider {
  position: relative;
  z-index: 0; }
  .mainSlider .carousel {
    /*margin-top: -128px;*/ }
    .mainSlider .carousel .carousel-inner .carousel-item img {
      height: 720px;
      -o-object-fit: cover;
      object-fit: cover; }
    .mainSlider .carousel .carousel-indicators {
      margin-bottom: 76px;
      display: none; }
      .mainSlider .carousel .carousel-indicators li {
        width: 12px;
        height: 12px;
        margin: 0 4px;
        background-color: var(--blueberry);
        border-radius: 6px;
        border: none; }
    .mainSlider .carousel .carousel-control-next,
    .mainSlider .carousel .carousel-control-prev {
      top: auto;
      bottom: 56px;
      background-color: var(--darkish-blue);
      width: 56px;
      height: 56px;
      border-radius: 4px; }
      .mainSlider .carousel .carousel-control-next:hover, .mainSlider .carousel .carousel-control-next:focus,
      .mainSlider .carousel .carousel-control-prev:hover,
      .mainSlider .carousel .carousel-control-prev:focus {
        opacity: 1; }
    .mainSlider .carousel .carousel-control-prev {
      right: 110px;
      left: auto; }
    .mainSlider .carousel .carousel-control-next {
      right: 40px; }
    .mainSlider .carousel .carousel-control-next-icon {
      background: url("../images/icon-slider-right.svg") no-repeat center; }
    .mainSlider .carousel .carousel-control-prev-icon {
      background: url("../images/icon-slider-left.svg") no-repeat center; }
  @media (max-width: 991px) {
    .mainSlider .carousel .carousel-inner .carousel-item img {
      height: auto; } }
  @media (max-width: 576px) {
    .mainSlider .carousel {
      /*margin-top: -64px;*/ }
      .mainSlider .carousel .carousel-inner .carousel-item img {
        height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: right;
        object-position: right; }
      .mainSlider .carousel .carousel-control-next,
      .mainSlider .carousel .carousel-control-prev {
        top: 0;
        bottom: 0;
        background-color: transparent;
        width: 15%;
        height: auto;
        border-radius: 0; }
      .mainSlider .carousel .carousel-control-prev {
        right: auto;
        left: 0; }
      .mainSlider .carousel .carousel-control-next {
        right: 0; } }

.customSlick {
  border-radius: 24px; }
  .customSlick::after {
    content: "";
    position: absloute;
    bottom: 40px;
    height: 40px;
    position: absolute;
    width: 100%;
    z-index: -1;
    border-radius: 24px;
    -webkit-box-shadow: 0 10px 24px 0 rgba(68, 60, 98, 0.22);
    box-shadow: 0 10px 24px 0 rgba(68, 60, 98, 0.22); }
  @media (max-width: 575px) {
    .customSlick {
      margin-left: -15px;
      margin-right: -15px; } }
  .customSlick .slideArea {
    padding: 0px;
    border: 1px solid var(--ice-blue);
    border-radius: 0px;
    border-right: 0px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
    position: relative; }
    @media (max-width: 575px) {
      .customSlick .slideArea {
        padding-top: 0px;
        padding-bottom: 0px; } }
    .customSlick .slideArea .day {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.33;
      letter-spacing: -0.36px;
      color: var(--light-blue-grey);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 4px; }
      @media (max-width: 575px) {
        .customSlick .slideArea .day {
          font-size: 13px;
          line-height: 1.85;
          margin-bottom: 0px; } }
    .customSlick .slideArea .month {
      font-size: 15px;
      font-weight: 600;
      line-height: 1.13;
      letter-spacing: -0.3px;
      color: var(--light-blue-grey);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media (max-width: 575px) {
        .customSlick .slideArea .month {
          font-size: 13px;
          line-height: 1.31;
          letter-spacing: -0.26px; } }
    .customSlick .slideArea .weekDay {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.33;
      letter-spacing: -0.36px;
      color: var(--light-blue-grey);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media (max-width: 575px) {
        .customSlick .slideArea .weekDay {
          font-size: 13px;
          line-height: 1.85;
          letter-spacing: -0.26px; } }
  .customSlick .slick-list {
    margin-right: 60px;
    margin-left: 60px;
    padding: 0px !important; }
    @media (max-width: 575px) {
      .customSlick .slick-list {
        margin-left: 51px;
        margin-right: 51px; } }
    .customSlick .slick-list .slick-track {
      background-color: var(--white);
      margin-top: 20px;
      margin-bottom: 35px; }
      .customSlick .slick-list .slick-track .slick-center .slideArea,
      .customSlick .slick-list .slick-track .slick-current .slideArea {
        border-radius: 12px;
        border: 0px;
        -webkit-box-shadow: 0 10px 24px 0 rgba(68, 60, 98, 0.22);
        box-shadow: 0 10px 24px 0 rgba(68, 60, 98, 0.22);
        background-color: var(--darkish-blue);
        z-index: 1;
        -webkit-transform: scale(1.18);
        -ms-transform: scale(1.18);
        transform: scale(1.18); }
        @media (max-width: 575px) {
          .customSlick .slick-list .slick-track .slick-center .slideArea,
          .customSlick .slick-list .slick-track .slick-current .slideArea {
            -webkit-transform: scale(1.18);
            -ms-transform: scale(1.18);
            transform: scale(1.18); } }
        .customSlick .slick-list .slick-track .slick-center .slideArea .day,
        .customSlick .slick-list .slick-track .slick-current .slideArea .day {
          font-size: 24px !important;
          line-height: 1 !important;
          letter-spacing: -0.48px !important;
          color: var(--white); }
          @media (max-width: 575px) {
            .customSlick .slick-list .slick-track .slick-center .slideArea .day,
            .customSlick .slick-list .slick-track .slick-current .slideArea .day {
              font-size: 17px !important;
              line-height: 1.41 !important;
              letter-spacing: -0.34px !important; } }
        .customSlick .slick-list .slick-track .slick-center .slideArea .month,
        .customSlick .slick-list .slick-track .slick-current .slideArea .month {
          font-size: 17px !important;
          font-weight: 600;
          line-height: 1 !important;
          letter-spacing: -0.34px !important;
          color: var(--white); }
          @media (max-width: 575px) {
            .customSlick .slick-list .slick-track .slick-center .slideArea .month,
            .customSlick .slick-list .slick-track .slick-current .slideArea .month {
              font-size: 15px !important;
              line-height: 1.13 !important;
              letter-spacing: -0.3px !important; } }
        .customSlick .slick-list .slick-track .slick-center .slideArea .weekDay,
        .customSlick .slick-list .slick-track .slick-current .slideArea .weekDay {
          font-size: 24px !important;
          font-weight: bold;
          line-height: 1 !important;
          letter-spacing: -0.48px !important;
          color: var(--white); }
          @media (max-width: 575px) {
            .customSlick .slick-list .slick-track .slick-center .slideArea .weekDay,
            .customSlick .slick-list .slick-track .slick-current .slideArea .weekDay {
              font-size: 15px !important;
              line-height: 1.6 !important;
              letter-spacing: -0.3px !important; } }
  .customSlick .slick-prev {
    border-radius: 24px 0px 0px 24px;
    background-color: var(--slate);
    width: 78px;
    height: 100%;
    left: 0px;
    z-index: 1;
    height: calc(100% + -56px);
    margin-top: -7px; }
    @media (max-width: 1200px) {
      .customSlick .slick-prev {
        width: 70px; } }
    @media (max-width: 767px) {
      .customSlick .slick-prev {
        width: 60px; } }
    @media (max-width: 575px) {
      .customSlick .slick-prev {
        border-radius: 0px;
        width: 52px;
        height: calc(100% + -55px); } }
    .customSlick .slick-prev::before {
      content: "";
      background-image: url("../images/icon-sefer-search-accordion-arrow.svg");
      background-repeat: no-repeat;
      width: 12px;
      height: 21px;
      background-size: 21px;
      display: block;
      background-position: center;
      width: 100%;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      opacity: 1; }
  .customSlick .slick-next {
    border-radius: 0px 24px 24px 0px;
    background-color: var(--slate);
    width: 78px;
    height: 100%;
    right: 0px;
    z-index: 1;
    height: calc(100% + -56px);
    margin-top: -7px; }
    @media (max-width: 1200px) {
      .customSlick .slick-next {
        width: 70px; } }
    @media (max-width: 767px) {
      .customSlick .slick-next {
        width: 60px; } }
    @media (max-width: 575px) {
      .customSlick .slick-next {
        border-radius: 0px;
        width: 52px;
        height: calc(100% + -55px); } }
    .customSlick .slick-next::before {
      content: "";
      background-image: url("../images/icon-sefer-search-accordion-arrow.svg");
      background-repeat: no-repeat;
      width: 12px;
      height: 21px;
      background-size: 21px;
      display: block;
      background-position: center;
      width: 100%;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      opacity: 1; }
  .customSlick .slick-prev.disabled,
  .customSlick .slick-next.disabled {
    background-color: #818993;
    opacity: 1; }

.slickDisabled {
  opacity: 0.65;
  pointer-events: none !important; }
  .slickDisabled .slick-slide {
    pointer-events: none !important; }
  .slickDisabled .slick-arrow {
    pointer-events: none !important; }

.discountPackagesSlick {
  margin-left: 15px;
  margin-right: 15px; }
  .discountPackagesSlick .slick-prev {
    background-image: url("../images/icon-select-arrow.svg");
    width: 15px;
    height: 9px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
    .discountPackagesSlick .slick-prev::before {
      display: none; }
  .discountPackagesSlick .slick-next {
    background-image: url("../images/icon-select-arrow.svg");
    width: 10px;
    height: 9px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: -4px; }
    @media (max-width: 575px) {
      .discountPackagesSlick .slick-next {
        right: -34px; } }
    .discountPackagesSlick .slick-next::before {
      display: none; }
  .discountPackagesSlick .slick-list {
    margin: 0 -10px; }
    .discountPackagesSlick .slick-list .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .discountPackagesSlick .slick-list .slick-track .slick-slide {
        margin: 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto; }
  .discountPackagesSlick .discountBox {
    border-radius: 16px;
    border: solid 1px var(--grey-purple-44);
    background-color: var(--white);
    padding: 14px 10px;
    display: block; }
    .discountPackagesSlick .discountBox h6 {
      font-size: 12px;
      font-weight: 600;
      color: var(--mid-dark);
      margin-bottom: 12px; }
    .discountPackagesSlick .discountBox ul {
      padding-left: 0px;
      margin-bottom: 0px;
      list-style: none; }
      .discountPackagesSlick .discountBox ul li {
        font-size: 12px;
        font-weight: 500;
        color: var(--slate);
        position: relative;
        padding-left: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .discountPackagesSlick .discountBox ul li::before {
          content: "";
          width: 14px;
          height: 14px;
          background-color: var(--light-blue-grey);
          display: block;
          border-radius: 50%;
          position: absolute;
          left: 0px; }
        .discountPackagesSlick .discountBox ul li::after {
          content: "";
          position: absolute;
          display: block;
          left: 50%;
          margin-left: 0px;
          top: 50%;
          margin-top: -3px;
          width: 7px;
          height: 4px;
          border: solid var(--white);
          border-width: 1px 1px 0 0;
          transform: rotate(140deg);
          -webkit-transform: rotate(140deg);
          -moz-transform: rotate(140deg);
          -ms-transform: rotate(140deg);
          -o-transform: rotate(140deg);
          left: 4px; }

.announcementsSlider .carousel-caption {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  text-align: left;
  padding-right: 20%;
  z-index: 1; }
  .announcementsSlider .carousel-caption h5 {
    color: #333d47;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 36px; }
  .announcementsSlider .carousel-caption h6 {
    color: #283039;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 36px;
    line-height: 1.5; }
  .announcementsSlider .carousel-caption p {
    color: #333d47;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5; }
  .announcementsSlider .carousel-caption .link {
    padding: 12px 20px;
    border-radius: 22px;
    background-color: var(--darkish-blue);
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    min-width: 220px;
    display: inline-block;
    text-align: center;
    margin-top: 24px; }

.announcementsSlider .carousel-control-next,
.announcementsSlider .carousel-control-prev {
  top: auto;
  bottom: 56px;
  background-color: var(--darkish-blue);
  width: 56px;
  height: 56px;
  border-radius: 4px;
  bottom: -72px; }
  .announcementsSlider .carousel-control-next:hover, .announcementsSlider .carousel-control-next:focus,
  .announcementsSlider .carousel-control-prev:hover,
  .announcementsSlider .carousel-control-prev:focus {
    opacity: 1; }

.announcementsSlider .carousel-control-prev {
  right: auto;
  left: 50%;
  margin-left: 24px; }

.announcementsSlider .carousel-control-next {
  left: 50%;
  margin-left: 100px;
  right: auto; }

.announcementsSlider .carousel-control-next-icon {
  background: url("../images/icon-slider-right.svg") no-repeat center; }

.announcementsSlider .carousel-control-prev-icon {
  background: url("../images/icon-slider-left.svg") no-repeat center; }

@media (max-width: 991px) {
  .announcementsSlider .carousel-caption {
    padding-right: 0px; } }

@media (max-width: 767px) {
  .announcementsSlider .carousel-caption h5 {
    font-size: 21px;
    margin-bottom: 16px; }
  .announcementsSlider .carousel-caption h6 {
    font-size: 17px;
    margin-bottom: 16px; }
  .announcementsSlider .carousel-caption p {
    font-size: 15px; } }

.countDownArea {
  margin-bottom: 60px; }
  @media (max-width: 767px) {
    .countDownArea {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media (max-width: 575px) {
    .countDownArea {
      margin-bottom: 20px; } }
  .countDownArea .btnPrev {
    border-radius: 12px;
    background-color: var(--ice-blue);
    color: var(--midnightdark);
    font-size: 18px;
    font-weight: 600;
    padding: 10.5px 35px;
    padding-left: 45px;
    position: relative; }
    @media (max-width: 575px) {
      .countDownArea .btnPrev {
        padding: 6px 38px;
        padding-right: 20px;
        font-size: 12px;
        font-weight: 600; } }
    .countDownArea .btnPrev::before {
      content: "";
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      background-image: url("../images/icon-sefer-prev-arrow.svg");
      background-repeat: no-repeat;
      width: 14px;
      height: 14px;
      position: absolute;
      top: 50%;
      margin-top: -7px;
      left: 20px; }
      @media (max-width: 575px) {
        .countDownArea .btnPrev::before {
          background-size: 10px;
          width: 10px;
          height: 10px;
          margin-top: -5px; } }
  .countDownArea .countDown {
    text-align: right;
    height: 100%; }
    .countDownArea .countDown button {
      font-size: 14px;
      font-weight: normal;
      letter-spacing: -0.42px;
      color: var(--slate);
      border-radius: 12px;
      -webkit-box-shadow: 0 8px 24px 0 rgba(68, 71, 99, 0.11);
      box-shadow: 0 8px 24px 0 rgba(68, 71, 99, 0.11);
      border: solid 1px var(--grey-purple-44);
      background-color: var(--white);
      padding: 12px 23px;
      padding-left: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 190px; }
      @media (max-width: 575px) {
        .countDownArea .countDown button {
          font-size: 0px;
          padding: 6.5px 8px;
          width: 90px; } }
      .countDownArea .countDown button::before {
        content: "";
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background-image: url("../images/icon-count-down.svg");
        background-repeat: no-repeat;
        width: 26px;
        height: 26px;
        margin-right: 10px; }
        @media (max-width: 575px) {
          .countDownArea .countDown button::before {
            background-size: 15px;
            width: 15px;
            height: 15px;
            margin-right: 8px; } }
      .countDownArea .countDown button time {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: normal;
        padding-left: 11px; }
        @media (max-width: 575px) {
          .countDownArea .countDown button time {
            font-size: 14px;
            font-weight: bold;
            padding-left: 0px;
            line-height: normal; } }
  @media (max-width: 767px) {
    .countDownArea .seferInformationArea {
      margin-top: 30px; } }
  @media (max-width: 575px) {
    .countDownArea .seferInformationArea .headerSubText {
      display: none; } }

.card {
  border-radius: 24px;
  -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  background-color: var(--white);
  border: none; }
  .card .card-body {
    padding: 42px; }

.customTelInput.vue-tel-input {
  border-radius: 12px !important;
  border: solid 1px var(--light-blue-grey);
  background-color: #fafafa;
  font-size: 16px;
  font-weight: 600;
  color: var(--mid-dark);
  padding-left: 0px;
  padding-right: 0px;
  height: calc(2em + 1rem + 8px);
  position: relative; }
  .customTelInput.vue-tel-input:focus-within {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--light-blue-grey); }
  .customTelInput.vue-tel-input.is-invalid {
    padding-right: 0px !important; }
  .customTelInput.vue-tel-input .vti__dropdown {
    background-color: #f3f3f3;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px; }
    .customTelInput.vue-tel-input .vti__dropdown:hover {
      border-top-left-radius: 12px;
      border-bottom-left-radius: 12px; }
  .customTelInput.vue-tel-input .vti__dropdown.disabled,
  .customTelInput.vue-tel-input .vti__dropdown.open {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px; }
  .customTelInput.vue-tel-input .vti__input {
    border-radius: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 16px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #fafafa; }
  .customTelInput.vue-tel-input .vti__dropdown-list {
    left: 0px;
    border-radius: 0.25rem;
    max-height: 300px; }
    .customTelInput.vue-tel-input .vti__dropdown-list .vti__search_box {
      width: calc(100% + -22px);
      margin-left: 11px;
      margin-top: 11px;
      margin-bottom: 11px;
      float: none;
      border-color: var(--light-blue-grey);
      background-image: url("../images/icon-multi-select.svg");
      background-repeat: no-repeat;
      background-position: 92% center;
      background-size: 20px;
      height: 44px;
      padding-right: 38px;
      border-radius: 8px;
      border: solid 1px var(--light-blue-grey);
      background-color: #fafafa;
      font-size: 16px;
      font-weight: 600;
      color: var(--mid-dark);
      padding-left: 16px; }
      .customTelInput.vue-tel-input .vti__dropdown-list .vti__search_box::-webkit-input-placeholder {
        font-size: 0px; }
      .customTelInput.vue-tel-input .vti__dropdown-list .vti__search_box::-moz-placeholder {
        font-size: 0px; }
      .customTelInput.vue-tel-input .vti__dropdown-list .vti__search_box:-ms-input-placeholder {
        font-size: 0px; }
      .customTelInput.vue-tel-input .vti__dropdown-list .vti__search_box::-ms-input-placeholder {
        font-size: 0px; }
      .customTelInput.vue-tel-input .vti__dropdown-list .vti__search_box::placeholder {
        font-size: 0px; }
      @media (max-width: 575px) {
        .customTelInput.vue-tel-input .vti__dropdown-list .vti__search_box {
          background-position: 96% center; } }
    .customTelInput.vue-tel-input .vti__dropdown-list .vti__dropdown-item {
      font-size: 14px;
      font-weight: 500; }
      .customTelInput.vue-tel-input .vti__dropdown-list .vti__dropdown-item:focus-visible {
        outline: 0px; }
  .customTelInput.vue-tel-input .vti__dropdown-list.below {
    top: 58px; }
  .customTelInput.vue-tel-input .vti__dropdown {
    position: initial; }

.header {
  position: relative;
  z-index: 99; }
  .header .navbar {
    padding: 24px 40px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .header .navbar .navbar-brand {
      padding-top: 0px;
      padding-bottom: 0px; }
      .header .navbar .navbar-brand img {
        max-height: 80px; }
    .header .navbar .navbar-toggler {
      padding: 6px;
      border: 2px solid var(--darkish-blue);
      border-radius: 8px; }
      .header .navbar .navbar-toggler .navbar-toggler-icon {
        background: url("../images/icon-hmenu.svg") no-repeat center; }
    .header .navbar .navbar-nav .nav-link {
      padding-left: 16px;
      padding-right: 16px;
      color: var(--dusk);
      font-size: 18px;
      font-weight: 500;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      white-space: nowrap; }
      .header .navbar .navbar-nav .nav-link:hover {
        color: var(--black); }
    .header .navbar .lang {
      margin-left: 24px;
      margin-right: 24px; }
      .header .navbar .lang .btn-lang {
        background: url("../images/icon-material-language.svg") no-repeat left center, url("../images/icon-arrow-down-lang.svg") no-repeat right center;
        font-size: 16px;
        font-weight: 500;
        color: var(--darkish-blue);
        padding: 10px 20px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .header .navbar .lang .btn-lang:hover {
          font-weight: 600; }
        .header .navbar .lang .btn-lang:focus {
          -webkit-box-shadow: none;
          box-shadow: none; }
      .header .navbar .lang .dropdown-menu {
        -webkit-box-shadow: 0 8px 24px 0 rgba(37, 42, 49, 0.24);
        box-shadow: 0 8px 24px 0 rgba(37, 42, 49, 0.24);
        border: solid 1px rgba(192, 192, 192, 0.6);
        background-color: var(--white);
        border-radius: 8px;
        padding: 24px;
        right: -32px;
        left: auto;
        margin-top: 16px; }
        .header .navbar .lang .dropdown-menu:before {
          content: "";
          width: 22px;
          height: 22px;
          background-color: #ffffff;
          border: solid 1px rgba(192, 192, 192, 0.6);
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          top: -11px;
          display: block;
          position: absolute;
          right: 48px;
          border-right: none;
          border-bottom: none;
          border-radius: 4px 0px; }
        .header .navbar .lang .dropdown-menu .dropdown-item {
          padding: 12px;
          color: var(--mid-dark); }
          .header .navbar .lang .dropdown-menu .dropdown-item:hover {
            background-color: #edf0f4; }
    .header .navbar .signInHome .btn-signin:after {
      display: none; }
    .header .navbar .signInHome .link {
      font-size: 14px;
      font-weight: 500;
      text-align: left;
      color: var(--blueberry);
      text-decoration: underline;
      -webkit-text-decoration-skip-ink: none;
      text-decoration-skip-ink: none; }
    .header .navbar .signInHome .dropdown-menu {
      -webkit-box-shadow: 0 8px 24px 0 rgba(37, 42, 49, 0.24);
      box-shadow: 0 8px 24px 0 rgba(37, 42, 49, 0.24);
      border: solid 1px rgba(192, 192, 192, 0.6);
      background-color: var(--white);
      border-radius: 8px;
      padding: 24px;
      right: -16px;
      left: auto;
      margin-top: 16px;
      width: 320px; }
      .header .navbar .signInHome .dropdown-menu:before {
        content: "";
        width: 22px;
        height: 22px;
        background-color: #ffffff;
        border: solid 1px rgba(192, 192, 192, 0.6);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -11px;
        display: block;
        position: absolute;
        right: 48px;
        border-right: none;
        border-bottom: none;
        border-radius: 4px 0px; }
      .header .navbar .signInHome .dropdown-menu .dropdown-item {
        padding: 12px;
        color: var(--mid-dark); }
        .header .navbar .signInHome .dropdown-menu .dropdown-item:hover {
          background-color: #edf0f4; }
      .header .navbar .signInHome .dropdown-menu .form-group {
        margin-bottom: 15px; }
        .header .navbar .signInHome .dropdown-menu .form-group.error {
          margin-bottom: 25px; }
      .header .navbar .signInHome .dropdown-menu .form-control {
        height: 50px;
        border-radius: 10px;
        border: solid 1px var(--grey-purple);
        background-color: var(--white); }
      .header .navbar .signInHome .dropdown-menu label {
        font-size: 13px;
        font-weight: normal;
        text-align: left;
        color: var(--grey-purple);
        margin-bottom: 4px;
        padding-top: 0px; }
        .header .navbar .signInHome .dropdown-menu label.btn.focus {
          -webkit-box-shadow: none !important;
          box-shadow: none !important; }
        .header .navbar .signInHome .dropdown-menu label.btn:focus {
          -webkit-box-shadow: none !important;
          box-shadow: none !important; }
        .header .navbar .signInHome .dropdown-menu label .checkboxText {
          font-size: 14px;
          font-weight: 500;
          text-align: left;
          color: var(--blueberry);
          margin-top: 0px; }
      .header .navbar .signInHome .dropdown-menu .btnSign {
        color: var(--white);
        border-radius: 12px;
        border: none;
        background-color: var(--darkish-blue);
        padding: 11.5px 36px;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        width: 100%; }
      .header .navbar .signInHome .dropdown-menu .btnEdevlet {
        color: var(--orangey-red);
        border-radius: 12px;
        border: none;
        background: #fff url("../images/icon-edevlet.svg") no-repeat 52px center;
        border: solid 1px var(--orangey-red);
        padding: 11.5px 36px;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        width: 100%;
        padding-left: 94px; }
      .header .navbar .signInHome .dropdown-menu .noAccount {
        color: #8392a7;
        font-weight: 400;
        font-size: 15px;
        text-align: center; }
        .header .navbar .signInHome .dropdown-menu .noAccount a {
          color: var(--darkish-blue);
          text-decoration: underline;
          font-weight: 600;
          -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
          margin-left: 8px; }
    .header .navbar .btn-signin {
      padding: 10px 20px;
      border-radius: 22px;
      background-color: var(--darkish-blue);
      border: none;
      color: #fff;
      font-size: 16px;
      font-weight: 500; }
    .header .navbar .menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      width: 100%;
      -webkit-box-pack: right;
      -ms-flex-pack: right;
      justify-content: right; }
      .header .navbar .menu .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: 3%; }
      @media (max-width: 1100px) {
        .header .navbar .menu .navbar-nav .nav-link {
          padding-left: 12px;
          padding-right: 12px;
          font-size: 15px; } }
      @media (max-width: 991px) {
        .header .navbar .menu .navbar-nav {
          display: none; } }
      @media (max-width: 576px) {
        .header .navbar .menu .btn-signin {
          display: none; } }
    .header .navbar .navbar-collapse {
      position: fixed;
      right: -100%;
      background-color: rgba(0, 0, 0, 0.8);
      height: 100vh;
      width: 100%;
      top: 0px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      display: block;
      opacity: 0; }
      .header .navbar .navbar-collapse.show {
        right: 0px;
        opacity: 1; }
      .header .navbar .navbar-collapse .content {
        height: 100vh;
        width: 400px;
        background-color: #fff;
        right: 0px;
        position: absolute;
        top: 0px;
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .header .navbar .navbar-collapse .content .navbar-toggler {
          border: none; }
          .header .navbar .navbar-collapse .content .navbar-toggler.close {
            left: -60px;
            position: absolute;
            opacity: 1; }
          .header .navbar .navbar-collapse .content .navbar-toggler .navbar-toggler-icon {
            background: url(../images/icon-hmenu-close.svg) no-repeat center; }
        .header .navbar .navbar-collapse .content .lang {
          margin-left: 0px;
          margin-right: 0px; }
        .header .navbar .navbar-collapse .content .navbar-nav {
          margin-top: 24px; }
        .header .navbar .navbar-collapse .content .whatsApp {
          border: solid 2px #28b18c;
          background: #fff url(../images/icon-whatsapp.svg) no-repeat 24px center;
          font-size: 17px;
          font-weight: 700;
          display: block;
          padding: 12px 24px;
          border-radius: 12px;
          color: #28b18c;
          line-height: 28px;
          margin: 16px;
          padding-left: 72px; }
          @media (max-width: 575px) {
            .header .navbar .navbar-collapse .content .whatsApp {
              padding-right: 0px;
              padding-left: 64px;
              font-size: 16px;
              background: #fff url(../images/icon-whatsapp.svg) no-repeat 20px center; } }
        .header .navbar .navbar-collapse .content .callCenter {
          border: solid 2px #28b18c;
          background: #28b18c url(../images/icon-cagriMerkezi.svg) no-repeat 24px center;
          font-size: 17px;
          font-weight: 700;
          display: block;
          padding: 12px 24px;
          border-radius: 12px;
          color: #fff;
          line-height: 28px;
          margin: 16px;
          padding-left: 72px; }
          @media (max-width: 575px) {
            .header .navbar .navbar-collapse .content .callCenter {
              padding-right: 0px;
              padding-left: 64px;
              font-size: 16px;
              background: #28b18c url(../images/icon-cagriMerkezi.svg) no-repeat 20px center; } }
  @media (max-width: 576px) {
    .header .navbar {
      padding: 8px 16px; }
      .header .navbar .navbar-brand img {
        max-height: 48px; }
      .header .navbar .navbar-toggler {
        padding: 5px; }
        .header .navbar .navbar-toggler .navbar-toggler-icon {
          width: 24px;
          height: 24px;
          background-size: 24px; }
      .header .navbar .navbar-collapse .content {
        width: 80%; } }

.customPagination {
  border: 0px;
  border-radius: 0px;
  margin-top: 5px; }
  .customPagination .page-item .page-link {
    -webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.16);
    background-color: var(--white);
    border: 0px;
    font-size: 14px;
    font-weight: normal;
    color: var(--dusk);
    line-height: normal;
    border-radius: 50%;
    margin-right: 11px;
    width: 30px;
    height: 30px;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 575px) {
      .customPagination .page-item .page-link {
        margin-right: 8px; } }
  .customPagination .page-item.active .page-link {
    background-color: var(--darkish-blue);
    color: var(--white);
    font-weight: bold; }
  .customPagination .prev .page-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .customPagination .prev .page-link .page-link-prev {
      -webkit-box-shadow: none;
      box-shadow: none;
      background-color: transparent; }
      .customPagination .prev .page-link .page-link-prev .navigationArrowLeft {
        background-image: url("../images/icon-pagination-arrow.svg");
        background-repeat: no-repeat;
        width: 8px;
        height: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
  .customPagination .prev.disabled .navigationArrowLeft {
    background-image: url("../images/icon-pagination-disabled-arrow.svg") !important;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important; }
  .customPagination .next .page-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .customPagination .next .page-link .page-link-next {
      -webkit-box-shadow: none;
      box-shadow: none;
      background-color: transparent; }
      .customPagination .next .page-link .page-link-next .navigationArrowRight {
        background-image: url("../images/icon-pagination-arrow.svg");
        background-repeat: no-repeat;
        width: 8px;
        height: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .customPagination .next.disabled .navigationArrowRight {
    background-image: url("../images/icon-pagination-disabled-arrow.svg") !important;
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important; }

.customTab {
  padding: 25px 20px; }
  .customTab .nav-tabs {
    border-bottom-color: var(--light-blue-grey);
    margin-bottom: 20px; }
    .customTab .nav-tabs .nav-item .nav-link {
      font-size: 16px;
      font-weight: normal;
      color: var(--dusk);
      border: 0px;
      z-index: 1;
      position: relative;
      padding-bottom: 0px;
      padding-left: 50px;
      padding-right: 50px;
      padding-top: 0px; }
      .customTab .nav-tabs .nav-item .nav-link span {
        background: white;
        display: block;
        padding-bottom: 18px; }
      .customTab .nav-tabs .nav-item .nav-link.active {
        border-bottom: 2px solid var(--darkish-blue);
        color: var(--darkish-blue);
        font-weight: bold; }
        .customTab .nav-tabs .nav-item .nav-link.active::after {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          background-color: var(--darkish-blue);
          position: absolute;
          left: 50%;
          margin-left: -10px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          bottom: -6px;
          border-radius: 10%;
          z-index: -1; }

.footer {
  position: relative;
  z-index: 1;
  padding-top: 60px;
  background-color: #0c0236; }
  .footer .info .media {
    margin-bottom: 24px; }
    .footer .info .media .media-body h5 {
      color: #fff;
      font-size: 15px;
      font-weight: 500; }
    .footer .info .media .media-body p {
      color: rgba(255, 255, 255, 0.81);
      font-size: 15px;
      font-weight: 300;
      line-height: 24px; }
    .footer .info .media .media-body a {
      color: #fff;
      text-decoration: none; }
  .footer .footerMemu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap; }
    .footer .footerMemu li {
      width: 50%; }
      .footer .footerMemu li a {
        color: rgba(255, 255, 255, 0.81);
        font-size: 15px;
        letter-spacing: 1px;
        font-weight: 300;
        padding: 12px;
        display: inline-block; }
    @media (max-width: 991px) {
      .footer .footerMemu {
        margin-bottom: 30px; }
        .footer .footerMemu li a {
          padding: 6px; } }
  .footer .fmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .footer .fmenu .whatsApp {
      border: solid 2px #28b18c;
      background: url(../images/icon-footer-whatsapp.svg) no-repeat 24px center;
      font-size: 16px;
      font-weight: 500;
      display: block;
      padding: 12px 24px;
      border-radius: 12px;
      color: #28b18c;
      line-height: 28px;
      margin-top: 16px;
      padding-left: 72px;
      min-width: 230px;
      margin-left: 12px; }
    .footer .fmenu .callCenter {
      border: solid 2px #28b18c;
      background: #28b18c url(../images/icon-cagriMerkezi.svg) no-repeat 24px center;
      font-size: 16px;
      font-weight: 500;
      display: block;
      padding: 12px 24px;
      border-radius: 12px;
      color: #fff;
      line-height: 28px;
      margin-top: 16px;
      padding-left: 72px;
      min-width: 230px;
      margin-left: 12px; }
    @media (max-width: 576px) {
      .footer .fmenu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .footer .fmenu .whatsApp,
        .footer .fmenu .callCenter {
          margin-left: 0px; } }
  .footer .footer-bottom {
    padding: 36px 0px;
    border-top: solid 1px rgba(250, 250, 250, 0.2);
    margin-top: 20px; }
    .footer .footer-bottom .copyright {
      text-align: center;
      color: #fff;
      font-size: 15px;
      font-weight: 300;
      letter-spacing: 1px; }

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 8px; }
  .social a {
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    text-align: center;
    background-color: rgba(255, 254, 254, 0.2);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding-top: 7px;
    border-radius: 100%; }
    .social a:hover {
      background-color: rgba(255, 254, 254, 0.5); }

.userInformationSidebar {
  -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  background-color: var(--white);
  border-radius: 24px; }
  @media (max-width: 991px) {
    .userInformationSidebar {
      border-radius: 0px;
      -webkit-box-shadow: none;
      box-shadow: none; } }
  .userInformationSidebar ul {
    padding: 0px;
    list-style: none;
    padding-top: 28px;
    padding-bottom: 22px;
    margin-bottom: 0px; }
    @media (max-width: 991px) {
      .userInformationSidebar ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        padding-top: 18px;
        padding-bottom: 5px; } }
    @media (max-width: 575px) {
      .userInformationSidebar ul {
        padding-bottom: 0px; } }
    @media (max-width: 991px) {
      .userInformationSidebar ul.scrollbar {
        margin-bottom: 10px; } }
    .userInformationSidebar ul.scrollbar::-webkit-scrollbar-track {
      margin-left: 10px;
      margin-right: 10px; }
    .userInformationSidebar ul li {
      margin-bottom: 26px; }
      @media (max-width: 991px) {
        .userInformationSidebar ul li {
          white-space: nowrap;
          border-radius: 16px;
          -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          background-color: var(--white);
          padding-top: 13px;
          padding-bottom: 13px;
          margin-bottom: 13px;
          margin-top: -13px;
          margin-right: 10px; }
          .userInformationSidebar ul li:first-child {
            margin-left: 5px; } }
      @media (max-width: 575px) {
        .userInformationSidebar ul li {
          margin-bottom: 15px; } }
      .userInformationSidebar ul li:last-child {
        margin-bottom: 0px !important; }
        @media (max-width: 991px) {
          .userInformationSidebar ul li:last-child {
            margin-bottom: 13px !important;
            margin-right: 5px; } }
      .userInformationSidebar ul li.active {
        background-color: var(--ice-blue);
        padding-top: 13px;
        padding-bottom: 13px;
        margin-bottom: 13px;
        margin-top: -13px; }
        .userInformationSidebar ul li.active a {
          font-weight: bold; }
      .userInformationSidebar ul li a {
        font-size: 16px;
        font-weight: normal;
        color: var(--dusk);
        text-decoration: none;
        padding-left: 23px;
        padding-right: 23px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media (max-width: 575px) {
          .userInformationSidebar ul li a {
            font-size: 12px; } }
        .userInformationSidebar ul li a span {
          padding-right: 11px;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 22px; }

.customSidebar .bg-dark {
  background-color: rgba(0, 0, 0, 0.8) !important; }

.customSidebar .navbar {
  padding: 0px;
  width: 400px; }
  @media (max-width: 575px) {
    .customSidebar .navbar {
      width: 80%; } }
  .customSidebar .navbar .b-sidebar-header {
    width: auto;
    margin-right: auto;
    padding: 0; }
    .customSidebar .navbar .b-sidebar-header .navbar-collapse .content {
      background-color: transparent;
      padding: 0;
      width: 100%;
      height: 100%;
      display: block; }
      .customSidebar .navbar .b-sidebar-header .navbar-collapse .content .close {
        left: auto;
        text-align: right;
        right: 0px;
        width: 100%;
        padding: 0;
        top: 18px;
        right: 12px;
        height: 36px;
        width: 36px;
        z-index: 3; }
  .customSidebar .navbar .navbar-collapse {
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
    right: 0px;
    opacity: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
    .customSidebar .navbar .navbar-collapse .content {
      height: 100%;
      width: 100%;
      position: relative; }
  .customSidebar .navbar .b-sidebar-body {
    width: 100%; }

.homePageSearchArea {
  position: absolute;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 10%;
  top: 180px; }
  .homePageSearchArea h1 {
    font-size: 32px;
    font-weight: bold;
    color: var(--midnight);
    margin-bottom: 0px; }
    @media (max-width: 575px) {
      .homePageSearchArea h1 {
        font-size: 21px;
        padding-left: 16px; } }
  .homePageSearchArea .homePageArea {
    width: 480px;
    margin-top: 24px;
    margin-bottom: 24px; }
    .homePageSearchArea .homePageArea .tabMenuArea {
      border-radius: 12px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
      -webkit-box-shadow: 0 10px 30px 0 rgba(12, 2, 54, 0.13);
      box-shadow: 0 10px 30px 0 rgba(12, 2, 54, 0.13);
      background-color: var(--white); }
      .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs {
        border-color: rgba(132, 136, 192, 0.27);
        margin-left: 7px;
        margin-right: 7px; }
        .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item {
          margin-bottom: -1px;
          position: relative;
          z-index: 1; }
          .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item::after {
            content: "";
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            height: calc(100% + -16px);
            border-right: 1px solid var(--ice-blue);
            right: 0px;
            width: 100%;
            top: 0px;
            position: absolute;
            margin-top: 8px;
            z-index: 0; }
          .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item:last-child::after {
            display: none; }
          .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-weight: 500;
            color: var(--mid-dark);
            line-height: normal;
            width: 100%;
            height: 100%;
            position: relative;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            font-size: 15px;
            padding: 16px 0px 12px 0px;
            z-index: 1; }
            .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link.active,
            .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link .nav-pills .show > .nav-link {
              padding-bottom: 9px;
              background-color: transparent;
              color: var(--orangey-red);
              font-weight: bold;
              line-height: normal;
              border-color: var(--orangey-red);
              border-bottom: 3px solid;
              border-radius: 0px;
              -webkit-border-radius: 0px;
              -moz-border-radius: 0px;
              -ms-border-radius: 0px;
              -o-border-radius: 0px; }
              @media (max-width: 575px) {
                .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link.active,
                .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link .nav-pills .show > .nav-link {
                  font-size: 12px;
                  -webkit-box-pack: center;
                  -ms-flex-pack: center;
                  justify-content: center;
                  padding: 8px 0px; } }
            @media (max-width: 575px) {
              .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link.active {
                border-bottom: 0px; } }
            .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link.active::after {
              content: "";
              background-image: url("../images/icon-tab-menu-arrow.svg");
              background-repeat: no-repeat;
              height: 12px;
              width: 17px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              position: absolute;
              bottom: -12px;
              left: 50%;
              margin-left: -8.5px; }
            .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link .navItemImg {
              margin-bottom: 2px;
              width: 24px;
              height: 24px; }
              @media (max-width: 575px) {
                .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link .navItemImg {
                  margin-right: 0px;
                  margin-bottom: 4px;
                  width: 18px;
                  height: 18px; } }
            @media (max-width: 575px) {
              .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link {
                font-size: 12px;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding: 8px 0px; }
                .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link.active {
                  background-color: var(--orangey-red);
                  color: #fff;
                  border-color: var(--orangey-red); }
                  .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs .nav-item .nav-link.active::after {
                    bottom: -10px; } }
        @media (max-width: 575px) {
          .homePageSearchArea .homePageArea .tabMenuArea .nav-tabs {
            margin-left: 0px;
            margin-right: 0px; } }
      .homePageSearchArea .homePageArea .tabMenuArea .tabArea {
        margin-top: 29px; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .tab-pane {
          padding-left: 15px;
          padding-right: 15px; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .whereFromDropdown .searchDropdown .dropDownInputArea .form-label-group,
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .toWhereDropdown .searchDropdown .dropDownInputArea .form-label-group {
          margin-bottom: 24px; }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .whereFromDropdown .searchDropdown .dropDownInputArea .form-label-group,
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .toWhereDropdown .searchDropdown .dropDownInputArea .form-label-group {
              margin-bottom: 15px; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .borderBottom::after {
          top: 51.7px; }
        @media only screen and (min-width: 767px) and (max-width: 992px) {
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown {
            width: 420px; } }
        @media (max-width: 767px) {
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown {
            border: 0px;
            overflow: hidden;
            position: fixed !important;
            -webkit-transform: none !important;
            -ms-transform: none !important;
            transform: none !important;
            margin: 0px;
            width: 100% !important;
            top: 0px; } }
        @media (max-width: 575px) {
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea {
            display: block; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group {
              margin-left: 16px;
              margin-right: 16px; }
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group::before {
                content: "";
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                background-image: url("../images/icon-search.svg");
                background-repeat: no-repeat;
                width: 18px;
                height: 18px;
                background-size: 18px;
                position: absolute;
                top: 50%;
                margin-top: -9px;
                margin-left: 12px; }
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input {
                height: calc(2.5em + 1rem + 2px);
                color: var(--grey-purple);
                font-size: 16px;
                padding-left: 38px;
                padding-right: 38px;
                border-width: 2px; }
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::-webkit-input-placeholder {
                  opacity: 1 !important;
                  color: var(--grey-purple) !important; }
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::-moz-placeholder {
                  opacity: 1 !important;
                  color: var(--grey-purple) !important; }
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input:-ms-input-placeholder {
                  opacity: 1 !important;
                  color: var(--grey-purple) !important; }
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::-ms-input-placeholder {
                  opacity: 1 !important;
                  color: var(--grey-purple) !important; }
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::placeholder {
                  opacity: 1 !important;
                  color: var(--grey-purple) !important; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .btnClose {
              width: 100%;
              font-size: 18px;
              font-weight: bold;
              padding: 11.5px 38px;
              border-radius: 0px;
              margin-bottom: 15px;
              position: relative; }
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .btnClose::after {
                content: "";
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                background-image: url("../images/icon-dropdown-close.svg");
                width: 16px;
                height: 16px;
                position: absolute;
                position: absolute;
                margin-top: -8px;
                top: 50%;
                right: 17px; } }
        @media (max-width: 767px) {
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .currentLocationArea .currentLocation {
            line-height: normal;
            padding-top: 16px;
            padding-bottom: 16px; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show h6 {
            font-size: 16px;
            font-weight: 600;
            background-color: rgba(229, 234, 239, 0.7);
            padding-top: 16px;
            padding-bottom: 16px; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .searchArea {
            padding-bottom: 38px;
            -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .searchDropdown .dropdown-menu.mobileDropdown.show .searchArea .allStations h6 {
              margin: 0px; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .seferRadioBtn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 0px;
          margin-bottom: 12px; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .seferRadioBtn .radioBtnArea {
            margin-bottom: 0px; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .seferRadioBtn .radioBtnArea .radioBtnText {
              color: var(--blueberry);
              font-size: 15px;
              font-weight: 500;
              padding-left: 0px;
              margin: 0px;
              line-height: normal; }
              @media (max-width: 575px) {
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .seferRadioBtn .radioBtnArea .radioBtnText {
                  font-size: 12px;
                  font-weight: 500;
                  padding-left: 0px; } }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .seferRadioBtn .radioBtnArea .radioCheckmark {
              width: 18px;
              height: 18px; }
              @media (max-width: 575px) {
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .seferRadioBtn .radioBtnArea .radioCheckmark {
                  width: 16px;
                  height: 16px; } }
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .seferRadioBtn .radioBtnArea .radioCheckmark::after {
                margin-top: -4px;
                margin-left: -4px;
                width: 8px;
                height: 8px; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .seferRadioBtn .radioBtnArea input:checked ~ .radioBtnText {
              font-weight: 600; }
              @media (max-width: 575px) {
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .seferRadioBtn .radioBtnArea input:checked ~ .radioBtnText {
                  font-size: 12px;
                  font-weight: 600; } }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .seferRadioBtn {
              margin-bottom: 13px;
              padding-left: 8px;
              padding-right: 8px; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .dateSelectionTextArea {
          padding-left: 16px;
          padding-right: 16px;
          margin-bottom: 8px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .dateSelectionTextArea .btn {
            padding: 0px;
            font-size: 14px;
            font-weight: 500;
            color: var(--darkish-blue);
            line-height: normal; }
            @media (max-width: 575px) {
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .dateSelectionTextArea .btn {
                font-size: 10px; } }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .dateSelectionTextArea.right {
            padding-left: 19px;
            padding-right: 16px; }
            @media (max-width: 575px) {
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .dateSelectionTextArea.right {
                padding-left: 8px;
                padding-right: 8px; } }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .dateSelectionTextArea {
              padding-left: 8px;
              padding-right: 16px;
              margin-bottom: 5px; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber {
          margin-bottom: 16px; }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber {
              margin-bottom: 10px; }
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber.show > .dropdown-menu {
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                transform: scale(1, 1);
                opacity: 1; }
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber.dropdown .dropdown-menu {
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
                max-height: 0;
                display: block;
                overflow: hidden;
                opacity: 0; }
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber.dropdown.show .dropdown-menu {
                max-height: 240px;
                opacity: 1; } }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber::before {
            display: none; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropDownInputArea .form-label-group input:not(:placeholder-shown) ~ label {
            padding-top: 9px; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropDownInputArea .form-label-group::after {
            content: "";
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background-image: url("../images/icon-arrow-down-grey.svg");
            background-repeat: no-repeat;
            width: 15px;
            height: 9px;
            top: 50%;
            position: absolute;
            margin-top: -4.5px;
            right: 15px;
            cursor: pointer;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; }
            @media (max-width: 575px) {
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropDownInputArea .form-label-group::after {
                background-size: 10px;
                width: 10px;
                height: 6px;
                margin-top: -3px; } }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropDownInputArea .form-label-group input {
            cursor: pointer;
            padding-left: 16px;
            padding-top: 24px;
            padding-bottom: 0px; }
            @media (max-width: 575px) {
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropDownInputArea .form-label-group input {
                padding-top: 16px;
                font-weight: 600; }
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropDownInputArea .form-label-group input:not(:placeholder-shown) ~ label {
                  padding-top: 9px; } }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropDownInputArea .form-label-group label {
            padding-left: 0;
            margin-left: 16px; }
            @media (max-width: 575px) {
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropDownInputArea .form-label-group label {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding-top: 6px;
                padding-bottom: 0px;
                font-size: 10px;
                font-weight: 500;
                letter-spacing: -0.3px; } }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropdown-menu {
            width: 100%;
            margin-left: 0;
            width: calc(100% + 2px);
            margin-left: -1px; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropdown-menu .passengersArea .searchArea {
              overflow-x: hidden; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropdown-menu::before {
              left: 50%; }
              @media (max-width: 575px) {
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropdown-menu::before {
                  display: none; } }
            @media (max-width: 575px) {
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber .dropdown-menu {
                top: auto !important;
                bottom: 0px !important; } }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .passengerNumber.show .dropDownInputArea .form-label-group::after {
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .btnSeferSearch {
          width: 100%;
          border-radius: 8px;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          -ms-border-radius: 8px;
          -o-border-radius: 8px;
          font-size: 21px;
          font-weight: 600;
          color: var(--white);
          line-height: normal;
          margin-bottom: 24px; }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .btnSeferSearch {
              margin-bottom: 34px;
              font-size: 18px;
              font-weight: 600;
              padding: 16.6px 1rem; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputTicketArea input {
          padding-left: 53px;
          height: 64.5px;
          font-size: 17px;
          font-weight: 500;
          padding-top: 20px; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputTicketArea input:focus {
            border-color: var(--darkish-blue);
            -webkit-box-shadow: none !important;
            box-shadow: none !important; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputTicketArea input:not(:placeholder-shown) ~ label {
          font-size: 13px; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputTicketArea label {
          padding-left: 53px;
          font-size: 17px;
          font-weight: 500; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputTicketArea::before {
          content: "";
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          background-image: url("../images/icon-ticket-or-reservation.svg");
          background-repeat: no-repeat;
          width: 28px;
          height: 25px;
          position: absolute;
          top: 50%;
          margin-top: -12.5px;
          margin-left: 16px; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputTicketArea.error {
          margin-bottom: 29px; }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputTicketArea.error {
              margin-bottom: 27px; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputSurnameArea.error {
          margin-bottom: 29px; }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputSurnameArea.error {
              margin-bottom: 27px; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputSurnameArea input {
          padding-left: 53px;
          height: 64.5px;
          font-size: 17px;
          font-weight: 500;
          padding-top: 20px; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputSurnameArea input:focus {
            border-color: var(--darkish-blue);
            -webkit-box-shadow: none !important;
            box-shadow: none !important; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputSurnameArea input:not(:placeholder-shown) ~ label {
          font-size: 13px; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputSurnameArea label {
          padding-left: 53px;
          font-size: 17px;
          font-weight: 500; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputSurnameArea::before {
          content: "";
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          background-image: url("../images/icon-user.svg");
          background-repeat: no-repeat;
          width: 20px;
          height: 20px;
          position: absolute;
          top: 50%;
          margin-top: -10px;
          margin-left: 16px; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputSurnameArea:focus {
          -webkit-box-shadow: none;
          box-shadow: none; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .openTicketHr {
          position: relative;
          margin-top: 20px;
          margin-bottom: 20px; }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .openTicketHr {
              margin-top: 0px;
              margin-bottom: 30px; } }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .openTicketHr span {
            font-size: 20px;
            font-weight: 500;
            color: var(--light-blue-grey);
            position: absolute;
            line-height: normal;
            left: calc(50% - 56px);
            top: -14px;
            background-color: #fff;
            padding-right: 28px;
            padding-left: 28px; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .openTicketHr hr {
            border-top: 1px solid rgba(132, 136, 192, 0.27);
            margin: 0px; }
        @media (max-width: 575px) {
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea input {
            color: var(--mid-dark); }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea input::-webkit-input-placeholder {
              opacity: 1 !important;
              /* Firefox */
              color: var(--mid-dark) !important; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea input::-moz-placeholder {
              opacity: 1 !important;
              /* Firefox */
              color: var(--mid-dark) !important; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea input:-ms-input-placeholder {
              opacity: 1 !important;
              /* Firefox */
              color: var(--mid-dark) !important; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea input::-ms-input-placeholder {
              opacity: 1 !important;
              /* Firefox */
              color: var(--mid-dark) !important; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea input::placeholder {
              opacity: 1 !important;
              /* Firefox */
              color: var(--mid-dark) !important; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea label {
            display: none; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputTicketArea {
            margin-bottom: 10px; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputTicketArea::before {
              background-size: 18px;
              width: 18px;
              height: 18px;
              margin-top: -9px;
              margin-left: 9px; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputTicketArea input {
              padding-left: 34px;
              padding-right: 34px;
              height: 54px;
              font-size: 13px;
              padding-top: 0px; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputSurnameArea {
            margin-bottom: 30px; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputSurnameArea::before {
              width: 12px;
              height: 12px;
              background-size: 12px;
              margin-top: -6px;
              margin-left: 15px; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .inputSurnameArea input {
              padding-left: 34px;
              padding-right: 34px;
              height: 54px;
              font-size: 13px;
              padding-top: 0px; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .floatingArea .floating-label {
          left: 53px;
          margin-top: -10px; }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .floatingArea .floating-label {
              left: 34px; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .floatingArea .floatingInput:focus ~ .floating-label,
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .ticketSearchArea .floatingArea .floatingInput:not(:focus):valid ~ .floating-label {
          left: 53px; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .whereFromDropdown .dropdown .borderBottom::after {
          top: 34.7px; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .whereFromDropdown .dropdown .dropdown-menu {
          width: 100% !important; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .whereFromDropdown .searchDropdown .dropDownInputArea input {
          padding-right: 44px; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea .closeFrom {
          cursor: pointer;
          position: absolute;
          top: 50%;
          margin-top: -15px;
          right: 15px; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .seferRadioBtn {
          height: calc(2.5em + 1rem + 6px); }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .seferRadioBtn {
              height: calc(2.5em + 1rem + 5.5px); } }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .seferRadioBtn .radioBtnArea {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .seferRadioBtn .radioBtnArea .radioBtnText {
              margin-left: 8px !important; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .seferRadioBtn .radioBtnArea .radioCheckmark {
              position: relative; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea {
          background-color: #fff; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea::before {
            content: "";
            border: 1px solid var(--grey-purple-44);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: absolute;
            height: 100%;
            width: calc(100% + -30px);
            border-radius: 10px; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown:first-child .searchDropdown .dropDownInputArea .floatingArea::before {
            content: "";
            width: 1px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border-right: 1px solid var(--grey-purple-44);
            position: absolute;
            top: 0px;
            height: calc(100% - 14px);
            right: 0px;
            margin-top: 7px; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea {
            margin-bottom: 0px; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea::after {
              content: "";
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              background-repeat: no-repeat;
              width: 25px;
              height: 25px;
              background-image: url("../images/icon-time.svg");
              top: 50%;
              margin-top: -12.5px;
              right: 11px;
              position: absolute;
              cursor: pointer; }
              @media (max-width: 575px) {
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea::after {
                  width: 15px;
                  height: 15px;
                  background-size: 15px;
                  margin-top: -7.5px;
                  right: 8px; } }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea input {
              border: 0px;
              background-color: transparent; }
              @media (max-width: 575px) {
                .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea input {
                  font-size: 12px; } }
            @media (max-width: 575px) {
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea input[type="text"]:focus,
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea input[type="email"]:focus,
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea input[type="number"]:focus,
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea input[type="tel"]:focus,
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea input[type="button"]:focus,
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea select:focus {
                font-size: 13px !important; } }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea label {
              margin: 0px; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .floatingArea .floatingInput {
              cursor: pointer; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropDownInputArea .form-label-group input:not(:placeholder-shown) ~ label {
            padding-top: 9px;
            padding-left: 1rem; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropdown-menu {
            width: 100%; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropdown-menu::before {
              left: 50%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
            @media (max-width: 767px) {
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropdown-menu {
                height: 262px;
                z-index: 4;
                position: absolute !important;
                -webkit-transform: initial !important;
                -ms-transform: initial !important;
                transform: initial !important;
                top: 100%; } }
            @media (max-width: 575px) {
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropdown-menu {
                top: initial;
                margin-top: 13px; } }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropdown-menu .searchArea {
              max-height: 260px;
              margin-bottom: 0px; }
              .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea .whereFromDropdown .searchDropdown .dropdown-menu .searchArea .allStations .dropdown-item .textArea {
                max-width: 100%; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea.error {
            margin-bottom: 15px; }
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .carTimeArea.error::before {
              border-color: var(--orangey-red) !important;
              width: 100%; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .form-label-group.error {
          margin-bottom: 30px !important; }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .form-label-group.error {
              margin-bottom: 24px !important; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .customMultipleDateRangePicker .datePickerInput .form-label-group::after {
          right: 11px;
          width: 25px;
          height: 25px; }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .customMultipleDateRangePicker .datePickerInput .form-label-group::after {
              width: 15px;
              height: 17px;
              right: 8px; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.today {
          background-color: var(--grey-purple) !important; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.start-date::before {
          content: "Alış" !important; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentAcarTabPane .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.end-date::before {
          content: "Bırakış" !important; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .reservationCheckBox {
          float: right; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .reservationCheckBox .checkboxArea .checkboxText {
            font-size: 14px;
            font-weight: 600;
            color: var(--darkish-blue); }
        @media (min-width: 767px) {
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .customMultipleDateRangePicker .headerArea {
            display: none; } }
        @media (min-width: 767px) {
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .customMultipleDateRangePicker .footerArea {
            display: none; } }
        @media (min-width: 768px) {
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .customMultipleDateRangePicker .daterangepicker.opensright {
            top: 0px !important;
            left: 248px !important;
            margin-top: -77px !important; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentalHotelTabPane .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.start-date::before {
          content: "Giriş" !important; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentalHotelTabPane .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.end-date::before {
          content: "Çıkış" !important; }
        @media (max-width: 575px) {
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentalHotelTabPane .passengerNumber .dropDownInputArea .form-label-group input {
            padding-top: 0px;
            font-size: 13px;
            font-weight: 500; } }
        @media (max-width: 575px) {
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentalHotelTabPane .passengerNumber .dropDownInputArea .form-label-group label {
            display: none; } }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentalHotelTabPane .passengerNumber .dropdown-menu .passengersArea .searchArea {
          overflow: visible;
          overflow-x: visible; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentalHotelTabPane .vueSelectPickerArea .bootstrap-select .dropdown-toggle {
          background-color: #fafafa;
          border-radius: 16px; }
          .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentalHotelTabPane .vueSelectPickerArea .bootstrap-select .dropdown-toggle::after {
            display: inline-block;
            margin-left: 0.255em;
            vertical-align: 0.255em;
            content: "";
            margin-top: -1px;
            color: var(--blue-grey);
            background-color: transparent;
            border-top: 1px solid !important;
            border-right: 1px solid !important;
            width: 8px;
            height: 8px;
            border-left: none !important;
            border-bottom: none !important;
            transform: rotate(135deg) !important;
            -webkit-transform: rotate(135deg) !important;
            -moz-transform: rotate(135deg) !important;
            -ms-transform: rotate(135deg) !important;
            -o-transform: rotate(135deg) !important;
            padding-left: 0.255em;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; }
        .homePageSearchArea .homePageArea .tabMenuArea .tabArea .rentalHotelTabPane .vueSelectPickerArea .bootstrap-select.show .dropdown-toggle::after {
          -webkit-transform: rotate(-45deg) !important;
          -ms-transform: rotate(-45deg) !important;
          transform: rotate(-45deg) !important;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
      @media (max-width: 575px) {
        .homePageSearchArea .homePageArea .tabMenuArea {
          border-radius: 0px; } }
    .homePageSearchArea .homePageArea .lastSearch {
      margin: 24px 2px 0px 7px; }
      .homePageSearchArea .homePageArea .lastSearch .text {
        color: var(--blueberry);
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 0px;
        margin-right: 12px;
        display: none; }
        @media (max-width: 575px) {
          .homePageSearchArea .homePageArea .lastSearch .text {
            font-size: 12px; } }
      .homePageSearchArea .homePageArea .lastSearch .btnLastSearch {
        border-radius: 18px;
        border: solid 1px var(--grey-purple);
        background-color: var(--white);
        font-size: 13px;
        font-weight: 400;
        color: var(--grey-purple);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        padding: 5px 10px;
        margin-bottom: 8px;
        margin-right: 8px;
        position: relative;
        padding-right: 33px; }
        .homePageSearchArea .homePageArea .lastSearch .btnLastSearch:last-child {
          margin-right: 0px; }
        .homePageSearchArea .homePageArea .lastSearch .btnLastSearch .arrow {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          background-image: url("../images/icon-last-search.svg");
          background-repeat: no-repeat;
          width: 9px;
          height: 13px;
          background-position-y: 5px;
          margin-left: 6px;
          margin-right: 6px; }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .lastSearch .btnLastSearch .arrow {
              background-image: none;
              width: auto;
              height: auto;
              margin-left: 0px;
              margin-right: 0px; }
              .homePageSearchArea .homePageArea .lastSearch .btnLastSearch .arrow::before {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                content: "-";
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center; } }
        .homePageSearchArea .homePageArea .lastSearch .btnLastSearch img {
          position: absolute;
          right: 10px;
          top: 50%;
          margin-top: -6px; }
          @media (max-width: 575px) {
            .homePageSearchArea .homePageArea .lastSearch .btnLastSearch img {
              width: 8px;
              height: 8px;
              margin-top: -4px;
              right: 7px; } }
        @media (max-width: 575px) {
          .homePageSearchArea .homePageArea .lastSearch .btnLastSearch {
            font-size: 10px;
            height: calc(1.5em + 9px);
            padding-top: 0;
            padding-bottom: 0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-left: 8px;
            padding-right: 22px; } }
  @media (max-width: 991px) {
    .homePageSearchArea {
      position: static;
      top: -115px;
      left: auto;
      margin-top: -55px; }
      .homePageSearchArea .homePageArea {
        width: 100%;
        margin-top: 16px; } }
  @media (max-width: 576px) {
    .homePageSearchArea {
      position: static;
      top: 10px;
      left: auto;
      margin-top: -45px; } }
  .homePageSearchArea .reservationTabPane .nav-tabs .nav-item .nav-link.active,
  .homePageSearchArea .reservationTabPane .nav-tabs .nav-item .nav-link .nav-pills .show > .nav-link {
    color: var(--darkish-blue) !important; }
    @media (max-width: 575px) {
      .homePageSearchArea .reservationTabPane .nav-tabs .nav-item .nav-link.active,
      .homePageSearchArea .reservationTabPane .nav-tabs .nav-item .nav-link .nav-pills .show > .nav-link {
        background-color: var(--darkish-blue) !important;
        color: var(--white) !important; } }
  .homePageSearchArea .reservationTabPane .nav-tabs .nav-item .nav-link.active::after {
    background-image: url("../images/icon-triangle-blue.svg") !important;
    bottom: -13px !important; }
    @media (max-width: 575px) {
      .homePageSearchArea .reservationTabPane .nav-tabs .nav-item .nav-link.active::after {
        bottom: -11px !important; } }
  .homePageSearchArea .reservationTabPane .tabArea .btnSeferSearch {
    background-color: var(--darkish-blue); }

.announcements {
  margin-top: 100px;
  padding-bottom: 80px;
  padding-top: 16px;
  margin-bottom: 100px;
  position: relative; }
  .announcements:after {
    width: 50%;
    content: "";
    background-color: rgba(40, 48, 57, 0.04);
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1; }
  .announcements .title {
    font-size: 36px;
    color: var(--darkish-blue);
    padding-left: 16px;
    font-weight: 600;
    margin-bottom: 20px; }
  @media (max-width: 767px) {
    .announcements {
      margin-top: 40px;
      margin-bottom: 40px; }
      .announcements .title {
        font-size: 24px; } }

.mobil .caption {
  margin-bottom: 50px; }
  .mobil .caption h5 {
    color: #333d47;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 36px; }
  .mobil .caption p {
    color: #283039;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 36px;
    line-height: 1.5; }

@media (max-width: 767px) {
  .mobil .caption h5 {
    font-size: 24px;
    margin-bottom: 16px; }
  .mobil .caption p {
    font-size: 17px;
    margin-bottom: 16px; }
  .mobil .caption a {
    margin-top: 16px;
    display: block; } }

.seferList {
  /*.containerSm {
    &.container {
      max-width: 1375px;
    }
  }*/ }
  .seferList .seferHeaderText {
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .seferList .seferHeaderText {
        margin-top: 8px; } }
    @media (max-width: 575px) {
      .seferList .seferHeaderText {
        margin-bottom: 12px; } }
    .seferList .seferHeaderText h1 {
      font-size: 24px;
      font-weight: bold;
      color: var(--dusk); }
      @media (max-width: 575px) {
        .seferList .seferHeaderText h1 {
          font-size: 15px;
          font-weight: bold;
          color: var(--mid-dark);
          margin-bottom: 5px; } }
    .seferList .seferHeaderText p {
      font-size: 16px;
      color: var(--dusk);
      margin: 0px; }
      @media (max-width: 575px) {
        .seferList .seferHeaderText p {
          font-size: 14px;
          font-weight: normal;
          color: var(--purple-brown); } }
      .seferList .seferHeaderText p span::before {
        content: "";
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 9px;
        height: 12px;
        background-image: url("../images/icon-departure-arrival.svg");
        background-repeat: no-repeat;
        margin-left: 12px;
        margin-right: 12px; }
        @media (max-width: 575px) {
          .seferList .seferHeaderText p span::before {
            background-size: 7px;
            width: 7px;
            height: 10px; } }
  .seferList .seferArea .seferSearchArea .col-form-label {
    white-space: nowrap;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.3px;
    color: var(--grey-blue);
    -ms-flex-item-align: center;
    align-self: center;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: normal;
    margin-left: 0px;
    display: inline;
    margin-right: 8px; }
    @media (max-width: 575px) {
      .seferList .seferArea .seferSearchArea .col-form-label {
        margin-right: 0px;
        text-align: left;
        padding-left: 20px;
        font-size: 14px;
        color: var(--ice-blue);
        letter-spacing: -0.28px; } }
  .seferList .seferArea .seferSearchArea .searchDropdown::before {
    display: none; }
  .seferList .seferArea .seferSearchArea .searchDropdown .imgFromTo {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    right: -20px; }
  @media (max-width: 575px) {
    .seferList .seferArea .seferSearchArea .searchDropdown .dropDownInputArea .form-group {
      margin-bottom: 9px; } }
  .seferList .seferArea .seferSearchArea .searchDropdown .dropDownInputArea .form-group input {
    height: calc(2.5em + 0.75rem);
    border-radius: 26px;
    -webkit-box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11);
    box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11);
    font-size: 16px;
    font-weight: 600;
    color: var(--dusk);
    text-align: center;
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
    border-color: transparent; }
    @media (max-width: 575px) {
      .seferList .seferArea .seferSearchArea .searchDropdown .dropDownInputArea .form-group input {
        max-width: 100%;
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px; } }
  .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu {
    margin-left: 0px; }
    @media (max-width: 767px) {
      .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu {
        position: fixed !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        width: 100%;
        margin: 0px;
        border-radius: 0px;
        top: 0px; } }
    .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu::before {
      left: 90px; }
    @media (max-width: 767px) {
      .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown {
        height: 100vh;
        border: 0px;
        overflow: hidden; } }
    @media (max-width: 767px) {
      .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea {
        display: block; }
        .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group {
          margin-left: 16px;
          margin-right: 16px; }
          .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group::before {
            content: "";
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background-image: url(../images/icon-search.svg);
            background-repeat: no-repeat;
            width: 18px;
            height: 18px;
            background-size: 18px;
            position: absolute;
            top: 50%;
            margin-top: -9px;
            margin-left: 12px; }
          .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input {
            height: calc(2.5em + 1rem + 2px);
            color: var(--grey-purple);
            font-size: 16px;
            padding-left: 38px;
            padding-right: 38px;
            border-width: 2px; }
            .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::-webkit-input-placeholder {
              opacity: 1 !important;
              color: var(--grey-purple) !important; }
            .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::-moz-placeholder {
              opacity: 1 !important;
              color: var(--grey-purple) !important; }
            .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input:-ms-input-placeholder {
              opacity: 1 !important;
              color: var(--grey-purple) !important; }
            .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::-ms-input-placeholder {
              opacity: 1 !important;
              color: var(--grey-purple) !important; }
            .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .form-label-group input::placeholder {
              opacity: 1 !important;
              color: var(--grey-purple) !important; }
        .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .btnClose {
          width: 100%;
          font-size: 18px;
          font-weight: bold;
          padding: 11.5px 40px;
          border-radius: 0px;
          margin-bottom: 12px;
          position: relative; }
          .seferList .seferArea .seferSearchArea .searchDropdown .dropdown-menu.mobileDropdown.show .dropDownInputArea .btnClose::after {
            content: "";
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            background-image: url(../images/icon-dropdown-close.svg);
            width: 16px;
            height: 16px;
            position: absolute;
            position: absolute;
            margin-top: -8px;
            top: 50%;
            right: 17px; } }
  .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber {
    position: relative; }
    @media (max-width: 767px) {
      .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropDownInputArea {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        position: relative; } }
    @media (max-width: 575px) {
      .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropDownInputArea {
        width: 100%;
        margin-top: 20px; } }
    .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropDownInputArea input {
      padding: 0px;
      text-align: left;
      padding-left: 23px;
      padding-right: 88px; }
      .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropDownInputArea input:-moz-read-only {
        background-color: #fff; }
      .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropDownInputArea input:read-only {
        background-color: #fff; }
      @media (max-width: 575px) {
        .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropDownInputArea input {
          min-width: 100%; } }
    .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .btnSearch {
      border-radius: 26px;
      -webkit-box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11);
      box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11);
      font-size: 21px;
      font-weight: bold;
      max-height: 52px;
      padding: 10px 28.5px;
      position: absolute;
      right: 0px;
      top: 0px; }
      @media (max-width: 767px) {
        .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .btnSearch {
          padding: 8px 66px; } }
    @media (max-width: 767px) {
      .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropdown-menu {
        top: auto;
        bottom: 0px; } }
    .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropdown-menu .passengersArea .searchArea {
      overflow-y: hidden;
      overflow: hidden; }
    .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropdown-menu::before {
      right: 95px;
      left: auto; }
      @media (max-width: 767px) {
        .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropdown-menu::before {
          left: 95px;
          right: 0px; } }
    @media (max-width: 767px) {
      .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber.show > .dropdown-menu {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1; }
      .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber.dropdown .dropdown-menu {
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0; }
      .seferList .seferArea .seferSearchArea .searchDropdown.passengerNumber.dropdown.show .dropdown-menu {
        max-height: 240px;
        opacity: 1; } }
  .seferList .seferArea .seferSearchArea .searchDropdown.show .dropdown-toggle {
    border-color: var(--darkish-blue) !important; }
  .seferList .seferArea .seferSearchArea .customP {
    padding-left: 8px; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .seferList .seferArea .seferSearchArea .customP {
        padding-left: 5px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .seferList .seferArea .seferSearchArea .customP {
        padding-right: 15px; } }
    @media (max-width: 575px) {
      .seferList .seferArea .seferSearchArea .customP {
        padding-left: 0px; } }
  .seferList .seferArea .seferSearchArea .whereFromDropdown .dropdown-menu::before {
    left: 50%;
    margin-left: -27px; }
    @media only screen and (min-width: 767px) and (max-width: 1200px) {
      .seferList .seferArea .seferSearchArea .whereFromDropdown .dropdown-menu::before {
        left: 16%;
        margin-left: -1px; } }
  .seferList .seferArea .seferSearchArea .toWhereDropdown .dropdown-menu::before {
    left: 14%;
    margin-left: 5px; }
  @media (max-width: 767px) {
    .seferList .seferArea .seferSearchArea .toWhereDropdown .dropDownInputArea {
      margin-bottom: 0px; } }
  .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text {
    height: calc(2.5em + 0.75rem);
    border-radius: 26px;
    overflow: visible !important;
    background-color: transparent !important;
    display: block !important; }
    @media (max-width: 767px) {
      .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text {
        background-color: transparent; } }
    @media (max-width: 767px) {
      .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .h-100 {
        width: 100%; } }
    .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .dateInputArea {
      height: 100%;
      background: #f8f9fb; }
      @media (max-width: 767px) {
        .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .dateInputArea {
          width: 100%;
          background-color: #3c4858; } }
      .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .dateInputArea:before {
        display: none; }
      @media (max-width: 767px) {
        .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .dateInputArea .departureDate {
          padding-right: 15px; } }
    .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput {
      width: auto; }
      @media (max-width: 767px) {
        .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput {
          width: 100%;
          height: 47px; } }
      .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput::after {
        display: none; }
      .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput::before {
        display: none; }
      .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput input {
        height: 100%;
        border-radius: 26px;
        -webkit-box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11);
        box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11);
        font-size: 16px;
        font-weight: 600;
        color: var(--dusk);
        text-align: center;
        padding: 0;
        padding-right: 15px;
        padding-left: 15px; }
        @media (max-width: 575px) {
          .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput input {
            max-width: 100%;
            text-align: left;
            padding-left: 20px;
            padding-right: 20px;
            font-size: 14px; } }
      .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput .form-label-group {
        height: 100%; }
        .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput .form-label-group::after {
          display: none; }
        .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput .form-label-group input {
          background-color: var(--white); }
          @media (max-width: 767px) {
            .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput .form-label-group input {
              height: 100%;
              max-width: 100%;
              font-size: 14px;
              font-weight: 600;
              text-align: left;
              padding-left: 20px;
              padding-right: 11px; } }
      .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput .btnReturnArea {
        height: 100%;
        margin: 0px; }
        .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput .btnReturnArea .btnAddReturn {
          padding: 0px; }
          @media (max-width: 767px) {
            .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput .btnReturnArea .btnAddReturn {
              color: var(--white); } }
          .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .reportrange-text .datePickerInput .btnReturnArea .btnAddReturn::before {
            display: none; }
  .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .daterangepicker {
    margin-top: 14px;
    left: 0 !important;
    -webkit-transform: translate(-22%, 0px) !important;
    -ms-transform: translate(-22%, 0px) !important;
    transform: translate(-22%, 0px) !important; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .daterangepicker {
        -webkit-transform: inherit !important;
        -ms-transform: inherit !important;
        transform: inherit !important; } }
    @media (max-width: 767px) {
      .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .daterangepicker {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important; } }
    .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .daterangepicker::before {
      top: -12px;
      left: auto;
      right: 54px;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      display: none; }
    .seferList .seferArea .seferSearchArea .customMultipleDateRangePicker .daterangepicker .headerArea .btnAddReturn {
      padding-left: 0px; }
  .seferList .seferArea .seferSearchArea .multipleDateRangePickerFinish .daterangepicker {
    -webkit-transform: translate(-47%, 0px) !important;
    -ms-transform: translate(-47%, 0px) !important;
    transform: translate(-47%, 0px) !important; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      .seferList .seferArea .seferSearchArea .multipleDateRangePickerFinish .daterangepicker {
        -webkit-transform: translate(-78%, 0px) !important;
        -ms-transform: translate(-78%, 0px) !important;
        transform: translate(-78%, 0px) !important; } }
    @media (max-width: 767px) {
      .seferList .seferArea .seferSearchArea .multipleDateRangePickerFinish .daterangepicker {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        min-width: 100%; } }
  .seferList .seferInformationArea h2 {
    font-size: 32px;
    font-weight: 500;
    color: var(--dusk);
    margin-bottom: 0px;
    text-align: center; }
    @media (max-width: 575px) {
      .seferList .seferInformationArea h2 {
        font-size: 21px;
        text-align: left; } }
    .seferList .seferInformationArea h2 span {
      background-image: url("../images/icon-sefer-arrow.svg");
      background-repeat: no-repeat;
      width: 24px;
      height: 17px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      @media (max-width: 575px) {
        .seferList .seferInformationArea h2 span {
          width: 12px;
          height: 11px;
          background-size: 12px; } }
    .seferList .seferInformationArea h2 small {
      font-size: 32px;
      font-weight: 500;
      color: var(--grey-blue) !important;
      margin-left: 12px; }
      @media (max-width: 575px) {
        .seferList .seferInformationArea h2 small {
          font-size: 18px; } }
  .seferList .seferInformationArea .textSeferDepartureFirst {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.61;
    color: var(--slate);
    text-align: center; }
    @media (max-width: 575px) {
      .seferList .seferInformationArea .textSeferDepartureFirst {
        font-size: 16px; } }
  .seferList .seferInformationArea .textSeferNotFound {
    font-size: 16px;
    font-weight: normal;
    color: var(--white);
    text-align: center;
    border-radius: 20px;
    line-height: 3;
    background-color: var(--midnightdark);
    margin-top: -30px;
    margin-bottom: 10px; }
    @media (max-width: 575px) {
      .seferList .seferInformationArea .textSeferNotFound {
        font-size: 14px; } }
  .seferList .seferInformationArea .headerSubText {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.19;
    color: var(--darkish-blue);
    text-align: center;
    margin-top: 18px;
    margin-bottom: 18px; }
  .seferList .seferInformationArea .departureAccordion h2 {
    margin-bottom: 15px; }
    @media (max-width: 575px) {
      .seferList .seferInformationArea .departureAccordion h2 {
        text-align: center;
        margin-bottom: 10px; } }
  .seferList .seferInformationArea .departureAccordion .seferAccordion {
    margin-top: 0px; }
  .seferList .textSeferInfo {
    margin-bottom: 100px;
    margin-top: 50px;
    font-size: 14px;
    text-align: center; }
    @media (max-width: 575px) {
      .seferList .textSeferInfo {
        font-size: 12px; } }
  .seferList .btnContinue {
    font-size: 24px;
    font-weight: 600;
    border-radius: 24px;
    padding: 12px 57px; }
    @media (max-width: 575px) {
      .seferList .btnContinue {
        padding: 7px 40px;
        font-size: 18px; } }
  .seferList .btnAgain {
    font-size: 21px;
    font-weight: bold;
    color: var(--slate);
    text-decoration: underline;
    padding: 0px;
    margin-right: 50px; }
    @media (max-width: 575px) {
      .seferList .btnAgain {
        font-size: 18px;
        margin-right: 15px; } }
  .seferList .btnAccordionSeferSearch {
    border-radius: 8px;
    background-color: var(--slate);
    font-size: 16px;
    font-weight: 600;
    color: var(--white);
    position: relative;
    padding-left: 24px;
    padding-right: 16px;
    padding-top: 7px;
    padding-bottom: 7px; }
    @media (max-width: 575px) {
      .seferList .btnAccordionSeferSearch {
        border-radius: 4px;
        padding: 8px 6px;
        font-size: 12px; } }
    .seferList .btnAccordionSeferSearch::after {
      content: "";
      display: block;
      background-image: url("../images/icon-sefer-search-accordion-arrow.svg");
      background-repeat: no-repeat;
      width: 11px;
      height: 6px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-left: 10px;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
      @media (max-width: 575px) {
        .seferList .btnAccordionSeferSearch::after {
          background-size: 9px;
          width: 9px;
          height: 5px;
          margin-left: 5px; } }
    .seferList .btnAccordionSeferSearch.collapsed::after {
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); }
  .seferList .customH {
    margin-bottom: 24px;
    margin-top: auto; }
    @media (max-width: 575px) {
      .seferList .customH {
        margin-bottom: 18px; } }
  @media (max-width: 767px) {
    .seferList .seferSearchAccordion {
      margin-left: -15px;
      margin-right: -15px;
      padding-right: 15px;
      padding-left: 15px;
      -webkit-box-shadow: 0 5px 24px 0 rgba(68, 60, 98, 0.22);
      box-shadow: 0 5px 24px 0 rgba(68, 60, 98, 0.22);
      background-color: var(--slate); }
      .seferList .seferSearchAccordion .collapse .card.card-body,
      .seferList .seferSearchAccordion .collapsing .card.card-body {
        padding-top: 17px; }
        .seferList .seferSearchAccordion .collapse .card.card-body .seferArea .seferSearchArea .customP,
        .seferList .seferSearchAccordion .collapsing .card.card-body .seferArea .seferSearchArea .customP {
          padding-left: 0px; }
        .seferList .seferSearchAccordion .collapse .card.card-body .seferArea .seferSearchArea .col-form-label,
        .seferList .seferSearchAccordion .collapsing .card.card-body .seferArea .seferSearchArea .col-form-label {
          margin-right: 0px;
          text-align: left;
          padding-left: 20px;
          font-size: 14px;
          color: var(--ice-blue);
          letter-spacing: -0.28px; }
        .seferList .seferSearchAccordion .collapse .card.card-body .seferArea .seferSearchArea .searchDropdown .dropDownInputArea .form-group,
        .seferList .seferSearchAccordion .collapsing .card.card-body .seferArea .seferSearchArea .searchDropdown .dropDownInputArea .form-group {
          margin-bottom: 9px; }
          .seferList .seferSearchAccordion .collapse .card.card-body .seferArea .seferSearchArea .searchDropdown .dropDownInputArea .form-group input,
          .seferList .seferSearchAccordion .collapsing .card.card-body .seferArea .seferSearchArea .searchDropdown .dropDownInputArea .form-group input {
            max-width: 100%;
            text-align: left;
            padding-left: 20px;
            padding-right: 20px;
            font-size: 14px; }
        .seferList .seferSearchAccordion .collapse .card.card-body .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropDownInputArea,
        .seferList .seferSearchAccordion .collapsing .card.card-body .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropDownInputArea {
          width: 100%;
          margin-top: 0px; } }
  .seferList .totalPriceAreaFixed {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 2;
    width: 100%; }
    .seferList .totalPriceAreaFixed .collapse .card,
    .seferList .totalPriceAreaFixed .collapsing .card {
      background-color: #dce3ea;
      border-radius: 0px; }
      .seferList .totalPriceAreaFixed .collapse .card.card-body,
      .seferList .totalPriceAreaFixed .collapsing .card.card-body {
        padding: 0px;
        padding-top: 35px;
        padding-bottom: 15px; }
        @media (max-width: 767px) {
          .seferList .totalPriceAreaFixed .collapse .card.card-body,
          .seferList .totalPriceAreaFixed .collapsing .card.card-body {
            padding-top: 15px; } }
        .seferList .totalPriceAreaFixed .collapse .card.card-body .collapseHead,
        .seferList .totalPriceAreaFixed .collapsing .card.card-body .collapseHead {
          font-size: 18px;
          color: var(--slate);
          font-weight: bold;
          margin-bottom: 16px; }
        .seferList .totalPriceAreaFixed .collapse .card.card-body .colBg,
        .seferList .totalPriceAreaFixed .collapsing .card.card-body .colBg {
          background-color: var(--ice-blue);
          padding-top: 16px;
          padding-bottom: 16px;
          padding-left: 20px;
          padding-right: 10px;
          margin-bottom: 20px; }
          .seferList .totalPriceAreaFixed .collapse .card.card-body .colBg .boxHead,
          .seferList .totalPriceAreaFixed .collapsing .card.card-body .colBg .boxHead {
            margin-bottom: 0px;
            font-size: 16px;
            font-weight: bold;
            color: var(--dusk); }
          .seferList .totalPriceAreaFixed .collapse .card.card-body .colBg .textPassenger,
          .seferList .totalPriceAreaFixed .collapsing .card.card-body .colBg .textPassenger {
            font-size: 14px;
            font-weight: 500;
            color: var(--dusk);
            padding-right: 10px; }
          .seferList .totalPriceAreaFixed .collapse .card.card-body .colBg .textPrice,
          .seferList .totalPriceAreaFixed .collapsing .card.card-body .colBg .textPrice {
            font-size: 16px;
            font-weight: bold;
            color: var(--dusk); }
        .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea,
        .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea {
          padding-left: 20px;
          padding-right: 10px; }
          @media (max-width: 575px) {
            .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea,
            .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea {
              padding-left: 0px;
              padding-right: 0px; } }
          .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .headCardBody,
          .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .headCardBody {
            font-size: 14px;
            font-weight: 500;
            color: var(--slate);
            margin-bottom: 0px; }
            @media (max-width: 575px) {
              .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .headCardBody,
              .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .headCardBody {
                font-size: 13px; } }
          .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .textDate,
          .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .textDate {
            margin-bottom: 20px; }
            .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .textDate p,
            .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .textDate p {
              font-size: 14px;
              font-weight: 500;
              color: var(--grey-blue);
              margin-bottom: 0px;
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex; }
              @media (max-width: 575px) {
                .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .textDate p,
                .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .textDate p {
                  font-size: 13px; } }
              .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .textDate p time,
              .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .textDate p time {
                color: var(--dusk); }
            .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .textDate .textTime:first-child,
            .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .textDate .textTime:first-child {
              margin-right: 8px; }
          .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .passengerDetail,
          .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .passengerDetail {
            margin-bottom: 15px; }
            .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .passengerDetail .textWagonType,
            .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .passengerDetail .textWagonType {
              font-size: 14px;
              font-weight: 500;
              color: var(--grey-blue);
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between;
              margin-bottom: 0px; }
              @media (max-width: 575px) {
                .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .passengerDetail .textWagonType,
                .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .passengerDetail .textWagonType {
                  font-size: 13px; } }
            .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .passengerDetail .textPrice,
            .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .passengerDetail .textPrice {
              font-size: 14px;
              font-weight: 500;
              color: var(--dusk);
              text-align: right;
              margin-bottom: 0px; }
              @media (max-width: 575px) {
                .seferList .totalPriceAreaFixed .collapse .card.card-body .textBodyArea .passengerDetail .textPrice,
                .seferList .totalPriceAreaFixed .collapsing .card.card-body .textBodyArea .passengerDetail .textPrice {
                  font-size: 13px; } }
        .seferList .totalPriceAreaFixed .collapse .card.card-body .priceScrollbar,
        .seferList .totalPriceAreaFixed .collapsing .card.card-body .priceScrollbar {
          max-height: 350px;
          overflow-x: hidden;
          overflow-y: auto;
          -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
        .seferList .totalPriceAreaFixed .collapse .card.card-body .closeImg,
        .seferList .totalPriceAreaFixed .collapsing .card.card-body .closeImg {
          margin-top: -2px;
          cursor: pointer; }
    .seferList .totalPriceAreaFixed .collapseBtnArea {
      background-color: #0c0236;
      border-bottom: 1px solid transparent;
      padding-top: 10px;
      padding-bottom: 10px; }
      @media (max-width: 575px) {
        .seferList .totalPriceAreaFixed .collapseBtnArea .containerSm {
          padding: 0px; } }
      .seferList .totalPriceAreaFixed .collapseBtnArea .btnPrice {
        padding: 0px;
        text-align: left;
        position: relative;
        padding-right: 20px; }
        .seferList .totalPriceAreaFixed .collapseBtnArea .btnPrice::after {
          content: "";
          display: block;
          background-image: url("../images/icon-white-arrow.svg");
          background-repeat: no-repeat;
          width: 11px;
          height: 6px;
          position: absolute;
          right: 0px;
          top: 50%;
          margin-top: -3px;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
        .seferList .totalPriceAreaFixed .collapseBtnArea .btnPrice .totalPriceHeader .textHead {
          font-size: 14px;
          font-weight: 500;
          color: #fbfbfd; }
        .seferList .totalPriceAreaFixed .collapseBtnArea .btnPrice .totalPriceHeader .textPrice {
          font-size: 21px;
          font-weight: bold;
          color: #fbfbfd;
          margin-bottom: 0px;
          line-height: normal; }
          @media (max-width: 575px) {
            .seferList .totalPriceAreaFixed .collapseBtnArea .btnPrice .totalPriceHeader .textPrice {
              font-size: 18px; } }
        .seferList .totalPriceAreaFixed .collapseBtnArea .btnPrice.rezervationPriceArea::after {
          display: none; }
      .seferList .totalPriceAreaFixed .collapseBtnArea .collapsed::after {
        content: "";
        display: block;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        right: 0px; }
      .seferList .totalPriceAreaFixed .collapseBtnArea .btnContinue {
        padding: 12px 43px;
        font-size: 18px;
        border-radius: 12px;
        margin-left: 20px; }
        @media (max-width: 575px) {
          .seferList .totalPriceAreaFixed .collapseBtnArea .btnContinue {
            padding: 12px 28px;
            font-size: 16px; } }
  .seferList .emptyChangeSefer {
    height: 400px;
    text-align: center;
    margin-bottom: 50px; }
    .seferList .emptyChangeSefer p {
      margin-bottom: 0px;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.81;
      color: var(--slate); }

.seatMap .selectedZIndex {
  z-index: 1; }

.seatMap .seferAccordion {
  margin-top: 0px; }
  @media (max-width: 575px) {
    .seatMap .seferAccordion .card {
      border-radius: 24px; } }
  .seatMap .seferAccordion .card .collapse .card-body,
  .seatMap .seferAccordion .card .collapsing .card-body {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 32px;
    padding-bottom: 44px; }
    @media (max-width: 575px) {
      .seatMap .seferAccordion .card .collapse .card-body,
      .seatMap .seferAccordion .card .collapsing .card-body {
        padding: 20px; } }
    .seatMap .seferAccordion .card .collapse .card-body .cardBodyTextHead,
    .seatMap .seferAccordion .card .collapsing .card-body .cardBodyTextHead {
      font-size: 21px;
      font-weight: 500;
      color: var(--dusk);
      text-align: center; }
      @media (max-width: 575px) {
        .seatMap .seferAccordion .card .collapse .card-body .cardBodyTextHead,
        .seatMap .seferAccordion .card .collapsing .card-body .cardBodyTextHead {
          font-size: 16px;
          font-weight: 500; }
          .seatMap .seferAccordion .card .collapse .card-body .cardBodyTextHead strong,
          .seatMap .seferAccordion .card .collapsing .card-body .cardBodyTextHead strong {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
      .seatMap .seferAccordion .card .collapse .card-body .cardBodyTextHead::after,
      .seatMap .seferAccordion .card .collapsing .card-body .cardBodyTextHead::after {
        content: "";
        display: block;
        border: solid 1px var(--light-blue-grey);
        width: 100%;
        margin-top: 20px;
        margin-bottom: 48px; }
        @media (max-width: 575px) {
          .seatMap .seferAccordion .card .collapse .card-body .cardBodyTextHead::after,
          .seatMap .seferAccordion .card .collapsing .card-body .cardBodyTextHead::after {
            margin-top: 13px;
            margin-bottom: 23px; } }
    .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea,
    .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea {
      overflow-x: auto;
      overflow-y: hidden;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea.scrollbar,
      .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea.scrollbar {
        padding-bottom: 15px; }
      .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .col-auto:first-child,
      .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .col-auto:first-child {
        margin-left: auto; }
      .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .col-auto:last-child,
      .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .col-auto:last-child {
        margin-right: auto; }
      .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap,
      .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap {
        text-align: center;
        margin-right: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%; }
        @media (max-width: 575px) {
          .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap,
          .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap {
            margin-right: 7px; } }
        .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .btnWagon,
        .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .btnWagon {
          border-radius: 8px;
          background-color: var(--light-blue-grey);
          font-size: 15px;
          font-weight: 500;
          color: var(--slate);
          padding: 10px 20px;
          line-height: normal;
          margin-bottom: 10px;
          margin-top: 5px;
          white-space: nowrap; }
          @media (max-width: 575px) {
            .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .btnWagon,
            .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .btnWagon {
              font-size: 12px;
              padding: 6px 18px;
              line-height: inherit;
              margin-bottom: 8px; } }
          .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .btnWagon.active,
          .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .btnWagon.active {
            background-color: var(--darkish-blue);
            color: var(--white); }
            .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .btnWagon.active .textEmptySeat,
            .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .btnWagon.active .textEmptySeat {
              color: var(--white); }
          .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .btnWagon.direction,
          .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .btnWagon.direction {
            padding: 19px 34px;
            position: relative;
            border-radius: 60px 10px 10px 12px; }
            .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .btnWagon.direction::before,
            .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .btnWagon.direction::before {
              content: "";
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              background-color: white;
              width: 12px;
              height: 28px;
              border-radius: 50%;
              position: absolute;
              left: 11px;
              z-index: 1;
              top: 0px;
              -webkit-transform: rotate(50deg);
              -ms-transform: rotate(50deg);
              transform: rotate(50deg);
              top: 50%;
              margin-top: -20px; }
          .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .btnWagon.directionRight,
          .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .btnWagon.directionRight {
            border-radius: 8px 60px 8px 8px; }
            .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .btnWagon.directionRight::before,
            .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .btnWagon.directionRight::before {
              right: 11px;
              left: auto;
              -webkit-transform: rotate(-50deg);
              -ms-transform: rotate(-50deg);
              transform: rotate(-50deg); }
        .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .locomotive,
        .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .locomotive {
          padding: 0px;
          margin-bottom: 10px; }
          .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .locomotive img,
          .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .locomotive img {
            height: 74px; }
        .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .yhtWagon,
        .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .yhtWagon {
          padding: 0.375rem 0.75rem;
          height: 79px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .yhtWagon img,
          .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .yhtWagon img {
            width: 16px;
            height: 18px;
            margin-right: 4px; }
          .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .yhtWagon span,
          .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .yhtWagon span {
            font-size: 14px;
            font-weight: bold;
            color: #3c495a;
            white-space: nowrap; }
        .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .textWagonType,
        .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .textWagonType {
          font-size: 12px;
          font-weight: 600;
          color: var(--grey-blue);
          margin-bottom: 0px;
          margin-bottom: 10px;
          height: 100%; }
          @media (max-width: 575px) {
            .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .textWagonType,
            .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .textWagonType {
              font-size: 12px;
              font-weight: normal; } }
        .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .textEmptySeat,
        .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .textEmptySeat {
          color: #3c495a;
          font-size: 12px;
          font-weight: 600;
          line-height: 0.92;
          margin-bottom: 0px;
          text-align: left;
          max-width: -webkit-min-content;
          max-width: -moz-min-content;
          max-width: min-content;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          @media (max-width: 575px) {
            .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .textEmptySeat,
            .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .textEmptySeat {
              font-weight: 500; } }
          .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .textEmptySeat span,
          .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .textEmptySeat span {
            font-size: 32px;
            font-weight: 600;
            margin-right: 4px; }
            @media (max-width: 575px) {
              .seatMap .seferAccordion .card .collapse .card-body .wagonMapArea .wagonMap .textEmptySeat span,
              .seatMap .seferAccordion .card .collapsing .card-body .wagonMapArea .wagonMap .textEmptySeat span {
                font-weight: 500; } }
    .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate,
    .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate {
      overflow-x: auto; }
      @media (max-width: 1200px) {
        .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea,
        .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea {
          width: 44px !important; } }
      .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea .ui-wagon-slot-item .checkboxArea .closeImg,
      .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea .ui-wagon-slot-item .checkboxArea .closeImg {
        z-index: 1; }
      .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title,
      .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title {
        top: 0;
        margin-top: 7.5px;
        color: #000;
        font-weight: 600;
        font-size: 11px; }
        @media (max-width: 1200px) {
          .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title,
          .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title {
            top: 9px;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            padding: 0px !important;
            margin-top: 0px;
            left: -3px; } }
      .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea.leftImgArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title,
      .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea.leftImgArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title {
        width: 100%;
        padding: 0;
        padding-left: 2px; }
      .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea.rightImgArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title,
      .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea.rightImgArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title {
        padding-right: 2px;
        width: 100%; }
        @media (max-width: 1200px) {
          .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea.rightImgArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title,
          .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .emptySeatArea.rightImgArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title {
            margin-left: -3px; } }
      .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .coveredBunkSeatArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title,
      .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .coveredBunkSeatArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title {
        top: 0;
        margin-top: 7.5px;
        color: #000;
        font-weight: 600;
        font-size: 13px; }
        @media (max-width: 1200px) {
          .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .coveredBunkSeatArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title,
          .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .coveredBunkSeatArea .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); } }
      .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .outOfServiceSeat .ui-wagon-slot-item .checkboxArea img,
      .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .outOfServiceSeat .ui-wagon-slot-item .checkboxArea img {
        width: 36px;
        height: 36px; }
      .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .outOfServiceSeat .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title,
      .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate .rotateContent .rotateItem .rotate .outOfServiceSeat .ui-wagon-slot-item .checkboxArea .ui-widget.ui-widget-header.ui-wagon-item-title {
        display: none; }
    @media (max-width: 1200px) {
      .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .colRotate,
      .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .colRotate {
        overflow: hidden; }
      .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .rotateContent,
      .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .rotateContent {
        display: table; }
        .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .rotateContent .rotateItem,
        .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .rotateContent .rotateItem {
          padding: 50% 0;
          height: 0px; }
          .seatMap .seferAccordion .card .collapse .card-body .seatMapTable .rotateContent .rotateItem .rotate,
          .seatMap .seferAccordion .card .collapsing .card-body .seatMapTable .rotateContent .rotateItem .rotate {
            display: block;
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-transform: rotate(90deg) translate(0, -100%);
            -ms-transform: rotate(90deg) translate(0, -100%);
            transform: rotate(90deg) translate(0, -100%);
            margin-top: -50%;
            white-space: nowrap; } }
    .seatMap .seferAccordion .card .collapse .card-body .seferInformation .information ul li,
    .seatMap .seferAccordion .card .collapsing .card-body .seferInformation .information ul li {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      line-height: normal; }
      .seatMap .seferAccordion .card .collapse .card-body .seferInformation .information ul li::before,
      .seatMap .seferAccordion .card .collapsing .card-body .seferInformation .information ul li::before {
        content: "";
        background-color: transparent;
        background-image: url("../images/icon-warning.svg");
        background-repeat: no-repeat;
        width: 14px;
        height: 13px;
        border-radius: 0px;
        background-size: 14px; }
    .seatMap .seferAccordion .card .collapse .card-body .seferInformation .information .priceArea,
    .seatMap .seferAccordion .card .collapsing .card-body .seferInformation .information .priceArea {
      text-align: right; }
      @media (max-width: 767px) {
        .seatMap .seferAccordion .card .collapse .card-body .seferInformation .information .priceArea,
        .seatMap .seferAccordion .card .collapsing .card-body .seferInformation .information .priceArea {
          text-align: center;
          margin-bottom: 10px; } }
      .seatMap .seferAccordion .card .collapse .card-body .seferInformation .information .priceArea .textPriceHead,
      .seatMap .seferAccordion .card .collapsing .card-body .seferInformation .information .priceArea .textPriceHead {
        font-size: 12px;
        font-weight: 500;
        color: var(--midnightdark); }
      .seatMap .seferAccordion .card .collapse .card-body .seferInformation .information .priceArea .textPrice,
      .seatMap .seferAccordion .card .collapsing .card-body .seferInformation .information .priceArea .textPrice {
        font-size: 24px;
        font-weight: bold;
        color: var(--midnightdark);
        margin-bottom: 0px; }
    .seatMap .seferAccordion .card .collapse .card-body .seatMapTabMenu ul,
    .seatMap .seferAccordion .card .collapsing .card-body .seatMapTabMenu ul {
      margin-bottom: 30px; }
      @media (max-width: 575px) {
        .seatMap .seferAccordion .card .collapse .card-body .seatMapTabMenu ul,
        .seatMap .seferAccordion .card .collapsing .card-body .seatMapTabMenu ul {
          margin-bottom: 26px; } }
      .seatMap .seferAccordion .card .collapse .card-body .seatMapTabMenu ul li button,
      .seatMap .seferAccordion .card .collapsing .card-body .seatMapTabMenu ul li button {
        width: 100%;
        padding: 0px;
        border: 0px;
        position: relative;
        z-index: 1; }
        .seatMap .seferAccordion .card .collapse .card-body .seatMapTabMenu ul li button.active,
        .seatMap .seferAccordion .card .collapsing .card-body .seatMapTabMenu ul li button.active {
          background-color: transparent;
          border-bottom: 3px solid var(--darkish-blue);
          border-radius: 0px; }
          .seatMap .seferAccordion .card .collapse .card-body .seatMapTabMenu ul li button.active::after,
          .seatMap .seferAccordion .card .collapsing .card-body .seatMapTabMenu ul li button.active::after {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            background-color: var(--darkish-blue);
            position: absolute;
            left: 50%;
            margin-left: -10px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            bottom: -10px;
            border-radius: 10%;
            z-index: -1; }
        .seatMap .seferAccordion .card .collapse .card-body .seatMapTabMenu ul li button .cardBodyTextHead,
        .seatMap .seferAccordion .card .collapsing .card-body .seatMapTabMenu ul li button .cardBodyTextHead {
          z-index: 1;
          background: white;
          padding-bottom: 18px;
          margin: 0px; }
          .seatMap .seferAccordion .card .collapse .card-body .seatMapTabMenu ul li button .cardBodyTextHead::after,
          .seatMap .seferAccordion .card .collapsing .card-body .seatMapTabMenu ul li button .cardBodyTextHead::after {
            display: none; }
  .seatMap .seferAccordion .card .card-header {
    cursor: default;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 0px;
    -webkit-box-shadow: none;
    box-shadow: none; }
    @media (max-width: 575px) {
      .seatMap .seferAccordion .card .card-header {
        padding-left: 20px;
        padding-right: 20px; } }
    .seatMap .seferAccordion .card .card-header .selectedSeatHeader {
      margin-bottom: 35px; }
      @media (max-width: 575px) {
        .seatMap .seferAccordion .card .card-header .selectedSeatHeader {
          margin-bottom: 25px; } }
      .seatMap .seferAccordion .card .card-header .selectedSeatHeader::before {
        content: "";
        display: block;
        width: 100%;
        border: solid 1px var(--light-blue-grey);
        margin-bottom: 30px;
        margin-right: 15px;
        margin-left: 15px; }
        @media (max-width: 575px) {
          .seatMap .seferAccordion .card .card-header .selectedSeatHeader::before {
            margin-top: 5px;
            margin-bottom: 18px; } }
      .seatMap .seferAccordion .card .card-header .selectedSeatHeader .selectedTextHeader {
        font-size: 21px;
        font-weight: bold;
        letter-spacing: -0.42px;
        color: var(--dusk);
        margin-bottom: 5px; }
        @media (max-width: 575px) {
          .seatMap .seferAccordion .card .card-header .selectedSeatHeader .selectedTextHeader {
            font-size: 16px;
            letter-spacing: -0.32px; } }
      .seatMap .seferAccordion .card .card-header .selectedSeatHeader .selectedSubTextHeader {
        font-size: 14px;
        font-weight: normal;
        line-height: 1.36;
        color: var(--slate);
        margin-bottom: 0px; }
        @media (max-width: 575px) {
          .seatMap .seferAccordion .card .card-header .selectedSeatHeader .selectedSubTextHeader {
            font-size: 12px;
            line-height: 1.58; } }
      .seatMap .seferAccordion .card .card-header .selectedSeatHeader .cladBunkPrice {
        text-align: right; }
        @media (max-width: 575px) {
          .seatMap .seferAccordion .card .card-header .selectedSeatHeader .cladBunkPrice {
            text-align: left;
            margin-top: 10px; } }
        .seatMap .seferAccordion .card .card-header .selectedSeatHeader .cladBunkPrice h6 {
          font-size: 9px;
          font-weight: 500;
          color: var(--darkish-blue);
          margin-bottom: 1px;
          line-height: normal; }
        .seatMap .seferAccordion .card .card-header .selectedSeatHeader .cladBunkPrice p {
          margin-bottom: 0px;
          font-size: 18px;
          font-weight: bold;
          color: var(--darkish-blue);
          line-height: normal; }
    .seatMap .seferAccordion .card .card-header .selectedSeatArea p {
      line-height: normal;
      margin-bottom: 0px; }
    .seatMap .seferAccordion .card .card-header .selectedSeatArea .headSelectedSeat {
      font-size: 16px;
      font-weight: normal;
      line-height: 1.19;
      color: var(--slate);
      margin-bottom: 20px; }
      @media (max-width: 575px) {
        .seatMap .seferAccordion .card .card-header .selectedSeatArea .headSelectedSeat {
          font-size: 14px;
          font-weight: normal;
          line-height: 1.36; } }
      @media (max-width: 575px) {
        .seatMap .seferAccordion .card .card-header .selectedSeatArea .headSelectedSeat.mobileM {
          margin-top: 15px; } }
    .seatMap .seferAccordion .card .card-header .selectedSeatArea .selectedSeat {
      border-radius: 12px;
      -webkit-box-shadow: 0 8px 20px 0 rgba(68, 60, 98, 0.22);
      box-shadow: 0 8px 20px 0 rgba(68, 60, 98, 0.22);
      border: solid 1px var(--very-light-blue-70);
      background-color: var(--white);
      padding: 16px;
      margin-bottom: 15px;
      height: 100%; }
      .seatMap .seferAccordion .card .card-header .selectedSeatArea .selectedSeat .textPassenger {
        font-size: 14px;
        font-weight: 600;
        color: var(--light-blue-grey);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .seatMap .seferAccordion .card .card-header .selectedSeatArea .selectedSeat .textPassenger strong {
          font-size: 16px;
          font-weight: bold;
          color: var(--slate);
          margin-right: 7px; }
      .seatMap .seferAccordion .card .card-header .selectedSeatArea .selectedSeat .btnSelectedSeat {
        padding: 0px;
        margin-bottom: 16px;
        border: 0px;
        font-size: 12px;
        font-weight: 600;
        color: var(--orangey-red);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right; }
        .seatMap .seferAccordion .card .card-header .selectedSeatArea .selectedSeat .btnSelectedSeat::before {
          content: "";
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          background-image: url("../images/icon-edit-red.svg");
          background-repeat: no-repeat;
          width: 12px;
          height: 12px; }
        .seatMap .seferAccordion .card .card-header .selectedSeatArea .selectedSeat .btnSelectedSeat span {
          margin-left: 5px; }
      .seatMap .seferAccordion .card .card-header .selectedSeatArea .selectedSeat .textWagon {
        font-size: 14px;
        font-weight: 500;
        color: var(--slate);
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
      .seatMap .seferAccordion .card .card-header .selectedSeatArea .selectedSeat .textTypeSeatArea {
        text-align: right; }
        .seatMap .seferAccordion .card .card-header .selectedSeatArea .selectedSeat .textTypeSeatArea .textType {
          font-size: 14px;
          font-weight: 500;
          color: var(--light-blue-grey); }
        .seatMap .seferAccordion .card .card-header .selectedSeatArea .selectedSeat .textTypeSeatArea .textSeat {
          font-size: 14px;
          font-weight: 500;
          color: var(--slate); }
    .seatMap .seferAccordion .card .card-header .selectedSeatArea .btnComplete {
      margin-top: 34px;
      margin-bottom: 34px;
      text-align: right; }
      @media (max-width: 575px) {
        .seatMap .seferAccordion .card .card-header .selectedSeatArea .btnComplete {
          margin-top: 22px;
          margin-bottom: 5px; } }
      .seatMap .seferAccordion .card .card-header .selectedSeatArea .btnComplete .btn-primary {
        border-radius: 12px;
        background-color: var(--darkish-blue);
        border-color: var(--grey-purple-44);
        font-size: 18px;
        font-weight: bold;
        color: var(--white);
        line-height: normal;
        padding: 14px 21px; }
        @media (max-width: 575px) {
          .seatMap .seferAccordion .card .card-header .selectedSeatArea .btnComplete .btn-primary {
            font-size: 16px;
            padding: 14px 27px; } }
      .seatMap .seferAccordion .card .card-header .selectedSeatArea .btnComplete .btn-secondary {
        border-radius: 12px;
        background-color: var(--slate);
        border-color: var(--grey-purple-44);
        font-size: 18px;
        font-weight: bold;
        color: var(--white);
        line-height: normal;
        padding: 14px 21px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media (max-width: 575px) {
          .seatMap .seferAccordion .card .card-header .selectedSeatArea .btnComplete .btn-secondary {
            font-size: 16px;
            padding: 14px 33px; } }
    .seatMap .seferAccordion .card .card-header .selectedSeatArea .customM {
      margin-top: 30px; }
      @media (max-width: 575px) {
        .seatMap .seferAccordion .card .card-header .selectedSeatArea .customM {
          margin-top: 25px; } }
    .seatMap .seferAccordion .card .card-header.selectedCard {
      padding-top: 40px;
      -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
      box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16); }
      @media (max-width: 575px) {
        .seatMap .seferAccordion .card .card-header.selectedCard {
          padding-top: 27px; } }
      .seatMap .seferAccordion .card .card-header.selectedCard .selectedSeatHeader::before {
        display: none; }
      .seatMap .seferAccordion .card .card-header.selectedCard .selectedSeatArea .btnComplete {
        margin-bottom: 5px; }
  @media (max-width: 575px) {
    .seatMap .seferAccordion .seferInformationArea .headerSubText {
      display: none; } }

.seatMap .passengerInformation h3 {
  font-size: 32px;
  font-weight: bold;
  color: var(--dusk);
  padding-top: 20px;
  padding-bottom: 30px;
  text-align: center; }
  @media (max-width: 575px) {
    .seatMap .passengerInformation h3 {
      font-size: 21px;
      text-align: left;
      padding-bottom: 20px;
      padding-top: 15px;
      margin-bottom: 0px; } }

@media (max-width: 575px) {
  .seatMap .passengerInformation .card {
    margin-bottom: 105px; } }

@media (max-width: 575px) {
  .seatMap .passengerInformation .card .card-body {
    padding: 20px; } }

.seatMap .passengerInformation .card .card-body .card-title {
  font-size: 24px;
  font-weight: bold;
  color: var(--purple-brown);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 575px) {
    .seatMap .passengerInformation .card .card-body .card-title {
      font-size: 16px; } }

.seatMap .passengerInformation .card .card-body .userListDropdown .form-group {
  position: relative;
  margin-bottom: 0px; }
  .seatMap .passengerInformation .card .card-body .userListDropdown .form-group::after {
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-image: url("../images/icon-user-select-arrow.svg");
    background-repeat: no-repeat;
    width: 10px;
    height: 6px;
    position: absolute;
    right: 21px;
    top: 50%;
    margin-top: -3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    @media (max-width: 575px) {
      .seatMap .passengerInformation .card .card-body .userListDropdown .form-group::after {
        right: 12px; } }

.seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle {
  border-radius: 26px;
  border: solid 1px var(--very-light-blue-70);
  background-color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  color: var(--darkish-blue);
  max-width: 188px;
  padding-left: 27px;
  padding-right: 32px;
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: pointer;
  height: calc(2.5em + 0.75rem);
  -webkit-box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11);
  box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11); }
  @media (max-width: 575px) {
    .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle {
      height: calc(2em + 0.75rem + 4px);
      font-size: 12px;
      padding-left: 15px;
      padding-right: 25px;
      max-width: 150px; } }
  .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: var(--darkish-blue); }
    @media (max-width: 575px) {
      .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-webkit-input-placeholder {
        font-size: 12px; } }
  .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-moz-placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: var(--darkish-blue); }
    @media (max-width: 575px) {
      .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-moz-placeholder {
        font-size: 12px; } }
  .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: var(--darkish-blue); }
    @media (max-width: 575px) {
      .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle:-ms-input-placeholder {
        font-size: 12px; } }
  .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: var(--darkish-blue); }
    @media (max-width: 575px) {
      .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-ms-input-placeholder {
        font-size: 12px; } }
  .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: var(--darkish-blue); }
  .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-moz-placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: var(--darkish-blue); }
  .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: var(--darkish-blue); }
  .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: var(--darkish-blue); }
  .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::placeholder {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: var(--darkish-blue); }
    @media (max-width: 575px) {
      .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-webkit-input-placeholder {
        font-size: 12px; }
      .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-moz-placeholder {
        font-size: 12px; }
      .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle:-ms-input-placeholder {
        font-size: 12px; }
      .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::-ms-input-placeholder {
        font-size: 12px; }
      .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-toggle::placeholder {
        font-size: 12px; } }

.seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-menu {
  padding: 0px;
  margin-top: 5px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px var(--very-light-blue-70);
  background-color: var(--white);
  border-radius: 12px; }
  .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-menu .userList {
    max-height: 217px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-width: 188px; }
    @media (max-width: 575px) {
      .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-menu .userList {
        max-width: 148px; } }
    .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-menu .userList ul {
      margin: 0px;
      padding-left: 20px;
      padding-right: 10px;
      padding-top: 0px;
      padding-bottom: 0px;
      list-style: none;
      cursor: pointer; }
      .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-menu .userList ul li {
        padding-bottom: 25px; }
        .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-menu .userList ul li .seferRadioBtn {
          padding-left: 0px; }
          .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-menu .userList ul li .seferRadioBtn .radioBtnArea {
            margin-bottom: 0px; }
            .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-menu .userList ul li .seferRadioBtn .radioBtnArea .radioCheckmark {
              height: 20px;
              width: 20px; }
              .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-menu .userList ul li .seferRadioBtn .radioBtnArea .radioCheckmark::after {
                margin-left: -4px;
                margin-top: -4px;
                width: 8px;
                height: 8px; }
            .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-menu .userList ul li .seferRadioBtn .radioBtnArea .radioBtnText {
              padding-left: 10px;
              font-size: 14px;
              font-weight: normal;
              line-height: normal;
              color: var(--dusk);
              line-height: 1.5;
              overflow: hidden;
              -o-text-overflow: ellipsis;
              text-overflow: ellipsis;
              white-space: nowrap; }
    .seatMap .passengerInformation .card .card-body .userListDropdown .dropdown-menu .userList.scrollbar {
      margin-right: 10px;
      margin-top: 20px;
      margin-bottom: 0px; }

.seatMap .passengerInformation .card .card-body .userListDropdown.show .form-group::after {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.seatMap .passengerInformation .card .card-body .radioBtnGroup {
  margin-top: 49px;
  margin-bottom: 30px; }
  @media (max-width: 575px) {
    .seatMap .passengerInformation .card .card-body .radioBtnGroup {
      margin-top: 30px; } }

.seatMap .passengerInformation .card .card-body .passengerForm .form-group {
  margin-bottom: 20px; }
  .seatMap .passengerInformation .card .card-body .passengerForm .form-group label {
    font-size: 16px;
    font-weight: 500;
    color: var(--mid-dark);
    margin-bottom: 4px; }
    @media (max-width: 575px) {
      .seatMap .passengerInformation .card .card-body .passengerForm .form-group label {
        font-size: 14px; } }
  .seatMap .passengerInformation .card .card-body .passengerForm .form-group .form-control {
    border-radius: 12px;
    border: solid 1px var(--light-blue-grey);
    background-color: #fafafa;
    font-size: 16px;
    font-weight: 600;
    color: var(--mid-dark);
    padding-left: 16px;
    padding-right: 16px;
    height: calc(2em + 1rem + 8px); }
    @media (max-width: 575px) {
      .seatMap .passengerInformation .card .card-body .passengerForm .form-group .form-control {
        height: calc(2em + 1rem + 6px);
        font-size: 14px; } }
    .seatMap .passengerInformation .card .card-body .passengerForm .form-group .form-control:focus {
      border: solid 1px var(--darkish-blue); }
  .seatMap .passengerInformation .card .card-body .passengerForm .form-group .searchDropdown::before {
    background-image: url("../images/icon-select-arrow.svg");
    width: 10px;
    height: 6px;
    right: 20px;
    margin-left: 0px;
    margin-top: 11px; }
  .seatMap .passengerInformation .card .card-body .passengerForm .form-group .searchDropdown .dropdown-toggle {
    cursor: pointer;
    padding-right: 33px; }
  .seatMap .passengerInformation .card .card-body .passengerForm .form-group .searchDropdown .dropdown-menu {
    margin-left: 0px;
    width: 100%; }
    .seatMap .passengerInformation .card .card-body .passengerForm .form-group .searchDropdown .dropdown-menu::before {
      display: none; }

.seatMap .passengerInformation .card .card-body .passengerForm .error {
  margin-bottom: 30px; }
  @media (max-width: 575px) {
    .seatMap .passengerInformation .card .card-body .passengerForm .error {
      margin-bottom: 40px; } }

.seatMap .passengerInformation .card .card-body .passengerForm .passengerCheckBox .btn {
  -webkit-box-shadow: none;
  box-shadow: none; }

.seatMap .passengerInformation .card .card-body .passengerForm .passengerCheckBox .checkboxArea {
  padding-left: 46px;
  padding-right: 16px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: solid 1px var(--light-blue-grey);
  background-color: #fafafa;
  border-radius: 12px;
  height: calc(2em + 1rem + 8px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .seatMap .passengerInformation .card .card-body .passengerForm .passengerCheckBox .checkboxArea .checkboxText {
    font-size: 16px;
    font-weight: 600;
    color: var(--dusk);
    line-height: 1.4;
    padding: 0px; }
    @media (max-width: 575px) {
      .seatMap .passengerInformation .card .card-body .passengerForm .passengerCheckBox .checkboxArea .checkboxText {
        font-size: 12px; } }
  .seatMap .passengerInformation .card .card-body .passengerForm .passengerCheckBox .checkboxArea .checkmark {
    margin-left: 16px;
    top: 50%;
    margin-top: -10px; }
  .seatMap .passengerInformation .card .card-body .passengerForm .passengerCheckBox .checkboxArea.active {
    border: solid 2px var(--darkish-blue); }

.seatMap .passengerInformation .card .card-body .passengerForm .passengerCheckBox.ticketInformation {
  margin-top: 20px; }
  @media (max-width: 575px) {
    .seatMap .passengerInformation .card .card-body .passengerForm .passengerCheckBox.ticketInformation {
      margin-top: 0px; } }

.seatMap .passengerInformation .card .card-body .passengerForm .subscription {
  margin-top: -3px; }

.seatMap .passengerInformation .card .card-body hr {
  border-color: var(--light-blue-grey);
  margin-top: 70px;
  margin-bottom: 42px; }
  @media (max-width: 575px) {
    .seatMap .passengerInformation .card .card-body hr {
      margin-top: 15px;
      margin-bottom: 35px; } }

.seatMap .passengerInformation .btnContinue {
  margin-top: 30px;
  margin-bottom: 100px; }
  @media (max-width: 575px) {
    .seatMap .passengerInformation .btnContinue {
      position: fixed;
      bottom: 0;
      margin: 0;
      width: 100%;
      left: 0;
      border: 0;
      border-radius: 0px;
      padding: 31px 64px;
      z-index: 1000; } }

.seatMap .passengerSeferInformation .information ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-radius: 12px;
  background-color: var(--pale-grey);
  padding: 20px 22px; }
  .seatMap .passengerSeferInformation .information ul li {
    font-size: 12px;
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px; }
    .seatMap .passengerSeferInformation .information ul li::before {
      content: "i";
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      border-radius: 50%;
      width: 15px;
      height: 15px;
      color: white;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: var(--slate);
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      left: 0px; }

.countDownArea {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.paymentArea {
  margin-bottom: 100px; }
  @media (max-width: 767px) {
    .paymentArea {
      margin-bottom: 400px; } }
  .paymentArea .creditCardArea .noprice {
    min-height: 200px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* vertical-align: middle; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px; }
    @media (max-width: 767px) {
      .paymentArea .creditCardArea .noprice {
        min-height: 100px; } }
  .paymentArea .creditCardArea.card .card-body {
    padding: 40px 32px; }
    @media (max-width: 575px) {
      .paymentArea .creditCardArea.card .card-body {
        padding: 30px 20px; } }
    .paymentArea .creditCardArea.card .card-body .creditCard {
      z-index: 1;
      position: relative;
      border-radius: 20px;
      -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
      box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
      background-color: var(--white);
      padding: 26px;
      padding-top: 42px;
      padding-bottom: 42px;
      max-width: 370px;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 575px) {
        .paymentArea .creditCardArea.card .card-body .creditCard {
          margin-right: 15px; } }
      .paymentArea .creditCardArea.card .card-body .creditCard .cardImd img {
        width: 61px;
        height: 19px;
        -o-object-fit: contain;
        object-fit: contain; }
        .paymentArea .creditCardArea.card .card-body .creditCard .cardImd img.imgMastercard {
          width: 51px;
          height: 32px; }
      .paymentArea .creditCardArea.card .card-body .creditCard .imgChip {
        width: 28px;
        height: 28px; }
      .paymentArea .creditCardArea.card .card-body .creditCard .cardNumber {
        margin-top: 16px;
        text-align: center; }
        @media (max-width: 575px) {
          .paymentArea .creditCardArea.card .card-body .creditCard .cardNumber {
            margin-top: 6px;
            margin-bottom: 6px; } }
        .paymentArea .creditCardArea.card .card-body .creditCard .cardNumber span {
          color: var(--pinkish-grey);
          font-size: 30px;
          font-weight: normal; }
          @media (max-width: 575px) {
            .paymentArea .creditCardArea.card .card-body .creditCard .cardNumber span {
              font-size: 24px; } }
      .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .userName {
        font-size: 12px;
        font-weight: normal;
        color: var(--pinkish-grey);
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
        @media (max-width: 575px) {
          .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .userName {
            font-size: 9px; } }
      .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%; }
        .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .date .textHead {
          font-size: 7px;
          font-weight: normal;
          color: var(--pinkish-grey);
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end; }
          @media (max-width: 575px) {
            .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .date .textHead {
              font-size: 5px; } }
        .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .date .text {
          font-size: 12px;
          font-weight: normal;
          color: var(--pinkish-grey);
          margin-left: 1.25rem;
          margin-top: 2px; }
          @media (max-width: 575px) {
            .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .date .text {
              font-size: 9px;
              margin-top: 0px;
              margin-left: 0px; } }
      .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .cvc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%; }
        .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .cvc .textHead {
          font-size: 7px;
          font-weight: normal;
          color: var(--pinkish-grey);
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end; }
          @media (max-width: 575px) {
            .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .cvc .textHead {
              font-size: 5px; } }
        .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .cvc .text {
          font-size: 12px;
          font-weight: normal;
          color: var(--pinkish-grey);
          margin-left: 1.25rem;
          margin-top: 2px; }
          @media (max-width: 575px) {
            .paymentArea .creditCardArea.card .card-body .creditCard .cardInformation .cvc .text {
              margin-left: 0px;
              margin-top: 0px;
              font-size: 9px; } }
    .paymentArea .creditCardArea.card .card-body .creditCardBack {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: calc(100% + -16px);
      height: 100%;
      border-radius: 20px;
      -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
      box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
      background-color: var(--ice-blue);
      position: absolute;
      z-index: 0;
      top: 30px;
      right: 0px;
      left: 27px;
      max-width: 370px;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 575px) {
        .paymentArea .creditCardArea.card .card-body .creditCardBack {
          width: calc(100% + -42px); } }
      .paymentArea .creditCardArea.card .card-body .creditCardBack span {
        background-color: var(--light-blue-grey);
        border: 1px solid var(--light-blue-grey);
        width: 100%;
        height: 41px;
        margin-top: 35px; }
    .paymentArea .creditCardArea.card .card-body .creditCardInformation .headText {
      margin-top: 30px;
      margin-bottom: 0px;
      font-size: 21px;
      font-weight: bold;
      color: var(--slate); }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .headText.openTicketAccordionHead {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .headText.openTicketAccordionHead::after {
          content: "";
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          background-image: url("../images/icon-open-ticket-arrow.svg");
          background-repeat: no-repeat;
          width: 19px;
          height: 11px;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s;
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg); }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .headText.openTicketAccordionHead.collapsed::after {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
    .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation {
      margin-top: 40px; }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .headText {
        margin-top: 30px;
        font-size: 21px;
        font-weight: bold;
        color: var(--slate);
        margin-bottom: 40px; }
        @media (max-width: 575px) {
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .headText {
            font-size: 16px;
            margin-bottom: 20px; } }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group label {
        font-size: 16px;
        font-weight: 500;
        color: var(--mid-dark);
        margin-bottom: 4px; }
        @media (max-width: 575px) {
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group label {
            font-size: 14px; } }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group input {
        border-radius: 12px;
        border: solid 1px var(--light-blue-grey);
        background-color: #fafafa;
        font-size: 18px;
        font-weight: 500;
        color: var(--slate);
        padding-left: 16px;
        padding-right: 16px;
        height: calc(2em + 1rem + 4px); }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group input:focus {
          border: solid 1px var(--darkish-blue); }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group input::-webkit-input-placeholder {
          opacity: 0.5;
          color: var(--slate); }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group input::-moz-placeholder {
          opacity: 0.5;
          color: var(--slate); }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group input:-ms-input-placeholder {
          opacity: 0.5;
          color: var(--slate); }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group input::-ms-input-placeholder {
          opacity: 0.5;
          color: var(--slate); }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group input::placeholder {
          opacity: 0.5;
          color: var(--slate); }
        @media (max-width: 575px) {
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group input {
            height: calc(1.5em + 1rem + 7px);
            font-size: 16px; } }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select .dropdown-toggle {
        height: calc(2.5em + 1rem);
        background-color: #fafafa;
        border-radius: 12px; }
        @media (max-width: 575px) {
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select .dropdown-toggle {
            height: calc(1.5em + 1rem + 10px); } }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select .dropdown-toggle[title="Ay"] .filter-option-inner-inner, .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select .dropdown-toggle[title="Yıl"] .filter-option-inner-inner {
          opacity: 0.5; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select .dropdown-toggle:focus {
          -webkit-box-shadow: none;
          box-shadow: none; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
          font-size: 16px;
          font-weight: 600;
          color: var(--mid-dark); }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select .dropdown-menu ul li a {
        padding: 15px;
        font-size: 15px; }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select.show .dropdown-toggle {
        border: solid 1px var(--darkish-blue); }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .cvv {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        white-space: nowrap; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .cvv span {
          width: 15px;
          height: 15px;
          background-color: red;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          background-color: var(--slate);
          border-radius: 50%;
          right: -20px;
          position: absolute; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .cvv span::after {
            content: "i";
            color: white;
            -ms-flex-item-align: center;
            align-self: center;
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-size: 12px; }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .checkBoxMasterPass.checkboxArea {
        margin-top: 24px; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .checkBoxMasterPass.checkboxArea .checkboxText {
          font-size: 14px;
          font-weight: 500;
          color: var(--dusk); }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .btnInquire {
        font-size: 16px;
        font-weight: bold;
        color: var(--white);
        border-radius: 12px;
        border: solid 1px var(--grey-purple-44);
        background-color: var(--darkish-blue);
        padding: 15px 38px; }
        @media (max-width: 575px) {
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group .btnInquire {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-left: auto; } }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group.error {
        margin-bottom: 30px; }
        @media (max-width: 575px) {
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group.error {
            margin-bottom: 40px; } }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group.error .bootstrap-select .dropdown-toggle {
          border-color: var(--orangey-red) !important; }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .form-group.paymentSelectError {
        margin-bottom: 1rem; }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .slender {
        height: calc(100% + -16px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .slender.error {
          height: calc(100% + -15px); }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .img3DSecure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .img3DSecure img {
          height: 54px; }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .btnMile {
        font-size: 16px;
        font-weight: bold;
        color: var(--darkish-blue);
        border: 0px;
        padding: 0px; }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation hr {
        border-color: var(--light-blue-grey);
        margin-top: 30px;
        margin-bottom: 30px; }
        @media (max-width: 575px) {
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation hr {
            margin-top: 25px;
            margin-bottom: 25px; } }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea {
        margin-bottom: 40px; }
        @media (max-width: 575px) {
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea {
            margin-bottom: 35px; } }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea h5 {
          font-size: 21px;
          font-weight: bold;
          color: var(--slate);
          margin-bottom: 22px; }
          @media (max-width: 575px) {
            .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea h5 {
              font-size: 16px; } }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .scrollbar {
          overflow-x: scroll;
          overflow-y: hidden;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          padding-bottom: 15px; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .scrollbar::-webkit-scrollbar-track {
            margin-left: 15px;
            margin-right: 15px; }
          @media (max-width: 1200px) {
            .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .scrollbar .customW {
              max-width: 100%; } }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .registeredCards {
          border-radius: 16px;
          border: solid 1px var(--light-periwinkle);
          background-color: var(--white);
          padding: 14px;
          width: 180px;
          height: 100%; }
          @media (max-width: 1200px) {
            .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .registeredCards {
              width: 200px; } }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .registeredCards:focus {
            border: solid 2px var(--darkish-blue); }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .registeredCards .cardNumber {
            color: var(--pinkish-grey);
            font-size: 18px;
            font-weight: normal;
            line-height: normal;
            white-space: nowrap;
            float: left;
            margin-bottom: 10px; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .registeredCards .cardUser {
            font-size: 12px;
            font-weight: normal;
            color: var(--pinkish-grey);
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            text-align: left;
            margin: 0px;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .registeredCards .imgBank {
            width: 100%;
            max-width: 80px;
            margin-bottom: 10px;
            float: left;
            max-height: 40px;
            -o-object-fit: contain;
            object-fit: contain; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .registeredCards .imgChip {
            width: 100%;
            max-width: 21px;
            float: right; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .registeredCards .imgCardType {
            place-self: center; }
            .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .registeredCardsArea .registeredCards .imgCardType img {
              width: 100%;
              max-width: 22px;
              float: right;
              margin-left: 8px; }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .headCoupon {
        font-size: 16px;
        font-weight: 600;
        color: var(--slate);
        margin-top: 7px;
        margin-bottom: 12px; }
        @media (max-width: 575px) {
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .headCoupon {
            margin-bottom: 16px; } }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons {
        cursor: pointer;
        margin-bottom: 16px; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .bgColor {
          -webkit-box-shadow: 0 5px 16px 0 rgba(68, 60, 98, 0.18);
          box-shadow: 0 5px 16px 0 rgba(68, 60, 98, 0.18);
          background-color: var(--white);
          border-radius: 12px; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .couponNoArea {
          -webkit-writing-mode: vertical-lr;
          -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          border-radius: 0px 12px 12px 0px;
          background-color: var(--grey-blue);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 10px 8px;
          margin-right: 10px;
          width: 53px; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .couponNoArea .textCouponNo {
            font-size: 10px;
            font-weight: normal;
            letter-spacing: -0.2px;
            color: var(--white); }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .couponNoArea .textCoupon {
            font-size: 15px;
            font-weight: 600;
            color: var(--white); }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .checkboxArea {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
          -ms-flex-direction: column;
          flex-direction: column;
          padding-left: 0px;
          padding-top: 12px;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          padding-bottom: 16px; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .checkboxArea .couponPrice {
            font-size: 14px;
            font-weight: bold;
            color: var(--dusk); }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .checkboxArea::before {
            content: "";
            border-left: 2px solid var(--grey-blue);
            border-style: dotted;
            border-top: 0px;
            border-bottom: 0px;
            width: 100%;
            height: calc(100% + -30px);
            border-right: 0px;
            position: absolute;
            left: -2px; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .checkboxArea .checkboxText {
            font-size: 14px;
            font-weight: bold;
            padding-left: 6px;
            color: var(--darkish-blue); }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .checkboxArea .checkmark {
            position: relative;
            width: 14px;
            height: 14px; }
            .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .checkboxArea .checkmark::after {
              left: 50%;
              margin-left: -4.5px;
              top: 50%;
              margin-top: -3px;
              width: 9px;
              height: 5px; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .checkboxArea .checkBoxWrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .couponInformation {
          height: 100%;
          padding-top: 12px;
          padding-bottom: 12px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          padding-right: 5px; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .couponInformation::before {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 18px;
            height: 18px;
            position: absolute;
            right: -8px;
            bottom: -9px;
            background-color: transparent !important;
            background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 49%, #e9e8ec 50%);
            background: -webkit-gradient(linear, left bottom, left top, color-stop(49%, rgba(255, 255, 255, 0)), color-stop(50%, #e9e8ec));
            background: linear-gradient(0deg, rgba(255, 255, 255, 0) 49%, #e9e8ec 50%); }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .couponInformation::after {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 18px;
            height: 18px;
            position: absolute;
            right: -8px;
            top: -9px;
            background: -o-linear-gradient(bottom, #f7f6f8 50%, rgba(255, 255, 255, 0.08) 49%);
            background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f7f6f8), color-stop(49%, rgba(255, 255, 255, 0.08)));
            background: linear-gradient(0deg, #f7f6f8 50%, rgba(255, 255, 255, 0.08) 49%); }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .couponInformation .textUser {
            font-size: 14px;
            font-weight: 600;
            color: var(--slate);
            display: block;
            line-height: normal; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .couponInformation .textLastDate {
            font-size: 11px;
            font-weight: 500;
            letter-spacing: -0.22px;
            color: var(--grey-blue);
            display: block;
            line-height: normal; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons .couponInformation .textDate {
            font-size: 13px;
            font-weight: 600;
            color: var(--slate);
            display: block;
            line-height: normal; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .coupons.active .couponNoArea {
          background-color: var(--darkish-blue); }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .information {
        margin-top: 9px;
        margin-bottom: 15px; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .information ul {
          padding: 0px;
          margin: 0px;
          list-style: none;
          border-radius: 12px;
          background-color: var(--pale-grey);
          padding: 20px; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .information ul li {
            font-size: 12px;
            font-weight: normal;
            line-height: 1.67;
            color: var(--black);
            position: relative;
            padding-left: 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 12px; }
            .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .information ul li::before {
              content: "";
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              background-image: url("../images/icon-modal-warning.svg");
              background-repeat: no-repeat;
              width: 17px;
              height: 15px;
              background-size: 17px;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              position: absolute;
              left: 0px; }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .btn-primary {
        border-radius: 12px;
        border: solid 1px var(--grey-purple-44);
        font-size: 16px;
        font-weight: bold;
        color: var(--white);
        padding: 15px 38px;
        float: right; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .btn-primary:hover, .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .btn-primary:active, .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .couponsArea .btn-primary:focus {
          -webkit-box-shadow: none;
          box-shadow: none;
          background-color: var(--darkish-blue); }
      .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .openTicketAccordionBody .card-body {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0px; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .openTicketAccordionBody .card-body .radioBtnArea .radioCheckmark {
          width: 18px;
          height: 18px;
          top: 50%;
          margin-top: -9px; }
          .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .openTicketAccordionBody .card-body .radioBtnArea .radioCheckmark::after {
            margin-top: -4px;
            margin-left: -4px;
            width: 8px;
            height: 8px; }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .openTicketAccordionBody .card-body .radioBtnArea .radioBtnText {
          font-size: 15px;
          font-weight: 500;
          color: var(--blueberry);
          padding-left: 0px; }
          @media (max-width: 575px) {
            .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .openTicketAccordionBody .card-body .radioBtnArea .radioBtnText {
              font-size: 12px; } }
        .paymentArea .creditCardArea.card .card-body .creditCardInformation .passengerInformation .openTicketAccordionBody .card-body .btnPnrOrCupon {
          padding: 0px;
          font-size: 14px;
          font-weight: 500;
          color: var(--blueberry);
          text-decoration: underline; }
  .paymentArea .creditCardArea.solutionCenterCard .card-body {
    padding: 32px; }
    @media (max-width: 575px) {
      .paymentArea .creditCardArea.solutionCenterCard .card-body {
        padding: 20px; } }
    @media (max-width: 575px) {
      .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .headText {
        font-size: 15px; } }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation hr {
      margin-top: 0px !important; }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .dateInputArea {
      position: relative; }
      .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .dateInputArea::after {
        content: "";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-image: url(../images/icon-calendar-purple.svg);
        background-repeat: no-repeat;
        width: 18px;
        position: absolute;
        right: 0px;
        background-size: 18px;
        top: 50%;
        height: 20px;
        margin-right: 17px;
        margin-top: 2px; }
      .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .dateInputArea input {
        padding-right: 38px; }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group textarea {
      background-color: #fafafa;
      border-radius: 12px;
      font-size: 16px;
      color: var(--slate); }
      .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group textarea:focus {
        border: solid 1px var(--darkish-blue); }
      @media (max-width: 575px) {
        .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group textarea {
          font-size: 14px; } }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group input {
      font-size: 16px;
      color: var(--slate); }
      @media (max-width: 575px) {
        .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group input {
          font-size: 14px; } }
      .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group input:-moz-read-only {
        color: #3b485950; }
      .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group input:read-only {
        color: #3b485950; }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group label {
      font-size: 14px;
      font-weight: 500;
      color: var(--mid-dark); }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group .textAreaCustomerTicket {
      height: calc(100% + -133px);
      white-space: normal; }
      .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group .textAreaCustomerTicket:-moz-read-only {
        color: #3b485950; }
      .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group .textAreaCustomerTicket:read-only {
        color: #3b485950; }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select.disabled,
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select > .disabled {
      border-radius: 12px;
      background-color: #fafafa !important; }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select.disabled .filter-option .filter-option-inner-inner {
      color: #3b485950; }
      @media (max-width: 575px) {
        .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select.disabled .filter-option .filter-option-inner-inner {
          font-size: 14px; } }
    @media (max-width: 575px) {
      .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select .filter-option .filter-option-inner-inner {
        font-size: 14px; } }
    @media (max-width: 575px) {
      .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .form-group .bootstrap-select .dropdown-menu li a {
        font-size: 12px !important;
        padding-left: 10px !important;
        padding-right: 10px !important; } }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .btnSave {
      border-radius: 12px;
      border: solid 1px var(--grey-purple-44);
      background-color: var(--darkish-blue);
      font-size: 16px;
      font-weight: bold;
      color: var(--white);
      padding: 15px 35px;
      margin-top: 4px; }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .btnAdd {
      font-size: 16px;
      font-weight: 600;
      color: var(--darkish-blue);
      position: relative;
      padding-left: 31px;
      margin-left: 26px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media (max-width: 575px) {
        .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .btnAdd {
          font-size: 12px; } }
      .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .btnAdd::before {
        content: "";
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: absolute;
        background-image: url(../images/icon-add-return-date.svg);
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        left: 0;
        border-radius: 50%;
        background-position: center;
        background-color: var(--ice-blue); }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .demandSearchArea .form-control {
      height: calc(1em + 1rem + 8px);
      background-color: var(--white); }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .creditCardInformation .passengerInformation .demandSearchArea .btnSearch {
      padding: 10px 17px;
      font-size: 12px;
      font-weight: bold;
      border-radius: 12px;
      background-color: var(--orangey-red);
      color: var(--white); }
    .paymentArea .creditCardArea.solutionCenterCard .card-body .resultsArea {
      min-height: 633px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .paymentArea .priceCard {
    position: -webkit-sticky;
    position: sticky;
    top: 10px; }
    @media (max-width: 991px) {
      .paymentArea .priceCard {
        margin-top: 30px;
        top: auto; } }
    @media (max-width: 767px) {
      .paymentArea .priceCard {
        margin-top: 0px;
        position: fixed;
        margin: 0px;
        bottom: 0;
        z-index: 2;
        left: 0;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        width: 100%; } }
    .paymentArea .priceCard.card .card-body {
      padding: 25px 0px; }
      .paymentArea .priceCard.card .card-body .headPriceDetail {
        border: 0px;
        padding: 0px 32px;
        pointer-events: none; }
        @media (max-width: 767px) {
          .paymentArea .priceCard.card .card-body .headPriceDetail {
            pointer-events: all;
            position: relative; }
            .paymentArea .priceCard.card .card-body .headPriceDetail::after {
              content: "";
              background-image: url(../images/icon-seatmap-total-price-arrow.svg);
              background-repeat: no-repeat;
              width: 11px;
              height: 6px;
              position: absolute;
              top: 50%;
              margin-top: -9px;
              right: 0px;
              -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              transform: rotate(180deg);
              -webkit-transition: 0.3s;
              -o-transition: 0.3s;
              transition: 0.3s; } }
        @media (max-width: 575px) {
          .paymentArea .priceCard.card .card-body .headPriceDetail {
            padding: 0px 20px; } }
        @media (max-width: 767px) {
          .paymentArea .priceCard.card .card-body .headPriceDetail.collapsed::after {
            content: "";
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; } }
        .paymentArea .priceCard.card .card-body .headPriceDetail h5 {
          font-size: 18px;
          font-weight: bold;
          color: var(--slate);
          margin-bottom: 15px; }
      .paymentArea .priceCard.card .card-body .btnPriceArea {
        padding-left: 32px;
        padding-right: 32px;
        margin-top: 30px; }
        @media (max-width: 575px) {
          .paymentArea .priceCard.card .card-body .btnPriceArea {
            margin-top: 15px; } }
        .paymentArea .priceCard.card .card-body .btnPriceArea .form-check {
          margin-bottom: 25px; }
          @media (max-width: 575px) {
            .paymentArea .priceCard.card .card-body .btnPriceArea .form-check {
              margin-bottom: 20px; } }
        .paymentArea .priceCard.card .card-body .btnPriceArea .priceCheckbox {
          text-decoration: none; }
          .paymentArea .priceCard.card .card-body .btnPriceArea .priceCheckbox .checkboxText {
            font-size: 14px;
            font-weight: 600;
            color: var(--dusk);
            text-decoration: none; }
        .paymentArea .priceCard.card .card-body .btnPriceArea .btnResult .information {
          background-color: var(--grey-blue);
          padding: 0px;
          border-radius: 12px;
          border-bottom-right-radius: 0px;
          border-top-right-radius: 0px;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding-left: 18px; }
          .paymentArea .priceCard.card .card-body .btnPriceArea .btnResult .information .textPerson {
            font-size: 14px;
            font-weight: 500;
            color: var(--white);
            display: block; }
          .paymentArea .priceCard.card .card-body .btnPriceArea .btnResult .information .textPrice {
            font-size: 21px;
            font-weight: bold;
            color: var(--white);
            display: block; }
        .paymentArea .priceCard.card .card-body .btnPriceArea .btnResult button {
          font-size: 22px;
          font-weight: bold;
          width: 100%;
          line-height: normal;
          padding: 0px;
          border-radius: 12px;
          border-top-left-radius: 0px;
          border-bottom-left-radius: 0px;
          height: 70px; }
          .paymentArea .priceCard.card .card-body .btnPriceArea .btnResult button .textCompletePayment {
            font-size: 16px;
            padding-left: 10px;
            padding-right: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        .paymentArea .priceCard.card .card-body .btnPriceArea .btnResult .disabled {
          background-color: var(--light-blue-grey); }
      @media (max-width: 767px) {
        .paymentArea .priceCard.card .card-body .priceAccordion {
          max-height: 400px;
          overflow-y: auto;
          -ms-scroll-chaining: none;
          overscroll-behavior: contain; } }
      .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card {
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none; }
        .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header {
          padding: 0px;
          background-color: transparent;
          border: 0px; }
          .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button {
            padding: 0px;
            border: 0px;
            padding: 0px 32px;
            border-radius: 0px;
            position: relative;
            line-height: 3.125; }
            @media (max-width: 575px) {
              .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button {
                padding: 0px 20px; } }
            .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button::before {
              content: "";
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              left: 0px;
              width: 100%;
              height: 100%;
              background-color: var(--ice-blue);
              position: absolute; }
            .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button.btnReadonly .textPrice::after {
              display: none; }
            .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button.btnReadonly ul {
              list-style: none;
              margin-bottom: 0px;
              padding-left: 0px;
              margin-top: 5px; }
              .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button.btnReadonly ul li {
                font-size: 12px;
                font-weight: normal;
                line-height: 1.5;
                color: var(--black);
                position: relative;
                padding-left: 25px; }
                .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button.btnReadonly ul li::before {
                  content: "";
                  display: -webkit-inline-box;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  background-image: url(../images/icon-modal-warning.svg);
                  background-repeat: no-repeat;
                  width: 17px;
                  height: 15px;
                  background-size: 17px;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  -webkit-box-pack: center;
                  -ms-flex-pack: center;
                  justify-content: center;
                  position: absolute;
                  left: 0px; }
            .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button .headText {
              font-size: 16px;
              font-weight: bold;
              color: var(--dusk); }
            .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button .textPrice {
              width: 100%;
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              -webkit-box-pack: right;
              -ms-flex-pack: right;
              justify-content: right;
              position: relative;
              padding-right: 20px; }
              .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button .textPrice::after {
                content: "";
                background-image: url("../images/icon-seatmap-total-price-arrow.svg");
                background-repeat: no-repeat;
                width: 11px;
                height: 6px;
                position: absolute;
                top: 50%;
                margin-top: -3px;
                right: 0px;
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s; }
            .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button .text-danger {
              font-size: 16px;
              font-weight: bold;
              color: var(--orangey-red) !important;
              margin-bottom: 0px; }
              .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header button .text-danger.text-right {
                padding-right: 20px; }
          .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header .collapsed .textPrice::after {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; }
          .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-header .collapsed::before {
            content: "";
            background-color: var(--whi); }
        .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body {
          padding: 0px 32px;
          padding-top: 20px; }
          @media (max-width: 575px) {
            .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body {
              padding-left: 20px;
              padding-right: 20px; } }
          .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .headCardBody {
            font-size: 14px;
            font-weight: 500;
            color: var(--slate);
            margin-bottom: 10px; }
            @media (max-width: 575px) {
              .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .headCardBody {
                font-size: 13px; } }
          .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .textDate .textTime:first-child {
            margin-right: 8px; }
            @media (max-width: 575px) {
              .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .textDate .textTime:first-child {
                margin-right: 6px; } }
          .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .textDate p {
            font-size: 14px;
            font-weight: 500;
            color: var(--grey-blue);
            margin-bottom: 0px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex; }
            @media (max-width: 575px) {
              .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .textDate p {
                font-size: 13px; } }
            .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .textDate p time {
              color: var(--dusk);
              font-size: 14px; }
              @media (max-width: 575px) {
                .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .textDate p time {
                  font-size: 13px; } }
          .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .textDate time {
            color: var(--dusk);
            font-size: 14px; }
            @media (max-width: 575px) {
              .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .textDate time {
                font-size: 13px; } }
          .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .passengerDetail {
            margin-top: 12px;
            margin-bottom: 0px; }
            .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .passengerDetail .textHead {
              font-size: 14px;
              font-weight: 500;
              color: var(--dusk);
              margin-bottom: 15px; }
            .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .passengerDetail .textPrice {
              font-size: 14px;
              font-weight: 500;
              color: var(--dusk);
              text-align: right; }
              @media (max-width: 575px) {
                .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .passengerDetail .textPrice {
                  font-size: 13px; } }
            .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .passengerDetail .textWagonType {
              font-size: 14px;
              font-weight: 500;
              color: var(--grey-blue);
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between; }
              @media (max-width: 991px) {
                .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .passengerDetail .textWagonType {
                  -webkit-box-pack: start;
                  -ms-flex-pack: start;
                  justify-content: flex-start; } }
              @media (max-width: 575px) {
                .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .passengerDetail .textWagonType {
                  -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                  justify-content: space-between;
                  font-size: 13px; } }
          .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .textPassengerCount {
            font-size: 14px;
            font-weight: 500;
            color: var(--dusk); }
            @media (max-width: 992px) {
              .paymentArea .priceCard.card .card-body .priceAccordion.accordion .card .card-body .textPassengerCount {
                padding-right: 10px; } }

.ticketDetails .seferInformationArea .departureAccordion .pnrText {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.88;
  color: var(--midnightdark);
  margin-bottom: 28px; }
  @media (max-width: 767px) {
    .ticketDetails .seferInformationArea .departureAccordion .pnrText {
      margin-bottom: 16px; } }
  @media (max-width: 575px) {
    .ticketDetails .seferInformationArea .departureAccordion .pnrText {
      font-size: 12px; } }
  .ticketDetails .seferInformationArea .departureAccordion .pnrText strong {
    font-weight: 600; }

.ticketDetails .seferInformationArea .departureAccordion .pnrMargin {
  margin-bottom: 28px; }

.ticketDetails .seferInformationArea .departureAccordion .pnrArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right; }
  @media (max-width: 767px) {
    .ticketDetails .seferInformationArea .departureAccordion .pnrArea {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-bottom: 20px; } }
  .ticketDetails .seferInformationArea .departureAccordion .pnrArea .pnrHead {
    font-size: 21px;
    font-weight: 500;
    line-height: 2.14;
    color: var(--slate);
    margin-bottom: 0px;
    margin-right: 15px; }
    @media (max-width: 575px) {
      .ticketDetails .seferInformationArea .departureAccordion .pnrArea .pnrHead {
        font-size: 16px;
        font-weight: 500;
        line-height: 2.81; } }
  .ticketDetails .seferInformationArea .departureAccordion .pnrArea .btnPNR {
    border-radius: 4px;
    background-color: var(--orangey-red);
    font-size: 16px;
    font-weight: bold;
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 14px; }
    @media (max-width: 575px) {
      .ticketDetails .seferInformationArea .departureAccordion .pnrArea .btnPNR {
        padding: 8px 11px;
        font-size: 14px; } }
  .ticketDetails .seferInformationArea .departureAccordion .pnrArea.optionPeriod p {
    color: var(--orangey-red);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px; }

.ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea {
  border-radius: 10px;
  -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  background-color: var(--white);
  padding: 12px 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 10px; }
  @media (max-width: 767px) {
    .ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea {
      margin-top: 0px; } }
  .ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea button {
    font-size: 14px;
    font-weight: 500;
    color: var(--slate);
    line-height: 1.43;
    padding: 0px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left; }
    .ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea button .text {
      margin-left: 10px; }
      @media (max-width: 575px) {
        .ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea button .text {
          font-size: 13px; } }
      .ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea button .text p {
        margin-bottom: 0px; }
  .ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea .btnPnrCopy {
    border-right: 1px dashed var(--light-blue-grey);
    padding-right: 20px; }
    .ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea .btnPnrCopy img {
      width: 22px;
      height: 25px; }
      @media (max-width: 575px) {
        .ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea .btnPnrCopy img {
          width: 18px;
          height: 18px; } }
  .ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea .btnPdf {
    padding-left: 20px; }
    .ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea .btnPdf img {
      width: 29px;
      height: 26px; }
      @media (max-width: 575px) {
        .ticketDetails .seferInformationArea .departureAccordion .pnrAndPdfArea .btnPdf img {
          width: 20px;
          height: 20px; } }

.ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header {
  cursor: default; }
  .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header .selectedArea .btnChange::after {
    background-image: url("../images/icon-printer.svg");
    width: 30px;
    height: 27px; }
    @media (max-width: 767px) {
      .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header .selectedArea .btnChange::after {
        width: 18px;
        height: 18px; } }
    @media (max-width: 575px) {
      .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header .selectedArea .btnChange::after {
        width: 12px;
        height: 12px;
        background-size: 12px; } }
  .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header .selectedArea a {
    color: var(--white);
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: right; }
  .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button {
    cursor: default; }
    .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button::after {
      background-image: url("../images/icon-ticket-succes.svg");
      width: 40px;
      height: 40px;
      margin-top: -20px; }
      @media (max-width: 992px) {
        .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button::after {
          background-size: 30px;
          width: 30px;
          height: 30px;
          margin-top: -15px; } }
      @media only screen and (min-width: 575px) and (max-width: 767px) {
        .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button::after {
          right: -15px; } }
      @media (max-width: 767px) {
        .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button::after {
          background-size: 20px;
          width: 20px;
          height: 20px;
          margin-top: -10px; } }
      @media (max-width: 575px) {
        .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button::after {
          background-size: 20px;
          width: 20px;
          height: 20px;
          margin: 0px;
          top: 0px; } }
    @media only screen and (min-width: 767px) and (max-width: 992px) {
      .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button .customNoGutters .customPx {
        padding-right: 0px;
        padding-left: 0px; } }
    .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button .customNoGutters .customPx .priceArea {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-right: 40px; }
      @media (max-width: 992px) {
        .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button .customNoGutters .customPx .priceArea {
          padding-right: 30px; } }
      @media (max-width: 767px) {
        .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button .customNoGutters .customPx .priceArea {
          padding-right: 20px; } }
      @media (max-width: 575px) {
        .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button .customNoGutters .customPx .priceArea {
          padding-right: 0px;
          -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
          justify-content: space-evenly; } }
      .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button .customNoGutters .customPx .priceArea .price {
        margin: 0px; }
    .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header h5 button .seferDepartureArrival .textDepartureArrival p {
      cursor: pointer; }
  .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header .connectedArea h5:nth-child(odd) button .seferDepartureArrival::before {
    display: none; }
  .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header .connectedArea h5:nth-child(even) button::before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--light-blue-grey);
    margin-bottom: 25px;
    margin-top: 25px; }
  .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header .connectedArea h5:nth-child(even) button::after {
    margin-top: 0px; }
  .ticketDetails .seferInformationArea .departureAccordion .seferAccordion .card.selected .card-header .connectedArea h5:nth-child(even) button .seferDepartureArrival::after {
    display: none; }

.ticketDetails h2 {
  font-weight: bold;
  margin-bottom: 25px; }
  @media (max-width: 575px) {
    .ticketDetails h2 {
      font-size: 21px;
      margin-bottom: 15px; } }

.ticketDetails .passengersArea {
  margin-bottom: 100px; }
  .ticketDetails .passengersArea .passengersRow {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding-bottom: 30px;
    cursor: pointer; }
    .ticketDetails .passengersArea .passengersRow.scrollbar::-webkit-scrollbar-track {
      margin-left: 15px;
      margin-right: 15px; }
    @media (min-width: 1200px) {
      .ticketDetails .passengersArea .passengersRow .passengersCol {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ticketDetails .passengersArea .passengersRow .passengersCol {
        max-width: 40%; } }
    @media only screen and (min-width: 767px) and (max-width: 991px) {
      .ticketDetails .passengersArea .passengersRow .passengersCol {
        max-width: 45%; } }
    @media only screen and (min-width: 576px) and (max-width: 775px) {
      .ticketDetails .passengersArea .passengersRow .passengersCol {
        max-width: 65%; } }
    @media (max-width: 575px) {
      .ticketDetails .passengersArea .passengersRow .passengersCol {
        max-width: 85%;
        padding-right: 0px; }
        .ticketDetails .passengersArea .passengersRow .passengersCol:last-child {
          padding-right: 15px; } }
    .ticketDetails .passengersArea .passengersRow .passengersCol .connectedHr {
      border-top: 1px solid var(--light-blue-grey);
      margin-top: 15px;
      margin-bottom: 15px; }
  .ticketDetails .passengersArea .card {
    border: solid 1px var(--grey-purple-44);
    height: 100%; }
    .ticketDetails .passengersArea .card .card-body {
      padding: 23px 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .ticketDetails .passengersArea .card .card-body hgroup {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .ticketDetails .passengersArea .card .card-body hgroup h6 {
          font-size: 21px;
          font-weight: 600;
          color: var(--midnightdark);
          margin-bottom: 0px; }
          @media (max-width: 767px) {
            .ticketDetails .passengersArea .card .card-body hgroup h6 {
              font-size: 18px; } }
        .ticketDetails .passengersArea .card .card-body hgroup span {
          font-size: 16px;
          font-weight: 600;
          color: var(--grey-blue);
          margin-left: 10px; }
          @media (max-width: 767px) {
            .ticketDetails .passengersArea .card .card-body hgroup span {
              font-size: 12px; } }
      .ticketDetails .passengersArea .card .card-body .btnPassengerAdd {
        padding: 0px;
        border: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%; }
        @media (max-width: 767px) {
          .ticketDetails .passengersArea .card .card-body .btnPassengerAdd img {
            width: 20px; } }
      .ticketDetails .passengersArea .card .card-body .detail {
        margin-top: 10px; }
        .ticketDetails .passengersArea .card .card-body .detail .textDeparture {
          font-size: 16px;
          font-weight: bold;
          color: var(--midnightdark);
          margin-bottom: 0px; }
          @media (max-width: 575px) {
            .ticketDetails .passengersArea .card .card-body .detail .textDeparture {
              font-size: 14px; } }
          .ticketDetails .passengersArea .card .card-body .detail .textDeparture span {
            font-size: 14px;
            font-weight: 500;
            line-height: 1.75;
            color: var(--grey-blue); }
            @media (max-width: 575px) {
              .ticketDetails .passengersArea .card .card-body .detail .textDeparture span {
                font-size: 12px; } }
          .ticketDetails .passengersArea .card .card-body .detail .textDeparture .textConnected {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            vertical-align: bottom; }
            .ticketDetails .passengersArea .card .card-body .detail .textDeparture .textConnected::before {
              content: "";
              place-self: center;
              display: block;
              border-bottom: 2px dotted var(--grey-blue);
              height: 1px;
              width: 10px;
              margin-right: 2px; }
        .ticketDetails .passengersArea .card .card-body .detail .detailContent {
          background-color: var(--light-blue-grey);
          border-radius: 8px;
          padding: 8px 14px;
          margin-top: 10px;
          margin-bottom: 10px; }
          @media (max-width: 575px) {
            .ticketDetails .passengersArea .card .card-body .detail .detailContent {
              padding: 6px 8px;
              margin-bottom: 0px;
              margin-top: 6px; } }
          .ticketDetails .passengersArea .card .card-body .detail .detailContent .textContent {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            .ticketDetails .passengersArea .card .card-body .detail .detailContent .textContent .textWhite {
              font-size: 12px;
              font-weight: 500;
              color: var(--white);
              padding-bottom: 5px; }
            .ticketDetails .passengersArea .card .card-body .detail .detailContent .textContent .textBlack {
              font-size: 12px;
              font-weight: 500;
              color: var(--slate); }
        .ticketDetails .passengersArea .card .card-body .detail .priceArea {
          text-align: right; }
          .ticketDetails .passengersArea .card .card-body .detail .priceArea .textPrice {
            font-size: 14px;
            font-weight: bold;
            color: var(--midnightdark); }
            @media (max-width: 575px) {
              .ticketDetails .passengersArea .card .card-body .detail .priceArea .textPrice {
                font-size: 12px; } }
        .ticketDetails .passengersArea .card .card-body .detail .textTicketP {
          font-size: 14px;
          font-weight: 600;
          color: var(--midnightdark);
          margin-bottom: 0px; }
      .ticketDetails .passengersArea .card .card-body .ticketNumberArea::before {
        content: "";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid var(--light-blue-grey);
        margin-top: 10px;
        margin-bottom: 15px; }
      .ticketDetails .passengersArea .card .card-body .ticketNumberArea .head {
        font-size: 12px;
        font-weight: bold;
        color: var(--grey-blue);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 40px; }
      .ticketDetails .passengersArea .card .card-body .ticketNumberArea .text {
        font-size: 14px;
        font-weight: 600;
        color: var(--midnightdark); }
      .ticketDetails .passengersArea .card .card-body .ticketNumberArea .connected {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 12px; }
        .ticketDetails .passengersArea .card .card-body .ticketNumberArea .connected .connectedText {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
      .ticketDetails .passengersArea .card .card-body .ticketNumberArea .print {
        font-size: 17px;
        font-weight: 500;
        text-decoration: none;
        color: var(--slate);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .ticketDetails .passengersArea .card .card-body .ticketNumberArea .print img {
          margin-left: 10px; }
      .ticketDetails .passengersArea .card .card-body .btnDisabledPassenger {
        padding: 0px;
        border: 0px;
        font-size: 16px;
        font-weight: bold;
        color: var(--darkish-blue);
        margin-top: 15px;
        margin-bottom: 15px;
        text-decoration: underline; }

.ticketDetails .bannerArea {
  margin-bottom: 50px; }
  @media (max-width: 992px) {
    .ticketDetails .bannerArea {
      margin-bottom: 0px; } }
  .ticketDetails .bannerArea .bannerRow {
    background-color: #5684f3;
    padding-top: 81px;
    padding-bottom: 53px; }
    @media (max-width: 575px) {
      .ticketDetails .bannerArea .bannerRow {
        padding-top: 40px;
        padding-bottom: 32px; } }
  .ticketDetails .bannerArea .bannerLeftBg {
    width: 111px;
    height: 105px;
    position: absolute;
    top: -60px; }
    @media (max-width: 767px) {
      .ticketDetails .bannerArea .bannerLeftBg {
        width: 82px;
        height: 77px;
        top: -30px; } }
  .ticketDetails .bannerArea .textHead {
    font-size: 26px;
    font-weight: 500;
    color: var(--white);
    margin-bottom: 12px; }
    @media (max-width: 767px) {
      .ticketDetails .bannerArea .textHead {
        font-size: 20px;
        margin-bottom: 10px; } }
  .ticketDetails .bannerArea .text {
    font-size: 36px;
    font-weight: 500;
    color: var(--white);
    margin-bottom: 48px; }
    @media (max-width: 767px) {
      .ticketDetails .bannerArea .text {
        font-size: 30px;
        margin-bottom: 33px; } }
    @media (max-width: 767px) {
      .ticketDetails .bannerArea .text {
        font-size: 23px;
        margin-bottom: 33px; } }
  .ticketDetails .bannerArea .bannerRightArea {
    position: relative; }
    .ticketDetails .bannerArea .bannerRightArea img {
      position: absolute;
      top: -68px;
      height: 377px; }
      @media (max-width: 992px) {
        .ticketDetails .bannerArea .bannerRightArea img {
          top: -79px; } }
      @media (max-width: 576px) {
        .ticketDetails .bannerArea .bannerRightArea img {
          height: 294px;
          top: -40px; } }
    .ticketDetails .bannerArea .bannerRightArea .imgWeb {
      display: block; }
      @media (max-width: 767px) {
        .ticketDetails .bannerArea .bannerRightArea .imgWeb {
          display: none; } }
    .ticketDetails .bannerArea .bannerRightArea .imgMobil {
      display: none; }
      @media (max-width: 767px) {
        .ticketDetails .bannerArea .bannerRightArea .imgMobil {
          display: block; } }
      @media (max-width: 400px) {
        .ticketDetails .bannerArea .bannerRightArea .imgMobil {
          height: 250px; } }
      @media (max-width: 340px) {
        .ticketDetails .bannerArea .bannerRightArea .imgMobil {
          height: 240px; } }
  .ticketDetails .bannerArea .bannerRightCarImg {
    position: relative;
    text-align: right; }
    @media (max-width: 767px) {
      .ticketDetails .bannerArea .bannerRightCarImg {
        text-align: center; } }
    .ticketDetails .bannerArea .bannerRightCarImg img {
      width: 416px;
      max-height: 243px;
      -o-object-fit: contain;
      object-fit: contain;
      height: 100%; }
      @media (max-width: 1400px) {
        .ticketDetails .bannerArea .bannerRightCarImg img {
          -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
          transform: scale(0.9); } }
      @media (max-width: 1200px) {
        .ticketDetails .bannerArea .bannerRightCarImg img {
          -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
          transform: scale(0.8);
          -webkit-transform-origin: right;
          -ms-transform-origin: right;
          transform-origin: right; } }
      @media (max-width: 767px) {
        .ticketDetails .bannerArea .bannerRightCarImg img {
          -webkit-transform-origin: center;
          -ms-transform-origin: center;
          transform-origin: center;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1); } }
      @media (max-width: 575px) {
        .ticketDetails .bannerArea .bannerRightCarImg img {
          -webkit-transform-origin: right;
          -ms-transform-origin: right;
          transform-origin: right;
          -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
          transform: scale(0.8); } }
  .ticketDetails .bannerArea .textLeftArea {
    padding-left: 40px; }
    @media (max-width: 992px) {
      .ticketDetails .bannerArea .textLeftArea {
        padding-left: 0px; } }
  .ticketDetails .bannerArea .btnRental {
    font-size: 22px;
    font-weight: bold;
    color: var(--white);
    border-radius: 8px;
    background-color: var(--darkish-blue);
    padding: 17.5px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 767px) {
      .ticketDetails .bannerArea .btnRental {
        padding: 10px 14px;
        font-size: 16px; } }
    .ticketDetails .bannerArea .btnRental::after {
      content: "";
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      background-image: url("../images/icon-white-arrow.svg");
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      width: 16px;
      height: 10px;
      background-repeat: no-repeat;
      background-size: 16px;
      margin-top: 4px;
      margin-left: 15px; }
      @media (max-width: 767px) {
        .ticketDetails .bannerArea .btnRental::after {
          background-size: 12px;
          margin-top: 6px;
          margin-left: 5px; } }

.ticketSearch .stepArea {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  @media (max-width: 575px) {
    .ticketSearch .stepArea {
      padding-bottom: 0px;
      margin-bottom: 20px; } }
  .ticketSearch .stepArea .seferHeaderText {
    margin-bottom: 0px; }
    .ticketSearch .stepArea .seferHeaderText h1 {
      font-size: 21px;
      color: var(--dusk);
      margin-bottom: 21px; }
      @media (max-width: 575px) {
        .ticketSearch .stepArea .seferHeaderText h1 {
          margin-bottom: 10px;
          font-size: 17px; } }
    .ticketSearch .stepArea .seferHeaderText p {
      font-size: 16px;
      font-weight: normal;
      color: var(--purple-brown); }
      @media (max-width: 575px) {
        .ticketSearch .stepArea .seferHeaderText p {
          font-size: 11px;
          font-weight: 500;
          letter-spacing: -0.22px; } }
  .ticketSearch .stepArea .customH {
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right; }
    @media (max-width: 767px) {
      .ticketSearch .stepArea .customH .btnAccordionSeferSearch {
        margin-top: 10px; } }
    @media (max-width: 575px) {
      .ticketSearch .stepArea .customH .btnAccordionSeferSearch {
        margin-bottom: 20px; } }

.ticketSearch .countDownArea {
  margin-bottom: 25px; }
  @media (max-width: 575px) {
    .ticketSearch .countDownArea {
      margin-bottom: 20px; } }

@media (max-width: 575px) {
  .ticketSearch .seferSearchAccordion .card.card-body {
    padding-top: 0px; } }

.ticketSearch .ticketSearchArea {
  margin-top: 20px;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right; }
  @media (max-width: 575px) {
    .ticketSearch .ticketSearchArea {
      margin-top: 0px;
      padding-top: 20px;
      padding-bottom: 20px; } }
  @media (max-width: 575px) {
    .ticketSearch .ticketSearchArea .form-inline {
      display: block; } }
  @media (max-width: 767px) {
    .ticketSearch .ticketSearchArea .form-inline .form-group {
      display: block; } }
  .ticketSearch .ticketSearchArea .form-inline .form-group .col-form-label {
    padding-right: 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.24px;
    color: var(--grey-blue); }
    @media (max-width: 575px) {
      .ticketSearch .ticketSearchArea .form-inline .form-group .col-form-label {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.28px;
        color: var(--ice-blue);
        padding-left: 20px;
        padding-top: 0px; } }
  .ticketSearch .ticketSearchArea .form-inline .form-group input {
    font-size: 13px;
    font-weight: 600;
    color: var(--slate);
    border-radius: 22px;
    -webkit-box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11);
    box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11);
    border: 0px;
    height: 2.75rem;
    max-width: 135px;
    text-align: center; }
    @media (max-width: 575px) {
      .ticketSearch .ticketSearchArea .form-inline .form-group input {
        max-width: 100%;
        font-size: 12px;
        height: calc(2.5em + 0.75rem + 6px); } }
  .ticketSearch .ticketSearchArea .form-inline .form-group .inputButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .ticketSearch .ticketSearchArea .form-inline .form-group .inputButton input {
      max-width: 208px;
      padding-right: 88px; }
      @media (max-width: 575px) {
        .ticketSearch .ticketSearchArea .form-inline .form-group .inputButton input {
          max-width: 100%; } }
    .ticketSearch .ticketSearchArea .form-inline .form-group .inputButton .btnSearch {
      position: absolute;
      right: 0px; }
      @media (max-width: 575px) {
        .ticketSearch .ticketSearchArea .form-inline .form-group .inputButton .btnSearch {
          width: auto; } }
  .ticketSearch .ticketSearchArea .btnSearch {
    border-radius: 22px;
    -webkit-box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11);
    box-shadow: 0 3px 15px 0 rgba(68, 71, 99, 0.11);
    background-color: var(--orangey-red);
    font-size: 14px;
    font-weight: bold;
    color: var(--white);
    padding-left: 20px;
    padding-right: 20px;
    height: 2.75rem; }
    @media (max-width: 575px) {
      .ticketSearch .ticketSearchArea .btnSearch {
        width: 100%;
        height: calc(2.5em + 0.75rem + 1px); } }

.ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header {
  background-color: var(--light-blue-grey);
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 30px;
  padding-bottom: 20px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default; }
  @media (max-width: 575px) {
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 15px;
      padding-bottom: 9px; } }
  .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferDate {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferDate .textSeferHead {
      font-size: 21px;
      font-weight: bold;
      letter-spacing: -0.42px;
      color: var(--dusk);
      text-align: left;
      margin-bottom: 10px; }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferDate .textSeferHead {
          font-size: 16px;
          letter-spacing: -0.32px;
          margin-bottom: 6px; } }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferDate .textHead {
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.28px;
      color: var(--white);
      margin-bottom: 0px; }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferDate .textHead {
          font-size: 12px;
          letter-spacing: normal; } }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferDate .textContent {
      font-size: 13px;
      font-weight: 600;
      color: var(--slate);
      margin-bottom: 0px; }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferDate .textContent {
          font-size: 12px;
          letter-spacing: -0.24px; } }
  .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferPrice {
    text-align: right;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferPrice .textPassangerNumber {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: -0.24px;
      color: var(--white);
      margin-bottom: 0px; }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferPrice .textPrice {
      font-size: 16px;
      font-weight: bold;
      color: var(--dusk);
      margin-bottom: 15px; }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferPrice .textPrice {
          margin-bottom: 0px; } }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferPrice .optionPeriod {
      font-size: 14px;
      font-weight: bold;
      color: var(--orangey-red);
      margin-bottom: 0px; }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferPrice .optionPeriod {
          font-size: 12px;
          font-weight: 500; } }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferPrice .printTicket {
      font-size: 16px;
      font-weight: 500;
      color: var(--dusk);
      text-decoration: none;
      position: relative;
      padding-right: 42px;
      margin-left: auto; }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferPrice .printTicket {
          font-size: 11px;
          padding-right: 20px; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferPrice .printTicket::after {
        content: "";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-image: url("../images/icon-printer-grey.svg");
        background-repeat: no-repeat;
        background-size: 21px;
        width: 21px;
        height: 19px;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -10px; }
        @media (max-width: 575px) {
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferPrice .printTicket::after {
            width: 14px;
            height: 12px;
            margin-top: -6px;
            background-size: 14px; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-header .seferPrice .printTicket:focus-visible {
        outline: none; }

.ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body {
  padding: 23px 32px;
  padding-bottom: 32px; }
  @media (max-width: 575px) {
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 10px; } }
  .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .headHR::after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + -30px);
    margin-left: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--light-blue-grey); }
    @media (max-width: 575px) {
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .headHR::after {
        margin-top: 10px;
        margin-bottom: 14px; } }
  .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header {
    background-color: var(--ice-blue);
    border-radius: 12px;
    padding: 28px 20px;
    margin-bottom: 28px; }
    @media (max-width: 575px) {
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 25px; } }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 {
      margin-bottom: 0px; }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button {
        width: 100%;
        cursor: default;
        border: 0px; }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button::after {
          display: none; }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival {
          border-right: 0px;
          border-left: 0px;
          padding-left: 0px;
          padding-right: 0px; }
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival::before, .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival::after {
            display: none; }
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival .textDepartureArrival p {
            cursor: pointer; }
            @media (max-width: 575px) {
              .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival .textDepartureArrival p {
                max-width: -webkit-max-content;
                max-width: -moz-max-content;
                max-width: max-content;
                text-align: left; } }
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival .textDirection {
            font-size: 18px;
            font-weight: bold;
            letter-spacing: -0.36px;
            color: var(--dusk);
            text-align: left;
            margin-bottom: 18px; }
            @media (max-width: 575px) {
              .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival .textDirection {
                margin-bottom: 10px;
                font-size: 14px;
                letter-spacing: -0.28px; } }
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival .textRecipe {
            line-height: normal; }
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival .locationTime {
            margin-bottom: 0px; }
            @media (max-width: 575px) {
              .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival .locationTime {
                margin-bottom: 4px; } }
            .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival .locationTime .horizontalHr::before {
              left: 0px; }
            .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header h5 button .seferDepartureArrival .locationTime .horizontalHr::after {
              left: auto; }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header .connectedInfo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 40px;
      margin-bottom: 40px;
      position: relative; }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header .connectedInfo::before {
        content: "";
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 23px;
        height: 23px;
        border-radius: 50%;
        border: 7px solid white;
        border-radius: 50%;
        background-color: var(--dusk);
        outline: 1px solid var(--light-blue-grey);
        position: absolute; }
        @media (max-width: 575px) {
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header .connectedInfo::before {
            border: 5px solid white;
            width: 15px;
            height: 15px;
            margin-top: 0px; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header .connectedInfo .textConnected {
        font-size: 21px;
        font-weight: bold;
        color: var(--grey-blue);
        margin-left: 39px;
        margin-bottom: 0px; }
        @media (max-width: 575px) {
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header .connectedInfo .textConnected {
            margin-left: 24px;
            font-size: 16px; } }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header .connectedInfo .textConnected::after {
          content: "";
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          border: 2px dotted var(--grey-blue);
          border-top: 0px;
          border-left: 0px;
          border-right: 0px;
          width: 100%;
          position: absolute;
          width: calc(100% + -275px);
          top: 50%;
          margin-left: 8px; }
          @media (max-width: 575px) {
            .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header .connectedInfo .textConnected::after {
              width: calc(100% + -217px); } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header .connectedInfo .textStandbyTime {
        font-size: 17px;
        font-weight: 600;
        color: var(--orangey-red);
        margin-bottom: 0px; }
        @media (max-width: 575px) {
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .card-header .connectedInfo .textStandbyTime {
            font-size: 14px; } }
  .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .textBodyHead {
    font-size: 21px;
    font-weight: bold;
    color: var(--slate);
    margin: 0px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    @media (max-width: 575px) {
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .textBodyHead {
        font-size: 15px; } }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .textBodyHead.headHR {
      display: block; }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .textBodyHead.headHR::after {
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
        margin-bottom: 15px; }
        @media (max-width: 575px) {
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .textBodyHead.headHR::after {
            margin-top: 10px;
            margin-bottom: 10px; } }
  .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .pnrArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right; }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .pnrArea .pnrHead {
      font-size: 21px;
      font-weight: 500;
      line-height: 2.14;
      color: var(--slate);
      margin-bottom: 0px;
      margin-right: 15px; }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .pnrArea .pnrHead {
          font-size: 12px;
          line-height: 2.29;
          margin-right: 6px; } }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .pnrArea .btnPNR {
      border-radius: 4px;
      background-color: var(--dusk);
      font-size: 16px;
      font-weight: bold;
      color: var(--white);
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 12px 17px; }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .pnrArea .btnPNR {
          padding: 8px 10px;
          font-size: 11px; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .pnrArea .btnPNR::before {
        content: "";
        background-image: url("../images/icon-copy.svg");
        background-repeat: no-repeat;
        width: 22px;
        height: 25px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 10px; }
        @media (max-width: 575px) {
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .pnrArea .btnPNR::before {
            width: 13px;
            height: 15px;
            background-size: 13px; } }
  .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card {
    border: solid 1px #cccee5;
    -webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16); }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 20px;
      padding-bottom: 0px;
      margin-bottom: 0px;
      background-color: var(--white);
      pointer-events: none; }
      @media (max-width: 767px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header {
          position: relative;
          pointer-events: all; } }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header {
          padding-left: 15px;
          padding-right: 15px; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header button {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        padding: 0px;
        border: 0px; }
        @media (max-width: 767px) {
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header button::before {
            content: "";
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background-image: url("../images/icon-seatmap-total-price-arrow.svg");
            background-repeat: no-repeat;
            width: 30px;
            height: 30px;
            background-color: var(--ice-blue);
            border-radius: 50%;
            background-position: center;
            position: absolute;
            right: 15px;
            top: 50%;
            margin-top: -15px;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; } }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header button .headText {
          font-size: 18px;
          font-weight: 600;
          color: var(--midnightdark);
          margin-bottom: 0px;
          padding-right: 34px; }
          @media (max-width: 575px) {
            .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header button .headText {
              font-size: 14px; } }
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header button .headText .text {
            font-size: 18px;
            color: var(--midnightdark);
            padding-left: 0px;
            padding-right: 20px; }
            @media (max-width: 575px) {
              .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header button .headText .text {
                font-size: 14px;
                padding-right: 10px; } }
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header button .headText span {
            font-size: 16px;
            font-weight: 600;
            color: var(--grey-blue); }
            @media (max-width: 575px) {
              .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header button .headText span {
                font-size: 12px; } }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header button .textTarife {
          font-size: 12px;
          font-weight: 500;
          color: var(--grey-blue); }
          @media (max-width: 575px) {
            .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header button .textTarife {
              padding-right: 30px; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header .collapsed {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        padding-bottom: 20px; }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header .collapsed::after {
          display: none; }
        @media (max-width: 767px) {
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-header .collapsed::before {
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); } }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body {
      padding-top: 12px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 13px; }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body {
          padding-left: 15px;
          padding-right: 15px; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .customHR::before {
        content: "";
        width: calc(100% + -30px);
        border-bottom: 1px solid var(--light-blue-grey);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 12px;
        margin-left: 15px; }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .connectedPassenger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        margin-bottom: 14px; }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .connectedPassenger .textConnected {
          margin-bottom: 0px;
          font-size: 12px;
          font-weight: bold;
          color: var(--grey-blue); }
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .connectedPassenger .textConnected::after {
            content: "";
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            border: 2px dotted var(--grey-blue);
            border-top: 0px;
            border-left: 0px;
            border-right: 0px;
            width: 100%;
            position: absolute;
            width: calc(100% + -160px);
            top: 50%;
            margin-left: 8px; }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .connectedPassenger .textStandbyTime {
          margin-bottom: 0px;
          font-size: 12px;
          font-weight: 600;
          color: var(--grey-blue); }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .form-check a {
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .form-check a img {
          width: 23px;
          height: 20px; }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .checkboxArea {
        text-decoration: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 17px; }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .checkboxArea .checkmark {
          top: 50%;
          margin-top: -10px; }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .checkboxArea .checkboxText {
          font-size: 12px;
          font-weight: bold;
          color: var(--grey-blue); }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .checkboxArea .checkboxTextNumber {
          font-size: 14px;
          font-weight: 600;
          padding-left: 10px;
          color: var(--midnightdark); }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .textDirection {
        margin-bottom: 0px;
        font-size: 12px;
        font-weight: 500;
        color: var(--midnightdark); }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .textWagonArea p {
        margin-bottom: 0px;
        font-size: 12px;
        font-weight: 500;
        color: var(--slate); }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .textWagonArea p span {
          font-weight: bold; }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .ticketStatusPrice {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .ticketStatusPrice .textStatus {
        font-size: 12px;
        font-weight: 500;
        color: var(--greenish);
        margin-bottom: 0px; }
        @media (max-width: 767px) {
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .ticketStatusPrice .textStatus {
            text-align: right; } }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .ticketStatusPrice .textStatus.refund {
          color: var(--orangey-red); }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .ticketStatusPrice .textStatus.openTicket {
          color: var(--orangey-yellow); }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .ticketStatusPrice .textPrice {
        font-size: 12px;
        font-weight: bold;
        color: var(--slate);
        margin-bottom: 0px; }
        @media (max-width: 767px) {
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .ticketStatusPrice .textPrice {
            text-align: right; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .btnAdditionalService {
        padding: 0px;
        border: 0px;
        line-height: normal;
        font-size: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media (max-width: 767px) {
          .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .btnAdditionalService {
            margin-left: auto; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .customM {
        margin-bottom: 14px; }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketSearchPassengersAccordion .card .card-body .disabled {
        opacity: 0.5;
        pointer-events: none; }
  .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange {
    margin-top: 26px;
    margin-bottom: 34px; }
    @media (max-width: 575px) {
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange {
        margin-top: 5px; } }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .textLink {
      font-size: 16px;
      font-weight: 500;
      color: var(--grey-blue);
      text-decoration: underline;
      position: relative;
      padding-right: 25px; }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .textLink {
          display: inline-block;
          font-size: 12px;
          padding-right: 20px; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .textLink::after {
        content: "i";
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        color: white;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: var(--slate);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -7.5px;
        font-size: 12px; }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .btnTicketType {
      font-size: 16px;
      font-weight: bold;
      color: var(--darkish-blue);
      border-radius: 10px;
      border: solid 1px var(--darkish-blue);
      background-color: var(--white);
      padding: 12px 15px; }
      @media (max-width: 992px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .btnTicketType {
          margin-bottom: 20px; } }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .btnTicketType {
          font-size: 12px;
          padding: 12px 10px; } }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .btnTicketTypeSearch {
      border-radius: 10px;
      background-color: var(--ice-blue);
      font-size: 16px;
      font-weight: 500;
      color: var(--cornflower);
      padding: 12px 15px; }
      @media (max-width: 992px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .btnTicketTypeSearch {
          margin-bottom: 20px; } }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .btnTicketTypeSearch {
          font-size: 12px;
          padding: 12px 10px; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .btnTicketTypeSearch .text-danger {
        color: var(--orangey-red); }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .btnTicketTypeSearch .text-warning {
        color: var(--dusty-orange); }
    @media (max-width: 575px) {
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .mobileP {
        margin-right: 0;
        margin-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketTypeChange .mobileP .col-auto {
          padding-right: 6px;
          padding-left: 0; } }
  .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketDocument .textPassengerHead {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--grey-blue);
    margin-bottom: 0px;
    margin-top: 20px; }
    @media (max-width: 575px) {
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketDocument .textPassengerHead {
        font-size: 12px;
        line-height: 1.75; } }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketDocument .textPassengerHead:first-child {
      margin-top: 0px; }
  .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketDocument ul {
    margin-bottom: 0px;
    padding-left: 0px;
    list-style: none; }
    .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketDocument ul li {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.5;
      color: var(--grey-blue); }
      @media (max-width: 575px) {
        .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketDocument ul li {
          font-size: 12px;
          line-height: 1.75; } }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketDocument ul li::before {
        content: "-"; }
      .ticketSearch .seferInformationArea .departureAccordion .seferAccordion .card .card-body .ticketDocument ul li a {
        color: var(--darkish-blue);
        text-decoration: underline; }

.userInformation {
  margin-bottom: 100px; }
  .userInformation .seferHeaderText {
    margin-top: 30px; }
  .userInformation .countDownArea {
    margin-bottom: 15px; }
  .userInformation .stepArea {
    margin-bottom: 15px; }
  @media (max-width: 992px) {
    .userInformation .passengerInformation .card {
      margin-bottom: 30px; } }
  .userInformation .passengerInformation .card .card-body {
    padding: 32px; }
    @media (max-width: 575px) {
      .userInformation .passengerInformation .card .card-body {
        padding: 25px 20px; } }
    .userInformation .passengerInformation .card .card-body .cardBodyHead {
      font-size: 21px;
      font-weight: bold;
      color: var(--dusk);
      margin-bottom: 21px; }
      @media (max-width: 575px) {
        .userInformation .passengerInformation .card .card-body .cardBodyHead {
          font-size: 16px; } }
    .userInformation .passengerInformation .card .card-body .cardBodySubTitle {
      font-size: 16px;
      font-weight: bold;
      color: var(--dusk);
      margin-bottom: 22px; }
      @media (max-width: 575px) {
        .userInformation .passengerInformation .card .card-body .cardBodySubTitle {
          font-size: 14px;
          font-weight: 600;
          margin-bottom: 20px; } }
    .userInformation .passengerInformation .card .card-body .contact {
      margin-top: 35px; }
    .userInformation .passengerInformation .card .card-body .radioBtnGroup {
      margin-top: 0px;
      margin-bottom: 18px; }
      .userInformation .passengerInformation .card .card-body .radioBtnGroup .btn-secondary {
        padding: 0px;
        height: 41px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 38px;
        padding-right: 38px;
        font-size: 16px;
        font-weight: 600; }
        @media (max-width: 575px) {
          .userInformation .passengerInformation .card .card-body .radioBtnGroup .btn-secondary {
            padding-left: 35px;
            padding-right: 35px;
            font-size: 12px;
            font-weight: 600; } }
    .userInformation .passengerInformation .card .card-body .passengerForm .error .text-danger {
      color: var(--orangey-red); }
    .userInformation .passengerInformation .card .card-body .passengerForm input.disabled {
      color: rgba(68, 60, 98, 0.5); }
    .userInformation .passengerInformation .card .card-body .passengerForm textarea {
      border-radius: 12px;
      border: solid 1px var(--light-blue-grey);
      background-color: #fafafa;
      font-size: 16px;
      font-weight: 600;
      color: var(--mid-dark);
      padding-left: 16px;
      padding-right: 16px; }
    .userInformation .passengerInformation .card .card-body .passengerForm .form-group label {
      font-size: 14px; }
    .userInformation .passengerInformation .card .card-body .passengerForm .form-group .dateInputArea input {
      font-size: 14px;
      font-weight: 500;
      padding-right: 30px; }
    .userInformation .passengerInformation .card .card-body .passengerForm .form-group .dateInputArea::after {
      content: "";
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-image: url(../images/icon-calendar-purple.svg);
      background-repeat: no-repeat;
      width: 18px;
      position: absolute;
      right: 16px;
      background-size: 18px;
      top: 0;
      height: 20px;
      margin-right: 10px;
      margin-top: 9px;
      pointer-events: none; }
    .userInformation .passengerInformation .card .card-body .passengerForm .form-group.dateInputError {
      margin-bottom: 40px; }
      @media (max-width: 575px) {
        .userInformation .passengerInformation .card .card-body .passengerForm .form-group.dateInputError {
          margin-bottom: 30px; } }
      .userInformation .passengerInformation .card .card-body .passengerForm .form-group.dateInputError .dateInputArea::after {
        margin-right: 0px;
        right: 12px; }
    .userInformation .passengerInformation .card .card-body .passengerForm .textInfo {
      font-size: 14px;
      font-weight: 500;
      color: var(--mid-dark);
      margin-top: 14px;
      margin-bottom: 36px; }
    .userInformation .passengerInformation .card .card-body .passengerForm .passengerCheckBox.ticketInformation {
      margin: 0px;
      height: 100%; }
    .userInformation .passengerInformation .card .card-body .passengerForm .passengerCheckBox .checkboxArea {
      height: 100%;
      min-height: 56px; }
      .userInformation .passengerInformation .card .card-body .passengerForm .passengerCheckBox .checkboxArea .checkboxText {
        font-size: 14px;
        font-weight: 600;
        padding-top: 15px;
        padding-bottom: 15px; }
    .userInformation .passengerInformation .card .card-body .passengerForm .btnSave {
      font-size: 16px;
      font-weight: bold;
      color: var(--white);
      border-radius: 12px;
      border: solid 1px var(--grey-purple-44);
      background-color: var(--darkish-blue);
      padding: 15px 36px; }
      @media (max-width: 575px) {
        .userInformation .passengerInformation .card .card-body .passengerForm .btnSave {
          margin-top: 30px; } }
  .userInformation .btnFilterSearch {
    border-radius: 12px;
    background-color: var(--orangey-red);
    font-size: 12px;
    font-weight: bold;
    color: var(--white);
    height: 40px; }
  .userInformation .btnFilterReset {
    border-radius: 12px;
    background-color: var(--ice-blue);
    font-size: 12px;
    font-weight: bold;
    color: var(--soft-blue);
    height: 40px; }
    @media (max-width: 575px) {
      .userInformation .btnFilterReset {
        margin-top: 15px; } }

.passwordUpdate .inputPassword {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .passwordUpdate .inputPassword input {
    padding-right: 55px !important; }
  .passwordUpdate .inputPassword span {
    position: absolute;
    right: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.36; }
    .passwordUpdate .inputPassword span.text-danger {
      color: var(--orangey-red); }
    .passwordUpdate .inputPassword span.text-warning {
      color: var(--orangey-yellow); }
    .passwordUpdate .inputPassword span.text-succes {
      color: var(--apple); }

.passwordUpdate .passengersRules {
  margin-bottom: 34px; }
  .passwordUpdate .passengersRules .passwordRulesHead {
    font-size: 14px;
    font-weight: 500;
    color: var(--mid-dark); }
  .passwordUpdate .passengersRules ul {
    padding: 0px;
    margin: 0px;
    list-style: none; }
    .passwordUpdate .passengersRules ul li {
      font-size: 12px;
      color: var(--mid-dark);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .passwordUpdate .passengersRules ul li.text-danger {
        color: var(--orangey-red); }
      .passwordUpdate .passengersRules ul li span {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: var(--light-blue-grey);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 5px;
        position: relative; }
        .passwordUpdate .passengersRules ul li span::after {
          content: "";
          position: absolute;
          display: block;
          left: 50%;
          margin-left: 0px;
          top: 50%;
          margin-top: -3px;
          width: 7px;
          height: 4px;
          border: solid var(--white);
          border-width: 1px 1px 0 0;
          transform: rotate(140deg);
          -webkit-transform: rotate(140deg);
          -moz-transform: rotate(140deg);
          -ms-transform: rotate(140deg);
          -o-transform: rotate(140deg);
          left: 4px; }
        .passwordUpdate .passengersRules ul li span.bg-success {
          background-color: var(--apple) !important; }
        .passwordUpdate .passengersRules ul li span.bg-danger {
          background-color: var(--orangey-red); }
          .passwordUpdate .passengersRules ul li span.bg-danger::after {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-item-align: center;
            align-self: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            left: 0px;
            border: 0px;
            border-width: 0px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            background-image: url("../images/icon-password-error.svg");
            background-repeat: no-repeat;
            width: 100%;
            height: 5px;
            background-position-x: center;
            margin-top: -2.5px; }

@media (max-width: 575px) {
  .ticketReservation .seferHeaderText {
    margin-bottom: 0px; } }

.ticketReservation .ticketSearch .seferArea .ticketSearchArea {
  margin-top: 0px; }
  @media (max-width: 1200px) {
    .ticketReservation .ticketSearch .seferArea .ticketSearchArea {
      margin-top: 20px; } }
  @media (max-width: 575px) {
    .ticketReservation .ticketSearch .seferArea .ticketSearchArea {
      background-color: var(--slate); } }

.ticketReservation .card .card-body.customTab {
  padding: 25px 20px;
  min-height: 553px; }
  @media (max-width: 575px) {
    .ticketReservation .card .card-body.customTab {
      padding-top: 18px;
      padding-bottom: 60px;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 575px) {
    .ticketReservation .card .card-body.customTab .nav-tabs .nav-item {
      -ms-flex: 1 1 auto;
      -webkit-box-flex: 1;
      flex: 1 1 auto;
      text-align: center; } }
  @media (max-width: 575px) {
    .ticketReservation .card .card-body.customTab .nav-tabs .nav-item .nav-link {
      margin: 0px;
      padding: 0px;
      width: 100%;
      font-size: 14px; } }
  @media (max-width: 575px) {
    .ticketReservation .card .card-body.customTab .nav-tabs .nav-item .nav-link span {
      padding-bottom: 9px; } }
  .ticketReservation .card .card-body.customTab .tab-content .tab-pane .textEmpty {
    font-size: 14px;
    font-weight: 500;
    color: var(--dusk);
    text-align: center;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% + -115px);
    width: calc(100% + -34px);
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0.5; }
  .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .dateLabel {
    font-size: 14px;
    font-weight: 500;
    color: var(--mid-dark);
    margin-bottom: 4px; }
  @media (max-width: 991px) {
    .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .customSingleDatePicker .daterangepicker {
      right: auto !important;
      left: 0px !important; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .customSingleDatePicker .daterangepicker::before {
        display: none; } }
  .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .dropdown-menu .dropdown-item {
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .filterDropdown .dropdown-menu .searchArea {
    overflow-y: hidden; }
    .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .filterDropdown .dropdown-menu .searchArea .dropdown-item {
      width: 100%;
      padding: 0px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .filterDropdown .dropdown-menu .searchArea .dropdown-item::after {
        width: calc(100% + -20px); }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .filterDropdown .dropdown-menu .searchArea .dropdown-item .seferRadioBtn {
        padding: 0px;
        width: 100%; }
        .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .filterDropdown .dropdown-menu .searchArea .dropdown-item .seferRadioBtn .radioBtnArea {
          padding-top: 16px;
          padding-bottom: 16px;
          font-size: 14px; }
          .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .filterDropdown .dropdown-menu .searchArea .dropdown-item .seferRadioBtn .radioBtnArea input {
            height: auto; }
          .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .filterDropdown .dropdown-menu .searchArea .dropdown-item .seferRadioBtn .radioBtnArea .radioCheckmark {
            top: 50%;
            margin-top: -10px;
            left: 10px;
            width: 20px;
            height: 20px; }
            .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .filterDropdown .dropdown-menu .searchArea .dropdown-item .seferRadioBtn .radioBtnArea .radioCheckmark::after {
              margin-left: -4px;
              width: 8px;
              height: 8px;
              margin-top: -4px; }
          .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .filterDropdown .dropdown-menu .searchArea .dropdown-item .seferRadioBtn .radioBtnArea .radioBtnText {
            padding-left: 12px;
            font-size: 14px; }
  .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .rezDropdown .dropdown-menu {
    width: auto; }
    .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .rezDropdown .dropdown-menu .radioBtnArea {
      padding-right: 10px; }
  .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .standartDropdown .inputSearch input {
    height: calc(1em + 1rem + 10px);
    font-size: 14px; }
  .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .dateInputArea input {
    height: calc(1em + 1rem + 10px); }
  .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .textCashPrice {
    font-size: 12px;
    font-weight: bold;
    color: var(--slate);
    margin-bottom: 0px; }
  .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .openTicketArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .openTicketArea a {
      line-height: normal;
      padding-left: 12px; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .openTicketArea a img {
        width: 23px;
        height: 20px; }
  .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard {
    margin-bottom: 10px;
    border-radius: 16px; }
    .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body {
      padding: 16px 20px;
      padding-bottom: 0px;
      border-radius: 16px;
      border: solid 1px #cccee5; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .form-group {
        margin-bottom: 16px; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .pnrArea .text {
        font-size: 12px;
        font-weight: bold;
        color: var(--grey-blue);
        margin-bottom: 0px; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .pnrArea .textCode {
        font-size: 14px;
        font-weight: 600;
        color: var(--midnightdark);
        margin-bottom: 0px; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .textDirection {
        font-size: 12px;
        font-weight: 500;
        color: var(--midnightdark);
        margin-bottom: 0px; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .textUser {
        font-size: 12px;
        font-weight: 500;
        color: var(--slate);
        margin-bottom: 0px; }
        .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .textUser span {
          padding-left: 14px; }
      @media (max-width: 575px) {
        .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .ticketStatusPrice {
          text-align: right; } }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .ticketStatusPrice .textStatus {
        margin-bottom: 0px;
        font-size: 12px;
        font-weight: 500;
        color: var(--greenish); }
        .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .ticketStatusPrice .textStatus.text-danger {
          color: var(--orangey-red); }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .ticketStatusPrice .textPrice {
        font-size: 12px;
        font-weight: bold;
        color: var(--slate);
        margin-bottom: 0px; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .ticketStatusPrice .customP {
        padding-right: 0px; }
        @media (max-width: 575px) {
          .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .card.ticketCard .card-body .ticketStatusPrice .customP {
            padding-right: 15px; } }
  .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard {
    border-radius: 16px; }
    .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .card-header {
      padding: 0px;
      background-color: var(--white);
      border-bottom: 0px; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .card-header button {
        padding: 0px;
        border: 0px;
        padding-bottom: 1px; }
        .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .card-header button .card-body {
          border: solid 1px #cccee5;
          -webkit-box-shadow: 0 10px 24px 0 rgba(68, 60, 98, 0.22);
          box-shadow: 0 10px 24px 0 rgba(68, 60, 98, 0.22); }
          .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .card-header button .card-body .pnrArea .text {
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            display: inline-block; }
          .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .card-header button .card-body .pnrArea .textCode {
            font-size: 12px; }
          .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .card-header button .card-body .imgArrow {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: right;
            -ms-flex-pack: right;
            justify-content: right; }
            .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .card-header button .card-body .imgArrow::after {
              content: "";
              display: block;
              background-color: var(--ice-blue);
              border-radius: 50%;
              width: 30px;
              height: 30px;
              min-width: 30px;
              min-height: 30px;
              background-image: url("../images/icon-seatmap-total-price-arrow.svg");
              background-repeat: no-repeat;
              background-position: center;
              -webkit-transition: 0.3s;
              -o-transition: 0.3s;
              transition: 0.3s; }
        .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .card-header button.collapsed .card-body .imgArrow::after {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
        @media (max-width: 575px) {
          .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .card-header button.collapsed .card-body .textDirection {
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            display: inline-block; } }
        @media (max-width: 575px) {
          .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .card-header button.collapsed .card-body .textUser {
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            display: inline-block; } }
    .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapse .card-body,
    .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapsing .card-body {
      border: 0px;
      padding-bottom: 20px; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapse .card-body .mySubscriptionsTable.table,
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapsing .card-body .mySubscriptionsTable.table {
        margin-bottom: 0px; }
        .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapse .card-body .mySubscriptionsTable.table tbody tr th,
        .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapsing .card-body .mySubscriptionsTable.table tbody tr th {
          padding: 0px; }
          @media (max-width: 575px) {
            .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapse .card-body .mySubscriptionsTable.table tbody tr th,
            .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapsing .card-body .mySubscriptionsTable.table tbody tr th {
              width: 30%;
              padding-bottom: 9px; } }
        .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapse .card-body .mySubscriptionsTable.table tbody tr td,
        .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapsing .card-body .mySubscriptionsTable.table tbody tr td {
          padding: 0px; }
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapse .card-body .discountSliderHead,
      .ticketReservation .card .card-body.customTab .tab-content .tab-pane .passengerForm .mySubscriptionsAccordion .card.ticketCard .collapsing .card-body .discountSliderHead {
        font-size: 13px;
        font-weight: 600;
        color: var(--slate);
        margin-bottom: 12px; }

.ticketReservation .card .card-body.tabHeight {
  height: 100%; }
  .ticketReservation .card .card-body.tabHeight .tab-content {
    height: 100%;
    min-height: inherit; }
    .ticketReservation .card .card-body.tabHeight .tab-content .tab-pane {
      height: 100%;
      min-height: inherit;
      height: 100%;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      min-height: inherit; }
      .ticketReservation .card .card-body.tabHeight .tab-content .tab-pane .heightRow {
        min-height: inherit; }

.trainInformation .ticketSearchArea .searchDropdown::before {
  display: none; }

.trainInformation .ticketSearchArea .searchDropdown .dropDownInputArea .form-inline .form-group .col-form-label {
  height: auto; }
  @media (max-width: 767px) {
    .trainInformation .ticketSearchArea .searchDropdown .dropDownInputArea .form-inline .form-group .col-form-label {
      margin-left: inherit; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .trainInformation .ticketSearchArea .searchDropdown .dropDownInputArea .form-inline .form-group .col-form-label {
      height: 32px; } }
  @media (max-width: 575px) {
    .trainInformation .ticketSearchArea .searchDropdown .dropDownInputArea .form-inline .form-group .col-form-label {
      display: block;
      height: 28px; } }

.trainInformation .ticketSearchArea .searchDropdown .mobileDropdown::before {
  left: 147px; }

@media (max-width: 767px) {
  .trainInformation .ticketSearchArea .searchDropdown .mobileDropdown {
    top: 0;
    position: fixed;
    width: 100%;
    margin-top: 0px; } }

@media (max-width: 767px) {
  .trainInformation .ticketSearchArea .searchDropdown .mobileDropdown .form-label-group input {
    padding-top: 0px; } }

.trainInformation .customTab .searchArea {
  border-bottom: 1px solid var(--light-blue-grey);
  padding-bottom: 8px;
  margin-top: -6px;
  position: relative; }
  @media (max-width: 767px) {
    .trainInformation .customTab .searchArea {
      border-bottom: 0px;
      padding-bottom: 15px; } }
  .trainInformation .customTab .searchArea::after {
    content: "";
    background-image: url("../images/icon-search-input.svg");
    width: 16px;
    height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -13px; }
    @media (max-width: 767px) {
      .trainInformation .customTab .searchArea::after {
        margin-top: -10px;
        margin-top: -16px; } }
  .trainInformation .customTab .searchArea input {
    border-radius: 20px;
    border: solid 1px #d9dbe7;
    font-size: 14px;
    color: #848796;
    padding-right: 30px; }

@media (max-width: 767px) {
  .trainInformation .customTab .nav-tabs {
    border-bottom: 0px; } }

@media (max-width: 767px) {
  .trainInformation .customTab .nav-tabs::after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: 1px solid #dee2e6;
    position: absolute;
    bottom: 32px; } }

@media (max-width: 767px) {
  .trainInformation .customTab .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; } }

.trainInformation .customTab .nav-tabs .nav-item .nav-link {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (max-width: 767px) {
    .trainInformation .customTab .nav-tabs .nav-item .nav-link {
      white-space: nowrap; } }
  @media (max-width: 575px) {
    .trainInformation .customTab .nav-tabs .nav-item .nav-link {
      padding-left: 1rem !important;
      padding-right: 1rem !important; } }
  @media (max-width: 767px) {
    .trainInformation .customTab .nav-tabs .nav-item .nav-link.active {
      margin-bottom: 12px !important; } }

.trainInformation .customTab .tab-content .tab-pane table.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--very-light-blue-70); }

.trainInformation .customTab .tab-content .tab-pane table tbody tr td {
  padding: 6px 20px;
  width: 33%; }
  @media (max-width: 575px) {
    .trainInformation .customTab .tab-content .tab-pane table tbody tr td {
      width: 50%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      .trainInformation .customTab .tab-content .tab-pane table tbody tr td:nth-child(even) {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right; } }
  .trainInformation .customTab .tab-content .tab-pane table tbody tr td .tableText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .trainInformation .customTab .tab-content .tab-pane table tbody tr td .tableText .head {
      font-size: 14px;
      color: var(--black); }
      @media (max-width: 575px) {
        .trainInformation .customTab .tab-content .tab-pane table tbody tr td .tableText .head {
          font-size: 12px; } }
    .trainInformation .customTab .tab-content .tab-pane table tbody tr td .tableText .text {
      font-size: 14px;
      color: var(--black); }
      @media (max-width: 575px) {
        .trainInformation .customTab .tab-content .tab-pane table tbody tr td .tableText .text {
          font-size: 12px; } }
      .trainInformation .customTab .tab-content .tab-pane table tbody tr td .tableText .text.textDeparture {
        font-weight: bold;
        color: var(--soft-blue); }
  .trainInformation .customTab .tab-content .tab-pane table tbody tr td .btnAdditionalService {
    padding-right: 0px;
    padding-left: 0px; }
    @media (max-width: 575px) {
      .trainInformation .customTab .tab-content .tab-pane table tbody tr td .btnAdditionalService {
        padding: 0px; } }

.barrierFreeTransport .card .card-body {
  padding: 32px; }
  @media (max-width: 575px) {
    .barrierFreeTransport .card .card-body {
      padding: 25px 20px; } }
  .barrierFreeTransport .card .card-body h5 {
    font-size: 21px;
    font-weight: bold;
    color: var(--dusk);
    margin-bottom: 15px; }
    @media (max-width: 575px) {
      .barrierFreeTransport .card .card-body h5 {
        font-size: 16px; } }
  .barrierFreeTransport .card .card-body .card-text {
    font-size: 16px;
    font-weight: normal;
    color: var(--purple-brown); }
    @media (max-width: 575px) {
      .barrierFreeTransport .card .card-body .card-text {
        font-size: 12px; } }
  .barrierFreeTransport .card .card-body .videoArea {
    margin-top: 38px;
    margin-bottom: 26px; }
    @media (max-width: 575px) {
      .barrierFreeTransport .card .card-body .videoArea {
        margin-top: 16px;
        margin-bottom: 40px; } }
  .barrierFreeTransport .card .card-body .btnCallCenter {
    font-size: 16px;
    font-weight: bold;
    color: var(--darkish-blue);
    padding: 25px 30px;
    border-radius: 24px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px var(--darkish-blue);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none; }
    @media (max-width: 575px) {
      .barrierFreeTransport .card .card-body .btnCallCenter {
        padding: 20px;
        margin-bottom: 10px; } }
    .barrierFreeTransport .card .card-body .btnCallCenter::after {
      content: "";
      display: block;
      background-image: url("../images/icon-call-center.svg");
      background-repeat: no-repeat;
      width: 27px;
      height: 33px;
      margin-left: 16px;
      background-position-x: right;
      background-position-y: center; }

.contact .card {
  height: 100%; }
  .contact .card a {
    text-decoration: none;
    color: var(--purple-brown); }
    .contact .card a .card-body {
      padding: 25px; }
      .contact .card a .card-body .card-title {
        font-size: 15px;
        font-weight: 600;
        color: var(--purple-brown);
        margin-bottom: 15px; }
        @media (max-width: 575px) {
          .contact .card a .card-body .card-title {
            font-size: 12px;
            margin-bottom: 10px; } }
      .contact .card a .card-body .card-text {
        font-size: 15px;
        font-weight: normal;
        color: var(--purple-brown);
        margin-bottom: 20px; }
        @media (max-width: 575px) {
          .contact .card a .card-body .card-text {
            font-size: 12px;
            margin-bottom: 12px; } }
        .contact .card a .card-body .card-text .textUnderline {
          color: var(--darkish-blue);
          text-decoration: underline; }
      .contact .card a .card-body .btnSolutionCenter {
        font-size: 16px;
        font-weight: 600;
        color: var(--darkish-blue);
        border: 0px;
        padding: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .contact .card a .card-body .btnSolutionCenter::before {
          content: "";
          display: block;
          width: 24px;
          height: 24px;
          background-image: url("../images/icon-add-return-date.svg");
          background-repeat: no-repeat;
          border-radius: 50%;
          background-position: center;
          background-color: var(--ice-blue);
          margin-right: 8px; }
      .contact .card a .card-body .customP {
        padding-right: 0px; }
        @media (max-width: 991px) {
          .contact .card a .card-body .customP {
            padding-right: 15px; } }

.contact .customM {
  margin-bottom: 25px; }

.errorPage {
  margin-top: 40px; }
  @media (max-width: 575px) {
    .errorPage {
      margin-top: 50px; } }
  .errorPage .colArea {
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (max-width: 575px) {
      .errorPage .colArea img {
        width: 200px; } }
  .errorPage .textHead {
    font-size: 52px;
    font-weight: 500;
    color: var(--dark-slate-blue);
    margin-top: 57px;
    margin-bottom: 19px; }
    @media (max-width: 575px) {
      .errorPage .textHead {
        font-size: 30px;
        margin-top: 30px; } }
  .errorPage .text {
    font-size: 20px;
    font-weight: 500;
    color: var(--dark-slate-blue);
    margin-bottom: 0px; }
    @media (max-width: 575px) {
      .errorPage .text {
        font-size: 14px; } }
  .errorPage .btnBack {
    border-radius: 24px;
    background-color: var(--orangey-red);
    font-size: 21px;
    font-weight: 600;
    padding: 16px 57px;
    color: var(--white);
    margin-top: 40px;
    margin-bottom: 40px; }
    @media (max-width: 575px) {
      .errorPage .btnBack {
        font-size: 16px;
        margin-bottom: 50px; } }

.rentACarList {
  margin-bottom: 50px; }
  .rentACarList .carDanger {
    border: solid 1px var(--orangey-red);
    background-color: #ff9b9b; }
    .rentACarList .carDanger.constantAlert {
      padding-right: 1.25rem; }
  @media (max-width: 992px) {
    .rentACarList .accordion.filterArea {
      position: fixed;
      left: 0px;
      width: 100%;
      display: none; } }
  .rentACarList .accordion.filterArea .card {
    -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
    box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
    border-radius: 8px;
    margin-bottom: 16px; }
    .rentACarList .accordion.filterArea .card .card-header {
      background-color: var(--white);
      padding: 0px;
      border-bottom: 0px; }
      .rentACarList .accordion.filterArea .card .card-header button {
        position: relative;
        border: 0px;
        font-size: 19px;
        font-weight: 600;
        text-decoration: none;
        color: var(--slate);
        padding: 15px;
        -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
        box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
        border-radius: 8px;
        margin-bottom: 1px;
        padding-right: 32px; }
        .rentACarList .accordion.filterArea .card .card-header button::after {
          content: "";
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          background-image: url("../images/icon-sefer-accordion-arrow.svg");
          background-repeat: no-repeat;
          width: 16px;
          height: 10px;
          background-size: 16px;
          position: absolute;
          right: 15px;
          top: 50%;
          margin-top: -5.5px;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
      .rentACarList .accordion.filterArea .card .card-header .collapsed::after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
    .rentACarList .accordion.filterArea .card .card-body {
      padding: 20px 15px; }
      .rentACarList .accordion.filterArea .card .card-body .checkboxArea {
        margin-bottom: 12px; }
        .rentACarList .accordion.filterArea .card .card-body .checkboxArea .checkboxText {
          font-size: 15px;
          font-weight: 500;
          color: var(--grey-blue); }
        .rentACarList .accordion.filterArea .card .card-body .checkboxArea input:checked ~ .checkboxText {
          color: var(--darkish-blue); }
      .rentACarList .accordion.filterArea .card .card-body .form-control-sm {
        height: 36px;
        border-radius: 4px;
        border: solid 1px var(--light-blue-grey);
        font-size: 15px;
        font-weight: 500;
        color: var(--grey-blue); }
        .rentACarList .accordion.filterArea .card .card-body .form-control-sm::-webkit-input-placeholder {
          color: var(--grey-blue); }
        .rentACarList .accordion.filterArea .card .card-body .form-control-sm::-moz-placeholder {
          color: var(--grey-blue); }
        .rentACarList .accordion.filterArea .card .card-body .form-control-sm:-ms-input-placeholder {
          color: var(--grey-blue); }
        .rentACarList .accordion.filterArea .card .card-body .form-control-sm::-ms-input-placeholder {
          color: var(--grey-blue); }
        .rentACarList .accordion.filterArea .card .card-body .form-control-sm::placeholder {
          color: var(--grey-blue); }
      .rentACarList .accordion.filterArea .card .card-body .btnFilter {
        padding: 0px;
        width: 50px;
        height: 36px;
        background-image: url("../images/icon-arrow-search.svg");
        background-repeat: no-repeat;
        background-color: var(--light-blue-grey);
        border: 0px;
        background-position: center; }
        .rentACarList .accordion.filterArea .card .card-body .btnFilter.active {
          background-color: var(--darkish-blue); }
      .rentACarList .accordion.filterArea .card .card-body .filterRadioBtn:nth-child(even) {
        padding-left: 0px; }
        @media (max-width: 1200px) {
          .rentACarList .accordion.filterArea .card .card-body .filterRadioBtn:nth-child(even) {
            padding-left: 15px; } }
      .rentACarList .accordion.filterArea .card .card-body .filterRadioBtn .form-check {
        padding-left: 0px; }
      .rentACarList .accordion.filterArea .card .card-body .filterRadioBtn .radioBtnArea {
        padding-left: 30px;
        margin-bottom: 12px; }
        .rentACarList .accordion.filterArea .card .card-body .filterRadioBtn .radioBtnArea .radioCheckmark {
          width: 20px;
          height: 20px; }
          .rentACarList .accordion.filterArea .card .card-body .filterRadioBtn .radioBtnArea .radioCheckmark::after {
            margin-left: -4.5px;
            margin-top: -4.5px;
            width: 9px;
            height: 9px; }
        .rentACarList .accordion.filterArea .card .card-body .filterRadioBtn .radioBtnArea .radioBtnText {
          padding-left: 0px;
          font-size: 15px;
          font-weight: 500;
          color: var(--grey-blue); }
  .rentACarList .accordion.filterArea .btnMobileFilter {
    padding: 10px 0px 20px 0px; }
    @media (min-width: 992px) {
      .rentACarList .accordion.filterArea .btnMobileFilter {
        display: none; } }
  .rentACarList .infoAndShortArea {
    margin-bottom: 18px; }
    @media (max-width: 991px) {
      .rentACarList .infoAndShortArea .mobileLocationArea {
        background-color: #dfe6ee;
        padding-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 10px; } }
    @media (max-width: 991px) {
      .rentACarList .infoAndShortArea .mobileLocationArea .mobileBorderRight {
        border-right: 1px solid var(--light-blue-grey); } }
    .rentACarList .infoAndShortArea .mobileLocationArea .textLocation strong {
      font-size: 15px; }
    .rentACarList .infoAndShortArea .headFilter {
      font-size: 21px;
      font-weight: bold;
      color: var(--slate);
      margin-bottom: 0px; }
      @media (max-width: 991px) {
        .rentACarList .infoAndShortArea .headFilter {
          display: none; } }
    .rentACarList .infoAndShortArea .text-succes {
      font-size: 15px;
      font-weight: bold;
      color: var(--apple);
      margin-bottom: 0px;
      width: 40px;
      line-height: normal; }
      @media (max-width: 991px) {
        .rentACarList .infoAndShortArea .text-succes {
          width: auto;
          text-align: center; } }
      @media (max-width: 575px) {
        .rentACarList .infoAndShortArea .text-succes {
          font-size: 13px;
          margin-bottom: 4px; } }
    .rentACarList .infoAndShortArea .text-danger {
      font-size: 15px;
      font-weight: bold;
      color: var(--orangey-red);
      margin-bottom: 0px;
      width: 50px;
      line-height: normal; }
      @media (max-width: 991px) {
        .rentACarList .infoAndShortArea .text-danger {
          width: auto;
          text-align: center; } }
      @media (max-width: 575px) {
        .rentACarList .infoAndShortArea .text-danger {
          font-size: 13px;
          margin-bottom: 4px; } }
    .rentACarList .infoAndShortArea .textLocation {
      margin-bottom: 2px;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.07;
      color: var(--slate); }
      @media (max-width: 1200px) {
        .rentACarList .infoAndShortArea .textLocation {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      @media (max-width: 991px) {
        .rentACarList .infoAndShortArea .textLocation {
          text-align: center; } }
      @media (max-width: 575px) {
        .rentACarList .infoAndShortArea .textLocation {
          font-size: 13px;
          font-weight: 500; } }
      .rentACarList .infoAndShortArea .textLocation:last-child {
        margin-bottom: 0px; }
      @media (max-width: 1200px) {
        .rentACarList .infoAndShortArea .textLocation .text-danger {
          width: 100%; } }
    @media (min-width: 992px) {
      .rentACarList .infoAndShortArea .btnMobileFilter {
        display: none; } }
    .rentACarList .infoAndShortArea .btnMobileFilter button {
      background-color: var(--white);
      border-radius: 8px;
      -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
      box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
      height: 50px;
      color: var(--slate);
      font-size: 15px;
      font-weight: 600;
      line-height: normal; }
    .rentACarList .infoAndShortArea .standartDropdown .dropdown-menu {
      width: 100%; }
    .rentACarList .infoAndShortArea .standartDropdown .inputSearch::before {
      background-image: url("../images/icon-filter.svg");
      margin: 0px;
      width: 20px;
      height: 12px;
      right: 12px;
      margin-top: -6px;
      background-size: 20px;
      -webkit-transform: none !important;
      -ms-transform: none !important;
      transform: none !important;
      cursor: pointer; }
    .rentACarList .infoAndShortArea .standartDropdown .inputSearch .textSortBy {
      color: var(--slate);
      font-size: 15px;
      font-weight: 600;
      position: absolute;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
      left: 12px; }
    .rentACarList .infoAndShortArea .standartDropdown .inputSearch input {
      height: 50px;
      border-radius: 8px;
      -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
      box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
      background-color: var(--white);
      border: 0px;
      font-size: 15px;
      font-weight: 600;
      color: var(--orangey-red);
      padding-left: 56px;
      padding-right: 35px !important; }
      @media (max-width: 575px) {
        .rentACarList .infoAndShortArea .standartDropdown .inputSearch input {
          font-size: 0px !important;
          padding: 0px;
          width: 100%;
          min-width: 91px; } }
    .rentACarList .infoAndShortArea .standartDropdown .searchArea .dropdown-item {
      padding: 0px; }
      .rentACarList .infoAndShortArea .standartDropdown .searchArea .dropdown-item .seferRadioBtn {
        padding: 0px; }
        .rentACarList .infoAndShortArea .standartDropdown .searchArea .dropdown-item .seferRadioBtn .radioBtnArea {
          padding-left: 30px;
          padding-top: 10px;
          padding-bottom: 10px;
          margin-bottom: 0px; }
          .rentACarList .infoAndShortArea .standartDropdown .searchArea .dropdown-item .seferRadioBtn .radioBtnArea .radioCheckmark {
            top: 50%;
            margin-top: -10px;
            left: 10px;
            width: 20px;
            height: 20px; }
            .rentACarList .infoAndShortArea .standartDropdown .searchArea .dropdown-item .seferRadioBtn .radioBtnArea .radioCheckmark::after {
              margin-left: -4px;
              width: 8px;
              height: 8px;
              margin-top: -4px; }
          .rentACarList .infoAndShortArea .standartDropdown .searchArea .dropdown-item .seferRadioBtn .radioBtnArea .radioBtnText {
            font-size: 14px;
            font-weight: normal;
            color: var(--dusk); }
            .rentACarList .infoAndShortArea .standartDropdown .searchArea .dropdown-item .seferRadioBtn .radioBtnArea .radioBtnText.active {
              font-weight: 600; }
  .rentACarList .carCard {
    padding: 0px;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
    box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
    margin-bottom: 24px; }
    .rentACarList .carCard .card-header {
      padding: 15px 30px;
      border-radius: 0px;
      background-color: transparent;
      border-bottom: 1px solid var(--pale-blue); }
      .rentACarList .carCard .card-header .textHead {
        font-size: 19px;
        font-weight: bold;
        color: var(--slate);
        margin-bottom: 0px; }
      .rentACarList .carCard .card-header .textSubHead {
        font-size: 14px;
        font-weight: normal;
        color: var(--grey-blue);
        margin-bottom: 0px; }
      @media (max-width: 575px) {
        .rentACarList .carCard .card-header .carListImg {
          height: 28px;
          -o-object-fit: contain;
          object-fit: contain; } }
    .rentACarList .carCard .infoCar {
      font-size: 15px;
      font-weight: 600;
      color: var(--white);
      background-color: var(--apple);
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      padding-right: 30px;
      height: 35px; }
      .rentACarList .carCard .infoCar::before {
        content: "";
        background-image: url("../images/icon-check-green.svg");
        background-repeat: no-repeat;
        width: 10px;
        height: 7px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background-color: white;
        border-radius: 50%;
        padding: 10px;
        background-position: center;
        margin-left: 30px;
        margin-right: 12px; }
    .rentACarList .carCard .card-body {
      padding: 0px 30px 24px 30px; }
      @media (max-width: 575px) {
        .rentACarList .carCard .card-body {
          padding: 0px 15px 15px 15px; } }
      .rentACarList .carCard .card-body .carImgArea {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%; }
        .rentACarList .carCard .card-body .carImgArea .carImg {
          max-height: 150px;
          -o-object-fit: contain;
          object-fit: contain;
          margin-top: 24px;
          height: 100%; }
          @media (max-width: 575px) {
            .rentACarList .carCard .card-body .carImgArea .carImg {
              margin-top: 20px; } }
        @media (max-width: 767px) {
          .rentACarList .carCard .card-body .carImgArea .carFeature {
            margin-top: 20px;
            margin-bottom: 18px; } }
        .rentACarList .carCard .card-body .carImgArea .carFeature .text {
          color: var(--slate);
          font-size: 17px;
          font-weight: 500;
          padding-left: 8px;
          padding-right: 8px; }
          @media (max-width: 1200px) {
            .rentACarList .carCard .card-body .carImgArea .carFeature .text {
              font-size: 12px; } }
      .rentACarList .carCard .card-body .carInfoArea {
        height: 100%; }
        .rentACarList .carCard .card-body .carInfoArea .verticalCenter {
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
        .rentACarList .carCard .card-body .carInfoArea .infoList {
          padding: 0px;
          margin: 0px;
          list-style: none;
          margin-bottom: 47px; }
          @media (max-width: 575px) {
            .rentACarList .carCard .card-body .carInfoArea .infoList {
              margin-bottom: 18px; } }
          .rentACarList .carCard .card-body .carInfoArea .infoList li {
            font-size: 17px;
            font-weight: 500;
            color: var(--slate);
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: normal;
            margin-bottom: 9px;
            position: relative;
            padding-left: 28px; }
            @media (max-width: 575px) {
              .rentACarList .carCard .card-body .carInfoArea .infoList li {
                font-size: 15px; } }
            .rentACarList .carCard .card-body .carInfoArea .infoList li:last-child {
              margin-bottom: 0px; }
            .rentACarList .carCard .card-body .carInfoArea .infoList li::before {
              content: "";
              background-image: url("../images/icon-info-blue.svg");
              background-repeat: no-repeat;
              min-width: 20px;
              min-height: 20px;
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex;
              top: 50%;
              position: absolute;
              margin-top: -10px;
              left: 0;
              margin-right: 0px; }
        .rentACarList .carCard .card-body .carInfoArea .priceArea {
          background-color: #f4f5f6;
          padding: 8px 16px; }
          @media (max-width: 575px) {
            .rentACarList .carCard .card-body .carInfoArea .priceArea {
              padding: 10px; } }
          .rentACarList .carCard .card-body .carInfoArea .priceArea .textDate {
            font-size: 17px;
            font-weight: bold;
            color: var(--slate);
            line-height: normal;
            margin-bottom: 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            @media only screen and (min-width: 991px) and (max-width: 1200px) {
              .rentACarList .carCard .card-body .carInfoArea .priceArea .textDate {
                font-size: 15px; } }
            @media (max-width: 575px) {
              .rentACarList .carCard .card-body .carInfoArea .priceArea .textDate {
                font-size: 15px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center; } }
            .rentACarList .carCard .card-body .carInfoArea .priceArea .textDate img {
              padding-left: 8px; }
          .rentACarList .carCard .card-body .carInfoArea .priceArea .textDatePrice {
            font-size: 15px;
            font-weight: 500;
            color: var(--orangey-red);
            line-height: normal;
            margin-bottom: 0px; }
            @media (max-width: 575px) {
              .rentACarList .carCard .card-body .carInfoArea .priceArea .textDatePrice {
                font-size: 13px; } }
          .rentACarList .carCard .card-body .carInfoArea .priceArea .textPrice {
            font-size: 24px;
            font-weight: bold;
            color: var(--slate);
            line-height: normal;
            margin-bottom: 0px; }
            @media only screen and (min-width: 991px) and (max-width: 1200px) {
              .rentACarList .carCard .card-body .carInfoArea .priceArea .textPrice {
                font-size: 22px; } }
        .rentACarList .carCard .card-body .carInfoArea .carDetailAccordion {
          height: 100%; }
          .rentACarList .carCard .card-body .carInfoArea .carDetailAccordion .card {
            border-radius: 0px;
            height: 100%; }
            .rentACarList .carCard .card-body .carInfoArea .carDetailAccordion .card .card-header {
              border-bottom: 0px;
              padding: 0px;
              background-color: var(--grey-blue);
              height: 100%; }
              .rentACarList .carCard .card-body .carInfoArea .carDetailAccordion .card .card-header button {
                height: 100%;
                padding: 18px 16px;
                border: 0px;
                font-size: 19px;
                font-weight: bold;
                line-height: normal;
                color: var(--white);
                text-decoration: none;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                height: 100%; }
                @media (max-width: 1200px) {
                  .rentACarList .carCard .card-body .carInfoArea .carDetailAccordion .card .card-header button {
                    font-size: 16px; } }
                .rentACarList .carCard .card-body .carInfoArea .carDetailAccordion .card .card-header button::after {
                  content: "";
                  background-image: url("../images/icon-white-arrow.svg");
                  width: 16px;
                  height: 9px;
                  background-size: 16px;
                  background-repeat: no-repeat;
                  display: -webkit-inline-box;
                  display: -ms-inline-flexbox;
                  display: inline-flex;
                  -webkit-transition: 0.3s;
                  -o-transition: 0.3s;
                  transition: 0.3s;
                  -webkit-transform: rotate(0deg);
                  -ms-transform: rotate(0deg);
                  transform: rotate(0deg); }
              .rentACarList .carCard .card-body .carInfoArea .carDetailAccordion .card .card-header .collapsed::after {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
        .rentACarList .carCard .card-body .carInfoArea .btnRentAcar {
          background-color: var(--darkish-blue);
          border: 0px;
          border-radius: 0px;
          padding: 18px 16px;
          font-size: 19px;
          font-weight: bold;
          color: var(--white);
          width: 100%;
          line-height: normal;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          @media (max-width: 1200px) {
            .rentACarList .carCard .card-body .carInfoArea .btnRentAcar {
              font-size: 16px; } }
          .rentACarList .carCard .card-body .carInfoArea .btnRentAcar::after {
            content: "";
            background-image: url("../images/icon-arrow-search.svg");
            background-repeat: no-repeat;
            background-size: 21px;
            width: 21px;
            height: 16px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            background-position: center; }
            @media (max-width: 575px) {
              .rentACarList .carCard .card-body .carInfoArea .btnRentAcar::after {
                background-size: 17px;
                min-width: 17px;
                min-height: 12px;
                margin-left: 5px; } }
    .rentACarList .carCard .carDetailCollapse {
      margin-top: 16px;
      border-radius: 8px;
      -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
      box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
      border-top-left-radius: 0px;
      border-top-right-radius: 0px; }
      .rentACarList .carCard .carDetailCollapse .card-body {
        padding: 40px 30px; }
        @media (max-width: 575px) {
          .rentACarList .carCard .carDetailCollapse .card-body {
            padding: 15px 15px 20px 15px; } }
        .rentACarList .carCard .carDetailCollapse .card-body .textHead {
          font-size: 19px;
          font-weight: bold;
          line-height: 0.84;
          color: var(--slate);
          margin-bottom: 20px; }
        .rentACarList .carCard .carDetailCollapse .card-body .officeInformation {
          margin-bottom: 35px; }
          @media (max-width: 767px) {
            .rentACarList .carCard .carDetailCollapse .card-body .officeInformation {
              margin-bottom: 25px; } }
          @media (max-width: 575px) {
            .rentACarList .carCard .carDetailCollapse .card-body .officeInformation .infoTable {
              margin-bottom: 0px; } }
          .rentACarList .carCard .carDetailCollapse .card-body .officeInformation .infoTable table {
            margin-bottom: 0px; }
            .rentACarList .carCard .carDetailCollapse .card-body .officeInformation .infoTable table tr th {
              padding: 0px;
              padding-bottom: 8px;
              font-size: 15px;
              font-weight: 600;
              line-height: 1.07;
              color: var(--grey-blue);
              width: 68px; }
            .rentACarList .carCard .carDetailCollapse .card-body .officeInformation .infoTable table tr td {
              padding: 0px;
              padding-bottom: 8px;
              font-size: 15px;
              font-weight: 600;
              line-height: 1.07;
              color: var(--slate); }
          .rentACarList .carCard .carDetailCollapse .card-body .officeInformation .btnCarRentalContract {
            background-color: #f4f5f6;
            padding: 16px;
            font-size: 15px;
            font-weight: bold;
            line-height: 1.07;
            color: var(--darkish-blue); }
            @media (max-width: 767px) {
              .rentACarList .carCard .carDetailCollapse .card-body .officeInformation .btnCarRentalContract {
                margin-top: 20px; } }
            @media (max-width: 575px) {
              .rentACarList .carCard .carDetailCollapse .card-body .officeInformation .btnCarRentalContract {
                width: 100%; } }
        .rentACarList .carCard .carDetailCollapse .card-body .subTextHead {
          font-size: 15px;
          font-weight: 600;
          line-height: 1.07;
          color: var(--slate);
          margin-bottom: 20px; }
        .rentACarList .carCard .carDetailCollapse .card-body .workingHoursAreaRow {
          margin-bottom: 10px; }
          .rentACarList .carCard .carDetailCollapse .card-body .workingHoursAreaRow .col-auto:last-child .workingHoursArea {
            margin-right: 0px; }
        .rentACarList .carCard .carDetailCollapse .card-body .workingHoursArea {
          background-color: #f4f5f6;
          padding: 6px 16px;
          margin-right: 9px;
          margin-bottom: 10px; }
          .rentACarList .carCard .carDetailCollapse .card-body .workingHoursArea .day {
            margin-bottom: 0px;
            font-size: 15px;
            line-height: 1.4;
            font-weight: 500;
            color: var(--grey-blue); }
          .rentACarList .carCard .carDetailCollapse .card-body .workingHoursArea .hour {
            margin-bottom: 0px;
            font-size: 15px;
            font-weight: 600;
            line-height: 1.4;
            color: var(--slate);
            font-weight: 600; }
        .rentACarList .carCard .carDetailCollapse .card-body .rentalConditions .accordion .card {
          border-radius: 8px;
          -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
          box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
          margin-bottom: 10px; }
          .rentACarList .carCard .carDetailCollapse .card-body .rentalConditions .accordion .card .card-header {
            padding: 0px;
            border-bottom: 0px; }
            .rentACarList .carCard .carDetailCollapse .card-body .rentalConditions .accordion .card .card-header button {
              border: 0px;
              text-decoration: none;
              padding: 15px;
              font-size: 17px;
              font-weight: 600;
              line-height: normal;
              position: relative;
              padding-right: 34px;
              color: var(--grey-blue);
              -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
              box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4); }
              .rentACarList .carCard .carDetailCollapse .card-body .rentalConditions .accordion .card .card-header button::after {
                content: "";
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                background-image: url("../images/icon-sefer-accordion-arrow.svg");
                background-repeat: no-repeat;
                width: 16px;
                height: 10px;
                background-size: 16px;
                position: absolute;
                right: 15px;
                top: 50%;
                margin-top: -5.5px;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
              .rentACarList .carCard .carDetailCollapse .card-body .rentalConditions .accordion .card .card-header button span {
                color: var(--slate); }
            .rentACarList .carCard .carDetailCollapse .card-body .rentalConditions .accordion .card .card-header .collapsed::after {
              -webkit-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
              transform: rotate(0deg); }
          .rentACarList .carCard .carDetailCollapse .card-body .rentalConditions .accordion .card .card-body {
            padding: 30px 15px 15px 15px; }
            .rentACarList .carCard .carDetailCollapse .card-body .rentalConditions .accordion .card .card-body .text {
              font-size: 15px;
              font-weight: 500;
              line-height: 1.6;
              color: var(--grey-blue); }
        .rentACarList .carCard .carDetailCollapse .card-body .constantAlert {
          margin-top: 20px; }
        .rentACarList .carCard .carDetailCollapse .card-body .customHr {
          border: 0px;
          margin-top: 34px;
          margin-bottom: 24px;
          border-bottom: 1px solid transparent; }
          .rentACarList .carCard .carDetailCollapse .card-body .customHr::after {
            content: "";
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: calc(100% + 60px);
            border-bottom: 1px solid var(--pale-blue);
            position: absolute;
            left: -30px; }
        .rentACarList .carCard .carDetailCollapse .card-body .driverRequirements .accordion .card {
          margin-bottom: 20px; }
        .rentACarList .carCard .carDetailCollapse .card-body .btnRentAcar {
          background-color: var(--darkish-blue);
          border: 0px;
          border-radius: 0px;
          padding: 18px 16px;
          font-size: 19px;
          font-weight: bold;
          color: var(--white);
          line-height: normal;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          margin-top: 20px; }
          @media (max-width: 575px) {
            .rentACarList .carCard .carDetailCollapse .card-body .btnRentAcar {
              font-size: 15px; } }
          .rentACarList .carCard .carDetailCollapse .card-body .btnRentAcar::after {
            content: "";
            background-image: url("../images/icon-arrow-search.svg");
            background-repeat: no-repeat;
            background-size: 21px;
            width: 21px;
            height: 16px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-left: 46px;
            background-position: center; }
            @media (max-width: 575px) {
              .rentACarList .carCard .carDetailCollapse .card-body .btnRentAcar::after {
                margin-left: 12px;
                background-size: 15px;
                width: 15px;
                height: 14px; } }
  @media (max-width: 992px) {
    .rentACarList .mobileFilterArea {
      position: fixed;
      top: 0px;
      background: var(--white);
      z-index: 99;
      height: 100%;
      left: 0px; }
      .rentACarList .mobileFilterArea .filterArea {
        height: 100%;
        display: initial;
        padding-left: 15px;
        padding-right: 15px;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        max-height: 100%;
        overflow-y: auto; } }
  .rentACarList .seferSearchAccordion .carTimeArea .searchDropdown .dropdown-menu {
    width: 100%; }
    .rentACarList .seferSearchAccordion .carTimeArea .searchDropdown .dropdown-menu .searchArea {
      height: 260px;
      margin: 0px; }
  .rentACarList .pickUpDropOffInputs .searchDropdown .dropdown-menu {
    width: calc(100% + 100%); }
    @media (max-width: 992px) {
      .rentACarList .pickUpDropOffInputs .searchDropdown .dropdown-menu {
        width: 100%; } }
  .rentACarList .customMultipleDateRangePicker .error .invalid-feedback-inline {
    left: 5px; }
  .rentACarList .customMultipleDateRangePicker .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.today {
    background-color: var(--grey-purple) !important; }
  .rentACarList .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.start-date::before {
    content: "Alış" !important; }
  .rentACarList .daterangepicker .calendars .calendars-container .drp-calendar table tbody tr td.end-date::before {
    content: "Bırakış" !important; }

.driverInformation .userInformation .passengerInformation .card {
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
  box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4); }
  .driverInformation .userInformation .passengerInformation .card .card-body {
    padding: 28px 30px; }
    @media (max-width: 575px) {
      .driverInformation .userInformation .passengerInformation .card .card-body {
        padding: 12px 30px 12px 30px; } }
    .driverInformation .userInformation .passengerInformation .card .card-body .customHr {
      margin-top: 7px;
      margin-bottom: 34px;
      border-top: 0px; }
      .driverInformation .userInformation .passengerInformation .card .card-body .customHr::after {
        content: "";
        border-top: 1px solid var(--pale-blue);
        position: absolute;
        width: calc(100% + 60px);
        left: 0px;
        margin-left: -30px; }
      @media (max-width: 575px) {
        .driverInformation .userInformation .passengerInformation .card .card-body .customHr {
          margin-top: 0px;
          margin-bottom: 20px; } }
    .driverInformation .userInformation .passengerInformation .card .card-body .checkboxArea.kvkkCheckBox .checkboxText {
      font-size: 14px;
      font-weight: 500;
      color: var(--grey-blue); }
      .driverInformation .userInformation .passengerInformation .card .card-body .checkboxArea.kvkkCheckBox .checkboxText ins {
        font-weight: 600;
        color: var(--darkish-blue); }
    .driverInformation .userInformation .passengerInformation .card .card-body .invoiceCheckBox {
      margin-top: 17px;
      margin-bottom: 43px; }
    .driverInformation .userInformation .passengerInformation .card .card-body .userListDropdown {
      margin-bottom: 30px; }
      .driverInformation .userInformation .passengerInformation .card .card-body .userListDropdown .billingType {
        max-width: 100% !important; }
      .driverInformation .userInformation .passengerInformation .card .card-body .userListDropdown .dropdown-menu .userList.scrollbar {
        max-width: 100%;
        margin-right: 0px; }
      @media (max-width: 575px) {
        .driverInformation .userInformation .passengerInformation .card .card-body .userListDropdown .dropdown-toggle {
          font-size: 14px; } }
    @media (max-width: 575px) {
      .driverInformation .userInformation .passengerInformation .card .card-body .cardBodyHead {
        font-size: 19px;
        margin-bottom: 12px; } }
    .driverInformation .userInformation .passengerInformation .card .card-body .passengerForm .tollTipInputArea .form-control {
      padding-right: 30px; }
    .driverInformation .userInformation .passengerInformation .card .card-body .passengerForm .tollTipInputArea .tollTipInput {
      position: relative;
      background-image: url("../images/icon-info-blue.svg");
      background-repeat: no-repeat;
      width: 20px;
      height: 20px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      top: 50%;
      position: absolute;
      margin-top: -8px;
      right: 22px;
      margin-right: 0px; }

.driverInformation .userInformation .cardPrice.card {
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
  box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4); }
  .driverInformation .userInformation .cardPrice.card .card-body {
    padding: 20px 15px; }
    @media (max-width: 767px) {
      .driverInformation .userInformation .cardPrice.card .card-body {
        padding: 28px 30px; } }
    @media (max-width: 575px) {
      .driverInformation .userInformation .cardPrice.card .card-body {
        padding: 12px 30px 12px 30px; } }
    .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .carHead {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media (max-width: 575px) {
        .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .carHead .carImg {
          margin-top: 15px; } }
      .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .carHead .textHead {
        font-size: 19px;
        font-weight: bold;
        color: var(--slate);
        margin-bottom: 0px; }
      .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .carHead .subTextHead {
        font-size: 14px;
        font-weight: normal;
        color: var(--grey-blue); }
      .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .carHead img {
        height: 91px;
        -o-object-fit: contain;
        object-fit: contain; }
    .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .customHr {
      border-top: 0px;
      margin: 0px;
      margin-bottom: 15px;
      padding-top: 15px; }
      .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .customHr::after {
        content: "";
        border-top: 1px solid var(--pale-blue);
        position: absolute;
        width: calc(100% + 30px);
        left: 0px;
        margin-left: -15px; }
        @media (max-width: 767px) {
          .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .customHr::after {
            margin-left: -30px;
            width: calc(100% + 60px); } }
    .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .purchaseDateArea p {
      font-size: 15px;
      font-weight: bold;
      line-height: normal;
      color: var(--apple);
      margin-bottom: 0px; }
    .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .textLoactionAndDateArea p {
      font-size: 15px;
      font-weight: 500;
      line-height: 1.07;
      color: var(--slate);
      margin-bottom: 0px; }
      .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .textLoactionAndDateArea p:first-child {
        color: var(--grey-blue);
        margin-bottom: 2px; }
      .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .textLoactionAndDateArea p:last-child {
        font-weight: bold;
        color: var(--slate); }
    .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .dropOffDateArea p {
      margin-bottom: 0px;
      font-size: 15px;
      font-weight: bold;
      line-height: normal;
      color: var(--orangey-red); }
    .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .amountPriceArea .textHead {
      font-size: 16px;
      font-weight: 500;
      line-height: normal;
      color: var(--grey-blue);
      margin-bottom: 0px; }
      @media (max-width: 575px) {
        .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .amountPriceArea .textHead {
          font-size: 15px; } }
    .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .amountPriceArea .textPrice {
      font-size: 19px;
      font-weight: bold;
      line-height: normal;
      color: var(--dusk);
      margin-bottom: 0px;
      text-align: right; }
      @media (max-width: 575px) {
        .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .amountPriceArea .textPrice {
          font-size: 16px; } }
    .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .textTaxes {
      font-size: 16px;
      font-weight: 500;
      line-height: normal;
      color: var(--grey-blue);
      margin-bottom: 16px; }
      @media (max-width: 575px) {
        .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .textTaxes {
          font-size: 15px; } }
      .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .textTaxes span {
        color: var(--slate); }
    @media (min-width: 992px) {
      .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .dailyPriceAndRentalArea {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .dailyPriceAndRentalArea p {
      font-size: 15px;
      font-weight: 500;
      line-height: normal;
      color: var(--grey-blue);
      margin-bottom: 19px; }
      .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .dailyPriceAndRentalArea p span {
        font-weight: 600;
        color: var(--slate); }
    @media (max-width: 575px) {
      .driverInformation .userInformation .cardPrice.card .card-body .priceDetailForRentACar .locationImg {
        display: none; } }
    .driverInformation .userInformation .cardPrice.card .card-body .paymentArea {
      margin: 0; }
      .driverInformation .userInformation .cardPrice.card .card-body .paymentArea .priceCard {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none; }
        @media (max-width: 767px) {
          .driverInformation .userInformation .cardPrice.card .card-body .paymentArea .priceCard {
            margin-bottom: 0px; } }
        .driverInformation .userInformation .cardPrice.card .card-body .paymentArea .priceCard .card-body {
          padding: 0; }
          .driverInformation .userInformation .cardPrice.card .card-body .paymentArea .priceCard .card-body .btnPriceArea {
            padding: 0;
            margin: 0; }
            @media (max-width: 767px) {
              .driverInformation .userInformation .cardPrice.card .card-body .paymentArea .priceCard .card-body .btnPriceArea .btnResult .btn {
                border-radius: 0; } }
            .driverInformation .userInformation .cardPrice.card .card-body .paymentArea .priceCard .card-body .btnPriceArea .btnResult button.disabled {
              opacity: 1;
              color: var(--white); }
            @media (max-width: 767px) {
              .driverInformation .userInformation .cardPrice.card .card-body .paymentArea .priceCard .card-body .btnPriceArea .btnResult .information {
                -webkit-box-shadow: none;
                box-shadow: none;
                border-radius: 0; } }
            .driverInformation .userInformation .cardPrice.card .card-body .paymentArea .priceCard .card-body .btnPriceArea .btnResult .information .textPerson {
              line-height: normal; }
            .driverInformation .userInformation .cardPrice.card .card-body .paymentArea .priceCard .card-body .btnPriceArea .btnResult .information .textPrice {
              line-height: normal; }
            .driverInformation .userInformation .cardPrice.card .card-body .paymentArea .priceCard .card-body .btnPriceArea .btnResult .btnPay {
              background-color: var(--darkish-blue);
              color: var(--white); }

@media (max-width: 767px) {
  .rentalCarPayment .paymentArea {
    margin-bottom: 0px; } }

.rentalCarPayment .paymentArea .creditCardArea {
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
  box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
  margin-bottom: 20px; }
  .rentalCarPayment .paymentArea .creditCardArea .userInformation {
    margin-bottom: 0px; }
    @media (min-width: 767px) {
      .rentalCarPayment .paymentArea .creditCardArea .userInformation {
        margin-bottom: 0px; } }
    .rentalCarPayment .paymentArea .creditCardArea .userInformation .passengerInformation .card {
      -webkit-box-shadow: none;
      box-shadow: none; }
      @media (max-width: 992px) {
        .rentalCarPayment .paymentArea .creditCardArea .userInformation .passengerInformation .card {
          margin-bottom: 0px; } }
      .rentalCarPayment .paymentArea .creditCardArea .userInformation .passengerInformation .card .card-body .cardBodyHead {
        margin-bottom: 0px; }
      .rentalCarPayment .paymentArea .creditCardArea .userInformation .passengerInformation .card .customHr {
        margin: 0px; }
  .rentalCarPayment .paymentArea .creditCardArea .driverPaymentOptionArea .driverInformation:first-child::after {
    content: "";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-right: 1px solid var(--pale-blue);
    position: absolute;
    right: 0px;
    top: 0px;
    height: calc(100% + -20px); }
  .rentalCarPayment .paymentArea .creditCardArea .driverPaymentOptionArea .driverInformation .carCard {
    -webkit-box-shadow: none;
    box-shadow: none; }
    .rentalCarPayment .paymentArea .creditCardArea .driverPaymentOptionArea .driverInformation .carCard .card-header {
      padding: 0px;
      border: 0px;
      margin-bottom: 0px; }
      .rentalCarPayment .paymentArea .creditCardArea .driverPaymentOptionArea .driverInformation .carCard .card-header .textHead {
        font-size: 17px; }
      .rentalCarPayment .paymentArea .creditCardArea .driverPaymentOptionArea .driverInformation .carCard .card-header .btnEdit {
        border: 0px;
        padding: 0px;
        font-size: 15px;
        font-weight: bold;
        color: var(--darkish-blue);
        line-height: normal; }
    .rentalCarPayment .paymentArea .creditCardArea .driverPaymentOptionArea .driverInformation .carCard .carDetailCollapse {
      -webkit-box-shadow: none;
      box-shadow: none;
      margin-top: 22px; }
      .rentalCarPayment .paymentArea .creditCardArea .driverPaymentOptionArea .driverInformation .carCard .carDetailCollapse .card-body .officeInformation {
        margin-bottom: 0px; }
        .rentalCarPayment .paymentArea .creditCardArea .driverPaymentOptionArea .driverInformation .carCard .carDetailCollapse .card-body .officeInformation table tbody tr th {
          width: 168px;
          padding-right: 5px;
          padding-bottom: 16px; }
        .rentalCarPayment .paymentArea .creditCardArea .driverPaymentOptionArea .driverInformation .carCard .carDetailCollapse .card-body .officeInformation table tbody tr td {
          padding-bottom: 16px; }
  .rentalCarPayment .paymentArea .creditCardArea .driverPaymentOptionArea .driverInformation.border-0::after {
    border: 0; }
  .rentalCarPayment .paymentArea .creditCardArea.card .card-body {
    padding: 20px 30px; }
    @media (max-width: 575px) {
      .rentalCarPayment .paymentArea .creditCardArea.card .card-body {
        padding: 12px 30px 12px 30px; } }

.rentalCarPayment .paymentArea .creditCardInformation .passengerInformation .kvkkCheckBox {
  font-size: 14px !important; }
  .rentalCarPayment .paymentArea .creditCardInformation .passengerInformation .kvkkCheckBox .checkboxText {
    font-size: 14px;
    font-weight: 500;
    color: var(--grey-blue); }
    .rentalCarPayment .paymentArea .creditCardInformation .passengerInformation .kvkkCheckBox .checkboxText ins {
      font-weight: 600;
      color: var(--darkish-blue); }

.rentalCarResult.rentACarList .carCard .agencyStaffCardHeader .textHead {
  font-size: 19px;
  font-weight: bold;
  line-height: normal;
  color: var(--grey-blue); }

.rentalCarResult.rentACarList .carCard .agencyStaffCardHeader .textSubHead {
  font-size: 19px;
  font-weight: bold;
  line-height: normal;
  color: var(--slate); }

.rentalCarResult.rentACarList .carCard .agencyStaffCardBody {
  padding-top: 24px;
  padding-bottom: 15px; }
  @media (max-width: 575px) {
    .rentalCarResult.rentACarList .carCard .agencyStaffCardBody {
      padding-bottom: 0px; } }
  .rentalCarResult.rentACarList .carCard .agencyStaffCardBody .text {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    color: var(--midnightdark);
    margin-bottom: 15px; }
  .rentalCarResult.rentACarList .carCard .agencyStaffCardBody .btnReservation {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: var(--white);
    border-radius: 4px;
    background-color: var(--orangey-red);
    padding: 7.5px 24px;
    margin-bottom: 15px; }
    .rentalCarResult.rentACarList .carCard .agencyStaffCardBody .btnReservation strong {
      font-size: 19px; }
  .rentalCarResult.rentACarList .carCard .agencyStaffCardBody .infoAndShortArea {
    background-color: #f4f5f6;
    padding: 13px 30px;
    margin-bottom: 0px; }
    @media (max-width: 575px) {
      .rentalCarResult.rentACarList .carCard .agencyStaffCardBody .infoAndShortArea {
        padding: 8px 15px; } }
    @media (max-width: 575px) {
      .rentalCarResult.rentACarList .carCard .agencyStaffCardBody .infoAndShortArea .textLocation strong {
        font-size: 15px; } }

.rentalCarResult.rentACarList .carCard .carCardBody.card-body {
  padding-top: 45px;
  padding-bottom: 75px; }
  @media (max-width: 992px) {
    .rentalCarResult.rentACarList .carCard .carCardBody.card-body {
      padding-top: 15px;
      padding-bottom: 15px; } }
  .rentalCarResult.rentACarList .carCard .carCardBody.card-body .carImgArea img {
    margin-top: 0px; }
  .rentalCarResult.rentACarList .carCard .carCardBody.card-body .carInfoArea {
    height: auto; }

.rentalCarResult.rentACarList .carCard .carDetailCollapse {
  -webkit-box-shadow: none;
  box-shadow: none; }

@media (max-width: 575px) {
  .rentalCarResult.rentACarList .carCard .card-header {
    padding: 15px; } }

@media (max-width: 575px) {
  .rentalCarResult.rentACarList .carCard .card-header .carComponyImg {
    height: 28px;
    -o-object-fit: contain;
    object-fit: contain; } }

.rentalCarResult.rentACarList .officeInformation .carCard .carDetailCollapse {
  margin-top: 0px; }
  .rentalCarResult.rentACarList .officeInformation .carCard .carDetailCollapse .card-body {
    padding-top: 24px;
    padding-bottom: 15px; }

.rentalCarResult.rentACarList .allconditionsButtonArea {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .rentalCarResult.rentACarList .allconditionsButtonArea .btnCarRentalContract {
    position: relative;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 19px;
    font-weight: bold;
    line-height: normal;
    color: var(--white);
    border: 0px;
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 50px;
    padding-right: 24px;
    margin-bottom: 50px;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100px; }
    @media (max-width: 992px) {
      .rentalCarResult.rentACarList .allconditionsButtonArea .btnCarRentalContract {
        margin-top: 0px;
        margin-bottom: 20px; } }
    @media (max-width: 575px) {
      .rentalCarResult.rentACarList .allconditionsButtonArea .btnCarRentalContract {
        padding-left: 30px; } }
    .rentalCarResult.rentACarList .allconditionsButtonArea .btnCarRentalContract img {
      position: absolute;
      left: 0;
      top: 0px;
      z-index: -1;
      border-radius: 8px;
      -webkit-box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
      box-shadow: 0 8px 30px 0 rgba(150, 164, 167, 0.4);
      height: 100%;
      width: 100%; }
    .rentalCarResult.rentACarList .allconditionsButtonArea .btnCarRentalContract::after {
      content: "";
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 35px;
      height: 62px;
      background-image: url("../images/icon-rental-car-result-modal-check.svg"); }
      @media (max-width: 575px) {
        .rentalCarResult.rentACarList .allconditionsButtonArea .btnCarRentalContract::after {
          width: 30px; } }

.rentalCarResult.rentACarList .driverRequirementsCard {
  margin-bottom: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
  margin-bottom: 10px; }
  .rentalCarResult.rentACarList .driverRequirementsCard.carCard .carDetailCollapse {
    margin-top: 0px; }
    .rentalCarResult.rentACarList .driverRequirementsCard.carCard .carDetailCollapse .card-body {
      padding: 0px; }
      .rentalCarResult.rentACarList .driverRequirementsCard.carCard .carDetailCollapse .card-body .textHead {
        text-align: center; }
        @media (max-width: 575px) {
          .rentalCarResult.rentACarList .driverRequirementsCard.carCard .carDetailCollapse .card-body .textHead {
            text-align: left; } }

.rentalCarResult.rentACarList .driverPaymentOptionArea {
  margin-top: 50px; }
  @media (max-width: 992px) {
    .rentalCarResult.rentACarList .driverPaymentOptionArea {
      margin-top: 20px; } }
  .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .card-header.customHr {
    margin-top: 10px; }
  .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .carDetailCollapse .card-body .officeInformation {
    margin-bottom: 0px; }
    .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .carDetailCollapse .card-body .officeInformation .infoTable table tbody tr th {
      width: 168px; }
  .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .billInformation {
    padding-top: 24px; }
    .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .billInformation .textHead {
      margin-bottom: 24px;
      font-size: 19px;
      font-weight: bold;
      line-height: normal;
      color: var(--slate); }
    .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .billInformation p {
      font-size: 16px;
      font-weight: 500;
      line-height: normal;
      color: var(--grey-blue);
      margin-bottom: 24px; }
  .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .paymentOptions {
    padding-top: 0px; }
    .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .paymentOptions p {
      margin-bottom: 16px;
      margin-top: 16px; }
    .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .paymentOptions .textPrice {
      font-size: 19px;
      font-weight: bold;
      color: var(--dusk); }
    .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .paymentOptions .customHr {
      margin-left: -15px;
      margin-right: -15px;
      margin-top: 0px;
      padding-top: 0px;
      padding-bottom: 0px; }
      @media (max-width: 575px) {
        .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .paymentOptions .customHr {
          margin-left: 0px;
          margin-right: 0px; } }
    .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .paymentOptions .constantAlert {
      margin-top: 42px; }
      @media (max-width: 992px) {
        .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .paymentOptions .constantAlert {
          margin-top: 20px; } }
      .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .paymentOptions .constantAlert p {
        color: var(--slate);
        margin-top: 0px; }
      .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .paymentOptions .constantAlert .alert-heading {
        font-size: 19px;
        font-weight: bold;
        margin-bottom: 10px; }
      .rentalCarResult.rentACarList .driverPaymentOptionArea .driverInformation.officeInformation .paymentOptions .constantAlert .icon img {
        vertical-align: baseline; }

.hotelRentalList.rentACarList .stepArea {
  margin-bottom: 18px; }

.hotelRentalList.rentACarList .seferArea .seferSearchArea .pickUpDropOffInputs .whereFromDropdown .searchDropdown .dropDownInputArea .form-group input {
  border-right: 0px !important;
  border-radius: 26px; }

.hotelRentalList.rentACarList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropDownInputArea input {
  border-radius: 26px;
  height: 52px;
  border: 0px;
  padding-left: 15px;
  padding-right: 35px; }
  @media (max-width: 767px) {
    .hotelRentalList.rentACarList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropDownInputArea input {
      height: 47px; } }

.hotelRentalList.rentACarList .seferArea .vueSelectPickerArea .bootstrap-select .dropdown-toggle {
  background-color: #fafafa;
  border-radius: 16px; }

.hotelRentalList.rentACarList .seferArea .vueSelectPickerArea .bootstrap-select .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  margin-top: -1px;
  color: var(--blue-grey);
  background-color: transparent;
  border-top: 1px solid !important;
  border-right: 1px solid !important;
  width: 8px;
  height: 8px;
  border-left: none !important;
  border-bottom: none !important;
  transform: rotate(135deg) !important;
  -webkit-transform: rotate(135deg) !important;
  -moz-transform: rotate(135deg) !important;
  -ms-transform: rotate(135deg) !important;
  -o-transform: rotate(135deg) !important;
  padding-left: 0.255em;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.hotelRentalList.rentACarList .seferArea .vueSelectPickerArea .bootstrap-select.show .dropdown-toggle::after {
  -webkit-transform: rotate(-45deg) !important;
  -ms-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.hotelRentalList.rentACarList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropdown-menu .passengersArea .searchArea {
  overflow: visible;
  overflow-y: visible; }

.hotelRentalList.rentACarList .seferArea .passengerNumber .dropDownInputArea .form-label-group::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url("../images/icon-arrow-down-grey.svg");
  background-repeat: no-repeat;
  width: 15px;
  height: 9px;
  top: 50%;
  position: absolute;
  margin-top: -4.5px;
  right: 15px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.hotelRentalList.rentACarList .seferArea .passengerNumber .dropDownInputArea.collapsed .form-label-group::after {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.hotelRentalList.rentACarList .seferArea .seferSearchArea .searchDropdown.passengerNumber .dropdown-menu::before {
  display: none; }

.hotelRentalList.rentACarList .seferSearchAccordion .carTimeArea .searchDropdown .dropdown-menu {
  width: 400px; }

.hotelRentalList.rentACarList .seferArea .seferSearchArea .btnSearch {
  border-radius: 26px;
  font-size: 21px;
  font-weight: bold;
  height: 53px;
  padding: 0px 24px; }

.hotelRentalList.rentACarList .pickUpDropOffInputs .searchDropdown .dropdown-menu {
  width: 100%; }

.hotelRentalList.rentACarList .accordion.filterArea .card .card-body.filterSearchFromGroup {
  padding-top: 12px;
  padding-bottom: 12px; }

.hotelRentalList.rentACarList .carCard.card .card-header .textLastCall {
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0px;
  color: var(--orangey-red); }

.hotelRentalList.rentACarList .carCard.card .card-body {
  padding-top: 24px; }
  @media (max-width: 575px) {
    .hotelRentalList.rentACarList .carCard.card .card-body {
      padding-top: 20px; } }
  .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .infoList li::before {
    background-image: url("../images/icon-gift.svg"); }
  .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .priceArea .textDatePrice {
    font-size: 14px;
    margin-bottom: 4px; }
  .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .priceArea .textHotelDuration {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    color: var(--slate);
    margin-bottom: 0px; }
  .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .priceArea .infoList {
    margin-bottom: 0px; }
    .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .priceArea .infoList li {
      font-size: 14px;
      font-weight: 500;
      line-height: normal;
      color: var(--apple);
      margin-bottom: 4px;
      line-height: inherit; }
      .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .priceArea .infoList li:last-child {
        margin-bottom: 0px; }
      .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .priceArea .infoList li::before {
        background-image: url("../images/icon-check-circle-green.svg"); }
  .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .carDetailAccordion .card .card-header button {
    cursor: default;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 100%; }
    @media (max-width: 1200px) {
      .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .carDetailAccordion .card .card-header button {
        padding-top: 5px;
        padding-bottom: 5px; } }
    .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .carDetailAccordion .card .card-header button .textNoDiscount {
      font-size: 17px;
      font-weight: bold;
      line-height: normal;
      color: rgba(229, 234, 239, 0.6);
      margin-bottom: 0px;
      text-align: right;
      text-decoration: line-through; }
      @media (max-width: 1200px) {
        .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .carDetailAccordion .card .card-header button .textNoDiscount {
          font-size: 14px; } }
    .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .carDetailAccordion .card .card-header button::after {
      display: none; }
    .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .carDetailAccordion .card .card-header button .textPriceAndTax {
      text-align: right; }
      @media (max-width: 1200px) {
        .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .carDetailAccordion .card .card-header button .textPriceAndTax {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; } }
      .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .carDetailAccordion .card .card-header button .textPriceAndTax .textTax {
        font-size: 14px;
        font-weight: 500;
        padding-right: 12px; }
        @media (max-width: 1200px) {
          .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .carDetailAccordion .card .card-header button .textPriceAndTax .textTax {
            padding-right: 0px; } }
  .hotelRentalList.rentACarList .carCard.card .card-body .carInfoArea .btnRentAcar {
    height: 100%; }
  .hotelRentalList.rentACarList .carCard.card .card-body .carImgArea .hotelImgArea {
    position: relative; }
    .hotelRentalList.rentACarList .carCard.card .card-body .carImgArea .hotelImgArea .carImg {
      -o-object-fit: fill;
      object-fit: fill;
      width: 100%;
      margin-top: 0px !important; }
    .hotelRentalList.rentACarList .carCard.card .card-body .carImgArea .hotelImgArea .imgFeature {
      background-color: #f93967;
      padding: 8px 18px;
      display: block;
      position: absolute;
      bottom: 0px;
      font-size: 16px;
      font-weight: bold;
      line-height: normal;
      color: var(--white); }
      .hotelRentalList.rentACarList .carCard.card .card-body .carImgArea .hotelImgArea .imgFeature.reservation {
        background-color: var(--soft-blue); }
      .hotelRentalList.rentACarList .carCard.card .card-body .carImgArea .hotelImgArea .imgFeature.specialOffer {
        background-color: var(--apple); }
  .hotelRentalList.rentACarList .carCard.card .card-body .carFeature img {
    width: 20px;
    height: 15px; }