@charset "UTF-8";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined");
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&family=Lemonada:wght@300;400;500;600;700&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap");
:root {
  --start: left;
  --end: right;
  height: 100%;
}

#root, body {
  height: inherit;
}

#root {
  display: flex;
  flex-direction: column;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #bebebe;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b1b1b1;
}

html, body, iframe, header, footer, main, aside, nav, section, article, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, hr, blockquote, pre, figure, figcaption, a, address, del, em, i, img, strong, sub, sup, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, input, select, textarea, button {
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  font-size: 100%;
  font: inherit;
}

html, body, iframe, header, footer, main, aside, nav, section, article, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, hr, blockqoute, pre, figure, figcaption, form, fieldset, legend, label, input, select, textarea, button {
  display: block;
}

html, body {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

dl, dt, dd, ul, ol, li {
  list-style: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

u, ins, del {
  text-decoration: none;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  height: auto;
}

input[type=number] {
  -moz-appearance: textfield !important;
}

@keyframes fadeIn {
  100% {
    opacity: 1;
    transform: none;
  }
}
.grid {
  max-width: 1182px;
  margin: 0 auto;
  padding: 0 16px;
}
.grid.mb-30 {
  margin-bottom: 30px;
}
.grid.widder {
  max-width: 1600px;
}

.grid-row {
  margin: 0 -8px;
  font-size: 0;
}

.grid-col {
  display: inline-block;
  vertical-align: top;
  padding: 0 8px;
  box-sizing: border-box;
}

.normal-section .grid {
  max-width: 1250px;
  position: relative;
  z-index: 3;
}

.grid-col_1 {
  width: calc(100% / (24 /1));
}

.grid-col_2 {
  width: calc(100% / (24 /2));
}

.grid-col_3 {
  width: calc(100% / (24 /3));
}

.grid-col_4 {
  width: calc(100% / (24 /4));
}

.grid-col_5 {
  width: calc(100% / (24 /5));
}

.grid-col_6 {
  width: calc(100% / (24 /6));
}

.grid-col_7 {
  width: calc(100% / (24 /7));
}

.grid-col_8 {
  width: calc(100% / (24 /8));
}

.grid-col_9 {
  width: calc(100% / (24 /9));
}

.grid-col_10 {
  width: calc(100% / (24 /10));
}

.grid-col_11 {
  width: calc(100% / (24 /11));
}

.grid-col_12 {
  width: calc(100% / (24 /12));
}

.grid-col_13 {
  width: calc(100% / (24 /13));
}

.grid-col_14 {
  width: calc(100% / (24 /14));
}

.grid-col_15 {
  width: calc(100% / (24 /15));
}

.grid-col_16 {
  width: calc(100% / (24 /16));
}

.grid-col_17 {
  width: calc(100% / (24 /17));
}

.grid-col_18 {
  width: calc(100% / (24 /18));
}

.grid-col_19 {
  width: calc(100% / (24 /19));
}

.grid-col_20 {
  width: calc(100% / (24 /20));
}

.grid-col_21 {
  width: calc(100% / (24 /21));
}

.grid-col_22 {
  width: calc(100% / (24 /22));
}

.grid-col_23 {
  width: calc(100% / (24 /23));
}

.grid-col_24 {
  width: calc(100% / (24 /24));
}

@media screen and (max-width: 1219px) {
  .grid-col_lg-1 {
    width: calc(100% / (24 /1));
  }

  .grid-col_lg-2 {
    width: calc(100% / (24 /2));
  }

  .grid-col_lg-3 {
    width: calc(100% / (24 /3));
  }

  .grid-col_lg-4 {
    width: calc(100% / (24 /4));
  }

  .grid-col_lg-5 {
    width: calc(100% / (24 /5));
  }

  .grid-col_lg-6 {
    width: calc(100% / (24 /6));
  }

  .grid-col_lg-7 {
    width: calc(100% / (24 /7));
  }

  .grid-col_lg-8 {
    width: calc(100% / (24 /8));
  }

  .grid-col_lg-9 {
    width: calc(100% / (24 /9));
  }

  .grid-col_lg-10 {
    width: calc(100% / (24 /10));
  }

  .grid-col_lg-11 {
    width: calc(100% / (24 /11));
  }

  .grid-col_lg-12 {
    width: calc(100% / (24 /12));
  }

  .grid-col_lg-13 {
    width: calc(100% / (24 /13));
  }

  .grid-col_lg-14 {
    width: calc(100% / (24 /14));
  }

  .grid-col_lg-15 {
    width: calc(100% / (24 /15));
  }

  .grid-col_lg-16 {
    width: calc(100% / (24 /16));
  }

  .grid-col_lg-17 {
    width: calc(100% / (24 /17));
  }

  .grid-col_lg-18 {
    width: calc(100% / (24 /18));
  }

  .grid-col_lg-19 {
    width: calc(100% / (24 /19));
  }

  .grid-col_lg-20 {
    width: calc(100% / (24 /20));
  }

  .grid-col_lg-21 {
    width: calc(100% / (24 /21));
  }

  .grid-col_lg-22 {
    width: calc(100% / (24 /22));
  }

  .grid-col_lg-23 {
    width: calc(100% / (24 /23));
  }

  .grid-col_lg-24 {
    width: calc(100% / (24 /24));
  }
}
@media screen and (max-width: 999px) {
  .grid-col_md-1 {
    width: calc(100% / (24 /1));
  }

  .grid-col_md-2 {
    width: calc(100% / (24 /2));
  }

  .grid-col_md-3 {
    width: calc(100% / (24 /3));
  }

  .grid-col_md-4 {
    width: calc(100% / (24 /4));
  }

  .grid-col_md-5 {
    width: calc(100% / (24 /5));
  }

  .grid-col_md-6 {
    width: calc(100% / (24 /6));
  }

  .grid-col_md-7 {
    width: calc(100% / (24 /7));
  }

  .grid-col_md-8 {
    width: calc(100% / (24 /8));
  }

  .grid-col_md-9 {
    width: calc(100% / (24 /9));
  }

  .grid-col_md-10 {
    width: calc(100% / (24 /10));
  }

  .grid-col_md-11 {
    width: calc(100% / (24 /11));
  }

  .grid-col_md-12 {
    width: calc(100% / (24 /12));
  }

  .grid-col_md-13 {
    width: calc(100% / (24 /13));
  }

  .grid-col_md-14 {
    width: calc(100% / (24 /14));
  }

  .grid-col_md-15 {
    width: calc(100% / (24 /15));
  }

  .grid-col_md-16 {
    width: calc(100% / (24 /16));
  }

  .grid-col_md-17 {
    width: calc(100% / (24 /17));
  }

  .grid-col_md-18 {
    width: calc(100% / (24 /18));
  }

  .grid-col_md-19 {
    width: calc(100% / (24 /19));
  }

  .grid-col_md-20 {
    width: calc(100% / (24 /20));
  }

  .grid-col_md-21 {
    width: calc(100% / (24 /21));
  }

  .grid-col_md-22 {
    width: calc(100% / (24 /22));
  }

  .grid-col_md-23 {
    width: calc(100% / (24 /23));
  }

  .grid-col_md-24 {
    width: calc(100% / (24 /24));
  }
}
@media screen and (max-width: 767px) {
  .grid-col_sm-1 {
    width: calc(100% / (24 /1));
  }

  .grid-col_sm-2 {
    width: calc(100% / (24 /2));
  }

  .grid-col_sm-3 {
    width: calc(100% / (24 /3));
  }

  .grid-col_sm-4 {
    width: calc(100% / (24 /4));
  }

  .grid-col_sm-5 {
    width: calc(100% / (24 /5));
  }

  .grid-col_sm-6 {
    width: calc(100% / (24 /6));
  }

  .grid-col_sm-7 {
    width: calc(100% / (24 /7));
  }

  .grid-col_sm-8 {
    width: calc(100% / (24 /8));
  }

  .grid-col_sm-9 {
    width: calc(100% / (24 /9));
  }

  .grid-col_sm-10 {
    width: calc(100% / (24 /10));
  }

  .grid-col_sm-11 {
    width: calc(100% / (24 /11));
  }

  .grid-col_sm-12 {
    width: calc(100% / (24 /12));
  }

  .grid-col_sm-13 {
    width: calc(100% / (24 /13));
  }

  .grid-col_sm-14 {
    width: calc(100% / (24 /14));
  }

  .grid-col_sm-15 {
    width: calc(100% / (24 /15));
  }

  .grid-col_sm-16 {
    width: calc(100% / (24 /16));
  }

  .grid-col_sm-17 {
    width: calc(100% / (24 /17));
  }

  .grid-col_sm-18 {
    width: calc(100% / (24 /18));
  }

  .grid-col_sm-19 {
    width: calc(100% / (24 /19));
  }

  .grid-col_sm-20 {
    width: calc(100% / (24 /20));
  }

  .grid-col_sm-21 {
    width: calc(100% / (24 /21));
  }

  .grid-col_sm-22 {
    width: calc(100% / (24 /22));
  }

  .grid-col_sm-23 {
    width: calc(100% / (24 /23));
  }

  .grid-col_sm-24 {
    width: calc(100% / (24 /24));
  }
}
@media screen and (max-width: 479px) {
  .grid-col_xs-1 {
    width: calc(100% / (24 /1));
  }

  .grid-col_xs-2 {
    width: calc(100% / (24 /2));
  }

  .grid-col_xs-3 {
    width: calc(100% / (24 /3));
  }

  .grid-col_xs-4 {
    width: calc(100% / (24 /4));
  }

  .grid-col_xs-5 {
    width: calc(100% / (24 /5));
  }

  .grid-col_xs-6 {
    width: calc(100% / (24 /6));
  }

  .grid-col_xs-7 {
    width: calc(100% / (24 /7));
  }

  .grid-col_xs-8 {
    width: calc(100% / (24 /8));
  }

  .grid-col_xs-9 {
    width: calc(100% / (24 /9));
  }

  .grid-col_xs-10 {
    width: calc(100% / (24 /10));
  }

  .grid-col_xs-11 {
    width: calc(100% / (24 /11));
  }

  .grid-col_xs-12 {
    width: calc(100% / (24 /12));
  }

  .grid-col_xs-13 {
    width: calc(100% / (24 /13));
  }

  .grid-col_xs-14 {
    width: calc(100% / (24 /14));
  }

  .grid-col_xs-15 {
    width: calc(100% / (24 /15));
  }

  .grid-col_xs-16 {
    width: calc(100% / (24 /16));
  }

  .grid-col_xs-17 {
    width: calc(100% / (24 /17));
  }

  .grid-col_xs-18 {
    width: calc(100% / (24 /18));
  }

  .grid-col_xs-19 {
    width: calc(100% / (24 /19));
  }

  .grid-col_xs-20 {
    width: calc(100% / (24 /20));
  }

  .grid-col_xs-21 {
    width: calc(100% / (24 /21));
  }

  .grid-col_xs-22 {
    width: calc(100% / (24 /22));
  }

  .grid-col_xs-23 {
    width: calc(100% / (24 /23));
  }

  .grid-col_xs-24 {
    width: calc(100% / (24 /24));
  }
}
* {
  box-sizing: border-box;
  outline: none;
}

.no-scroll {
  overflow: hidden !important;
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  inset-inline-start: 0;
}

body,
html {
  background: #fff;
  font-family: "Cairo", sans-serif !important;
  color: #202020;
  overflow-x: hidden;
}
body.ltr,
html.ltr {
  font-family: "Lato", sans-serif;
}

body {
  direction: var(--direction);
}
body.ltr {
  font-family: "Lato", sans-serif;
}
body.ltr .amount {
  font-family: "Cairo", sans-serif;
}
body.sticky-header {
  padding-top: 49px;
}

.site-main {
  margin: 0 !important;
}

.ar-font {
  font-family: "Cairo", sans-serif;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}
a:focus {
  outline: none !important;
}

.loading {
  position: relative;
}
.loading::before {
  content: "";
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  bottom: 0;
  inset-inline-end: 0;
  z-index: 1;
}
.loading:after {
  content: "";
  width: 25px;
  height: 25px;
  background-image: url("../images/icons/loader.png");
  background-repeat: no-repeat;
  -webkit-animation: spin 1s ease-in-out infinite;
  animation: spin 1s ease-in-out infinite;
  background-size: 25px;
  position: absolute;
  top: 50%;
  inset-inline-end: 50%;
  margin-top: -12px;
  margin-inline-end: -12px;
  z-index: 2;
}

body .page {
  overflow: hidden;
}
body ul,
body ol {
  margin: 0;
}
body input,
body input[type=text],
body input[type=button],
body input[type=submit],
body input[type=number],
body input[type=email],
body input[type=tel],
body input[type=url],
body input[type=password],
body input[type=search],
body button,
body select,
body textarea {
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  background-color: transparent;
  font-family: inherit;
}
body input:focus,
body input[type=text]:focus,
body input[type=button]:focus,
body input[type=submit]:focus,
body input[type=number]:focus,
body input[type=email]:focus,
body input[type=tel]:focus,
body input[type=url]:focus,
body input[type=password]:focus,
body input[type=search]:focus,
body button:focus,
body select:focus,
body textarea:focus {
  outline: none !important;
}
body input:hover,
body input[type=text]:hover,
body input[type=button]:hover,
body input[type=submit]:hover,
body input[type=number]:hover,
body input[type=email]:hover,
body input[type=tel]:hover,
body input[type=url]:hover,
body input[type=password]:hover,
body input[type=search]:hover,
body button:hover,
body select:hover,
body textarea:hover {
  background-color: transparent;
  outline: none;
  box-shadow: none;
}
body input:-webkit-autofill,
body input[type=text]:-webkit-autofill,
body input[type=button]:-webkit-autofill,
body input[type=submit]:-webkit-autofill,
body input[type=number]:-webkit-autofill,
body input[type=email]:-webkit-autofill,
body input[type=tel]:-webkit-autofill,
body input[type=url]:-webkit-autofill,
body input[type=password]:-webkit-autofill,
body input[type=search]:-webkit-autofill,
body button:-webkit-autofill,
body select:-webkit-autofill,
body textarea:-webkit-autofill {
  background-color: transparent !important;
}
body input::-webkit-input-placeholder,
body input[type=text]::-webkit-input-placeholder,
body input[type=button]::-webkit-input-placeholder,
body input[type=submit]::-webkit-input-placeholder,
body input[type=number]::-webkit-input-placeholder,
body input[type=email]::-webkit-input-placeholder,
body input[type=tel]::-webkit-input-placeholder,
body input[type=url]::-webkit-input-placeholder,
body input[type=password]::-webkit-input-placeholder,
body input[type=search]::-webkit-input-placeholder,
body button::-webkit-input-placeholder,
body select::-webkit-input-placeholder,
body textarea::-webkit-input-placeholder {
  color: #999 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  font-style: normal !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body input::-moz-placeholder,
body input[type=text]::-moz-placeholder,
body input[type=button]::-moz-placeholder,
body input[type=submit]::-moz-placeholder,
body input[type=number]::-moz-placeholder,
body input[type=email]::-moz-placeholder,
body input[type=tel]::-moz-placeholder,
body input[type=url]::-moz-placeholder,
body input[type=password]::-moz-placeholder,
body input[type=search]::-moz-placeholder,
body button::-moz-placeholder,
body select::-moz-placeholder,
body textarea::-moz-placeholder {
  color: #999 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  font-style: normal !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body input:-ms-input-placeholder,
body input[type=text]:-ms-input-placeholder,
body input[type=button]:-ms-input-placeholder,
body input[type=submit]:-ms-input-placeholder,
body input[type=number]:-ms-input-placeholder,
body input[type=email]:-ms-input-placeholder,
body input[type=tel]:-ms-input-placeholder,
body input[type=url]:-ms-input-placeholder,
body input[type=password]:-ms-input-placeholder,
body input[type=search]:-ms-input-placeholder,
body button:-ms-input-placeholder,
body select:-ms-input-placeholder,
body textarea:-ms-input-placeholder {
  color: #999 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  font-style: normal !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body input:-moz-placeholder,
body input[type=text]:-moz-placeholder,
body input[type=button]:-moz-placeholder,
body input[type=submit]:-moz-placeholder,
body input[type=number]:-moz-placeholder,
body input[type=email]:-moz-placeholder,
body input[type=tel]:-moz-placeholder,
body input[type=url]:-moz-placeholder,
body input[type=password]:-moz-placeholder,
body input[type=search]:-moz-placeholder,
body button:-moz-placeholder,
body select:-moz-placeholder,
body textarea:-moz-placeholder {
  color: #999 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  font-style: normal !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body input:focus::-webkit-input-placeholder,
body input[type=text]:focus::-webkit-input-placeholder,
body input[type=button]:focus::-webkit-input-placeholder,
body input[type=submit]:focus::-webkit-input-placeholder,
body input[type=number]:focus::-webkit-input-placeholder,
body input[type=email]:focus::-webkit-input-placeholder,
body input[type=tel]:focus::-webkit-input-placeholder,
body input[type=url]:focus::-webkit-input-placeholder,
body input[type=password]:focus::-webkit-input-placeholder,
body input[type=search]:focus::-webkit-input-placeholder,
body button:focus::-webkit-input-placeholder,
body select:focus::-webkit-input-placeholder,
body textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}
body input:focus::-moz-placeholder,
body input[type=text]:focus::-moz-placeholder,
body input[type=button]:focus::-moz-placeholder,
body input[type=submit]:focus::-moz-placeholder,
body input[type=number]:focus::-moz-placeholder,
body input[type=email]:focus::-moz-placeholder,
body input[type=tel]:focus::-moz-placeholder,
body input[type=url]:focus::-moz-placeholder,
body input[type=password]:focus::-moz-placeholder,
body input[type=search]:focus::-moz-placeholder,
body button:focus::-moz-placeholder,
body select:focus::-moz-placeholder,
body textarea:focus::-moz-placeholder {
  color: transparent !important;
}
body input:focus:-ms-input-placeholder,
body input[type=text]:focus:-ms-input-placeholder,
body input[type=button]:focus:-ms-input-placeholder,
body input[type=submit]:focus:-ms-input-placeholder,
body input[type=number]:focus:-ms-input-placeholder,
body input[type=email]:focus:-ms-input-placeholder,
body input[type=tel]:focus:-ms-input-placeholder,
body input[type=url]:focus:-ms-input-placeholder,
body input[type=password]:focus:-ms-input-placeholder,
body input[type=search]:focus:-ms-input-placeholder,
body button:focus:-ms-input-placeholder,
body select:focus:-ms-input-placeholder,
body textarea:focus:-ms-input-placeholder {
  color: transparent !important;
}
body input:focus:-moz-placeholder,
body input[type=text]:focus:-moz-placeholder,
body input[type=button]:focus:-moz-placeholder,
body input[type=submit]:focus:-moz-placeholder,
body input[type=number]:focus:-moz-placeholder,
body input[type=email]:focus:-moz-placeholder,
body input[type=tel]:focus:-moz-placeholder,
body input[type=url]:focus:-moz-placeholder,
body input[type=password]:focus:-moz-placeholder,
body input[type=search]:focus:-moz-placeholder,
body button:focus:-moz-placeholder,
body select:focus:-moz-placeholder,
body textarea:focus:-moz-placeholder {
  color: transparent !important;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  margin: 0;
}
body select {
  border: 1px solid #b4b4b4;
  height: 34px;
  padding: 0;
  padding-inline-start: 25px;
  padding-inline-end: 10px;
  border-radius: 4px;
  font-size: 12px;
  max-width: 100% !important;
  cursor: pointer;
  background-color: #fbfdff;
  background-image: url("../images/icons/select-arrow.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
}
body select:hover {
  background-color: #fbfdff;
}
body .wc-forward {
  position: relative;
}
body .wc-forward:after {
  content: "keyboard_arrow_var(--start)";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  vertical-align: middle;
  color: inherit;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  inset-inline-start: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body .wc-forward:hover:after {
  inset-inline-start: 6px;
}
body .content-area {
  width: 100% !important;
  float: none !important;
  margin: 0;
}
body .col-full {
  max-width: 100%;
  padding: 0;
}
body .button,
body .btn {
  display: inline-block;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #1eb10d;
  line-height: 40px;
  text-transform: capitalize;
  text-align: center;
  padding: 0 30px;
  letter-spacing: -0.5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
}
body .button.disabled,
body .btn.disabled {
  background-color: #B2B2B2 !important;
  pointer-events: none;
}
body .button:hover,
body .btn:hover {
  background-color: #429e3f;
  color: #fff;
}
body .button,
body .btn {
  background: #FD9A00;
  border-radius: 8px;
  padding: 4px 18px 0;
  line-height: 34px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.5px;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body .button:hover,
body .btn:hover {
  background-color: #e48d06;
  color: #fff;
}
body .button.blue,
body .btn.blue {
  background-color: rgba(32, 117, 255, 0.1019607843);
  color: #49c3f0;
  text-transform: uppercase;
  position: relative;
  font-size: 12px;
  padding: 4px 20px 0;
  width: 120px;
  text-align: var(--start);
}
body .button.blue:hover,
body .btn.blue:hover {
  background-color: rgba(32, 117, 255, 0.168627451);
}
body .button.blue::before,
body .btn.blue::before {
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  transition: all 0.2s ease;
  position: absolute;
  inset-inline-end: 8px;
  top: 2px;
  font-weight: 100;
}
body.ltr body .button.blue::before,
body.ltr body .btn.blue::before {
  content: "chevron_right";
}
body.rtl body .button.blue::before,
body.rtl body .btn.blue::before {
  content: "chevron_left";
}
body .button.green,
body .btn.green {
  background-color: #1eb10d;
}
body .button.green:hover,
body .btn.green:hover {
  background-color: #429e3f;
  color: #fff;
}
body .button.red,
body .btn.red {
  background-color: #e02020;
  color: #fff;
}
body .button.red:hover,
body .btn.red:hover {
  background-color: #cb1b1b;
}
body .button.border,
body .btn.border {
  background-color: transparent;
  border: 1px solid #92a0b0;
  color: #92a0b0;
}
body.ltr body .button,
body.ltr body .btn {
  padding: 0 18px;
  line-height: 38px;
}
body img {
  border-radius: 0;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}
body .center {
  top: 0;
  inset-inline-end: 0;
  transform: none;
}
body a {
  color: inherit;
}
body p {
  margin: 0;
}
body.rtl select {
  background-position: 10px center;
}

.tbl {
  display: table;
  width: 100%;
  height: 100%;
}

.tcl {
  display: table-cell;
  vertical-align: middle;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .hide-mob {
    display: none !important;
  }
}

@media screen and (max-width: 999px) {
  .hide-tablet {
    display: none !important;
  }
}

@media screen and (min-width: 766px) {
  .show-mob {
    display: none !important;
  }
}

@media screen and (min-width: 999px) {
  .show-tablet {
    display: none !important;
  }
}

@media screen and (max-width: 999px) {
  .removed-md {
    display: none !important;
  }

  .show-tablet {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .removed-sm {
    display: none !important;
  }
}
.page-title {
  margin-bottom: 10px;
  border: none;
  padding-bottom: 20px;
}
.page-title h1 {
  font-size: 36px;
  text-transform: capitalize;
  position: relative;
  line-height: 48px;
  font-weight: 600;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  font-family: "Lato", serif;
}
body.rtl .page-title h1 {
  font-family: "Cairo", sans-serif;
}
.page-title h1 img {
  display: inline-block;
  vertical-align: middle;
  margin-inline-start: 10px;
}
body.rtl .page-title h1 {
  font-family: "Cairo", sans-serif;
}
.page-title p {
  font-size: 14px;
}

.overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.overlay_visible {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

.popup {
  position: fixed;
  z-index: 1001;
  top: 0;
  inset-inline-start: 0;
  bottom: 0;
  inset-inline-end: 0;
  padding: 1.5rem;
  overflow: auto;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  text-align: center;
}
.popup .table {
  display: inline-flex;
  justify-content: center;
  position: relative;
  z-index: 2;
  text-align: var(--start);
}
.popup .tcell {
  vertical-align: middle;
}
.popup .close {
  position: absolute;
  top: -5px;
  inset-inline-start: -5px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  /* Changed here */
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
  font-size: 20px;
  width: 28px;
  height: 28px;
  background-color: #fff;
}
.popup .close:hover {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
.popup .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 999px) {
  .popup {
    max-width: 100vw;
  }
  .popup .table {
    max-width: 100vw;
    display: block;
  }
  .popup .table .tcell {
    max-width: 100vw;
    display: block;
  }
}
.popup_visible, .popup.active {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.popup_visible .overlay, .popup.active .overlay {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.popup__close {
  position: absolute;
  top: 0.8rem;
  inset-inline-start: 0.8rem;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .popup__close {
    top: 10px;
    inset-inline-start: 10px;
  }
}
.popup__window {
  position: relative;
  max-width: 760px;
  margin: 0 auto;
  padding: 4rem 1.5rem 3rem;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}
.popup__window .popup-logo {
  height: 24px;
  display: block;
  margin: -10px auto 20px;
}
@media screen and (max-width: 999px) {
  .popup__window {
    max-width: calc(100vw - 20px);
    padding-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .popup__window {
    padding-bottom: 10px;
  }
}
.popup .inner {
  position: relative;
  margin: 0 auto;
  background: #fff;
  box-sizing: border-box;
  border-radius: 30px;
  padding: 32px 32px;
  width: 400px;
  max-width: 90vw;
}

.select2-container .select2-results__option {
  text-align: var(--end);
}

.show-ar {
  display: none;
}
body.rtl .show-ar {
  display: inline;
}

body.rtl .hide-ar {
  display: none;
}

.show-for-ar {
  display: none;
}
body.rtl .show-for-ar {
  display: block;
}

body.rtl .hide-for-ar {
  display: none;
}

body.ltr .show-ar {
  display: none !important;
}

body.rtl .show-en {
  display: none !important;
}

.password-input {
  display: block;
  line-height: 34px;
}

.green {
  color: #1eb10d;
}

.check-radio {
  position: relative;
  line-height: 23px;
  cursor: pointer;
  display: block;
  padding-inline-end: 22px;
  margin-bottom: 0 !important;
  margin-inline-start: 13px;
}
.check-radio .check-icon {
  position: relative;
  position: absolute;
  width: 18px;
  height: 18px;
  inset-inline-end: 0;
  top: 0;
  pointer-events: none;
}
.check-radio .check-icon::before {
  content: "radio_button_unchecked";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  color: #434343;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.check-radio .name {
  color: #FD9A00;
  font-size: 14px;
  line-height: 17px;
  display: inline-block;
  word-spacing: -1px;
  letter-spacing: -0.3px;
}
.check-radio input {
  display: none;
}
.check-radio input:checked ~ .check-icon::before {
  content: "radio_button_checked";
  color: #FD9A00;
}
.check-radio input:checked ~ .name {
  color: #FD9A00;
}

.keep-scrolling {
  overflow-x: auto;
  /* Add the ability to scroll y axis*/
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.keep-scrolling ::-webkit-scrollbar {
  display: none;
}

.hide-this {
  display: none !important;
}

@media screen and (max-width: 767px) {
  input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select:focus,
textarea {
    font-size: 16px;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.hide-en-block {
  display: none;
}
body.rtl .hide-en-block {
  display: block;
}

.hide-en {
  display: none;
}
body.rtl .hide-en {
  display: block;
}

/**/
.input,
.textarea {
  position: relative;
}

.input input:not([type=date]),
.textarea textarea {
  width: 100%;
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #c0d9eb;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  color: #252525;
  transition: border 0.3s, color 0.3s;
  -webkit-transition: border 0.3s, color 0.3s;
  -moz-transition: border 0.3s, color 0.3s;
  -o-transition: border 0.3s, color 0.3s;
  transition: border 0.3s, color 0.3s;
}

.textarea textarea {
  resize: none;
}

.input input:focus,
.textarea textarea:focus {
  border-color: #83adde;
  color: #063d7d;
}

.input .req {
  position: absolute;
  inset-inline-start: 12px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  border-radius: 50%;
}

.input .req-valid {
  background-color: #4cb749;
}

.select {
  position: relative;
  overflow: hidden;
}

.select select {
  padding: 10px 15px 10px 25px;
  background: #fff;
  border: 1px solid #c0d9eb;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  color: #252525;
  height: 50px;
  -webkit-appearance: none;
  background-image: url("../images/icons/keyboard_arrow_down.png");
  background-repeat: no-repeat;
  background-position: 10px center;
}

.input .asterisk {
  color: red;
}

.form-row .label {
  font-size: 14px;
  color: #252525;
  font-weight: 500;
  line-height: 1.7;
  white-space: nowrap;
  margin-bottom: 6px;
}

.form-row textarea {
  width: 100%;
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #c0d9eb;
  border-radius: 0px 10px 10px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  color: #252525;
  resize: none;
  transition: border 0.3s, color 0.3s;
  -webkit-transition: border 0.3s, color 0.3s;
  -moz-transition: border 0.3s, color 0.3s;
  -o-transition: border 0.3s, color 0.3s;
  transition: border 0.3s, color 0.3s;
}

/**/
/* General */
/**/
.page-title {
  font-size: 20px;
  color: #121212;
  line-height: 2.5;
  position: relative;
  font-family: "Lemonada", cursive;
}

.page-title:before {
  content: "";
  position: absolute;
  background: rgb(252, 153, 0);
  border-radius: 0px;
  height: 3px;
  width: 38px;
  bottom: 0;
  inset-inline-start: 0;
}

.wide-section {
  padding: 40px 0;
  position: relative;
}

.wide-section .grid {
  max-width: 1600px;
}

.wide-section:before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, #fd9a00 100%, white 0);
  border-radius: 0px;
  height: 700px;
  width: 100%;
  top: 0;
}

.wide-section::after {
  content: "";
  background-image: url(../images/icons/Group.png);
  height: 1010px;
  width: 830px;
  position: absolute;
  top: 0;
  right: 0;
  background-size: 823px;
  background-repeat: no-repeat;
  top: -230px;
}
body.ltr .wide-section::after {
  left: 0;
  right: auto;
  transform: scaleX(-1);
}

.extra-bg {
  padding: 40px 0;
  position: relative;
  background: linear-gradient(180deg, #fd9a00 730px, white 0);
}

.extra-bg:before {
  content: "";
  background-image: url(../images/icons/Group.png);
  height: 1110px;
  width: 830px;
  position: absolute;
  right: 0;
  background-size: 780px;
  background-repeat: no-repeat;
  top: -225px;
}

.content-box {
  background: rgb(255, 255, 255);
  border-radius: 30px;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  z-index: 111;
}
.content-box .content-data-parent {
  min-width: calc(100% - 450px);
  position: relative;
  width: calc(100% - 450px);
  margin-inline-end: 10px;
}
@media screen and (max-width: 1400px) {
  .content-box .content-data-parent {
    width: calc(100% - 310px);
  }
}
@media screen and (max-width: 999px) {
  .content-box .content-data-parent {
    width: 100%;
    margin: 0;
  }
}
.content-box .content-data-parent:after {
  content: "";
  background: linear-gradient(-90deg, rgb(245, 245, 245) 0%, rgb(255, 255, 255) 100%);
  width: 15px;
  position: absolute;
  top: 0;
  inset-inline-start: 100%;
  bottom: 0;
}

.content-box .page-title {
  margin-bottom: 25px;
}

.error-msg {
  background: rgba(231, 51, 39, 0.07);
  border-radius: 4px;
  /* border: 1px solid rgb(231, 51, 39); */
  padding: 5px 17px;
  display: inline-block;
  width: 100%;
}

.error-msg p,
.error-msg li {
  font-size: 12px;
  font-weight: 700;
  color: #e02020;
  line-height: 2;
}

.error-msg li:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #e02020;
  border-radius: 50%;
  margin-inline-end: 5px;
}

.trip-info .text {
  display: flex;
  flex-direction: column;
}

.trip-info .text span {
  font-size: 14px;
  color: #121212;
  line-height: 1.95;
}

.trip-info .text .city {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 2px;
}

.trip-info .text .date {
  direction: ltr;
  text-align: right;
}
body.ltr .trip-info .text .date {
  text-align: left;
}

.trip-info .text .date span {
  display: block;
  color: #6d6d6d;
  line-height: 1.3;
}

.trip-info .arrow {
  width: 26px;
  height: 26px;
  background-color: #FD9A00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 60px;
}

.trip-info .arrow span {
  color: #fff;
  font-size: 18px;
}

.green {
  color: #1eb10d;
}

.red-color,
.red {
  color: #e02020;
}

div .datepicker.departure .DayPicker-wrapper,
div .datepickercom.departure .DayPicker-wrapper {
  width: 223px;
}
div .datepicker.departure .DayPicker-Month,
div .datepickercom.departure .DayPicker-Month {
  width: 100% !important;
}
div .datepicker.departure .DayPicker-Day,
div .datepickercom.departure .DayPicker-Day {
  color: inherit;
}
div .datepicker.departure .DayPicker-Day--start,
div .datepickercom.departure .DayPicker-Day--start {
  border-radius: 4px !important;
}
div .datepicker.departure .DayPicker-Day:hover,
div .datepickercom.departure .DayPicker-Day:hover {
  border-radius: 4px !important;
}
div .DayPickerInput-Overlay {
  background: transparent;
  box-shadow: none;
}
div .DayPicker {
  width: auto;
  z-index: 1;
  min-width: 250px;
}
@media (max-width: 767px) {
  div .DayPicker {
    display: none;
  }
}
div .DayPicker-Months {
  justify-content: space-between;
}
div .DayPicker .DayPicker-wrapper {
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.44);
  border-radius: 4px;
  padding: 0 10px 20px;
  width: 456px;
  margin-left: auto;
}
div .DayPicker .DayPicker-wrapper .DayPicker-NavBar .DayPicker-NavButton {
  margin: 0;
  outline: none;
}
div .DayPicker .DayPicker-wrapper .DayPicker-NavBar .DayPicker-NavButton--prev {
  left: 15px;
  top: 20px;
  right: auto;
}
div .DayPicker .DayPicker-wrapper .DayPicker-NavBar .DayPicker-NavButton--next {
  top: 20px;
  right: 15px;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Month {
  width: calc(100% - 20px);
  margin: 0;
  width: 48%;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Month .DayPicker-Caption {
  margin: 0;
  padding: 14px 0;
  text-align: center;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Month .DayPicker-Caption > div {
  font-size: 16px;
  font-weight: 600;
  color: #7190b5;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Weekdays .DayPicker-Weekday {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Day {
  cursor: pointer;
  padding: 0;
  width: 30px;
  font-size: 15px;
  font-weight: 500;
  height: 30px;
  border-radius: 0;
  color: #000;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Day--today {
  color: #FD9A00;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Day--today:hover {
  text-shadow: 0 0 1px #FD9A00;
  color: #FD9A00;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Day--selected {
  background-color: rgba(7, 62, 126, 0.29);
  text-shadow: none;
  color: rgba(0, 0, 0, 0.6);
}
div .DayPicker .DayPicker-wrapper .DayPicker-Day--start {
  background-color: rgb(7, 62, 126);
  color: #fff;
  border-radius: 4px 0 0 4px;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Day--end {
  background-color: rgb(7, 62, 126);
  color: #fff;
  border-radius: 0 4px 4px 0;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Day:hover {
  background-color: rgb(7, 62, 126) !important;
  color: #fff;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Day--disabled {
  pointer-events: none;
  opacity: 0.2;
}
div .DayPicker .DayPicker-wrapper .DayPicker-Day--outside {
  background: transparent !important;
  pointer-events: none;
}

body #ui-datepicker-div.ui-datepicker {
  padding: 20px 10px 5px;
  display: none;
  box-sizing: content-box;
  background: #ffffff;
  border: 1px solid #c1c9d2;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 1004 !important;
}
body #ui-datepicker-div .ui-datepicker-header {
  position: relative;
  padding: 0 0 27px !important;
  background: none !important;
  border: none !important;
  font-weight: normal !important;
}
body #ui-datepicker-div .ui-datepicker-title {
  margin: 0 auto;
  line-height: 1;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
}
body #ui-datepicker-div .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
  display: inline-block;
  width: auto !important;
}
body #ui-datepicker-div .ui-datepicker-prev, body #ui-datepicker-div .ui-datepicker-next {
  position: absolute;
  top: -7px;
  width: 24px;
  height: 24px;
  z-index: 1;
  border-radius: 4px;
  background: #FD9A00;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: none;
}
body #ui-datepicker-div .ui-datepicker-prev.ui-state-disabled, body #ui-datepicker-div .ui-datepicker-next.ui-state-disabled {
  pointer-events: none;
  opacity: 0.35;
}
body #ui-datepicker-div .ui-datepicker-prev-hover, body #ui-datepicker-div .ui-datepicker-next-hover {
  background-color: #e48d06;
}
body #ui-datepicker-div .ui-datepicker-prev span.ui-icon, body #ui-datepicker-div .ui-datepicker-next span.ui-icon {
  font-size: 0;
  position: static;
  margin: 0;
  padding: 0;
  background: none;
  width: auto;
  height: auto;
  text-indent: 0;
  color: #fff;
  word-wrap: normal;
}
body #ui-datepicker-div .ui-datepicker-prev span.ui-icon::before, body #ui-datepicker-div .ui-datepicker-next span.ui-icon::before {
  font-family: "Material Icons";
  font-size: 16px;
}
body #ui-datepicker-div .ui-datepicker-prev {
  inset-inline-end: 2px;
}
body.ltr body #ui-datepicker-div .ui-datepicker-prev span::before {
  content: "keyboard_arrow_left";
}
body.rtl body #ui-datepicker-div .ui-datepicker-prev span::before {
  content: "keyboard_arrow_right";
}
body #ui-datepicker-div .ui-datepicker-next {
  inset-inline-start: 2px;
}
body #ui-datepicker-div .ui-datepicker-next span::before {
  content: "keyboard_arrow_var(--start)";
}
body #ui-datepicker-div .ui-datepicker select.ui-datepicker-month,
body #ui-datepicker-div .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
body #ui-datepicker-div .ui-datepicker-calendar {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0;
}
body #ui-datepicker-div .ui-datepicker-calendar th {
  padding: 0 0 10px;
  text-align: center;
  border: 0;
  color: #101010;
  font-size: 12px;
  font-weight: 500;
  background: none;
}
body #ui-datepicker-div .ui-datepicker-calendar td {
  border: 0;
  padding: 0 0 5px;
  text-align: center;
  box-sizing: border-box;
  opacity: 1 !important;
  cursor: pointer;
  position: relative;
}
body #ui-datepicker-div .ui-datepicker-calendar td span,
body #ui-datepicker-div .ui-datepicker-calendar td a {
  display: block;
  padding: 0;
  text-align: center !important;
  text-decoration: none;
  width: 26px;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  box-sizing: border-box;
  padding: 0 !important;
  border-radius: 2px;
  border: none !important;
  color: #101010;
  transition: 0.2s all;
  position: relative;
  background: none !important;
  border-radius: 2px;
  font-weight: 300;
}
body #ui-datepicker-div .ui-datepicker-calendar td a:hover {
  text-shadow: 0 0 1px;
}
body #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-current-day a {
  background-color: #FD9A00 !important;
  color: #fff !important;
}
body #ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled {
  pointer-events: none;
  opacity: 0.35 !important;
}
body #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-inline-end: 0;
  border-inline-start: 0;
  border-bottom: 0;
}
body #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-buttonpane button {
  float: var(--start);
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
body #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: var(--end);
}
body #ui-datepicker-div .ui-datepicker-calendar .ui-widget-content {
  border: 1px solid #aaa;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAD0ZHJ6AAAAeUlEQVRoge3OMQHAIBAAsVL/nh8JDDfAkCjImpn5HvbfDpwIVoKVYCVYCVaClWAlWAlWgpVgJVgJVoKVYCVYCVaClWAlWAlWgpVgJVgJVoKVYCVYCVaClWAlWAlWgpVgJVgJVoKVYCVYCVaClWAlWAlWgpVgJVgJVhtqiwTEKTLXTgAAAABJRU5ErkJggg==) 50% 50% repeat-x;
  color: #222;
}
.about-go {
  display: flex;
  flex-wrap: wrap;
}
.about-go .about-app {
  background-image: linear-gradient(180deg, #f8d000 0%, #efa300 100%);
  border-radius: 30px;
  display: flex;
  align-items: center;
  padding: 0 90px 0 40px;
  width: calc(70% - 50px);
}
.about-go .about-app .pic {
  margin: -80px 0 -90px;
}
.about-go .about-app .pic img {
  display: block;
}
@media screen and (max-width: 767px) {
  .about-go .about-app .pic {
    display: none;
  }
}
.about-go .about-app .txt {
  padding-inline-start: 15px;
}
.about-go .about-app .txt h5 {
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 6px;
}
.about-go .about-app .txt h2 {
  font-size: 40px;
  margin-bottom: 20px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
}
.about-go .about-app .txt h3 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 32px;
  line-height: 1;
}
.about-go .about-app .txt ul li {
  display: inline-block;
}
.about-go .about-app .txt ul li ~ li {
  margin-inline-start: 10px;
}
.about-go .about-app .txt ul li a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
}
.about-go .about-app .txt ul li a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 999px) {
  .about-go .about-app {
    width: 100%;
    padding: 20px;
  }
}
.about-go .about-go-info {
  background: #ffffff;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  margin-inline-start: 48px;
  padding: 28px 28px 40px;
  width: 30%;
  display: flex;
  flex-direction: column;
}
.about-go .about-go-info p {
  font-size: 16px;
  color: #FD9A00;
  margin-bottom: 20px;
}
.about-go .about-go-info p span {
  font-size: 70px;
  font-family: "Helvetica Neue";
  display: block;
  font-weight: 900;
  line-height: 0.7;
}
.about-go .about-go-info h2 {
  font-size: 24px;
  color: #252525;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 1;
}
.about-go .about-go-info h5 {
  font-size: 16px;
  color: #252525;
}
.about-go .about-go-info .extra-nav {
  margin-top: auto;
}
.about-go .about-go-info .extra-nav li a {
  color: #FD9A00;
  text-decoration: underline;
  line-height: 2;
}
@media screen and (max-width: 999px) {
  .about-go .about-go-info {
    width: 100%;
    margin: 110px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .about-go .about-go-info {
    margin-top: 30px;
  }
}

.select-custom {
  position: relative;
}
.select-custom .txt {
  background-image: url("../images/icons/arrow-drop-down.png");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 14px center;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 10px;
  border: 1px solid rgb(192, 217, 235);
  line-height: 50px;
  padding: 0 20px;
}
body.ltr .select-custom .txt {
  background-position: right 14px center;
}
.select-custom .txt span {
  font-size: 15px;
  font-weight: 600;
  display: block;
  color: #222222;
}
.select-custom .select_view {
  position: absolute;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  padding: 18px 14px 16px 18px;
  padding: 20px 0;
  min-width: 150px;
  top: 100%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 1;
}
.select-custom .select_view.active {
  opacity: 1;
  pointer-events: auto;
}
.select-custom .select_view li {
  padding: 16px 14px 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 0.7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.select-custom .select_view li.selected {
  color: #f7981d;
  background-color: rgba(252, 153, 0, 0.2);
}
.select-custom .select_view li:hover {
  color: #f7981d;
  background-color: rgba(252, 153, 0, 0.2);
}

.trip-filter .custom-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
}

.custom_select {
  border-bottom: 1px dashed #bbc9d9;
  position: relative;
  z-index: 1;
  padding-bottom: 4px;
}
.custom_select .txt {
  padding-inline-end: 26px;
  background-image: url(../images/icons/keyboard-arrow-down-black.png);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 0 center;
  cursor: pointer;
  white-space: nowrap;
}
.custom_select .txt span {
  font-size: 14px;
  font-weight: 500;
  display: block;
  line-height: 1.7;
  color: #202020;
}
.custom_select .txt span.bold {
  font-weight: 700;
}
.custom_select .txt.active {
  pointer-events: none;
}
body.ltr .custom_select .txt {
  background-position: 100% center;
}
.custom_select .custom_select_view {
  position: absolute;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  padding: 18px 14px 16px 18px;
  min-width: 150px;
  top: 100%;
  inset-inline-start: -12px;
  width: 280px;
}
.custom_select .custom_select_view.active {
  opacity: 1;
  pointer-events: auto;
}
.custom_select .custom_select_view .select_seats {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom_select .custom_select_view .select_seats.disabled {
  background-color: transparent !important;
  opacity: 0.3;
  pointer-events: none;
}
.custom_select .custom_select_view .select_seats .action {
  margin-inline-start: 46px;
}
.custom_select .custom_select_view .select_seats .action .seats-count-component {
  padding: 0;
  margin: 0;
  width: auto;
}
.custom_select .custom_select_view .select_seats .action .seats-count-component label {
  display: none;
}
.custom_select .custom_select_view .select_seats .action .seat-selector-default {
  border: none;
}
.custom_select .custom_select_view .select_seats .action .seat-selector-default span {
  width: 30px;
}
.custom_select .custom_select_view .select_seats .action .seat-selector-default .seat-dec-btn {
  background-color: #bbc9d9;
}
.custom_select .custom_select_view .select_seats .action .seat-selector-default .seat-dec-btn i {
  color: #ffffff;
}
.custom_select .custom_select_view .select_seats .action .seat-selector-default .seat-inc-btn {
  background-color: #FD9A00;
}
.custom_select .custom_select_view .select_seats .action .seat-selector-default .seat-inc-btn i {
  color: #ffffff;
}
.custom_select .custom_select_view .select_seats ~ .select_seats {
  margin-top: 30px;
}
.custom_select .custom_select_view .select_seats .info h5 {
  font-size: 12px;
  color: #252525;
  white-space: nowrap;
  line-height: 1.4;
}
.custom_select .custom_select_view .select_seats .info h5 span {
  display: block;
  font-size: 9px;
  color: #6d90ac;
  font-weight: 600;
}
.custom_select .custom_select_view ul li {
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
}
.custom_select .custom_select_view ul li ~ li {
  margin-top: 10px;
}
.custom_select .custom_select_view ul li:hover {
  text-shadow: 0 0 1px;
}
.custom_select .custom_select_view ul li.active {
  cursor: auto;
  text-shadow: 0 0 1px;
}
.custom_select .custom_select_view ul li.active::after {
  content: "check";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 22px;
  color: #1eb10d;
  vertical-align: middle;
  padding: 0 10px;
}

.custom-switch {
  background-color: rgb(255, 255, 255);
  border-radius: 18px;
  box-shadow: 0px 0px 15px 0px rgba(18, 18, 18, 0.15);
  height: 36px;
  display: inline-flex;
  align-items: baseline;
  vertical-align: middle;
  position: relative;
  padding: 5px 8px;
  cursor: pointer;
}
.custom-switch input {
  display: none;
}
.custom-switch-icon {
  position: absolute;
  background-color: rgb(247, 152, 29);
  border-radius: 13px;
  width: 120px;
  height: 26px;
  top: 5px;
  inset-inline-start: 8px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom-switch input:checked ~ .custom-switch-icon {
  inset-inline-start: auto;
  inset-inline-end: 8px;
}
.custom-switch input:checked ~ .option:last-of-type {
  color: #fff;
  font-weight: 700;
}
.custom-switch input:checked ~ .custom-switch-icon + .option {
  color: #efa300;
  color: #121212;
}
.custom-switch .option {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  min-width: 120px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 28px;
  color: #121212;
  padding-top: 1px;
}
body.ltr .custom-switch .option {
  padding-top: 0;
}
.custom-switch .custom-switch-icon + .option {
  color: #fff;
}
.custom-switch.bg-orange {
  background-color: #efa300;
  background-color: #FD9A00;
}
.custom-switch.bg-orange .custom-switch-icon {
  background-color: #fff;
}
.custom-switch.bg-orange input:checked ~ .option:last-of-type {
  color: #efa300;
}
.custom-switch.bg-orange input:checked ~ .custom-switch-icon + .option {
  color: #fff;
}
.custom-switch.bg-orange input:checked ~ .option {
  color: #fff;
}
.custom-switch.bg-orange input:checked ~ .custom-switch-icon + .option {
  color: #efa300;
}

.booking-form {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  padding: 40px 60px;
}
.booking-form h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 20px;
}
.booking-form .form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.booking-form .form-row .radiobtn.active .check-icon::before {
  content: "radio_button_checked";
  color: #202020;
}
.booking-form .form-row.seats {
  justify-content: space-between;
  margin-top: 40px;
}
.booking-form .form-row.choose_direction {
  display: flex;
  align-items: center;
}
.booking-form .form-row.choose_direction .choose-station {
  width: 180px;
}
.booking-form .form-row.choose_direction .choose-station.more_station {
  width: calc(100% - 180px);
}
.booking-form .form-row.choose_direction .choose-station.more_station .select-parent {
  border-radius: 20px 0 0 20px;
  background-image: url(../images/icons/arrow-drop-down.png);
  background-position: 5px center;
  border-inline-start: 0;
}
body.ltr .booking-form .form-row.choose_direction .choose-station.more_station .select-parent {
  border-radius: 0 20px 20px 0;
}
.booking-form .form-row.choose_direction .choose-station.more_station .select-parent .browse-select-component {
  padding: 30px 10px 0;
}
.booking-form .form-row.select-seats-for-trip {
  margin-top: 67px;
  margin-bottom: -10px;
  justify-content: flex-start;
  align-items: end;
}
.booking-form .form-row.select-seats-for-trip .note_select_seats {
  display: block;
  margin-bottom: 5px;
  color: #6d90ac;
  font-size: 12px;
  font-weight: bold;
  margin-inline-start: 10px;
}
.booking-form .form-row .select_seats {
  width: calc(50% - 20px);
  width: auto;
  align-items: flex-start;
}
.booking-form .form-row.choose-date .trip-date {
  width: calc(50% - 10px);
}
.booking-form .form-row ~ .form-row {
  margin-top: 20px;
}
.booking-form .btn {
  background-color: #1eb10d;
  box-shadow: 0 2px 10px 0 rgba(76, 183, 73, 0.2);
  border-radius: 30px;
  background-image: url(../images/icons/search.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) center;
  background-size: 22px;
  width: 100%;
  line-height: 50px;
  font-size: 24px;
  font-weight: 700;
  margin-top: 33px;
  /* display: block; */
  padding-bottom: 6px;
}
.booking-form .btn:hover {
  background-color: #429e3f;
}
body.ltr .booking-form .btn {
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  .booking-form {
    padding: 20px 16px;
    border-radius: 20px;
  }
  .booking-form h2 {
    font-size: 18px;
  }
  .booking-form .custom-switch {
    width: 100%;
  }
  .booking-form .custom-switch .option {
    width: calc(50% - 5px);
  }
  .booking-form .custom-switch .custom-switch-icon {
    width: 50%;
  }
  .booking-form .btn {
    font-size: 20px;
    background-size: 18px;
    background-position: calc(100% - 16px) center;
    padding: 4px 20px 0 10px;
  }
  .booking-form .form-row.select-seats-for-trip {
    margin-top: 30px !important;
  }
  .booking-form .form-row ~ .form-row {
    margin-top: 10px;
  }

  .choose-station {
    width: 100%;
  }

  .select_seats ~ .select_seats {
    margin-inline-start: 16px;
  }

  .choose-date .datepicker {
    position: static;
  }
  .choose-date .datepicker input[type=date] {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    bottom: 0;
    inset-inline-end: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
  }
  .choose-date .datepicker .trip-date {
    width: 100%;
    position: relative;
  }
  .choose-date .datepicker .trip-date.hide {
    padding: 0;
  }
  .choose-date .datepicker .trip-date ~ .trip-date {
    margin-top: 10px;
  }
}
@media screen and (max-width: 440px) {
  .choose-station {
    padding-top: 14px;
    padding-bottom: 8px;
  }
  .choose-station .select-parent {
    margin-top: 8px;
    min-height: 16px;
  }
  .choose-station .browse-select-component {
    font-size: 14px;
    padding-top: 20px;
  }

  .booking-form .btn {
    background-position: calc(100% - 20px) center;
  }

  .choose-date .datepicker .trip-date {
    padding-top: 14px;
    padding-bottom: 8px;
    background-size: 20px, 24px;
  }
  .choose-date .datepicker .trip-date label {
    margin-bottom: 8px;
  }
}
.choose-station {
  position: relative;
}
body.ltr .choose-station {
  background-position: 12px center, calc(100% - 12px) center;
}
.choose-station label {
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  padding-inline-start: 10px;
}
.choose-station .browse-select-component {
  background: none;
  border: none;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  height: auto;
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  bottom: 0;
  padding: 30px 44px 0;
}
.choose-station .browse-select-options.subgroup {
  max-height: 30vh;
  inset-inline-end: 0;
  border-radius: 0 18px 18px;
  margin-top: 15px;
}
.choose-station .browse-select-options.subgroup:not(.active) {
  border: none;
}
.choose-station .browse-select-options:not(.subgroup) {
  inset-inline-end: 0;
  border-radius: 18px;
  margin-top: 34px;
  max-height: 30vh;
  border-color: #c0d9eb !important;
}
.choose-station .browse-select-options li.active {
  background-color: rgba(187, 201, 217, 0.431);
}
.choose-station .select-parent {
  min-height: 20px;
  margin-top: 7px;
  border: 1px solid #c0d9eb;
  padding: 21px 44px;
  border-radius: 0 50px 50px 0;
  background-image: url(../images/icons/pin-drop-twotone.png), url(../images/icons/arrow-drop-down.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center, 5px center;
  background-size: 24px;
}
body.ltr .choose-station .select-parent {
  background-position: 12px center, calc(100% - 5px) center;
  border-radius: 50px 0 0 50px;
}

.choose-date {
  display: block !important;
}
.choose-date .datepicker {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
}
.choose-date .datepicker input[type=text] {
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  border: none;
  border-radius: 0;
  line-height: 1;
}
@media (max-width: 767px) {
  .choose-date .datepicker input[type=text] {
    font-size: 11px;
  }
}
.choose-date .datepicker input[type=date] {
  font-size: 0;
}
.choose-date .datepicker .trip-date {
  position: relative;
}
.choose-date .datepicker .trip-date label {
  font-size: 12px;
  white-space: nowrap;
  padding-inline-start: 10px;
  margin-bottom: 7px;
  font-weight: 600;
}
.choose-date .datepicker .trip-date label i {
  display: none;
}
.choose-date .datepicker .trip-date .tarvel-date {
  border: 1px solid #c0d9eb;
  padding: 8px 44px 6px;
  border-radius: 50px;
  background-image: url(../images/icons/date-range.png), url(../images/icons/arrow-drop-down.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center, 8px center;
  background-size: 24px;
}
body.ltr .choose-date .datepicker .trip-date .tarvel-date {
  background-position: 12px center, calc(100% - 8px) center;
  border-radius: 50px;
}
.choose-date .closeBtn {
  display: none;
}
.choose-date.hide {
  border: none;
  background-image: none;
  padding: 10px 0;
  max-width: 225px;
}
.choose-date.hide .msgSelect {
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  color: #31b02f;
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
}
.choose-date.hide .msgSelect::before {
  content: "date_range";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  margin-inline-end: 5px;
}
.choose-date .trip-date ~ .InputFromTo .DayPicker-wrapper {
  width: 100%;
}
.choose-date .trip-date ~ .InputFromTo .DayPicker-wrapper .DayPicker-Months .DayPicker-Month {
  width: 100%;
}
.choose-date .trip-date.trip-back.hide ~ .InputFromTo .DayPicker-wrapper {
  width: 100%;
}
.choose-date .trip-date.trip-back.hide ~ .InputFromTo .DayPicker-wrapper .DayPicker-Months .DayPicker-Month {
  width: 48%;
}
.choose-date .InputFromTo {
  position: absolute;
  top: 10px;
  bottom: 0;
  right: 0;
  left: 0;
}
.choose-date .InputFromTo .DayPickerInput {
  width: 100%;
  height: 100%;
}
.choose-date .InputFromTo .DayPickerInput input {
  width: 100%;
  height: 100%;
  font-size: 0;
}
.choose-date .InputFromTo .DayPickerInput input::placeholder {
  font-size: 0;
}

.select_seats {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
.select_seats.disabled {
  background-color: transparent !important;
  opacity: 0.3;
  pointer-events: none;
}
.select_seats .action {
  margin-top: 5px;
}
.select_seats .action .seats-count-component {
  padding: 0;
  margin: 0;
  width: auto;
}
.select_seats .action .seats-count-component label {
  display: none;
}
.select_seats .action .seat-selector-default {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff 10px 50% no-repeat;
  border: 1px solid #c07603;
  border-radius: 5px;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #252525;
  height: 25px;
  padding-inline-end: 5px;
  text-align: var(--start);
  border: none;
}
.select_seats .action .seat-selector-default span {
  font-size: 18px;
  font-weight: 600;
  padding: 0 8px;
  width: 30px;
  line-height: 25px;
  font-family: Helvetica Neue, Arial;
  font-size: 14px;
  padding: 0;
  text-align: center;
}
.select_seats .action .seat-selector-default button {
  width: 30px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: rgba(159, 162, 170, 0.1);
  border-radius: 2px 2px 2px 2px;
  padding: 0;
  cursor: pointer;
  flex: inherit;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.select_seats .action .seat-selector-default button:hover {
  background: rgba(159, 162, 170, 0.3);
}
.select_seats .action .seat-selector-default button i {
  font-size: 18px;
  line-height: 25px;
  color: #6c707d;
  color: #fff;
}
.select_seats .action .seat-selector-default .seat-btn {
  padding: 0;
}
.select_seats .action .seat-selector-default .seat-btn.dec {
  background-color: #bbc9d9;
}
.select_seats .action .seat-selector-default .seat-btn.dec:hover {
  opacity: 0.8;
}
.select_seats .action .seat-selector-default .seat-btn.inc {
  background-color: #FD9A00;
}
.select_seats .action .seat-selector-default .seat-btn.inc:hover {
  background-color: #e48d06;
}
.select_seats .action .seat-selector-default .seat-btn.inc i {
  color: #fff;
}
.select_seats ~ .select_seats {
  margin-inline-start: 40px;
}
body.ltr .select_seats ~ .select_seats {
  margin-inline-start: 40px;
  margin-inline-end: 0;
}
.select_seats .info h5 {
  font-size: 14px;
  color: #252525;
  white-space: nowrap;
  line-height: 1.4;
  font-weight: 700;
}
body.ltr .select_seats .info h5 {
  font-size: 12px;
}
.select_seats .info h5 span {
  margin-inline-start: 5px;
  font-size: 12px;
  color: #6d90ac;
}

.private-choose-seats {
  font-size: 0;
  margin-top: -8px;
}
.private-choose-seats .label {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 5px;
}
.private-choose-seats .radiobtn {
  padding: 0;
  display: inline-block;
}
.private-choose-seats .radiobtn ~ .radiobtn {
  margin-inline-start: 6px;
  margin-top: 0;
}

.browse-select-component {
  align-items: center;
  display: flex;
  border-radius: 5px;
  width: 100%;
  line-height: 20px;
  color: #252525;
  cursor: pointer;
  text-align: var(--start);
}

.col .input-field div .browse-select-component {
  border: 1px solid #bbc9d9;
}

.browse-select-div {
  display: flex;
  flex-direction: row-reverse;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

.browse-select-div.active {
  opacity: 1;
  pointer-events: auto;
}

.browse-select-div.active .browse-select-options {
  border: 1px solid #c07603;
}

.browse-select-div.active ul {
  max-height: 35vh;
}

.browse-select-div .browse-select-options {
  z-index: 1;
  position: absolute;
  width: 100%;
  border: none;
  border-radius: 5px;
  background-color: white;
  font-size: 12px;
  line-height: 20px;
  max-height: 0;
  overflow-y: scroll;
  direction: ltr;
  transition: all 0.2s ease;
}

.browse-select-div .browse-select-options::-webkit-scrollbar {
  width: 0.5em;
}

.browse-select-div .browse-select-options::-webkit-scrollbar-track {
  border-radius: 5px;
}

.browse-select-div .browse-select-options::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  border-radius: 5px;
}

.browse-select-div .browse-select-options li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  direction: rtl;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.4s ease;
}

.browse-select-div .browse-select-options li img {
  height: 15px;
}

.browse-select-div .browse-select-options li:hover {
  background-color: rgba(187, 201, 217, 0.431);
}

.browse-select-div .browse-select-options .browse-select-suboptions li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  direction: rtl;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.4s ease;
}

.browse-select-div .browse-select-options.subgroup {
  width: 0;
  height: 35vh;
  border: 0.1px solid #c07603;
  transition: all 0.4s ease;
}

.browse-select-div .browse-select-options.subgroup.active {
  width: 100%;
  border: 1px solid #c07603;
}

body.ltr .browse-select-component {
  background-position: calc(100% - 10px) 50%;
  text-align: var(--start);
}

body.ltr .browse-select-div .browse-select-options li {
  direction: ltr;
}

body.ltr .browse-select-div .browse-select-options li img {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

input[type=date] {
  -webkit-appearance: none !important;
}

input[type=date]::-webkit-datetime-edit {
  padding: 0;
}

input[type=date]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none !important;
  display: none !important;
}

input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  display: none !important;
}

.component-loader {
  position: relative;
}

.component-loader::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  bottom: 0;
  inset-inline-end: 0;
  background-color: rgba(255, 255, 255, 0.74);
  z-index: 1;
}

.component-loader:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("../images/loader.png");
  background-repeat: no-repeat;
  -webkit-animation: spin 1s ease-in-out infinite;
  animation: spin 1s ease-in-out infinite;
  background-size: 30px;
  position: absolute;
  top: 50%;
  inset-inline-end: 50%;
  margin-top: -15px;
  margin-inline-end: -15px;
  z-index: 2;
}

.more-info {
  margin-bottom: 110px;
}
@media screen and (max-width: 767px) {
  .more-info {
    margin-bottom: 20px;
  }
}
.more-info h4 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 6px;
  text-align: center;
}
.more-info h5 {
  font-size: 18px;
  margin-bottom: 14px;
  text-align: center;
}
.more-info hr {
  background-color: #FD9A00;
  height: 4px;
  border-radius: 4px;
  width: 130px;
  margin: 0 auto;
}
.more-info .service-types {
  display: flex;
  justify-content: space-between;
  margin-top: 38px;
  flex-wrap: wrap;
}
.more-info .service-types li {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  border-radius: 30px;
  width: calc(33.3333333333% - 30px);
  position: relative;
  overflow: hidden;
}
.more-info .service-types li::before {
  content: "";
  display: block;
  padding-top: 100%;
  background-image: url("../images/logo.png");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
  background-color: #e4edfb;
}
.more-info .service-types li img {
  position: absolute;
  z-index: 1;
  top: 0;
  inset-inline-start: 0;
  bottom: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.more-info .service-types li .txt {
  position: absolute;
  z-index: 2;
  bottom: 30px;
  inset-inline-start: 34px;
}
.more-info .service-types li .txt h3 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
}
.more-info .service-types li .txt p {
  font-size: 16px;
  color: #fff;
}
.more-info .service-types li .txt p a {
  color: #FD9A00;
}
@media screen and (max-width: 767px) {
  .more-info .service-types li {
    width: 100%;
  }
  .more-info .service-types li ~ li {
    margin-top: 20px;
  }
}

.list-filter {
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: nowrap;
  display: flex;
  font-size: 0;
}
.list-filter .inputs-container {
  display: inline-flex;
  flex-wrap: wrap;
  padding-inline-end: 8px;
  width: calc(100% - 225px);
  vertical-align: bottom;
  align-items: center;
  width: 100%;
  gap: 10px;
}
@media screen and (max-width: 999px) {
  .list-filter .inputs-container {
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
  }
}
@media screen and (max-width: 479px) {
  .list-filter .inputs-container > div ~ div {
    margin-top: 8px;
  }
}
.list-filter .inputs-container .col {
  width: auto;
  position: relative;
  padding: 0;
}
.list-filter .inputs-container .col.people {
  width: 110px;
}
@media screen and (max-width: 999px) {
  .list-filter .inputs-container .col.big {
    width: 50%;
    margin: 0;
  }
}
@media screen and (max-width: 479px) {
  .list-filter .inputs-container .col.big {
    width: 100%;
  }
  .list-filter .inputs-container .col.big ~ .big {
    margin-top: 8px;
  }
}
.list-filter .inputs-container .col .custom_select ~ .custom_select {
  margin-inline-start: 20px;
}
.list-filter .inputs-container .col .custom_select .txt span {
  font-size: 11px;
}
.list-filter .inputs-container .col.first {
  display: flex;
}
@media screen and (max-width: 1500px) {
  .list-filter .inputs-container .col.first {
    width: 100%;
  }
}
.list-filter .inputs-container .trip-date.small {
  padding: 9px 30px 0;
  background-size: 15px, 24px;
  background-position: calc(100% - 8px) center, 5px center;
}
.list-filter .inputs-container .trip-date.small label {
  margin-bottom: 5px;
  font-size: 10px;
}
.list-filter .inputs-container .trip-date.small .datepicker input[type=text] {
  font-size: 12px;
}
.list-filter .inputs-container .trip-date.small .tarvel-date {
  padding-bottom: 5px;
}
body.ltr .list-filter .inputs-container .trip-date.small {
  background-position: 10px center, calc(100% - 8px) center;
}
.list-filter .inputs-container .choose-station.small {
  padding: 9px 30px 0px 50px;
  background-size: 15px, 24px;
  background-position: calc(100% - 8px) center, 5px center;
}
.list-filter .inputs-container .choose-station.small label {
  font-size: 10px;
}
.list-filter .inputs-container .choose-station.small .browse-select-component {
  padding: 24px 30px 0;
  font-size: 14px;
}
.list-filter .inputs-container .choose-station.small .select-parent {
  margin-top: 3px;
}
body.ltr .list-filter .inputs-container .choose-station.small {
  padding: 9px 50px 0px 30px;
  background-position: 5px center, calc(100% - 8px) center;
}
.list-filter .inputs-container .msgSelect {
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
  line-height: 40px;
  color: #073e7e;
  cursor: pointer;
}
.list-filter .inputs-container .msgSelect:hover {
  text-decoration: underline;
}
.list-filter .btn {
  background-image: url(../images/icons/search.png);
  border-radius: 0px 21px 21px;
  box-shadow: 0px 1px 7px 0px rgba(76, 183, 73, 0.2);
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  min-width: 76px;
  line-height: 47px;
  background-color: #073e7e;
  cursor: pointer;
}
.list-filter .btn:hover {
  background-color: #063972;
}
@media screen and (max-width: 767px) {
  .list-filter .btn {
    width: 100%;
    font-size: 20px;
    background-position: calc(100% - 20px);
  }
}
@media screen and (max-width: 767px) {
  .list-filter {
    flex-wrap: wrap;
  }
  .list-filter .inputs-container .col {
    width: calc(50% - 5px);
    margin: 0;
  }
}

.radiobtn {
  position: relative;
  cursor: pointer;
  display: block;
  color: #363636;
  padding-inline-start: 24px;
  line-height: 22px;
  padding-inline-start: 0;
}

.radiobtn .name {
  text-transform: capitalize;
  font-size: 14px;
  display: inline-block;
  font-weight: 700;
  /* vertical-align:middle; */
  white-space: nowrap;
  line-height: 20px;
  padding-top: 5px;
  vertical-align: middle;
}

.radiobtn.inline .name {
  padding-bottom: 0px;
  padding-top: 0;
}

.radiobtn .check-icon {
  position: relative;
  position: absolute;
  width: 22px;
  height: 22px;
  inset-inline-start: 0px;
  top: 50%;
  position: static;
  vertical-align: middle;
  display: inline-block;
}

.radiobtn .check-icon::before {
  content: "radio_button_unchecked";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  color: #363636;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.radiobtn input {
  display: none;
}

.radiobtn input:checked ~ .check-icon::before {
  content: "radio_button_checked";
  color: #202020;
}

.radiobtn input:checked ~ .name {
  color: #363636;
}

.radiobtn ~ .radiobtn {
  margin-top: 12px;
}

.radiobtn.inline ~ .radiobtn {
  margin-top: 0;
  margin-inline-start: 12px;
}

.radiobtn .radio-switch-icon {
  width: 38px;
  position: relative;
  height: 20px;
  display: inline-block;
  background: #92a0b0;
  border-radius: 20px;
  vertical-align: middle;
  margin-inline-end: 7px;
}

.radiobtn .radio-switch-icon::before {
  content: "";
  width: 14px;
  height: 14px;
  background: #f1f1f1;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: absolute;
  border-radius: 50%;
  top: 3px;
  inset-inline-end: 4px;
  transition: 0.2s all;
}

.radiobtn input:checked ~ .radio-switch-icon {
  background: #1eb10d;
  position: relative;
}

.radiobtn input:checked ~ .radio-switch-icon::before {
  inset-inline-end: 20px;
}

.radiobtn[disabled] {
  opacity: 0.5;
  cursor: POINTER;
}

.radiobtn .text-box-border {
  border: 1px solid #FD9A00;
  display: flex;
  border-radius: 5px;
  text-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.2;
  padding: 14px 11px 8px;
  font-weight: 700;
  color: #FD9A00;
  transition: 0.2s all;
}

.radiobtn input:checked ~ .text-box-border {
  background-color: #FD9A00;
  color: #fff;
}

.radiobtn .text-box-border:hover {
  background-color: #FD9A00;
  color: #fff;
}

.cart {
  padding: 20px 10px 40px 20px;
  width: 440px;
}

.cart-content .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #c0d9eb;
  padding-bottom: 16px;
}
.cart-content .head .passengers {
  font-size: 13px;
  font-weight: 700;
}
.cart-content .head .passengers span {
  background-color: #FD9A00;
  border-radius: 4px;
  height: 27px;
  width: 27px;
  font-size: 18px;
  color: #fff;
  display: inline-block;
  line-height: 27px;
  text-align: center;
  vertical-align: middle;
  margin-inline-start: 5px;
  font-family: Helvetica Neue, Arial;
}
.cart-content .head .btn.blue {
  display: flex;
  column-gap: 10px;
  align-items: center;
  width: fit-content;
}
body.ltr .cart-content .head .btn.blue img {
  transform: rotate(180deg);
}
.cart-content .head .open-cart-data {
  height: 24px;
}
.cart-content .head .open-cart-data.active::before {
  content: "expand_less";
}
.cart-content .head .open-cart-data::before {
  content: "expand_more";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  transition: all 0.2s ease;
}
.cart-content .cart-data {
  margin-bottom: 15px;
}
.cart-content .data {
  width: auto;
}
.cart-content .data .cart-item {
  border-bottom: 2px solid #c0d9eb;
  padding: 14px 0;
  font-size: 14px;
  display: flex;
  line-height: 1.5;
  position: relative;
}
.cart-content .data .cart-item .col {
  display: flex;
  flex-direction: column;
}
.cart-content .data .cart-item .col:first-child {
  margin-inline-end: auto;
}
.cart-content .data .cart-item .col p {
  font-size: 14px;
  font-weight: 500;
  direction: ltr;
  text-align: var(--start);
}
.cart-content .data .cart-item .col p span {
  padding: 0 6px;
}
.cart-content .data .cart-item .col ~ .col {
  margin-inline-start: 40px;
}
.cart-content .data .cart-item .price {
  font-size: 16px;
  font-weight: 700;
  text-align: var(--end);
  line-height: 1.2;
}
.cart-content .data .cart-item .price .currency {
  display: block;
  font-size: 12px;
  font-weight: 400;
}
.cart-content .data .cart-item .info_booking {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  width: 70%;
}
.cart-content .data .cart-item .info_booking span {
  line-height: 22px;
  font-size: 15px;
}
.cart-content .data .cart-item .info_booking .date {
  font-size: 11px;
}
.cart-content .data .cart-item .info_booking .text {
  width: 100%;
}
.cart-content .data .cart-item .single-price {
  direction: ltr;
  width: 30%;
}
.cart-content .data .cart-item .price_booking {
  width: 20%;
  text-align: var(--end);
}
.cart-content .data .cart-item .total_price_booking {
  width: 30%;
  text-align: var(--end);
  margin-inline-end: 23px;
}
.cart-content .data .cart-item .total_price_booking span {
  font-weight: bold;
}
.cart-content .data .cart-item .total_price_booking span strong {
  display: block;
  margin-top: -4px;
  font-weight: 400;
}
.cart-content .data .cart-item .remove_icon {
  position: absolute;
  width: 8%;
  inset-inline-end: 0px;
  cursor: pointer;
}
.cart-content .data .cart-item .remove_icon::before {
  content: "close";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  transition: all 0.2s ease;
  position: absolute;
  inset-inline-end: 0px;
  top: 2px;
  font-weight: 100;
  color: #c0d9eb;
}
.cart-content .data .cart_info_price {
  padding-top: 15px;
}
.cart-content .data .cart_info_price .title {
  font-size: 12px;
  line-height: 22px;
  text-align: right;
  color: #252525;
}
.cart-content .data .cart_info_price p .price {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #252525;
  direction: ltr;
}
.cart-content .data .cart_info_price p .discount {
  color: #e73327;
  font-size: 14px;
  font-weight: bold;
  text-decoration: line-through;
  direction: ltr;
  display: inline-block;
  padding: 0 15px;
}
.cart-content .data .cart_info_price .tax {
  display: block;
  font-weight: 400;
  font-size: 10px;
  line-height: 19px;
  color: #252525;
}
.cart-content .coupon {
  margin-top: 16px;
  padding-bottom: 13px;
}
.cart-content .coupon .coupon-form {
  position: relative;
  width: 355px;
  display: none;
  font-size: 0;
  max-width: 100%;
}
.cart-content .coupon .coupon-form .close {
  position: absolute;
  top: 7px;
  inset-inline-start: 100%;
  margin-inline-start: 10px;
  position: static;
  order: 3;
}
.cart-content .coupon .coupon-form .close:before {
  content: "close";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.cart-content .coupon .coupon-form label {
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  position: absolute;
  top: 0;
}
.cart-content .coupon .coupon-form input {
  width: 250px;
  padding: 0 15px;
  background: #fff;
  border: 1px solid #bbc9d9;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 48px;
  color: #252525;
  transition: border 0.3s, color 0.3s;
  display: inline-block;
  vertical-align: middle;
}
.cart-content .coupon .coupon-form button[type=submit] {
  display: inline-block;
  line-height: 45px;
  background-color: #efa300;
  color: #fff;
  padding: 5px 24px 0;
  border-radius: 0 10px 10px 10px;
  vertical-align: middle;
  margin-inline-start: 10px;
  font-size: 16px;
  font-weight: 600;
}
.cart-content .coupon .coupon-form-parent {
  display: flex;
  position: relative;
  padding-top: 24px;
}
.cart-content .coupon .error-msg {
  display: none;
}
.cart-content .coupon .success-msg {
  display: none;
}
.cart-content .foot p {
  font-size: 14px;
  line-height: 1.6;
}
.cart-content .foot h4 {
  font-size: 22px;
  font-weight: 700;
  color: #252525;
  line-height: 1.2;
  font-family: Helvetica Neue, Arial;
}
.cart-content .foot h4.old-price {
  font-size: 16px;
  font-weight: 400;
  color: #9fa2aa;
  line-height: 1.2;
  text-decoration: line-through;
}
.cart-content .foot span {
  font-size: 12px;
  color: #252525;
}
.cart-content .btn.booking {
  width: 100%;
  display: block;
  line-height: 60px;
  border-radius: 30px;
  box-shadow: 0 2px 10px 0 rgba(76, 183, 73, 0.2);
  background-color: #1eb10d;
  text-align: center;
  font-size: 24px;
  margin-top: 20px;
  position: relative;
  text-transform: uppercase;
}
.cart-content .btn.booking:hover {
  color: #fff;
  background-color: #429e3f;
}
.cart-content .btn.booking:hover:before {
  inset-inline-start: 20px;
}
body.ltr .cart-content .btn.booking {
  padding: 0 20px;
}
body.ltr .cart-content .btn.booking:before {
  inset-inline-end: 30px;
  inset-inline-start: auto;
}

@media screen and (max-width: 1400px) {
  .cart {
    width: 300px;
  }
}
@media screen and (max-width: 999px) {
  .cart {
    padding: 0 15px 14px;
    background-color: #fff;
    box-shadow: 0 1px 6px 2px rgba(184, 184, 184, 0.3);
    width: 100%;
    position: fixed;
    padding: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    bottom: 0;
    z-index: 111;
    background-color: #f9f5d6;
  }

  .cart-content {
    padding: 0 16px;
  }
  .cart-content .data {
    display: none;
  }
  .cart-content .head {
    padding: 16px 0;
  }
  .cart-content .foot {
    padding: 16px 0;
  }
  .cart-content .edit {
    width: auto;
    display: inline-block;
    font-size: 12px;
    padding: 20px 0 0;
    color: #49c3f0;
    text-decoration: underline;
  }
  .cart-content > .btn {
    margin: 20px 0;
    width: auto;
    line-height: 40px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .cart-content .head {
    border-bottom: 1px solid #dbd078;
  }
  .cart-content .foot span {
    display: none;
  }
  .cart-content .foot h4.old-price {
    color: #b3aa63;
  }
}
@media screen and (max-width: 440px) {
  .cart-content .data .cart-item .col ~ .col {
    margin-inline-start: 10px;
  }
}
.coupon-loader {
  font-size: 12px;
  color: #efa300;
  padding: 10px 0;
  display: none;
}
.coupon-loader .loader {
  margin-inline-end: 6px;
}

.empty-cart {
  background: rgba(32, 117, 255, 0.1);
  mix-blend-mode: normal;
  border-radius: 12px;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .empty-cart {
    margin: 10px;
  }
}
.empty-cart p {
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  color: rgba(109, 144, 172, 0.5);
}

.search-list-trips .list {
  position: relative;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  border: none;
  padding: 19px 18px 19px 12px;
  margin-bottom: 14px;
  display: flex;
  border-radius: 6px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.search-list-trips .list.active {
  border: 2px solid #fd9a00;
  box-shadow: 0px 0px 4px rgba(253, 154, 0, 0.4);
}
@media screen and (max-width: 767px) {
  .search-list-trips .list {
    padding-bottom: 36px;
  }
}
.search-list-trips .list .list-con {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding-inline-end: 22px;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .search-list-trips .list .list-con {
    align-items: flex-start;
    padding: 0;
  }
}
.search-list-trips .list .list-con .right-side {
  display: inline-flex;
  align-items: flex-end;
}
.search-list-trips .list .list-con .right-side h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 23px;
  display: inline-block;
  color: #252525;
}
.search-list-trips .list .list-con .right-side h4 p {
  font-size: 12px;
  font-weight: 600;
  line-height: 23px;
  color: #073e7e;
  margin-bottom: 5px;
  white-space: nowrap;
  max-width: 105px;
  min-width: 185px;
  color: inherit;
  font-family: "Cairo", sans-serif;
}
.search-list-trips .list .list-con .right-side h4 span {
  font-size: 13px;
  font-weight: 600;
  line-height: 12px;
  margin-inline-start: 0;
  padding: 0 6px;
}
.search-list-trips .list .list-con .right-side .bus-icon {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 0 20px;
}
.search-list-trips .list .list-con .right-side .bus-icon i {
  display: none;
}
.search-list-trips .list .list-con .right-side .bus-icon span {
  height: 3px;
  width: 46px;
  background-color: #c1c9d2;
  display: block;
  position: relative;
  margin-bottom: 6px;
}
.search-list-trips .list .list-con .right-side .bus-icon span::before {
  content: "";
  height: 7px;
  width: 7px;
  background-color: #c1c9d2;
  border-radius: 50%;
  position: absolute;
  inset-inline-start: -7px;
  top: -2px;
}
.search-list-trips .list .list-con .right-side .bus-icon span::after {
  content: "";
  height: 7px;
  width: 7px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  inset-inline-end: -8px;
  top: -3px;
  border: 1px solid #c1c9d2;
}
.search-list-trips .list .list-con .right-side h5 {
  display: inline-block;
  color: #798694;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
}
.search-list-trips .list .list-con .right-side h5 p {
  color: #798694;
  font-family: "Cairo", sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 7px;
  line-height: 1.6;
}
.search-list-trips .list .list-con .right-side h5 span {
  color: #798694;
  font-family: "Cairo", sans-serif;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  padding: 0 4px;
}
@media screen and (max-width: 1219px) {
  .search-list-trips .list .list-con .right-side {
    max-width: 50%;
    flex-wrap: wrap-reverse;
    gap: 10px;
  }
  .search-list-trips .list .list-con .right-side .bus-icon {
    display: none;
  }
  .search-list-trips .list .list-con .right-side h4 p {
    max-width: none;
  }
  .search-list-trips .list .list-con .right-side h5 {
    display: flex;
    align-items: center;
    white-space: nowrap;
    order: -1;
  }
  .search-list-trips .list .list-con .right-side h5 p {
    margin-bottom: 0;
    margin-inline-end: 4px;
  }
  .search-list-trips .list .list-con .right-side h5 span {
    margin-inline-start: 2px;
  }
}
@media screen and (max-width: 767px) {
  .search-list-trips .list .list-con .right-side h5 {
    padding-top: 4px;
  }
}
.search-list-trips .list .list-con .left-side {
  display: flex;
  width: 200px;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-start;
  margin-bottom: -45px;
}
.search-list-trips .list .list-con .left-side .price {
  display: flex;
  flex-wrap: wrap;
  margin-inline-end: 20px;
}
.search-list-trips .list .list-con .left-side .price.offers span {
  display: block;
  color: #e73327;
}
.search-list-trips .list .list-con .left-side .price.offers h4 {
  color: #e73327;
  line-height: 30px;
}
.search-list-trips .list .list-con .left-side .price span {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  font-size: 11px;
}
.search-list-trips .list .list-con .left-side .price.last-min {
  position: relative;
}
.search-list-trips .list .list-con .left-side .price.last-min::before {
  content: "عرض الدقيقة الأخيرة";
  color: #e73327;
  font-size: 11px;
  position: absolute;
  bottom: 100%;
  margin-bottom: -5px;
  inset-inline-end: 0;
  inset-inline-start: 0;
}
.search-list-trips .list .list-con .left-side .price.last-min h4 {
  color: #e73327;
}
.search-list-trips .list .list-con .left-side h4 {
  position: relative;
  color: #363636;
  font-weight: bold;
  margin: 0;
  padding: 0;
  min-width: 120px;
  top: auto;
  white-space: nowrap;
  direction: ltr;
  font-size: 24px;
  line-height: 1.4;
  text-align: right;
}
.search-list-trips .list .list-con .left-side h4 b {
  font-size: 18px;
  padding-inline-end: 4px;
  padding-top: 2px;
}
.search-list-trips .list .list-con .left-side h4 span {
  display: block;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.8;
  color: #363636;
  font-family: "Cairo", sans-serif;
}
.search-list-trips .list .list-con .left-side .btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search-list-trips .list .list-con .left-side .btn-container .btn {
  width: 112px;
}
.search-list-trips .list .list-con .left-side .btn {
  background-color: transparent !important;
  color: #FD9A00 !important;
  border: 2px solid #FD9A00 !important;
  margin: 0;
  border-radius: 8px;
}
@media screen and (min-width: 767px) {
  .search-list-trips .list .list-con .left-side .btn:hover {
    color: #fff !important;
    background-color: #FD9A00 !important;
  }
}
.search-list-trips .list .list-con .left-side .btn.red-button {
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.428571px;
  color: #c1c9d2 !important;
  border: none !important;
  padding: 0 0 5px;
  position: relative;
  margin-right: -4px;
}
.search-list-trips .list .list-con .left-side .btn.red-button::after {
  content: "close";
  font-family: "Material icons";
  position: absolute;
  left: 7px;
  text-transform: none;
}
body.ltr .search-list-trips .list .list-con .left-side .btn.red-button::after {
  left: auto;
  right: 7px;
}
.search-list-trips .list .list-con .left-side .btn.red-button:hover {
  background-color: unset !important;
}
.search-list-trips .list .list-con .left-side .btn-container {
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .search-list-trips .list .list-con .left-side {
    max-width: 50%;
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: center;
    width: auto;
    margin-bottom: 0;
  }
  .search-list-trips .list .list-con .left-side .price {
    margin: 30px 0;
    justify-content: flex-end;
  }
  .search-list-trips .list .list-con .left-side h4 {
    white-space: normal;
    padding: 0;
    margin: 0;
    align-self: flex-end;
  }
}
.search-list-trips .list .seat_remaining {
  font-size: 12px;
  color: #FD9A00;
  text-align: center;
  line-height: 2;
}
.search-list-trips .list .seat_remaining strong {
  font-weight: 700;
  padding: 0 4px;
}
.search-list-trips .list .trip-stations {
  width: calc(100% + 20px);
  padding-top: 15px;
  overflow: hidden;
  padding-inline-start: 10px;
  margin-inline-start: -10px;
  padding-inline-end: 0px;
}
.search-list-trips .list .trip-stations .station-label {
  display: inline-block;
  background-image: url(../images/icons/pin-drop.png);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: calc(100% - 6px) center;
  background-color: #e0f5fd;
  color: #6d90ac;
  border: 1px solid;
  line-height: 16px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 21px 4px 8px;
  white-space: nowrap;
}
body.ltr .search-list-trips .list .trip-stations .station-label {
  padding: 4px 8px 4px 21px;
  background-position: 6px center;
}
.search-list-trips .list .trip-stations .time {
  background-image: url(../images/icons/access-time.png);
  background-repeat: no-repeat;
  background-position: var(--start);
  background-size: 17px;
  color: #6d90ac;
  font-size: 11px;
  font-weight: 600;
  padding-inline-start: 20px;
  white-space: nowrap;
  line-height: 1.8;
}
.search-list-trips .list .trip-stations .shown-station {
  font-size: 0;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search-list-trips .list .trip-stations .shown-station .station-label ~ .station-label {
  margin-inline-start: 10px;
}
.search-list-trips .list .trip-stations .hidden-trip {
  max-height: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search-list-trips .list .trip-stations .hidden-trip h4 {
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  color: #252525;
  margin-bottom: 20px;
}
.search-list-trips .list .trip-stations .hidden-trip .btn-container {
  position: relative;
  padding: 20px 0 24px;
}
.search-list-trips .list .trip-stations .hidden-trip .btn-container .btn {
  width: 100%;
  margin: 0;
  background-color: #FD9A00;
  font-weight: 700;
  line-height: 44px;
}
.search-list-trips .list .trip-stations .hidden-trip .btn-container .btn:hover {
  background-color: #e48d06;
}
.search-list-trips .list .trip-stations .hidden-trip .btn-container .btn.red-button {
  background-color: transparent;
  border: 2px solid #e02020;
  color: #e02020;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}
.search-list-trips .list .trip-stations .hidden-trip .btn-container .seat_remaining {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  z-index: 8;
  line-height: 1.8;
}
.search-list-trips .list .trip-stations .trip-route {
  display: flex;
  padding-top: 24px;
}
.search-list-trips .list .trip-stations .trip-route .station {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.search-list-trips .list .trip-stations .trip-route .station .time {
  padding-inline-end: 28px;
  margin-inline-start: -7px;
}
.search-list-trips .list .trip-stations .trip-route .station .line {
  background-color: #6d90ac;
  height: 3px;
  width: 100%;
  margin: 18px 0 12px;
  border-radius: 5px;
  position: relative;
}
.search-list-trips .list .trip-stations .trip-route .station .line::before {
  content: "";
  width: 3px;
  height: 18px;
  background-color: #6d90ac;
  border-radius: 5px;
  position: absolute;
  top: -7px;
  inset-inline-start: 0;
}
.search-list-trips .list .trip-stations .trip-route .arrival-station {
  margin-inline-start: auto;
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
}
.search-list-trips .list .trip-stations .trip-route .arrival-station .line {
  width: 100%;
  margin: 18px 0 12px;
  position: relative;
  display: flex;
}
.search-list-trips .list .trip-stations .trip-route .arrival-station .line::after {
  content: "";
  background-color: #FD9A00;
  height: 3px;
  width: 100%;
  border-radius: 5px;
}
.search-list-trips .list .trip-stations .trip-route .arrival-station .line::before {
  content: "";
  width: 3px;
  height: 18px;
  background-color: #FD9A00;
  border-radius: 5px;
  position: absolute;
  top: -7px;
  inset-inline-end: 0;
}
.search-list-trips .list .trip-stations .trip-route .arrival-station .line i {
  width: 16px;
  height: 3px;
  background-color: #FD9A00;
  display: inline-block;
  margin-inline-start: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 999px) {
  .search-list-trips .list .trip-stations .trip-route {
    flex-direction: column;
  }
  .search-list-trips .list .trip-stations .trip-route .station {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .search-list-trips .list .trip-stations .trip-route .station ~ .station {
    margin-top: 12px;
  }
  .search-list-trips .list .trip-stations .trip-route .station:first-child .line::before {
    height: 20px;
    top: 1px;
  }
  .search-list-trips .list .trip-stations .trip-route .station .time {
    margin-inline-start: auto;
    padding-inline-end: 20px;
    padding-inline-start: 0;
    background-position: var(--end) center;
  }
  .search-list-trips .list .trip-stations .trip-route .station .line {
    order: -1;
    margin: 10px 0 0;
    width: 18px;
    margin-inline-end: 7px;
  }
  .search-list-trips .list .trip-stations .trip-route .station .line::before {
    height: 40px;
    top: -20px;
  }
  .search-list-trips .list .trip-stations .trip-route .arrival-station {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 38px;
  }
  .search-list-trips .list .trip-stations .trip-route .arrival-station .time {
    margin-inline-start: auto;
    padding-inline-end: 20px;
    padding-inline-start: 0;
    background-position: var(--end) center;
  }
  .search-list-trips .list .trip-stations .trip-route .arrival-station .line {
    order: -1;
    margin: -20px 0 0;
    width: 20px;
    flex-direction: column;
    margin-inline-end: 7px;
  }
  .search-list-trips .list .trip-stations .trip-route .arrival-station .line i {
    height: 10px;
    width: 3px;
    margin: 5px 0 0;
  }
  .search-list-trips .list .trip-stations .trip-route .arrival-station .line i + i ~ i {
    display: none;
  }
  .search-list-trips .list .trip-stations .trip-route .arrival-station .line::after {
    height: 3px;
    width: 18px;
    margin-top: -1px;
  }
  .search-list-trips .list .trip-stations .trip-route .arrival-station .line::before {
    inset-inline-end: auto;
    inset-inline-start: 0;
    height: 9px;
  }
}
@media screen and (max-width: 767px) {
  .search-list-trips .list .trip-stations .trip-route {
    padding: 0;
  }
}
.search-list-trips .list .trip-stations.active .shown-station {
  max-height: 0;
  opacity: 0;
}
.search-list-trips .list .trip-stations.active .hidden-trip {
  max-height: 400px;
  opacity: 1;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .search-list-trips .list .trip-stations {
    padding: 5px 0 0;
  }
}
.search-list-trips .list .open-trip-stations {
  border-inline-start: 1px solid rgba(193, 201, 210, 0.4588235294);
  text-align: center;
  min-width: 50px;
}
.search-list-trips .list .open-trip-stations button {
  padding-inline-start: 12px;
  padding-top: 26px;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url(../images/icons/keyboard-arrow-down-black.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 12px;
  margin: auto;
}
body.ltr .search-list-trips .list .open-trip-stations button {
  background-position: 25px center;
}
.search-list-trips .list .open-trip-stations.active button {
  background-image: url(../images/icons/keyboard-arrow-up-black.png);
  background-position: center;
}
@media screen and (max-width: 767px) {
  .search-list-trips .list .open-trip-stations {
    position: absolute;
    inset-inline-end: 0;
    inset-inline-start: 0;
    bottom: 0;
    border: none;
  }
}
.search-list-trips .list .opening-trip-mobile {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  bottom: 0;
  inset-inline-end: 0;
}
@media screen and (max-width: 767px) {
  .search-list-trips .list .opening-trip-mobile {
    pointer-events: auto;
  }
}
.search-list-trips .list.is-open .opening-trip-mobile {
  pointer-events: none !important;
}
.search-list-trips .togglebutton {
  position: relative;
}
.search-list-trips .togglebutton .border {
  background: #073e7e;
  height: 2px;
  position: absolute;
  top: 11px;
  bottom: 0;
  right: 0;
  left: 0;
}
.search-list-trips .togglebutton .toggleList {
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: static;
  background: white;
  margin: 0 auto;
  z-index: 99;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.search-list-trips .togglebutton .toggleList i {
  color: #4a90e2;
  font-size: 16px;
  vertical-align: middle;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.search-list-trips .togglebutton .toggleList:hover {
  text-decoration: underline;
}
.search-list-trips .togglebutton .toggleList:hover i {
  -moz-transform: translate(0, 3px);
  -o-transform: translate(0, 3px);
  -ms-transform: translate(0, 3px);
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
}
.search-list-trips .togglebutton .toggleList::before {
  display: none;
}
.search-list-trips .togglebutton .toggleList:hover {
  text-decoration: none;
}
.search-list-trips .togglebutton .toggleList .text {
  background: #073e7e;
  border: 1px solid #073e7e;
  border-radius: 5px;
  padding: 10px 20px;
  line-height: 26px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  z-index: 99;
  width: 200px;
  margin: 0 10px;
}
.search-list-trips .togglebutton .toggleList .sec_toggle .togglearrow {
  width: 25px;
  height: 25px;
  background: #073e7e;
  border: 1px solid #063d7d;
  border-radius: 50%;
  background-image: url(../images/icons/keyboard-arrow-down-white.png);
  background-repeat: no-repeat;
  background-position: bottom 3px center;
  background-size: 9px;
  margin: -8px auto 0;
  display: block;
  position: relative;
  z-index: 9;
}
.search-list-trips .togglebutton.active .toggleList .text {
  display: none;
}
.search-list-trips .togglebutton.active .sec_toggle {
  width: 70px;
  background: white;
  margin: 0 auto;
  position: relative;
  z-index: 99;
}
.search-list-trips .togglebutton.active .sec_toggle .togglearrow {
  margin: 0 auto;
  background-position: center;
  transform: rotate(180deg);
}
.search-list-trips .trip_more {
  display: none;
}
.search-list-trips .trip_more.active {
  display: block;
}

.bus-class-name {
  vertical-align: bottom;
  min-width: 80px;
  border-radius: 5px 0 5px 0;
  background-color: #000;
  font-size: 11px;
  line-height: 17px;
  display: inline-block;
  color: #fff;
  text-align: var(--start);
  padding: 0 5px;
  font-weight: 700;
  white-space: nowrap;
  width: fit-content;
}
body.ltr .bus-class-name {
  text-align: var(--end);
}
.bus-class-name-elite {
  background-color: #ff6600;
}
.bus-class-name-classic {
  background-color: #009688;
}
.bus-class-name-deluxe {
  background-color: #827b00;
}
.bus-class-name-royal {
  background-color: #e73327;
}
.bus-class-name-business {
  background-color: #01a8e9;
}

.account-details {
  display: inline-flex;
  margin-bottom: 22px;
  background-color: #ebeef0;
  padding: 14px 12px 14px 60px;
  width: auto;
  border-radius: 30px;
  align-items: center;
  position: relative;
}
body.ltr .account-details {
  padding: 14px 60px 14px 12px;
}
.account-details .edit {
  width: 22px;
  height: 22px;
  position: absolute;
  inset-inline-end: 15px;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: #bbc9d9;
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  left: 15px;
  right: auto;
  margin: auto 0;
  color: #fff;
}
body.ltr .account-details .edit {
  right: 15px;
  left: auto;
}
.account-details .pic {
  margin-inline-end: 10px;
}
.account-details .pic img {
  width: 60px;
  border-radius: 50%;
  display: block;
}
.account-details .text p {
  font-size: 14px;
  color: #101010;
  line-height: 1.2;
  font-weight: 500;
}
.account-details .text p:last-child {
  margin-top: 4px;
}
.account-details .text p.grey {
  color: #6c707d;
}

.book-for {
  margin-bottom: -20px;
  padding-inline-start: 4px;
}
.book-for .checkbox {
  padding: 0;
  color: #363636;
}
.book-for-form {
  max-width: 400px;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.book-for-form.active {
  padding: 10px 0;
  max-height: 600px;
}
.book-for-form .input-field {
  position: relative;
  margin: 0 auto;
}
.book-for-form .input-field ~ .input-field {
  margin-top: 23px;
}
.book-for-form .input-field label {
  position: relative;
  color: #212121;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 2px;
  display: block;
  width: 100%;
}
.book-for-form .input-field input {
  border: 1px solid #c0d9eb;
  border-radius: 10px;
  height: 44px;
  width: 100%;
  padding-inline-start: 15px;
  padding: 0 15px;
  font-size: 14px;
}

.checkbox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-inline-start: 24px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 18px;
  color: #363636;
  cursor: pointer;
  -webkit-user-select: none;
}

.checkbox .check-icon {
  position: relative;
  position: absolute;
  width: 22px;
  height: 22px;
  inset-inline-start: 0px;
  top: 0px;
}

.checkbox .check-icon::before {
  content: "check_box_outline_blank";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  color: #363636;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.checkbox input {
  display: none;
}

.checkbox input:checked + i {
  background-color: #063d7d;
}

.checkbox input:checked ~ .check-icon::before {
  content: "check_box";
  font-weight: 400;
}

.checkbox .name {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.checkbox-readonly {
  pointer-events: none;
}

.checkbox .switch-icon {
  width: 37px;
  position: relative;
  height: 14px;
  display: inline-block;
  background: #c6c5c5;
  border-radius: 20px;
  vertical-align: middle;
  margin-inline-end: 7px;
}

.checkbox .switch-icon::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #f1f1f1;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: absolute;
  border-radius: 50%;
  top: -4px;
  inset-inline-end: 0;
  transition: 0.2s all;
}

.checkbox input:checked ~ .switch-icon {
  background: #4a90e2;
  position: relative;
}

.checkbox input:checked ~ .switch-icon::before {
  inset-inline-end: 20px;
}

.bus-widget {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .bus-widget {
    flex-wrap: wrap;
  }
}
.bus-widget ~ .bus-widget {
  border-top: 1px solid #c0d9eb;
  margin-top: 30px;
  padding-top: 30px;
}
.bus-widget .bus-info ul li {
  color: #212121;
  font-size: 14px;
  line-height: 26px;
  display: block;
}
.bus-widget .bus-info ul li strong {
  font-family: "Helvetica Neue";
  font-size: 24px;
  font-weight: bold;
  line-height: 29px;
}
.bus-widget .bus-info ul li strong span {
  font-size: 12px;
  line-height: 23px;
  font-weight: normal;
  font-family: "Cairo", sans-serif;
  padding: 0 2px;
}
.bus-widget .bus-info ul li span {
  font-size: 12px;
  line-height: 23px;
}

.select_seats {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .select_seats {
    flex-wrap: wrap;
  }
}

.bus-seat-parent {
  margin-inline-start: auto;
}
@media screen and (max-width: 767px) {
  .bus-seat-parent {
    margin-top: 30px;
    width: 100%;
    text-align: center;
  }
}

.bus-seat {
  display: flex;
  align-items: flex-start;
  transform: rotate(-90deg) translate(0, 25%);
  height: 185px;
  position: relative;
  margin-left: -50px;
}
body.ltr .bus-seat {
  transform: rotate(90deg) translate(0, 25%);
}
.bus-seat.dd {
  height: 418px;
  transform: rotate(-90deg) translate(0, 15%);
}
.bus-seat.dd ul:first-child:after {
  content: "الدور الأسفل";
}
.bus-seat.dd ul:last-child:after {
  content: "الدور العلوي";
}
.bus-seat ul {
  font-size: 0;
  width: 185px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  direction: ltr;
  position: relative;
}
.bus-seat ul ~ ul {
  margin-inline-start: 38px;
}
.bus-seat ul:after {
  position: absolute;
  font-size: 12px;
  font-weight: 700;
  color: #9fa2aa;
  top: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  text-align: center;
  margin-top: 10px;
}
.bus-seat ul li {
  margin: 3px;
  width: 48px;
  height: 33px;
  border-radius: 4px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  font-size: 12px;
  color: #94a4b3;
  font-weight: 700;
  text-align: center;
  line-height: 30px;
  padding-top: 2px;
  background: #ffffff;
  border: 0.929858px solid #c1c9d2;
  border-radius: 3.71943px;
}
.bus-seat ul li.driver {
  background-color: #c1c9d2;
  background-image: url(../images/seats/driver.png) !important;
  background-repeat: no-repeat;
  background-position: center;
}
.bus-seat ul li.seat {
  background-image: url(../images/seats/seat-ava.png);
  background-size: contain;
  cursor: pointer;
}
.bus-seat ul li.chosen {
  background-image: url(../images/seats/seat-not.png);
  cursor: auto;
}
.bus-seat ul li.selected {
  background-image: url(../images/seats/seat-selected.png);
  color: #fff;
}
.bus-seat ul li.empty {
  border: unset !important;
}
.bus-seat ul.driver {
  width: 32px;
  height: 33px;
}
@media screen and (max-width: 767px) {
  .bus-seat {
    transform: none !important;
    height: auto !important;
    display: inline-flex;
  }
}

.warning-msg {
  background-color: #fff6c7;
  border-radius: 0px;
  border: 1px solid #f9eba6;
  padding: 19px 25px;
}

.warning-msg p {
  font-size: 12px;
  font-weight: 700;
  color: #e73327;
  line-height: 22px;
}

.warning-msg p img {
  margin-inline-end: 5px;
  width: 18px;
  vertical-align: middle;
}

.success-msg {
  background-color: #ddffd9;
  padding: 5px 18px;
  border-radius: 8px;
}

.success-msg p {
  font-size: 14px;
  color: #1eb10d;
  font-weight: 700;
  line-height: 1.6;
  padding-top: 4px;
}

.success-msg p img {
  margin-inline-end: 5px;
  width: 18px;
  vertical-align: middle;
}

.success-msg p span {
  font-size: 20px;
  vertical-align: middle;
  padding-bottom: 4px;
  margin-inline-start: 8px;
}

body.ltr .success-msg p span {
  margin-inline-end: 8px;
  margin-inline-start: 0;
}

.credit-card-form {
  padding: 20px 0;
  max-width: 335px;
}
.credit-card-form .form-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.credit-card-form .form-row ~ .form-row {
  margin-top: 14px;
}
.credit-card-form .form-row .col {
  display: inline-block;
  width: auto;
  position: relative;
  padding-inline-end: 28px;
}
.credit-card-form .form-row .col input {
  width: 62px;
}
body.ltr .credit-card-form .form-row .col {
  padding-inline-end: 28px;
  padding-inline-start: 0;
}
.credit-card-form .form-row label {
  font-size: 12px;
  color: #212121;
  line-height: 2;
  margin-bottom: 2px;
}
.credit-card-form .form-row input {
  background: rgb(255, 255, 255);
  border-radius: 10px;
  border: 1px solid rgb(192, 217, 235);
  width: 100%;
  line-height: 48px;
  padding: 0 18px;
}
.credit-card-form .form-row select {
  background-image: url(../images/icons/arrow-drop-down.png);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 3px center;
  border-radius: 10px;
  border: 1px solid rgb(192, 217, 235);
  line-height: 40px;
  height: auto;
  padding: 0 18px 0 30px;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
}
.credit-card-form .form-row select ~ select {
  margin-inline-start: 5px;
}
.credit-card-form .form-row .cvc-hint {
  position: relative;
  width: 18px;
  height: 18px;
  position: absolute;
  margin-inline-start: 3px;
  cursor: help;
  inset-inline-end: 0;
  bottom: 20px;
}
.credit-card-form .form-row .cvc-hint:before {
  content: "info";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  font-size: 18px;
  color: #bfc1c6;
  line-height: 1;
  top: 0;
}
.credit-card-form .form-row .cvc-hint img {
  position: absolute;
  inset-inline-start: 100%;
  width: 225px;
  max-width: none;
  bottom: 100%;
  margin-bottom: -18px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.credit-card-form .form-row .cvc-hint:hover img {
  opacity: 1;
}

.actual-rate {
  direction: ltr;
}

.actual-rate span {
  display: inline-block;
  color: #333;
}

.actual-rate span:before {
  content: "star_border";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  color: inherit;
  vertical-align: middle;
}

.actual-rate span.fill {
  color: #f7981d;
}

.actual-rate span.fill:before {
  content: "star";
}

.rate-row {
  display: flex;
  justify-content: space-between;
  padding: 17px 0;
  align-items: center;
}

.rate-row .name {
  font-size: 16px;
  font-weight: 700;
  padding-top: 5px;
}

.select-rate {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.select-rate label {
  cursor: pointer;
}

.select-rate input {
  display: none;
}

.select-rate input:checked ~ label .star-icon:before {
  content: "star";
  color: #f7981d;
}

.select-rate label:hover ~ label .star-icon:before {
  content: "star";
  color: #f7981d;
}

.select-rate label:hover .star-icon:before {
  content: "star";
  color: #f7981d;
}

.star-icon:before {
  content: "star_border";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  color: inherit;
  vertical-align: middle;
  color: #000;
}

.rate-inner .form-row ~ .form-row {
  margin-top: 25px;
}

.rate-inner .btn {
  width: 100%;
  margin-top: 26px;
  line-height: 55px;
  padding-top: 5px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 30px;
}

.vehicle-layout-wrapper {
  display: flex;
  flex-direction: row-reverse;
}
.vehicle-layout-wrapper .vehicle-layout {
  display: flex;
  flex-direction: column;
  gap: 5px;
  direction: ltr;
}
.vehicle-layout-wrapper .vehicle-layout .seat-row {
  display: flex;
  gap: 5px;
}
.vehicle-layout-wrapper .vehicle-layout .seat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  font-weight: bold;
  font-size: 11px;
  min-width: 50px;
  max-width: 50px;
  height: 34px;
  border-radius: 4px;
  line-height: 12px;
}
.vehicle-layout-wrapper .vehicle-layout .seat.empty {
  color: "black";
  border: 1px solid transparent;
  background-color: transparent;
}
.vehicle-layout-wrapper .vehicle-layout .seat.driver {
  color: #94A4B3;
  border: 1px solid #C1C9D2;
  box-shadow: 1px 1px 2px #C1C9D2;
  background-color: #E5EBF1;
}
.vehicle-layout-wrapper .vehicle-layout .seat.disabled {
  color: #94A4B3;
  border: 1px solid #C1C9D2;
  box-shadow: 1px 1px 2px #C1C9D2;
  background-color: #E5EBF1;
}
.vehicle-layout-wrapper .vehicle-layout .seat.available {
  color: #94A4B3;
  border: 1px solid #C1C9D2;
  box-shadow: 1px 1px 2px #C1C9D2;
  background-color: #FFFFFF;
  cursor: pointer;
}
.vehicle-layout-wrapper .vehicle-layout .seat.available:hover {
  background-color: #f2f2f2;
}
.vehicle-layout-wrapper .vehicle-layout .seat.selected {
  color: #FFFFFF;
  border: 1px solid #19970A;
  box-shadow: 1px 1px 2px #C1C9D2;
  background-color: #1EB10D;
  cursor: pointer;
}
.vehicle-layout-wrapper .vehicle-layout .seat.selected:hover {
  background-color: #1a990b;
}
.vehicle-layout-wrapper .vehicle-layout .seat .hover-card {
  position: absolute;
  display: flex;
  font-size: 10px;
  background-color: white;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  top: -75px;
}
.vehicle-layout-wrapper .vehicle-layout .seat .hover-card .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: max-content;
  gap: 10px;
  background: white;
  padding: 10px;
  height: 55px;
  border-radius: 5px;
  z-index: 1;
}
.vehicle-layout-wrapper .vehicle-layout .seat .hover-card::after {
  content: " ";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  width: 25px;
  height: 25px;
  background-color: white;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.login-page {
  padding: 100px 0 153px;
  background: linear-gradient(180deg, #fd9a00 100%, white 0);
}
@media (max-width: 767px) {
  .login-page {
    padding: 50px 0 100px;
  }
}
.login-page::before {
  content: "";
  background-image: url(../images/icons/Group.png);
  height: 130%;
  width: 950px;
  position: absolute;
  right: 0;
  background-size: 120%;
  background-repeat: no-repeat;
  top: -205px;
}
.login-page .header {
  text-align: center;
}
.login-page .login-box {
  background: #ffffff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  margin-top: 50px;
  width: 762px;
  margin: 50px auto 0;
  padding: 60px 170px;
  text-align: center;
  z-index: 111;
  position: relative;
}
@media (max-width: 796px) {
  .login-page .login-box {
    width: 100% !important;
    padding: 30px !important;
  }
}
.login-page .login-box .title {
  color: rgb(37, 37, 37);
  font-size: 21px;
  font-weight: bold;
  text-align: right;
  letter-spacing: 0px;
  line-height: 56px;
}
body.ltr .login-page .login-box .title {
  text-align: left;
}
.login-page .login-box .custom-switch {
  margin-bottom: 50px;
}
.login-page .login-box .custom-switch .option {
  color: white !important;
  line-height: 23px;
}
.login-page .login-box .custom-switch .option.active {
  color: rgb(239, 163, 0) !important;
}
.login-page .login-box .login-buttons .link-facebook {
  width: 100%;
  background: #063d7d;
  border-radius: 4.8px;
  font-weight: 700;
  font-size: 16.8px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 14px 0;
  direction: ltr;
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: center;
}
.login-page .login-box .login-buttons .link-facebook img {
  margin-right: 8px;
}
.login-page .login-box .or {
  margin: 30px 0;
}
.login-page .login-box .or p {
  font-weight: 600;
  font-size: 11px;
  line-height: 21px;
  letter-spacing: -0.188571px;
  color: #121212;
  width: fit-content;
  margin: 0 auto;
  position: relative;
}
.login-page .login-box .or p::before {
  content: "";
  width: 40px;
  height: 0.5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -63px;
  margin: auto;
  background: #94a4b3;
}
.login-page .login-box .or p::after {
  content: "";
  width: 40px;
  height: 0.5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -63px;
  margin: auto;
  background: #94a4b3;
}
.login-page .login-box form .form-row ~ .form-row {
  margin-top: 16px;
}
.login-page .login-box form .form-row label {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  text-align: right;
  color: #212121;
}
body.ltr .login-page .login-box form .form-row label {
  text-align: left;
}
.login-page .login-box form .form-row label span {
  color: rgb(231, 51, 39);
}
.login-page .login-box form .forget-password-link {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.428571px;
  color: #2075ff;
  text-align: right;
  display: block;
  margin-top: 10px;
}
.login-page .login-box form .forget-password-link:hover {
  text-decoration: underline;
}
.login-page .login-box form .btn {
  background: #1eb10d;
  box-shadow: 0px 2px 10px rgba(76, 183, 73, 0.2);
  border-radius: 30px;
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 21px;
  line-height: 39px;
  text-align: center;
  color: #ffffff;
  padding-bottom: 7px;
  transition: all 0.2s ease;
}
.login-page .login-box form .btn:hover {
  background-color: #429e3f;
}
.login-page .login-box.verify {
  padding: 60px;
  width: 600px;
}
.login-page .login-box.verify .logo {
  margin-bottom: 40px;
  display: block;
}
.login-page .login-box.verify .verify-form-content .verify-number {
  padding-bottom: 27px;
  border-bottom: 0.5px solid #94a4b3;
}
.login-page .login-box.verify .verify-form-content .verify-number h1 {
  font-weight: 700;
  font-size: 23px;
  line-height: 56px;
  text-transform: uppercase;
  color: #252525;
  margin-bottom: 12px;
}
.login-page .login-box.verify .verify-form-content .verify-number form {
  display: flex;
  justify-content: space-between;
}
.login-page .login-box.verify .verify-form-content .verify-number form .form-input {
  width: 50%;
  text-align: right;
}
body.ltr .login-page .login-box.verify .verify-form-content .verify-number form .form-input {
  text-align: left;
}
.login-page .login-box.verify .verify-form-content .verify-number form .form-input label {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #212121;
  margin-bottom: 5px;
}
.login-page .login-box.verify .verify-form-content .verify-number form .form-input input {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #212121;
}
.login-page .login-box.verify .verify-form-content .verify-number form a {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #49c3f0;
}
.login-page .login-box.verify .verify-form-content .verify-code {
  margin-top: 27px;
  padding: 0 37px;
}
@media (max-width: 767px) {
  .login-page .login-box.verify .verify-form-content .verify-code {
    padding: 0;
  }
}
.login-page .login-box.verify .verify-form-content .verify-code h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  color: #212121;
  margin-bottom: 20px;
}
.login-page .login-box.verify .verify-form-content .verify-code .input-code {
  display: flex;
  justify-content: space-between;
  margin-bottom: 26px;
}
.login-page .login-box.verify .verify-form-content .verify-code .input-code input {
  text-align: center;
  background: #ffffff;
  border: 1px solid #c0d9eb;
  border-radius: 10px;
  width: calc(25% - 11.5px);
  padding: 14px;
  font-size: 22px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .login-page .login-box.verify .verify-form-content .verify-code .input-code input {
    width: calc(25% - 6.5px);
    padding: 11px;
    font-size: 16px;
  }
}
.login-page .login-box.verify .verify-form-content .verify-code button {
  display: block;
  background: #1eb10d;
  box-shadow: 0px 2px 10px rgba(76, 183, 73, 0.2);
  border-radius: 30px;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  transition: all 0.2s ease;
}
.login-page .login-box.verify .verify-form-content .verify-code button:hover {
  background-color: #429e3f;
}
.login-page .login-box.verify .verify-form-content .verify-questions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 0.5px solid #94a4b3;
  padding-top: 15px;
  margin: 34px 37px 0;
}
@media (max-width: 767px) {
  .login-page .login-box.verify .verify-form-content .verify-questions {
    margin: 24px 0;
  }
}
.login-page .login-box.verify .verify-form-content .verify-questions .link-black {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-transform: uppercase;
  color: #121212;
  text-decoration: none;
  pointer-events: none;
}
.login-page .login-box.verify .verify-form-content .verify-questions a {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #49c3f0;
}

.homepage {
  position: relative;
}
.homepage .grid {
  position: relative;
  max-width: 1600px;
}
.homepage .home-top {
  background: #fd9a00;
  position: relative;
}
.homepage .home-top::before {
  content: "";
  background-image: url(../images/icons/Group.png);
  height: 1110px;
  width: 830px;
  position: absolute;
  right: 0;
  background-size: 780px;
  background-repeat: no-repeat;
  top: -225px;
}
body.ltr .homepage .home-top::before {
  left: 0;
  right: auto;
  transform: scaleX(-1);
}
.homepage .home-top .hero {
  display: flex;
  padding: 50px 0;
  margin-bottom: 40px;
  width: 100%;
  justify-content: space-between;
}
.homepage .home-top .hero .form-box {
  z-index: 1;
  width: 600px;
  max-width: 100%;
}
.homepage .home-top .hero .home-text-intro {
  width: calc(100% - 600px - 30px);
}
@media (max-width: 999px) {
  .homepage .home-top .hero .home-text-intro {
    width: 100%;
  }
}
.homepage .home-top .hero .home-text-intro .home-text-top h5 {
  font-weight: 575;
  font-size: 16px;
  line-height: 32px;
  color: #393c59;
}
@media (max-width: 767px) {
  .homepage .home-top .hero .home-text-intro .home-text-top h5 {
    font-size: 13px;
  }
}
.homepage .home-top .hero .home-text-intro .home-text-top h1 {
  font-weight: 700;
  font-size: 38px;
  line-height: 78px;
  color: #ffffff;
  font-family: "Lemonada", cursive;
  margin-bottom: 40px;
}
.homepage .home-top .hero .home-text-intro .home-text-top h1 span {
  display: inline-block;
  background-color: #393c59;
  line-height: 1;
}
@media (max-width: 767px) {
  .homepage .home-top .hero .home-text-intro .home-text-top h1 {
    font-size: 27px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
.homepage .home-top .hero .home-text-intro .image {
  padding: 0;
}
@media (max-width: 767px) {
  .homepage .home-top .hero .home-text-intro .image {
    margin-bottom: 20px;
  }
}
.homepage .home-top .hero .home-text-intro .image img {
  position: absolute;
  left: -140px;
}
@media (max-width: 999px) {
  .homepage .home-top .hero .home-text-intro .image img {
    position: relative;
    left: 0 !important;
    right: 0 !important;
  }
}
.homepage .home-top .hero .home-text-intro .image img.arabic-bus {
  display: none;
}
body.rtl .homepage .home-top .hero .home-text-intro .image img {
  right: -140px;
}
body.rtl .homepage .home-top .hero .home-text-intro .image img.arabic-bus {
  display: block;
}
body.rtl .homepage .home-top .hero .home-text-intro .image img.english-bus {
  display: none;
}

@media screen and (max-width: 999px) {
  .homepage .hero {
    flex-direction: column;
  }

  .homepage .hero .video-box {
    display: none;
  }

  .homepage .hero .form-box {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .homepage .hero {
    padding: 20px 0;
  }
}
.page-content {
  position: relative;
}

.trip-data {
  padding: 20px 25px;
}
@media screen and (max-width: 767px) {
  .trip-data {
    padding: 30px 0;
  }
  .trip-data .going-trips,
.trip-data .return-trips {
    padding: 0 20px;
  }
  .trip-data .list-filter {
    padding: 0 20px 20px;
    border-bottom: 1px solid #dedede;
  }
}
.trip-data .trip-cities {
  display: flex;
  align-items: center;
}
.trip-data .trip-cities p {
  font-size: 12px;
  font-weight: 700;
  background-image: url("../images/icons/pin-drop-twotone.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 0px) center;
  background-size: 20px;
  padding-inline-start: 24px;
  line-height: 2.3;
  padding-top: 6px;
}
body.ltr .trip-data .trip-cities p {
  background-position: 0 center;
  padding-top: 0;
}
.trip-data .trip-cities img {
  margin: 0 12px;
}
body.ltr .trip-data .trip-cities img {
  -moz-transform: scale(-1);
  -o-transform: scale(-1);
  -ms-transform: scale(-1);
  -webkit-transform: scale(-1);
  transform: scale(-1);
}
.trip-data .trip-new-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
  gap: 18px;
  padding: 18px 0;
}
.trip-data .list-calendar {
  display: flex;
  gap: 10px;
}
.trip-data .list-calendar span {
  background-color: #c0d9eb;
  border-radius: 6px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 500;
  width: 74px;
  color: #222222;
  transition: 0.2s all;
  cursor: pointer;
}
.trip-data .list-calendar span.active {
  background-color: #FD9A00;
  color: #fff;
  cursor: auto;
  font-weight: 700;
}
.trip-data .list-calendar span.disable {
  pointer-events: none;
  opacity: 0.3;
}
@media screen and (max-width: 767px) {
  .trip-data .list-calendar {
    width: 100%;
    overflow: auto;
    padding-inline-end: 10px;
  }
  .trip-data .list-calendar span {
    padding: 8px 5px;
    font-size: 10px;
  }
}

.booking-section .content-data-parent {
  padding: 0;
}
.booking-section .booking-row {
  padding: 38px 32px;
}
.booking-section .booking-row h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}
.booking-section .booking-row ~ .booking-row {
  border-top: 1px solid #c0d9eb;
}
.booking-section .booking-row.no-border {
  border: none;
}
.booking-section .booking-row .flex-box {
  justify-content: space-between;
  flex-direction: row-reverse;
}
.booking-section .booking-row .flex-box .date {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #212121;
}
.booking-section .booking-row .flex-box .time {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #212121;
}
.booking-section .booking-row .flex-box .time span {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #212121;
}
.booking-section .booking-row .flex-box .bus-class-name {
  width: fit-content;
  margin-top: 7px;
}
.booking-section .booking-row .flex-box .destination {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  text-align: right;
  color: #101010;
  margin-top: 5px;
}
.booking-section .booking-row .flex-box .destination ~ .destination {
  margin-top: 0px;
}
.booking-section hr {
  border-top: 1px solid #c0d9eb;
}
.booking-section .booking-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.booking-section .booking-buttons .checkbox {
  margin-bottom: 22px;
}
.booking-section .booking-buttons .button {
  line-height: 60px;
  border-radius: 30px;
  box-shadow: 0px 2px 10px 0px rgba(76, 183, 73, 0.2);
  width: 306px;
  font-size: 21px;
  font-weight: 700;
  position: relative;
}
.booking-section .booking-buttons .button.disabled {
  background-color: #bbc9d9;
  pointer-events: none;
  box-shadow: 0px 2px 10px 0px rgb(229, 229, 229);
}
.booking-section .booking-buttons .button:before {
  content: "arrow_forward";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  inset-inline-start: 30px;
}
.booking-section .booking-buttons .button:hover:before {
  inset-inline-start: 20px;
}
.booking-section .booking-payment .add-new-card {
  font-size: 11px;
  font-weight: 700;
  color: #49c3f0;
  margin-bottom: 12px;
  display: inline-block;
  text-decoration: underline;
  display: table;
}
.booking-section .booking-payment ul {
  margin-bottom: 12px;
  display: inline-block;
}
.booking-section .booking-payment li ~ li {
  margin-top: 14px;
  border-top: 1px dashed #c0d9eb;
  padding-top: 16px;
}
.booking-section .booking-payment .radiobtn {
  display: flex;
  align-items: center;
  padding: 0;
  flex-wrap: wrap;
}
.booking-section .booking-payment .radiobtn .check-icon {
  position: static;
  margin-inline-end: 4px;
}
.booking-section .booking-payment .radiobtn .check-icon:before {
  color: #010101;
  opacity: 0.54;
}
.booking-section .booking-payment .radiobtn .name {
  font-size: 15px;
  margin-inline-end: 8px;
  padding-top: 5px;
  line-height: 18px;
}
.booking-section .booking-payment .radiobtn img {
  margin-inline-end: 8px;
}
.booking-section .booking-payment .my-wallet-balance {
  line-height: 8px;
  background-color: #31b816;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 2px 0;
  direction: ltr;
}
.booking-section .booking-payment .info {
  color: #777777;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  margin-top: 7px;
  line-height: 1.6;
}

.trip-instructions li {
  position: relative;
  padding-inline-start: 20px;
  color: #212121;
  line-height: 32px;
  font-size: 12px;
}
.trip-instructions li::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #FD9A00;
  position: absolute;
  inset-inline-start: 0;
  top: 11px;
}

.ticket-content {
  display: flex;
  padding: 58px 0;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.ticket-box-parent {
  width: 45%;
  margin-bottom: 30px;
}
@media screen and (max-width: 1300px) {
  .ticket-box-parent {
    width: auto;
  }
}
@media screen and (max-width: 1200px) {
  .ticket-box-parent {
    width: 700px;
  }
}

.ticket-box {
  background: rgb(255, 255, 255);
  border-radius: 30px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
}
.ticket-box .success-msg {
  padding: 16px 30px;
  border-radius: 30px 30px 0 0;
}
.ticket-box .success-msg p img {
  width: 24px;
  margin-inline-end: 14px;
}
.ticket-box .warning-msg {
  padding: 20px 30px 16px;
  border-radius: 30px 30px 0 0;
}
.ticket-box .logo {
  padding: 30px 28px 23px;
}
.ticket-box h1 {
  font-size: 26px;
  font-weight: 700;
  font-family: Tajawal, sans-serif;
  padding: 0 28px 20px;
}
.ticket-box .user-row {
  padding: 0 20px 18px;
  border-bottom: 1px solid #ecedf0;
}
.ticket-box .user-row .entry {
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
}
.ticket-box .user-row .entry .label {
  font-size: 12px;
  color: #212121;
  line-height: 22px;
}
.ticket-box .user-row .entry .tp-text {
  font-size: 14px;
  font-weight: 700;
  color: #101010;
}
.ticket-box .payment-methods {
  padding: 20px 30px;
  border-bottom: 1px solid #ecedf0;
}
.ticket-box .payment-methods .tp-text {
  font-size: 14px;
  font-weight: 600;
  color: #101010;
}
.ticket-box .payment-methods .tp-text img:last-child {
  margin-inline-end: 8px;
}
.ticket-box .payment-methods .tp-text img:not(:last-child) {
  margin-inline-start: 8px;
}
.ticket-box .payment-methods .label {
  font-size: 12px;
  color: #212121;
  line-height: 22px;
  margin-bottom: 4px;
}
.ticket-box .trip-details .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 24px 30px 26px;
  align-items: center;
  border-bottom: 1px solid rgb(236, 237, 240);
}
.ticket-box .trip-details .item .title {
  color: #1eb10d;
  font-size: 13px;
  font-weight: 500;
  width: 100%;
  margin-bottom: 5px;
  line-height: 23px;
}
.ticket-box .trip-details .item .title span {
  width: 18px;
  height: 18px;
  font-size: 14px;
  margin-inline-end: 3px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #1eb10d;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
}
.ticket-box .trip-details .item .col {
  width: 33.3333333333%;
}
.ticket-box .trip-details .item .col p {
  color: #212121;
}
.ticket-box .trip-details .item .col .date {
  font-size: 14px;
  color: #212121;
  line-height: 2;
}
.ticket-box .trip-details .item .col .time {
  font-size: 24px;
  font-weight: 700;
  font-family: Helvetica Neue;
  color: #212121;
}
.ticket-box .trip-details .item .col .time span {
  font-size: 12px;
  font-family: Cairo, sans-serif;
  font-weight: 400;
}
.ticket-box .trip-details .item .col.location {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: auto;
}
.ticket-box .trip-details .item .col.location p {
  line-height: 21px;
  background-color: rgba(29, 177, 13, 0.12);
  display: inline-block;
  padding: 0 10px 0 14px;
  font-size: 12px;
  font-weight: 700;
  padding-top: 2px;
  height: 22px;
}
.ticket-box .trip-details .item .col.location p ~ p {
  margin-top: 2px;
}
.ticket-box .trip-details .item .col.last {
  text-align: var(--start);
  width: auto;
}
.ticket-box .trip-details .seats {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 8px;
}
.ticket-box .trip-details .seats li {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  background-color: #1eb10d;
  border-radius: 4px;
  margin: 2px;
  padding-top: 3px;
}
.ticket-box .price-details {
  background-color: #ecedf0;
  padding: 12px 0 10px;
}
.ticket-box .price-details .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 28px;
}
.ticket-box .price-details .row.red {
  background: rgba(255, 107, 97, 0.3);
}
.ticket-box .price-details .row.red p {
  color: #e73327;
}
.ticket-box .price-details .row.last {
  padding-top: 10px;
  padding-bottom: 0;
}
.ticket-box .price-details .row.last p {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.ticket-box .price-details .row.last p span {
  font-size: 12px;
  font-weight: 400;
  margin-inline-start: 14px;
}
.ticket-box .price-details .row.last .price {
  font-size: 18px;
}
.ticket-box .price-details .row.last .price span {
  margin-inline-start: 0;
  margin-inline-end: 5px;
  line-height: 1;
  padding-top: 2px;
}
.ticket-box .price-details .row p {
  font-size: 12px;
  color: #212121;
  line-height: 30px;
  padding-top: 3px;
}
.ticket-box .price-details .row .price {
  font-size: 14px;
  font-weight: 700;
  font-family: Helvetica Neue;
  color: #212121;
  direction: ltr;
}
.ticket-box .price-details .row .price span {
  font-size: 12px;
  font-family: Cairo, sans-serif;
  margin-inline-end: 0;
  font-weight: 400;
}
.ticket-box .user-info {
  padding: 20px;
}
.ticket-box .user-info h3 {
  font-size: 21px;
  font-family: Tajawal, sans-serif;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 12px;
}
.ticket-box .user-info .user-row {
  margin: 0 -20px;
  border: none;
}
.ticket-box .user-info .user-row .tp-text {
  font-weight: 400;
}

.ticket-info {
  padding-inline-start: 42px;
  width: 55%;
  min-width: 644px;
}
.ticket-info .trip-instructions {
  padding: 0 0 25px;
  border-bottom: 1px solid #ecedf0;
}
.ticket-info .trip-instructions h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
}
.ticket-info .protection {
  background: linear-gradient(-180deg, rgb(131, 220, 128) 0, rgb(76, 183, 73) 100%);
  border-radius: 30px;
  padding: 18px 40px 26px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.ticket-info .protection img {
  width: 45px;
  margin-inline-end: 24px;
}
.ticket-info .protection .txt {
  color: #fff;
}
.ticket-info .protection .txt h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.9;
}
.ticket-info .protection .txt p {
  font-size: 16px;
  line-height: 1.2;
}
.ticket-info .app {
  background: linear-gradient(-180deg, rgb(51, 123, 216) 0%, rgb(2, 68, 160) 100%);
  border-radius: 30px;
  display: flex;
  overflow: hidden;
  padding: 5px 5px 0;
  margin-top: 20px;
}
.ticket-info .app .pic {
  margin-bottom: -8px;
  padding: 35px 30px 0;
}
.ticket-info .app .pic img {
  margin-bottom: 0%;
  width: 180px;
}
.ticket-info .app .txt {
  display: flex;
  flex-direction: column;
  padding: 50px 0 40px;
  color: #fff;
}
.ticket-info .app .txt h5 {
  font-size: 16px;
  color: inherit;
  margin-bottom: 6px;
}
.ticket-info .app .txt h3 {
  font-size: 40px;
  font-weight: 700;
  white-space: nowrap;
  line-height: 1.8;
}
.ticket-info .app .txt p {
  font-size: 22px;
  line-height: 1.8;
  font-weight: 500;
}
.ticket-info .app .txt .download-app {
  margin-top: auto;
  font-size: 0;
}
.ticket-info .app .txt .download-app a {
  display: inline-block;
  vertical-align: middle;
}
.ticket-info .app .txt .download-app a ~ a {
  margin-inline-start: 10px;
}
@media screen and (max-width: 1200px) {
  .ticket-info {
    width: 700px;
    padding: 0;
    max-width: 100%;
    min-width: 0;
  }
}

@media screen and (max-width: 767px) {
  .ticket-box .trip-details .item .col {
    width: 50%;
  }
  .ticket-box .trip-details .item .col.center {
    margin-inline-end: auto;
    width: auto;
    margin-top: 10px;
  }

  .ticket-info .app {
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 20px 0;
  }
  .ticket-info .app .pic {
    text-align: center;
    order: 1;
    min-height: 300px;
  }
  .ticket-info .app .txt {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .ticket-info .app .txt h3 {
    font-size: 40px;
  }
  .ticket-info .app .txt p {
    font-size: 26px;
  }
  .ticket-info .app .txt .download-app {
    margin-top: 20px;
  }
  .ticket-info .app .txt .download-app a img {
    width: 120px;
  }
}
.complains {
  padding: 15px 0 0;
}
.complains h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}
.complains p {
  font-size: 12px;
  color: #212121;
  line-height: 2;
}

@media screen and (max-width: 440px) {
  .ticket-info .app .txt h3 {
    font-size: 34px;
  }
  .ticket-info .app .txt p {
    font-size: 19px;
  }
}
.my-account-nav li .wallet-available, .my-account-nav-mobile .wallet-available {
  font-size: 18px;
  color: #4cb749;
  direction: ltr;
  font-weight: 700;
  line-height: 1;
}

.my-account-page {
  width: 100%;
  display: flex;
  min-height: 550px;
  flex-wrap: wrap;
}
.my-account-side-bar {
  position: relative;
  width: 210px;
  padding: 35px 26px;
}
.my-account-side-bar:after {
  content: "";
  background: linear-gradient(-90deg, rgb(245, 245, 245) 0, rgb(255, 255, 255) 100%);
  width: 15px;
  position: absolute;
  top: 0;
  inset-inline-start: 100%;
  bottom: 0;
}
.my-account-side-bar .user-info {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5ebf1;
  margin-bottom: 10px;
}
.my-account-side-bar .user-info img {
  width: 60px;
  border-radius: 50%;
  margin-bottom: 10px;
}
.my-account-side-bar .user-info p {
  font-size: 14px;
  color: #101010;
  line-height: 1.5;
}
.my-account-side-bar .user-info p.grey {
  color: #6c707d;
}
@media screen and (max-width: 767px) {
  .my-account-side-bar {
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
  }
  .my-account-side-bar .user-info {
    margin-bottom: 20px;
  }
  .my-account-side-bar .my-account-nav {
    display: none;
  }
}
.my-account-nav-mobile .wallet-available {
  margin-inline-end: 20px;
}
.my-account-nav-mobile .wallet-available .currency {
  font-size: 12px;
}
.my-account-nav-mobile .select_view li:last-child a {
  color: #bbc9d9;
}
.my-account-content {
  padding: 36px 30px;
  width: calc(100% - 210px);
}
.my-account-content.only h1 {
  justify-content: unset;
}
.my-account-content h1 {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.my-account-content h1 img {
  vertical-align: middle;
  margin-inline-end: 10px;
}
.my-account-content h1 .button {
  display: inline-block;
  margin-inline-start: 15px;
  background-color: #1eb10d;
  padding: 4px 14px 0;
  border-radius: 8px;
  line-height: 34px;
  font-size: 14px;
  vertical-align: middle;
  order: 2;
}
.my-account-content h1 .custom-switch {
  margin-inline-start: 15px;
}
.my-account-content .wallet-available {
  font-size: 24px;
  color: #4cb749;
  direction: ltr;
  font-weight: 700;
  display: inline-block;
  text-align: var(--start);
  margin-inline-start: auto;
  line-height: 1;
  padding-top: 10px;
}
.my-account-content .wallet-available .currency {
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
}
.my-account-content .success-msg {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .my-account-content {
    width: 100%;
    border-radius: 30px;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 0;
  }
}
.my-account-nav li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-account-nav li ~ li {
  margin-top: 10px;
}
.my-account-nav li a {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  color: #6c707d;
  display: inline-block;
  line-height: 2;
  transition: all 0.3s ease;
}
.my-account-nav li a:before {
  content: "";
  width: 3px;
  background-color: #FD9A00;
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-end: 100%;
  margin-inline-end: 24px;
  opacity: 0;
  transition: all 0.3s ease;
}
.my-account-nav li a:hover, .my-account-nav li a.active {
  color: #FD9A00;
}
.my-account-nav li a:hover:before, .my-account-nav li a.active:before {
  opacity: 1;
}
.my-account-nav li .wallet-available .currency {
  font-size: 12px;
}
.my-account-nav li:last-child a {
  color: #bbc9d9;
}
.my-account-nav li:last-child a:before {
  display: none;
}
.my-account-nav li:last-child a:hover {
  color: #bbc9d9;
  text-decoration: underline;
}
.my-account-nav li.active a {
  color: #FD9A00;
}
.my-account-nav li.active a:before {
  opacity: 1;
}
@media screen and (max-width: 999px) {
  .my-account-section {
    padding: 0;
  }
  .my-account-section:before {
    display: none;
  }
  .my-account-section .grid {
    padding: 0;
  }
  .my-account-section .content-box {
    border-radius: 0;
    box-shadow: none;
  }
}

.single-account-trip {
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
}
.single-account-trip ~ .single-account-trip {
  margin-top: 12px;
}
.single-account-trip .right {
  border-inline-end: 1px solid #eeeeef;
  width: 50%;
}
.single-account-trip .right .top {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #eeeeef;
  padding: 13px 20px 9px;
}
.single-account-trip .right .bottom {
  padding: 10px;
  display: flex;
  align-items: center;
}
.single-account-trip .right .bottom p {
  font-size: 13px;
  color: #121212;
  padding-top: 4px;
}
.single-account-trip .right .bottom .seats {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: 15px;
}
.single-account-trip .right .bottom .seats li {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 18px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  background-color: #1eb10d;
  border-radius: 4px;
  margin: 2px;
  padding-top: 2px;
}
@media screen and (max-width: 999px) {
  .single-account-trip .right {
    width: 100%;
    border-inline-end: none;
    border-bottom: 1px solid #eeeeef;
  }
}
.single-account-trip .left {
  width: 50%;
}
.single-account-trip .left .top {
  display: flex;
  border-bottom: 1px solid #eeeeef;
  height: 105px;
  height: auto;
}
.single-account-trip .left .top .info {
  width: 60%;
  padding: 64px 14px 10px;
}
.single-account-trip .left .top .col {
  display: inline-block;
}
.single-account-trip .left .top .col ~ .col {
  margin-inline-start: 34px;
}
.single-account-trip .left .top .col label {
  font-size: 13px;
  color: #121212;
  line-height: 1.9;
}
.single-account-trip .left .top .col .point {
  font-size: 16px;
  color: #1eb10d;
  font-weight: 700;
}
.single-account-trip .left .top .col .price {
  font-size: 16px;
  font-weight: 700;
  color: #FD9A00;
}
.single-account-trip .left .bottom {
  display: flex;
  padding: 10px 14px;
  min-height: 48px;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .single-account-trip .left .bottom {
    flex-direction: column;
    align-items: start;
  }
}
.single-account-trip .left .bottom p {
  font-size: 13px;
}
.single-account-trip .left .bottom p ~ p {
  margin-inline-start: 38px;
}
@media screen and (max-width: 767px) {
  .single-account-trip .left .bottom p ~ p {
    margin-inline-start: 0px;
  }
}
.single-account-trip .left .bottom p span {
  font-size: 13px;
  font-weight: 700;
  margin-inline-start: 18px;
  display: inline-block;
  font-family: "Helvetica Neue", "Arial";
}
@media screen and (max-width: 999px) {
  .single-account-trip .left {
    width: 100%;
  }
}
.single-account-trip .actions {
  border-inline-start: 1px solid #eeeeef;
  display: flex;
  flex-direction: column;
  padding: 45px 16px 7px;
}
.single-account-trip .actions .lnk {
  color: #b2b2b2;
  font-size: 11px;
  text-decoration: underline;
  font-weight: 600;
  white-space: nowrap;
  text-align: var(--start);
}
.single-account-trip .actions .lnk ~ .lnk {
  margin-top: 10px;
}
.single-account-trip .actions .lnk.review {
  color: #49c3f0;
  font-size: 12px;
  font-weight: 400;
}
.single-account-trip .actions .lnk img {
  width: 17px;
  vertical-align: middle;
  margin-inline-end: 8px;
}

.wallet-transactions h5 {
  font-size: 15px;
  color: #202020;
  margin-bottom: 14px;
  font-weight: 600;
}
.wallet-transactions table {
  text-align: var(--start);
  color: #202020;
}
.wallet-transactions table th {
  font-size: 14px;
  color: #7e7e7e;
  padding: 7px 16px;
}
.wallet-transactions table th:last-child {
  text-align: var(--end);
}
.wallet-transactions table td {
  padding: 14px 16px;
  font-size: 14px;
  direction: ltr;
}
.wallet-transactions table td:last-child {
  text-align: var(--end);
  font-weight: 700;
}
.wallet-transactions table tr:nth-child(odd) td {
  background-color: rgba(216, 216, 216, 0.1);
}
.wallet-transactions table tr:nth-child(even) td {
  background-color: rgba(216, 216, 216, 0.3);
}
.wallet-transactions table span {
  font-weight: 700;
}
.wallet-transactions table span.red {
  color: #e73327;
}
.wallet-transactions table .balance-icon:before {
  content: "";
  width: 8px;
  height: 10px;
  display: inline-block;
  background-size: 8px;
  background-position: center;
  background-repeat: no-repeat;
  float: var(--start);
  margin-inline-end: 3px;
}
.wallet-transactions table .balance-icon:after {
  content: "";
  clear: both;
}
.wallet-transactions table .balance-icon.red:before {
  background-image: url(../images/icons/arrow-down-red.png);
}
.wallet-transactions table .balance-icon.green:before {
  background-image: url(../images/icons/arrow-up-green.png);
}

.list-of-cards {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list-of-cards .single-card {
  border-radius: 10px;
  border: 2px solid rgb(229, 229, 229);
  width: calc(33.3333333333% - 10px);
  margin-bottom: 20px;
  padding: 15px 18px;
  position: relative;
}
.list-of-cards .single-card p {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  font-family: "Helvetica Neue", "Arial";
}
.list-of-cards .single-card p img {
  width: 26px;
  margin-inline-start: 8px;
}
.list-of-cards .single-card .expiry {
  font-size: 13px;
  color: #121212;
  font-family: "Helvetica Neue", "Arial";
}
.list-of-cards .single-card .type {
  position: absolute;
  top: 16px;
  inset-inline-end: 10px;
}
.list-of-cards .single-card .actions {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
}
.list-of-cards .single-card .actions .radiobtn {
  padding: 0;
}
.list-of-cards .single-card .actions .btns a {
  display: inline-block;
  margin-inline-start: 2px;
}
.list-of-cards .single-card .actions .btns a span {
  color: #92a0b0;
  font-size: 24px;
}
.list-of-cards .single-card.empty {
  margin-inline-end: auto;
  margin-inline-start: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.list-of-cards .single-card.empty .lnk {
  font-size: 12px;
  padding: 10px 0 0px;
  color: #49c3f0;
  text-decoration: underline;
  font-weight: 600;
}
@media screen and (max-width: 999px) {
  .list-of-cards .single-card {
    width: calc(50% - 10px);
  }
  .list-of-cards .single-card.empty {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .list-of-cards .single-card {
    width: 100%;
  }
}

.add-card-inner {
  width: 400px;
  max-width: 100%;
}
.add-card-inner h4 {
  font-size: 21px;
  font-weight: 700;
}
.add-card-inner .btn {
  border-radius: 0px 30px 30px;
  box-shadow: 0px 2px 10px 0px rgba(76, 183, 73, 0.2);
  padding: 0 64px;
  line-height: 60px;
  font-size: 16px;
  width: 100%;
}
.add-card-inner .credit-card-form {
  padding: 0;
  margin-top: 20px;
}

.wallet-form .form-row input {
  width: 90px;
  line-height: 50px;
  padding: 0 15px;
}
.wallet-form p {
  font-size: 10px;
  color: #7e7e7e;
  margin-top: 10px;
}
.wallet-form .choose-payment {
  margin-top: 22px;
}
.wallet-form .choose-payment .label {
  font-size: 13px;
  font-weight: 700;
  color: #212121;
  margin-bottom: 10px;
  line-height: 1.4;
}
.wallet-form .choose-payment .radiobtn {
  padding: 0;
  display: flex;
  align-items: center;
}
.wallet-form .choose-payment .radiobtn .name {
  margin-inline-end: 8px;
}
.wallet-form .choose-payment .radiobtn img + .name {
  margin-inline-start: 9px;
}
.wallet-form .choose-payment li ~ li {
  margin-top: 10px;
}
.wallet-form .choose-payment .add-new-card {
  font-size: 11px;
  margin: 10px 0 0px;
  color: #49c3f0;
  text-decoration: underline;
  font-weight: 600;
  display: inline-block;
}
.wallet-form .btn {
  font-size: 16px;
  line-height: 45px;
  display: block;
  text-align: center;
  border-radius: 30px;
  padding-top: 5px;
  margin-top: 20px;
}

.account-form {
  max-width: 400px;
}
.account-form .form-row ~ .form-row {
  margin-top: 20px;
}
.account-form .input input {
  line-height: 50px;
  padding: 0 16px;
}
.account-form .btn {
  height: 40px;
  border-radius: 30px;
  padding: 3px 80px 0;
}

.add-address-section {
  width: 100%;
}
.add-address-section .label-icon {
  line-height: 2;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 2px;
  color: #222222;
}
.add-address-section .label-icon i {
  font-size: 18px;
  vertical-align: middle;
  margin-inline-end: 6px;
  color: #FD9A00;
}
.add-address-section .datepicker {
  display: flex;
  justify-content: space-between;
  position: relative;
  border: none !important;
  flex-wrap: wrap;
  min-width: 200px;
}
.add-address-section .datepicker input[type=text] {
  font-weight: 700;
  width: 100%;
  height: 50px;
  padding: 14px 15px 10px;
  background-color: #fff;
  background-image: url(../images/icons/arrow-drop-down.png);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 14px center;
  border: 1px solid #c0d9eb;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  color: #252525;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.add-address-section .datepicker input[type=date] {
  font-size: 0;
}
.add-address-section .select-time {
  min-width: 180px;
}

.address-row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.address-row ~ .address-row {
  margin-top: 26px;
}
.address-row .col ~ .col {
  margin-inline-start: 24px;
}

.address-details {
  width: 100%;
  max-width: 400px;
}
.address-details .label {
  font-size: 13px;
  color: #121212;
}
.address-details h4 {
  font-size: 16px;
  font-weight: 700;
  color: #121212;
  margin-bottom: 10px;
}
.address-details .form-row {
  margin-bottom: 20px;
}
.address-details .add-address-area {
  display: flex;
}
.address-details .add-address-area .btn {
  margin-inline-start: 10px;
  padding: 4px 28px 0;
  font-size: 16px;
}
.address-details .added-address {
  background-color: rgba(0, 113, 197, 0.1);
  height: 22px;
  display: flex;
  padding: 0 6px;
  position: relative;
  margin-bottom: 16px;
}
.address-details .added-address p {
  line-height: 24px;
  font-size: 11px;
}
.address-details .added-address i {
  color: #0071c5;
  font-size: 19px;
  margin-inline-end: 6px;
  line-height: 1.3;
}
.address-details .added-address a {
  position: absolute;
  font-size: 14px;
  inset-inline-end: 5px;
  top: 4px;
  color: #6d90ac;
  transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.address-details .added-address a:hover {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.address-details .add-another-address {
  color: #0071c5;
  font-size: 14px;
}
.address-details .add-another-address i {
  font-size: 18px;
  vertical-align: middle;
  margin-inline-end: 6px;
  transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.address-details .add-another-address:hover {
  text-decoration: underline;
}
.address-details .add-another-address:hover i {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.popup .cancel-inner {
  padding-bottom: 17px;
}
.cancel-inner h6 {
  font-size: 14px;
  margin-bottom: 10px;
}
.cancel-inner h6 span {
  font-size: 11px;
  font-weight: 700;
  margin-inline-start: 18px;
  display: inline-block;
}
.cancel-inner h2 {
  font-size: 21px;
  color: #252525;
  font-weight: 700;
  line-height: 1.9;
  margin-bottom: 10px;
}
.cancel-inner .trip-info {
  border-top: 1px solid #e5ebf1;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeef;
  padding: 10px 0;
}
.cancel-inner .select-seats {
  padding-bottom: 12px;
}
.cancel-inner .select-seats .seats {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cancel-inner .select-seats .seats li {
  width: 54px;
  height: 54px;
  text-align: center;
  line-height: 54px;
  color: #1eb10d;
  font-size: 18px;
  font-weight: 700;
  border: 1px solid #1eb10d;
  border-radius: 4px;
  margin-inline-end: 12px;
  cursor: pointer;
  padding-top: 3px;
}
.cancel-inner .select-seats .seats li.selected, .cancel-inner .select-seats .seats li:hover {
  background-color: #e02020;
  border-color: #e02020;
  color: #fff;
}
.cancel-inner .info {
  padding: 10px 0;
  border-bottom: 1px solid #e5ebf1;
}
.cancel-inner .info label {
  font-size: 11px;
  color: #121212;
  line-height: 1.9;
}
.cancel-inner .info .price {
  font-size: 14px;
  font-weight: 700;
  color: #FD9A00;
}
.cancel-inner .trip-instructions {
  padding: 10px 0;
  border-bottom: 1px solid #e5ebf1;
}
.cancel-inner .trip-instructions li {
  color: #505050;
  font-size: 10px;
  line-height: 26px;
  padding-inline-start: 16px;
}
.cancel-inner .trip-instructions li:before {
  background-color: #505050;
  width: 8px;
  height: 8px;
  top: 10px;
}
.cancel-inner .accept-terms {
  padding: 15px 0 12px;
}
.cancel-inner p.red-color {
  font-size: 12px;
  color: #e02020;
  margin-top: 5px;
  line-height: 1.7;
}
.cancel-inner .cancel-buttons .btn {
  line-height: 48px;
  display: inline-block;
  border-radius: 0px 30px 30px;
  font-size: 18px;
  font-weight: 700;
}
.cancel-inner .cancel-buttons .btn ~ .btn {
  margin-inline-start: 16px;
}

header.page-header {
  position: relative;
}
header.page-header.hidden {
  display: none;
}
header.page-header .grid {
  vertical-align: bottom;
  max-width: 1600px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 11;
}
header.page-header .header-top {
  background: #fff;
  padding-top: 10px;
}
@media (max-width: 999px) {
  header.page-header .header-top {
    padding-top: 0;
  }
}
header.page-header .header-bottom {
  background: #fd9a00;
  padding: 20px 0 8px;
}
header.page-header .account {
  margin-inline-start: auto;
  position: relative;
}
header.page-header .account .my-account {
  display: flex;
  align-items: center;
  cursor: pointer;
}
header.page-header .account .my-account img {
  border-radius: 50%;
  margin-inline-end: 6px;
}
header.page-header .account .my-account .text {
  font-size: 11px;
  font-weight: 600;
  color: white;
  font-family: "Cairo", sans-serif;
}
header.page-header .account .my-account i {
  font-size: 14px;
  color: white;
}
header.page-header .account .my-account-menu {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 6px #dedede;
  border-radius: 6px;
  padding: 10px 13px 10px 10px;
  min-width: 160px;
  inset-inline-start: 0;
  pointer-events: none;
  opacity: 0;
  top: 100%;
  margin-top: 10px;
  z-index: 112;
  cursor: auto;
}
header.page-header .account .my-account-menu.active {
  opacity: 1;
  pointer-events: auto;
}
header.page-header .account .my-account-menu li {
  font-size: 14px;
  font-weight: 600;
  line-height: 2.4;
}
header.page-header .account .my-account-menu a {
  white-space: nowrap;
  font-size: 12px;
}
header.page-header .account .my-account-menu .my-account-nav li a:before {
  margin-inline-end: 10px;
}
header.page-header .account .my-account .link-login {
  font-size: 14px;
  line-height: 1.1;
  text-decoration: underline;
  color: #073e7e;
  font-weight: 500;
}
header.page-header .account .my-account ~ .login-button {
  display: none;
}
header.page-header .account .login-button a {
  font-size: 11px;
  font-weight: 600;
  color: white;
}
header.page-header .lang-switcher {
  position: relative;
  /* margin-inline-start: 20px; */
  /* text-transform: uppercase; */
  text-align: center;
  background: transparent;
  /* color: #6d90ac; */
  color: #a2a5ad;
  font-weight: 500;
  /* border: 2px solid #c0d9eb; */
  /* padding-inline: 10px 45px; */
  line-height: 18px;
  font-size: 12px;
}
header.page-header .lang-switcher:hover {
  text-decoration: underline;
}
@media screen and (max-width: 999px) {
  header.page-header .grid {
    justify-content: space-between;
  }
  header.page-header .header-bottom .logo {
    margin-inline-start: 50px;
  }
  header.page-header .header-bottom {
    padding: 20px 0 16px;
  }
  header.page-header .account .my-account-menu {
    inset-inline-start: auto;
    inset-inline-end: 0;
  }
}

/* logo */
/**/
.logo img {
  vertical-align: bottom;
}
@media screen and (max-width: 999px) {
  .logo img {
    width: auto;
    height: 50.5px;
  }
}

/**/
/* global nav */
/**/
.global-nav {
  background: #042852;
  font-size: 0;
  color: #fff;
  height: 35px;
}
.global-nav:after {
  content: "";
  clear: both;
  display: block;
}
.global-nav .grid > ul {
  margin-inline-end: -15px;
  float: var(--end);
  display: none;
}
.global-nav .grid > ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  line-height: 30px;
  text-transform: uppercase;
}
.global-nav .grid > ul li a {
  position: relative;
  display: block;
  padding: 5px 25px 0;
}
.global-nav .grid > ul li a span {
  position: absolute;
  bottom: 21px;
  inset-inline-end: 10px;
  font-size: 8px;
  line-height: 1;
  color: #fb9900;
}
.global-nav .grid > ul li a .active {
  padding: 5px 30px 0;
  background: #063d7d;
}
.global-nav .grid > ul li + li a {
  padding-inline-end: 10px;
}
@media screen and (max-width: 999px) {
  .global-nav {
    display: none;
  }
}

/**/
/* main nav */
/**/
.main-nav {
  margin-inline-start: 55px;
  margin-inline-end: auto;
  align-self: flex-end;
}
.main-nav li {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
.main-nav li a {
  position: relative;
  display: block;
  transition: color 0.3s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 30px;
  padding: 8px 0px;
  margin: 0 20px;
  font-weight: 700;
  font-family: "Tajawal", sans-serif;
  color: white;
}
.main-nav li a::before {
  content: "";
  width: 100%;
  height: 4px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.main-nav li a.active {
  color: #073e7e;
}
.main-nav li a.active::before {
  background-color: #073e7e;
  z-index: 1;
}
.main-nav li a:hover {
  color: #073e7e;
}
.main-nav li a span {
  position: absolute;
  inset-inline-start: 0;
  bottom: 34px;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  color: #f96783;
}
.main-nav li a.active .border_active {
  opacity: 1;
}
.main-nav li a .border_active {
  opacity: 0;
  display: block;
  height: 8px;
  width: 100%;
  bottom: 0px;
  position: absolute;
  background-image: url(../images/arrow-pointing-upwards.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: 10px;
  border-bottom: 4px solid #fc9900;
}
@media screen and (max-width: 1219px) {
  .main-nav li {
    margin-inline-end: 0;
    font-size: 14px;
  }
}
@media screen and (max-width: 999px) {
  .main-nav {
    display: none;
  }
}

/**/
/* secondary nav */
/**/
.secondary-nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 3px 0;
}
.secondary-nav li {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: 5px;
  font-size: 12px;
  font-weight: 600;
  border: none;
  color: #a2a5ad;
  line-height: 18px;
  width: 150px;
}
.secondary-nav li.tel {
  font-size: 16px;
  color: #efa300;
  font-weight: 600;
  font-family: "Helvetica Neue", "Arial";
  text-decoration: none;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.secondary-nav li.tel a {
  text-decoration: none;
  background-image: url("../images/icons/phone-new.png");
  background-repeat: no-repeat;
  padding-inline-end: 12px;
  background-position: var(--end) 4px;
  background-size: 12px;
  color: #ff6a39;
}
.secondary-nav a {
  text-decoration: none;
}
.secondary-nav a:hover, .secondary-nav a.active {
  text-decoration: underline;
}
@media screen and (max-width: 999px) {
  .secondary-nav {
    display: none;
  }
}
.secondary-nav .support_menu li {
  font-family: "Cairo", sans-serif;
  font-weight: 600;
  margin-inline-end: 20px;
  width: fit-content;
}
.secondary-nav .support_menu li.tel {
  font-family: "Helvetica Neue", "Arial";
  margin-inline-end: 0;
  margin-inline-start: 0;
}

/**/
/* burger */
/**/
.burger {
  position: relative;
  position: absolute;
  display: none;
  width: 54px;
  height: auto;
  font-size: 14px;
  color: #fff;
  background-color: #FD9A00 !important;
  border-radius: 0;
  top: 0;
  inset-inline-start: 0;
  bottom: 0;
}
.burger::after {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  margin-inline-start: -12px;
  margin-top: -2px;
  width: 24px;
  height: 2px;
  background: #fff;
  box-shadow: 0 6px #fff, 0 -6px #fff;
}
@media screen and (max-width: 999px) {
  .burger {
    display: block;
  }
}

.site-switcher {
  display: flex;
  align-items: flex-end;
  margin-bottom: -3px;
}
.site-switcher a {
  border-radius: 10px 10px 0px 0px;
  line-height: 24px;
  padding: 12px 5px 4px;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #c0d9eb;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
}
.site-switcher a.active {
  background-color: #FD9A00;
  color: #fff !important;
  pointer-events: none;
}
.site-switcher a:hover {
  background-color: #FD9A00;
}
.site-switcher a:hover img.hover-image {
  display: block;
}
.site-switcher a:hover img.original-image {
  display: none;
}
.site-switcher a img {
  margin-inline-end: 3px;
  margin-top: -4px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.site-switcher a img.hover-image {
  display: none;
}

/**/
/* mobile nav */
/**/
.mobile-nav {
  display: none;
}
.mobile-nav ul {
  font-size: 18px;
  line-height: 32px;
  text-transform: uppercase;
  color: #fff;
}
.mobile-nav ul:last-child {
  font-size: 16px;
  line-height: 28px;
  text-transform: none;
  color: #d9d9d9;
}
.mobile-nav ul li {
  margin-top: 12px;
}
.mobile-nav ul a {
  display: block;
  padding: 0 30px;
  font-size: 22px;
  color: #073e7e;
  font-weight: 700;
}
.mobile-nav ul a.active {
  box-shadow: inset 6px 0 #fb9900;
  color: #fb9900;
}
.mobile-nav ul .link-user {
  position: relative;
  padding: 11px 10px 11px 55px;
  font-size: 12px;
  text-align: var(--end);
  color: #fefefe;
  line-height: 1.2;
}
.mobile-nav ul .link-user img {
  position: absolute;
  top: 7px;
  inset-inline-end: 10px;
  border-radius: 50%;
}
.mobile-nav ul .link-user p {
  color: #fff;
}
.mobile-nav ul .link-user p span {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  text-transform: uppercase;
  color: #efa300;
}
.mobile-nav ul .link-user.active {
  padding-inline-end: 70px;
}
.mobile-nav ul .link-user.active img {
  inset-inline-end: 20px;
}
.mobile-nav hr {
  margin: 30px 20px;
  border-top: 1px solid #7790ae;
}
.mobile-nav .switcher a {
  box-shadow: none !important;
  color: #fb9900;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.mobile-nav .switcher a:after {
  content: "arrow_back";
  font-family: "Material Icons" !important;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 20px;
  vertical-align: middle;
  margin-inline-start: auto;
}
.mobile-nav .supporting a {
  font-size: 16px;
  font-weight: 500;
}
.mobile-nav .new {
  display: block;
  margin-bottom: -5px;
  font-size: 10px;
  line-height: 1;
  color: #f96783;
}
.mobile-nav .hot {
  display: block;
  margin-bottom: -5px;
  font-size: 10px;
  line-height: 1;
  color: #fb9900;
}
.mobile-nav .close {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 25px 0 auto;
  background: url(../images/icons/close.png) 50% 50% no-repeat;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.mobile-nav .close:hover {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mobile-nav .panel {
  position: fixed;
  z-index: 101;
  top: 0;
  inset-inline-start: 0;
  bottom: 0;
  width: 320px;
  padding: 25px 0 0;
  overflow: auto;
  background-color: #fff;
  -moz-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -ms-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
}
body.ltr .mobile-nav .panel {
  -moz-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.mobile-nav .panel.active {
  opacity: 1;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  border-radius: 30px 0px 0px 30px;
}
.mobile-nav .panel.active + .overlay {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.mobile-nav .panel .site-switcher {
  margin-top: auto;
  width: 100%;
  padding: 0;
  justify-content: space-evenly;
}
.mobile-nav .panel .site-switcher li {
  margin: 0;
  width: calc(33.3333333333% - 4px);
}
.mobile-nav .panel .site-switcher a {
  padding: 3px 8px 0;
  white-space: nowrap;
  margin: 0;
  width: 100%;
}
.mobile-nav .overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
@media screen and (max-width: 999px) {
  .mobile-nav {
    display: block;
  }
}

.page-footer {
  margin-top: auto;
  padding: 55px 0 30px;
  text-align: center;
}
.page-footer.login {
  margin-top: 0;
  padding-top: 0;
}
.page-footer.login .grid {
  border-top: unset;
}
@media screen and (max-width: 999px) {
  .page-footer.padding-bottom-footer {
    padding-bottom: 180px;
  }
}
.page-footer .grid {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  border-top: 1px solid #c0d9eb;
}
.page-footer .logo {
  margin-bottom: 15px;
}
@media screen and (max-width: 1219px) {
  .page-footer .sep::after {
    display: none;
  }
}
.page-footer .lang-switcher {
  width: 140px !important;
}

/* footer nav */
/**/
.footer-nav {
  font-size: 0;
  margin-top: 15px;
}
.footer-nav ul {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 2;
  font-weight: 300;
  color: #000;
}
.footer-nav ul li {
  margin-inline-start: 20px;
  color: #252525;
  font-weight: 500;
}
.footer-nav ul li a:hover {
  text-decoration: underline;
}

/**/
/* copyrights */
/**/
.copyrights {
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  color: #92a0b0;
}
.copyrights a {
  color: #098acb;
}
.copyrights a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .copyrights {
    /* phablet */
    text-align: center !important;
  }
}