@charset "UTF-8";
/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
@import url(https://fonts.bunny.net/css?family=dm-sans:400,500,700);
/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
/*import vendors*/
@import url(../css/vendors/normalize.css);
@import url(../css/vendors/bootstrap.min.css);
@import url(../css/vendors/uicons-regular-rounded.css);
@import url(../css/plugins/swiper-bundle.min.css);
@import url(../css/plugins/magnific-popup.css);
@import url(../css/plugins/select2.min.css);
@import url(../css/plugins/slick.css);
@import url(../css/plugins/jquery-ui.css);
@import url(../css/plugins/perfect-scrollbar.css);
@import url(../css/plugins/animate.css);
@import url(../css/plugins/jquery.timepicker.min.css);
/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
/*RESET*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

main {
  display: block;
  clear: both;
}

thead {
  font-weight: 600;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
}

input,
select,
button,
textarea {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
}

*:focus,
select:focus,
.custom-select:focus,
button:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  outline: none !important;
  box-shadow: none !important;
}

input:focus::-moz-placeholder {
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

li.hr span {
  width: 100%;
  height: 1px;
  background-color: #e4e4e4;
  margin: 20px 0;
  display: block;
}

/*--- Common Classes---------------------*/
::selection {
  background: #069; /* WebKit/Blink Browsers */
  color: #fff;
}

::-moz-selection {
  background: #069; /* Gecko Browsers */
  color: #fff;
}

::placeholder {
  color: #122830;
  opacity: 1;
}

:-ms-input-placeholder,
::-webkit-input-placeholder {
  color: #122830;
  opacity: 1;
}

*:focus,
select:focus,
.custom-select:focus,
button:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  outline: none !important;
  box-shadow: none;
}

.img-responsive {
  max-width: 100%;
}

body {
  font-family: "DM Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  color: #000000;
}

h1 {
  font-weight: 700;
  font-size: 52px;
  line-height: 76px;
}

h2 {
  font-weight: 700;
  font-size: 44px;
  line-height: 58px;
}

h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}

h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

h5 {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

h6 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}

.heading-52 {
  font-weight: 400;
  font-size: 52px;
  line-height: 76px;
}

.heading-52-medium {
  font-weight: 500;
  font-size: 52px;
  line-height: 76px;
}

.heading-52-bold {
  font-weight: 700;
  font-size: 52px;
  line-height: 76px;
}

.heading-44 {
  font-weight: 400;
  font-size: 44px;
  line-height: 58px;
}

.heading-44-medium {
  font-weight: 500;
  font-size: 44px;
  line-height: 58px;
}

.heading-44-bold {
  font-weight: 700;
  font-size: 44px;
  line-height: 58px;
}

.heading-100-medium {
  font-weight: 700;
  font-size: 100px;
  line-height: 130px;
}

.heading-36-medium {
  font-weight: 500;
  font-size: 36px;
  line-height: 58px;
}

.heading-32-medium {
  font-weight: 500 !important;
  font-size: 32px !important;
  line-height: 58px !important;
}

.heading-30-medium {
  font-weight: 500;
  font-size: 30px;
  line-height: 58px;
}

.heading-24 {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
}

.heading-24-medium {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.heading-24-bold {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}

.bg-white {
  background-color: #ffffff;
}

.color-grey {
  color: #626262;
}

.color-primary {
  color: #000000;
}

.color-text {
  color: #181A1F !important;
}

.bg-primary {
  background-color: #000000 !important;
}

.bg-secondary {
  background-color: #E95440 !important;
}

.text-14 {
  font-size: 14px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
}

.text-14-medium {
  font-size: 14px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
}

.text-14-bold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
}

.text-16 {
  font-size: 16px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
}

.text-16-medium {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}

.text-16-bold {
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
}

.text-18 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.text-18-medium {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.text-18-medium-2 {
  font-size: 18px;
  line-height: 35px;
  font-weight: 500;
}

.text-18-bold {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}

.text-20 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
}

.text-20-medium {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}

.text-20-bold {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
}

.color-success {
  color: #06D6A0;
}

.color-warning {
  color: #FFD166;
}

.color-danger {
  color: #EF476F;
}

.color-secondary {
  color: #E95440;
}

.color-mutted {
  color: #CFDEE3;
}

.color-info {
  color: #28A7E6;
}

.color-white {
  color: #fff !important;
}

.section {
  display: inline-block;
  width: 100%;
}

.bg-1 {
  background-color: #F0F2F6 !important;
}

.bg-2 {
  background-color: #FDEEEC !important;
}

.bg-3 {
  background-color: #F0FBF7 !important;
}

.bg-4 {
  background-color: #F6F6F6 !important;
}

a {
  color: #181A1F;
  text-decoration: none;
}
a:hover {
  color: #06D6A0;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1410px;
  }
}
.hover-up {
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.hover-up:hover {
  transform: translateY(-2px);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

img {
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
img:hover {
  transform: translateY(-5px);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.form-control {
  height: 54px;
  border-radius: 8px;
  color: #3D565F;
  border: 1px solid #CDE2E7;
  padding: 18px 20px;
}
.form-control:focus {
  border-color: #06D6A0;
}

.form-control::-moz-placeholder {
  color: #8EA4AC;
  font-size: 16px;
  line-height: 24px;
  opacity: 1;
}

.form-control::placeholder {
  color: #8EA4AC;
  font-size: 16px;
  line-height: 24px;
  opacity: 1;
}

.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #8EA4AC;
  font-size: 16px;
  line-height: 24px;
  opacity: 1;
}

.table-responsive {
  max-width: 100%;
}

.box-pagination {
  display: inline-block;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 20px;
}

.pagination li {
  padding: 0px;
}

.pagination li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #181A1F;
  border: 1px solid #E5E5E5;
  border-left: 0px;
  max-width: 55px;
  min-width: 55px;
  width: 100%;
  text-align: center;
  padding: 15px 20px;
  margin-left: 0px;
}
.pagination li a:hover {
  background-color: #F0FBF7;
}
.pagination li a.active {
  background-color: #000000 !important;
  color: #fff;
}

.pagination li .page-prev {
  background: none;
  min-height: 55px;
  padding: 15px 20px;
  border-radius: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border: 1px solid #E5E5E5;
}
.pagination li .page-prev svg {
  color: #181A1F;
  height: 14px;
}

.pagination li .page-next {
  min-height: 55px;
  padding: 15px 20px;
  border: 1px solid #E5E5E5;
  border-left: 0px;
  border-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination li .page-next svg {
  color: #181A1F;
  height: 14px;
}

.page-item:not(:first-child) .page-link {
  margin-left: 0px;
}

.container-sub {
  max-width: 1170px;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

.border-bottom {
  border-bottom: 1px solid #E5E5E5;
}

.ui-datepicker.ui-widget.ui-widget-content {
  border: 2px solid #181A1F !important;
  border-radius: 6px;
  padding: 20px;
  background-color: #ffffff;
}

.ui-datepicker {
  width: 100%;
  max-width: 430px;
}

.ui-datepicker th {
  padding: 14px 14px 4px 14px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #181A1F;
  font-family: "DM Sans", sans-serif !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background-color: #ffffff;
  border-color: #fff;
  font-size: 15px;
  line-height: 27px;
  color: #181A1F;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500;
}

.ui-datepicker td span, .ui-datepicker td a {
  text-align: center;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 48px;
  padding: 0px;
}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover {
  background-color: #181A1F;
  color: #fff;
}
.ui-state-default.ui-state-active, .ui-widget-content .ui-state-default.ui-state-active {
  background-color: #181A1F;
  color: #fff;
}
.ui-state-default.ui-state-highlight, .ui-widget-content .ui-state-default.ui-state-highlight {
  background-color: #626262;
  color: #fff;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  width: 36px;
  height: 36px;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  line-height: 36px;
  background-color: #ffffff;
  top: 0px;
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
  background-color: #F0FBF7;
  border-color: #181A1F;
}

.ui-datepicker .ui-datepicker-next {
  background-image: url(../imgs/template/icons/next-day.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
  background-image: url(../imgs/template/icons/prev-day.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-title span {
  font-size: 18px;
  line-height: 28px;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500;
}

.ui-widget-header {
  border: 0px;
  background: #ffffff;
  color: #181A1F;
}

.bd-rd6 {
  border-radius: 6px;
}

a.color-text:hover, a.color-text:hover *, a.color-white:hover, a.color-white:hover *, a.color-primary:hover, a.color-primary:hover * {
  color: #E95440 !important;
}

.tags a:hover, .latest-new-white .tags a:hover {
  color: #E95440 !important;
}

.box-button-download .btn-download {
  margin-bottom: 20px;
}

.box-count {
  text-align: left;
  margin: 0px 0px 20px 0px;
}
.box-count .deals-countdown {
  border-radius: 0px;
  display: flex;
  padding: 4px 0px;
  width: 100%;
  margin: auto;
  max-width: 100%;
}
.box-count .deals-countdown .countdown-section {
  display: inline-block;
  text-align: center;
  width: 25%;
  line-height: 12px;
  position: relative;
}
.box-count .deals-countdown .countdown-section span {
  display: block;
  color: #fff;
}
.box-count .deals-countdown .countdown-section .countdown-amount {
  font-size: 52px;
  font-weight: 500;
  line-height: 76px;
  color: #fff;
}
.box-count .deals-countdown .countdown-section .countdown-period {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.box-count .deals-countdown .countdown-section:last-child::before {
  display: none;
}

.hidden {
  display: none !important;
}

a,
button,
img,
input,
span,
h4 {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@keyframes slideleft {
  10% {
    opacity: 0;
    transform: scale(0);
    right: 0;
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  90% {
    opacity: 0;
    transform: scale(0);
    right: 100%;
  }
}
[data-loader=spinner] {
  width: 35px;
  height: 35px;
  display: inline-block;
  -webkit-animation: spinner 1.2s infinite ease-in-out;
  -o-animation: spinner 1.2s infinite ease-in-out;
  animation: spinner 1.2s infinite ease-in-out;
  background: url(../imgs/theme/favicon.svg);
  box-shadow: 0 0 10px #fff;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  }
}
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(151, 119, 250, 0.8);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-pulse-big {
  0% {
    box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
@keyframes jump {
  0% {
    transform: translate3d(0, 20%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.jump {
  transform-origin: 0;
  animation: jump 0.5s linear alternate infinite;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
/*TYPOGRAPHY*/
body {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
  font-weight: 500;
  position: relative;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.btn {
  border-radius: 4px;
  padding: 10px 0px 10px 22px;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}
.btn.btn-default {
  padding: 7px 21px;
  border-radius: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.btn.btn-default:hover {
  background-color: #ffffff;
  color: #181A1F;
}
.btn.btn-white {
  padding: 7px 21px;
  border-radius: 40px;
  background-color: #ffffff;
  color: #181A1F;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.btn.btn-white:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.btn.btn-search {
  padding: 13px 24px 13px 24px;
  border-radius: 60px;
  background-color: #000000;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-search img {
  vertical-align: middle;
  margin-right: 10px;
}
.btn.btn-search:hover {
  background-color: #E95440;
  color: #fff;
}
.btn.btn-search-2 {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 60px;
  line-height: 100%;
  text-align: center;
  padding: 0px;
}
.btn.btn-search-2 svg {
  height: 25px;
  color: #181A1F;
}
.btn.btn-tag {
  border-radius: 32px;
  background-color: #FDEEEC;
  color: #000000;
  padding: 7px 20px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.btn.btn-tag:hover {
  color: #22C58B;
}
.btn.btn-link-location {
  padding: 5px 20px 5px 37px;
  background-image: url(../imgs/template/marker.png);
  background-repeat: no-repeat;
  background-position: left 14px center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #fff;
}
.btn.btn-link-location:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 40px;
}
.btn.btn-link-globe {
  padding: 5px 20px 5px 37px;
  background-image: url(../imgs/template/icons/globe.svg);
  background-repeat: no-repeat;
  background-position: left 14px center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #fff;
}
.btn.btn-link-globe:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 40px;
}
.btn.btn-arrow-up {
  padding: 0px;
  height: 50px;
  width: 50px;
  border: 1px solid #fff;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
}
.btn.btn-arrow-up svg {
  color: #fff;
}
.btn.btn-arrow-up:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.btn-primary {
  background-color: #000000;
  border-radius: 6px;
  padding: 14px 24px;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  border: 0px;
}
.btn.btn-primary:hover {
  background-color: #E95440;
  color: #fff;
}
.btn.btn-primary-big {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.btn-grey {
  background-color: #F6F6F6;
  border-radius: 6px;
  padding: 14px 20px;
  color: #181A1F;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  border: 0px;
}
.btn.btn-grey:hover {
  background-color: #000000;
  color: #fff;
}
.btn.btn-grey:hover svg {
  color: #fff;
}
.btn.btn-secondary {
  background-color: #E95440;
  border-radius: 6px;
  padding: 14px 24px;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  border: 0px;
}
.btn.btn-secondary:hover {
  background-color: #000000;
  color: #fff;
}
.btn.btn-border {
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 14px 24px;
  color: #fff;
}
.btn.btn-border svg {
  color: #fff;
  margin-left: 5px;
  vertical-align: sub;
  display: inline-block;
}
.btn.btn-download {
  padding: 9px 15px 9px 20px;
  background-color: #000000;
  border-radius: 12px;
  max-width: 210px;
  width: 100%;
}
.btn.btn-download .inner-download {
  display: flex;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  align-items: center;
}
.btn.btn-download .inner-download .icon-download {
  padding-right: 20px;
  position: relative;
  margin-right: 20px;
}
.btn.btn-download .inner-download .icon-download img {
  display: block;
}
.btn.btn-download .inner-download .icon-download::before {
  content: "";
  height: 30px;
  width: 1px;
  background-color: #ffffff;
  opacity: 0.2;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}
.btn.btn-download .inner-download .info-download {
  text-align: left;
}
.btn.btn-download .inner-download .info-download .text-download-top {
  letter-spacing: 0.3px;
}
.btn.btn-download .inner-download .info-download span {
  display: block;
  line-height: 20px !important;
}
.btn.btn-white-big {
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 13px 24px;
  color: #181A1F;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.btn.btn-white-big svg {
  color: #181A1F;
  margin-left: 5px;
  vertical-align: sub;
  display: inline-block;
}
.btn.btn-white-big:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.btn.btn-white-big:hover svg {
  color: #fff;
}
.btn.btn-border-black {
  border: 1px solid #181A1F;
  border-radius: 6px;
  padding: 14px 24px;
  color: #181A1F;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  background-color: #fff;
}
.btn.btn-border-black svg {
  color: #181A1F;
  margin-left: 5px;
  vertical-align: sub;
  display: inline-block;
}
.btn.btn-border-black:hover {
  background-color: #000000;
  color: #fff;
}
.btn.btn-border-black:hover svg {
  color: #fff;
}
.btn.btn-border-black-small {
  border: 1px solid #181A1F;
  border-radius: 6px;
  padding: 5px 20px;
  color: #181A1F;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  background-color: #fff;
}
.btn.btn-border-black-small svg {
  color: #181A1F;
  margin-left: 5px;
  vertical-align: sub;
  display: inline-block;
}
.btn.btn-border-black-small:hover {
  background-color: #000000;
  color: #fff;
}
.btn.btn-border-black-small:hover svg {
  color: #fff;
}
.btn.btn-rounded {
  border-radius: 60px;
  padding: 0px 20px;
  color: #E95440;
  font-size: 13px;
  line-height: 28px;
  font-weight: 500;
  background-color: #FDEEEC;
}
.btn.btn-link {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #000000;
  padding: 5px 0px;
}
.btn.btn-like {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #181A1F;
  padding: 0px 0px 0px 26px;
  background: url(../imgs/page/blog2/like.png) no-repeat left center;
  vertical-align: middle;
}
.btn.btn-like:hover {
  color: #E95440;
}
.btn.btn-dislike {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #626262;
  padding: 0px 0px 0px 26px;
  background: url(../imgs/page/blog2/dislike.png) no-repeat left center;
  vertical-align: middle;
}
.btn.btn-dislike:hover {
  color: #E95440;
}
.btn.btn-book {
  max-width: 320px;
  width: 100%;
  text-align: center;
}
.btn.btn-login-google {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  padding: 14px 21px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #181A1F;
  background: url(../imgs/page/signin/google.svg) no-repeat left 20px center;
  text-align: center;
  width: 100%;
}
.btn.btn-login-google:hover {
  background-color: #3A77EA;
  color: #fff;
  border: 1px solid #3A77EA;
}
.btn.btn-login-facebook {
  border: 1px solid #3A77EA;
  border-radius: 8px;
  padding: 14px 21px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #fff;
  background: url(../imgs/page/signin/facebook.svg) no-repeat left 20px center;
  background-color: #3A77EA;
  text-align: center;
  width: 100%;
}
.btn.btn-login-facebook:hover {
  background-color: #181818;
  border-color: #181818;
}
.btn.btn-login-apple {
  border: 1px solid #181818;
  border-radius: 8px;
  padding: 14px 21px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #fff;
  background: url(../imgs/page/signin/apple.svg) no-repeat left 20px center;
  background-color: #181818;
  text-align: center;
  width: 100%;
}
.btn.btn-login-apple:hover {
  background-color: #3A77EA;
  border-color: #3A77EA;
}

.bg-download-2 .btn.btn-download {
  background-color: #333333;
}

.btn-homepage {
  padding: 0px !important;
  margin: 0px 0px 15px 0px;
}
.btn-homepage span {
  display: inline-block;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 25px;
  background-color: #AFEAE4;
  border-radius: 50%;
  margin-right: 10px;
}
.btn-homepage span svg {
  color: #024430;
}
.btn-homepage:hover * {
  color: #071920;
}

.dropdown-language {
  display: inline-block;
}
.dropdown-language .dropdown-toggle::after {
  display: none;
}
.dropdown-language .btn {
  padding: 0px;
}

.btn-tooltip {
  position: relative;
}
.btn-tooltip:after {
  bottom: 0;
  right: 34px;
  position: absolute;
  white-space: nowrap;
  border-radius: 5px;
  font-size: 11px;
  padding: 7px 10px;
  color: #AFEAE4;
  background-color: #3D565F;
  content: attr(aria-label);
  line-height: 1.3;
  box-shadow: 0;
  transition: 0;
  opacity: 0;
  visibility: hidden;
  transform: 0;
  transition-duration: 0.2s;
}
.btn-tooltip:before {
  content: "";
  position: absolute;
  left: -8px;
  bottom: 0;
  transition-delay: 0.1s;
  border: 7px solid transparent;
  border-left-color: transparent;
  border-left-color: #3D565F;
  z-index: 9;
  margin-bottom: 0;
  transition: 0;
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.2s;
}
.btn-tooltip:hover:after {
  opacity: 1;
  visibility: visible;
  transform: 0;
  transition-duration: 0.2s;
}
.btn-tooltip:hover:before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
  transition-duration: 0.2s;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.cb-container {
  display: block;
  position: relative;
  padding-left: 34px;
  margin-bottom: 12px;
  cursor: pointer;
  line-height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cb-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #ffffff;
  border: 2px solid #8EA4AC;
  border-radius: 4px;
}

.cb-container input:checked ~ .checkmark {
  border: 2px solid #8EA4AC;
}

.cb-container .text-small {
  color: #3D565F;
  font-weight: 500;
}

.cb-container input:checked ~ .text-small {
  color: #3D565F;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.cb-container input:checked ~ .checkmark:after {
  display: block;
}

.cb-container input:checked ~ .text-lbl {
  color: #ccc;
}

.cb-container .checkmark:after {
  left: -2px;
  top: -2px;
  width: 24px;
  height: 24px;
  background: #06D6A0 url(../imgs/page/register/check.svg) no-repeat center;
  border-radius: 4px;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.box-swiper {
  position: relative;
  width: 100%;
}
.box-swiper .swiper-container {
  position: relative;
  height: 100%;
  padding-bottom: 35px;
}
.box-swiper .swiper-container .item-logo {
  border: 1px solid #ccc;
  padding: 39px 0px 36px 0px;
  display: inline-block;
  width: 100%;
  text-align: center;
  border-radius: 12px;
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1);
}
.box-swiper .swiper-container .item-logo img {
  max-width: 100%;
}
.box-swiper .swiper-container .item-logo:hover {
  border: 1px solid #ccc;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: "";
}

.swiper-button-next {
  background: url(../imgs/slider/swiper/next.svg) no-repeat 0px 0px;
}
.swiper-button-next:hover {
  background: url(../imgs/slider/swiper/next.svg) no-repeat 0px 0px;
}

.swiper-button-prev {
  background: url(../imgs/slider/swiper/prev.svg) no-repeat 0px 0px;
}
.swiper-button-prev:hover {
  background: url(../imgs/slider/swiper/prev.svg) no-repeat 0px 0px;
}

.swiper-button-next,
.swiper-button-prev {
  width: 40px;
  height: 40px;
  margin-top: 0px;
}

.swiper-button-next {
  left: auto;
  right: 0px;
  top: 20px;
}

.swiper-button-prev {
  left: auto;
  right: 40px;
  top: 20px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
}

.swiper-pagination {
  text-align: center;
  width: 100%;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #024430;
  width: 16px;
  height: 8px;
  border-radius: 7px;
}
.swiper-pagination.swiper-pagination-2 .swiper-pagination-bullet {
  background: #B9CAD0;
}
.swiper-pagination.swiper-pagination-2 .swiper-pagination-bullet-active {
  background: #024430;
}

.swiper-pagination-bullet {
  margin: 10px;
}

/*Style of the location of the div that wraps the custom pager*/
.swiper-pagination-custom {
  bottom: 40px;
  padding-left: 70px;
}

.swiper-pagination-customs {
  background: url(../imgs/slider/swiper/dot.svg) no-repeat 0px 0px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  margin-left: 4px;
  margin-right: 4px;
}

/*Customize the style representation when pager is activated*/
.swiper-pagination-customs-active,
.swiper-pagination-customs:hover {
  background: url(../imgs/slider/swiper/dot-active.svg) no-repeat 0px 0px;
  width: 12px;
  height: 12px;
  margin-bottom: -1px;
  margin-left: 3px;
  margin-right: 3px;
}

.box-button-slider {
  position: absolute;
  top: 0px;
  left: 0px;
}

.swiper-group-1 .swiper-pagination {
  bottom: 50px;
  left: 55px;
}
.swiper-group-1.swiper-home-3 .swiper-pagination {
  left: 0px;
}
.swiper-group-1.home-9 .swiper-pagination {
  bottom: 20px;
  left: 25px;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
/* This line can be removed it was just for display on CodePen: */
.slider-labels {
  margin-top: 10px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
     its values is > 50%. */
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base, .noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  left: -6px;
  top: -6px;
  background-color: #345DBB;
}

/* Styling;
 */
.noUi-background {
  background: #D6D7D9;
}

.noUi-connect {
  background: #345DBB;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #345DBB;
  border: 8px solid rgba(53, 93, 187, 0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect, [disabled] .noUi-connect {
  background: #FFE7BB;
}

[disabled].noUi-origin, [disabled] .noUi-handle {
  cursor: not-allowed;
}

.ui-slider-handle {
  display: none;
}

.ui-widget.ui-widget-content {
  border: 0px solid #EBEBEB;
}

.noUi-target {
  border-radius: 12px;
}

.noUi-horizontal {
  height: 6px;
}

.noUi-background {
  background: #ccc;
}

.noUi-origin {
  border-radius: 12px;
}

.noUi-connect {
  background: #069;
  transition: background 450ms;
  height: 6px;
  margin-top: 0px;
}

.noUi-horizontal .noUi-handle {
  background-color: #069;
  border: 1px solid #069;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
  left: -6px;
  top: -6px;
}

.noUi-handle:active {
  border-width: 1px;
  left: -6px;
  top: -6px;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.cardFleet {
  width: 100%;
  display: inline-block;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  padding: 30px;
  background-color: #ffffff;
}
.cardFleet .cardInfo {
  position: relative;
}
.cardFleet .cardInfo a:hover h3 {
  color: #E95440 !important;
}
.cardFleet .cardImage {
  position: relative;
}
.cardFleet .cardImage img {
  width: 100%;
}
.cardFleet .cardInfoBottom {
  position: relative;
  display: flex;
  align-items: center;
}
.cardFleet .cardInfoBottom .passenger, .cardFleet .cardInfoBottom .luggage {
  display: flex;
  align-items: center;
  width: 50%;
}
.cardFleet .cardInfoBottom .passenger .icon-circle, .cardFleet .cardInfoBottom .luggage .icon-circle {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #F6F6F6;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.cardFleet .cardInfoBottom .passenger {
  width: 100%;
}
.cardFleet .cardInfoBottom .passenger .icon-passenger {
  background-image: url(../imgs/template/icons/friend.svg);
}
.cardFleet .cardInfoBottom .luggage {
  width: 60%;
  min-width: 117px;
  text-align: right;
  justify-content: flex-end;
}
.cardFleet .cardInfoBottom .luggage .icon-luggage {
  background-image: url(../imgs/template/icons/luggage.svg);
}
.cardFleet:hover {
  background-color: #F6F6F6;
}
.cardFleet:hover .cardInfoBottom .passenger .icon-circle, .cardFleet:hover .cardInfoBottom .luggage .icon-circle {
  background-color: #ffffff;
}
.cardFleet.cardFleetStyle2 {
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
  border: 0px;
  margin-bottom: 30px;
}
.cardFleet.cardFleetStyle2:hover {
  background-color: #ffffff;
}
.cardFleet.cardFleetStyle2:hover .cardInfoBottom .passenger .icon-circle, .cardFleet.cardFleetStyle2:hover .cardInfoBottom .luggage .icon-circle {
  background-color: #F6F6F6;
}
.cardFleet.cardFleetStyle2:hover .cardInfo h3 {
  color: #E95440 !important;
}
.cardFleet.cardFleetStyle3 {
  border: 0px;
}
.cardFleet.cardFleetStyle3 .cardInfoBottom .passenger .icon-circle, .cardFleet.cardFleetStyle3 .cardInfoBottom .luggage .icon-circle {
  width: 20px;
  height: 20px;
  background-color: transparent;
}
.cardFleet.cardFleetStyle3:hover {
  background-color: transparent;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
}
.cardFleet.cardFleetStyle3 .cardInfoBottom .luggage {
  justify-content: flex-start;
}
.cardFleet.cardFleetStyle3 .cardInfoBottom .passenger {
  min-width: 40px;
  max-width: 40px;
  margin-right: 20px;
}

.cardIconTitleDesc {
  text-align: center;
}
.cardIconTitleDesc .cardIcon {
  margin-bottom: 30px;
}
.cardIconTitleDesc .cardTitle {
  margin-bottom: 10px;
}
.cardIconTitleDesc .cardDesc {
  margin-bottom: 30px;
}

.cardService {
  height: auto;
  width: 100%;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.cardService .cardImage {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.cardService .cardImage img {
  height: auto;
  min-height: 100%;
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
}
.cardService .cardImage::before {
  content: "";
  background-image: url(../imgs/page/homepage1/bg-trans.png);
  background-position: bottom left;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.cardService .cardInfo {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 3;
  padding: 30px 30px 20px 30px;
}
.cardService .cardInfo .cardTitle {
  color: #fff;
}
.cardService .cardInfo .box-inner-info {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease-in;
}
.cardService .cardInfo .box-inner-info .cardDesc {
  color: #fff;
  max-height: 48px;
  overflow: hidden;
}
.cardService .cardInfo .box-inner-info .cardLink {
  color: #fff;
}
.cardService:hover .box-inner-info {
  height: 130px;
  transition: height 0.3s ease-in;
}

.cardNews {
  margin-bottom: 30px;
}
.cardNews .cardImage {
  margin-bottom: 20px;
  position: relative;
}
.cardNews .cardImage img {
  border-radius: 6px;
  width: 100%;
  display: block;
}
.cardNews .cardImage::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-image: url(../imgs/page/homepage1/bg-trans2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cardNews .cardImage .datePost {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 2;
}
.cardNews .cardImage .datePost .heading-52-medium {
  line-height: 52px;
}

.cardWork {
  margin-bottom: 30px;
}
.cardWork .cardImage {
  margin-bottom: 30px;
  position: relative;
  max-height: 200px;
}
.cardWork .cardTitle {
  margin-bottom: 20px;
}

.cardServiceStyle2 .cardImage {
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 20px;
}
.cardServiceStyle2 .cardImage img {
  width: 100%;
  display: block;
}

.cardServiceStyle3 {
  height: 290px;
  border-radius: 16px;
}
.cardServiceStyle3 .cardImage img {
  width: auto;
  min-width: 100%;
  max-width: none;
  max-height: 100%;
}
.cardServiceStyle3:hover .cardImage::before {
  background-image: url(../imgs/page/homepage5/bg-trans-pink.png);
}

.cardServiceStyle4 {
  height: auto;
  background-color: #ffffff;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
  overflow: visible;
}
.cardServiceStyle4 .cardImage {
  position: relative;
  top: auto;
}
.cardServiceStyle4 .cardImage img {
  width: 100%;
  border-radius: 6px 6px 0 0;
  display: block;
}
.cardServiceStyle4 .cardInfo {
  position: relative;
  bottom: auto;
  left: auto;
  padding: 20px 30px;
}
.cardServiceStyle4 .cardInfo .color-white {
  color: #181A1F !important;
}
.cardServiceStyle4:hover .cardInfo .color-white {
  color: #E95440 !important;
}

.cardTestimonial {
  border-radius: 6px;
  padding: 30px;
  background-color: #ffffff;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
}

.cardCities {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
.cardCities .cardImage {
  margin-bottom: 20px;
}
.cardCities .cardImage img {
  border-radius: 6px;
  width: 100%;
}
.cardCities .cardInfo .cardTitle {
  font-size: 15px;
  line-height: 28px;
  color: #181A1F;
  font-weight: 400;
}
.cardCities .cardInfo .cardTitle:hover {
  color: #E95440 !important;
}
.cardCities .cardInfo .cardDesc {
  font-size: 17px;
  line-height: 28px;
  color: #181A1F;
  font-weight: 500;
}

.cardImageText {
  margin-bottom: 90px;
  display: inline-block;
}
.cardImageText .cardImage {
  margin-bottom: 20px;
}

.cardImageLeftTextRight {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}
.cardImageLeftTextRight .cardImage {
  width: 90px;
  height: 90px;
  padding: 20px;
  text-align: center;
  background-color: #ffffff;
  margin-right: 30px;
  border-radius: 18px;
  line-height: 50px;
}
.cardImageLeftTextRight .cardImage img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

.cardContact .cardImage img {
  max-height: 120px;
  max-width: 100%;
  display: block;
}
.cardContact .cardInfo {
  position: relative;
}

.cardTeam {
  margin-bottom: 30px;
}
.cardTeam .cardImage {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 20px;
}
.cardTeam .cardImage .box-arrow-up-link {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: url(../imgs/page/our-team/bg-trans.png);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.cardTeam .cardImage img {
  position: relative;
  z-index: 1;
  display: block;
}
.cardTeam:hover .cardImage .box-arrow-up-link {
  display: flex;
}
.cardTeam .cardInfo {
  position: relative;
}

.card-experiences {
  display: flex;
  width: 100%;
}
.card-experiences .card-experience-circle {
  position: relative;
  min-width: 30px;
  max-width: 30px;
  margin-right: 20px;
}
.card-experiences .card-experience-circle .circle-text {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #FDEEEC;
  font-size: 11px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}
.card-experiences .card-experience-info .year {
  background-color: #FDEEEC;
  border-radius: 60px;
  display: inline-block;
  padding: 3px 13px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
}

.card-plan {
  border-radius: 8px;
  padding: 44px 50px 49px 50px;
  background-color: #fff;
  border: 1px solid #CDE2E7;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.card-plan .desc-plan {
  margin-bottom: 17px;
}
.card-plan .title-plan {
  margin-bottom: 0px;
}
.card-plan .btn-border-black {
  width: 100%;
}
.card-plan .card-plan-top {
  display: flex;
  justify-content: space-between;
}
.card-plan .card-plan-top .card-top-left-info {
  width: 100%;
}
.card-plan .card-plan-top .card-top-right-image {
  width: 30%;
  max-width: 70px;
  min-width: 70px;
}
.card-plan:hover {
  background-color: #FDEEEC;
  border-color: #FDEEEC;
}
.card-plan:hover .btn-border-black {
  color: #fff;
  background-color: #000000;
}
.card-plan:hover .btn-border-black svg {
  color: #fff;
}

.cardNumberTitleDesc {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}
.cardNumberTitleDesc::before {
  content: "";
  height: 3px;
  width: 76%;
  background: url(../imgs/page/homepage6/dashed.png) repeat-x 0px 0px;
  position: absolute;
  top: 35px;
  left: 65%;
}
.cardNumberTitleDesc .cardTitle {
  margin-bottom: 20px;
}
.cardNumberTitleDesc .cardNumber {
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}
.cardNumberTitleDesc .cardNumber span {
  display: inline-block;
  height: 70px;
  width: 70px;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  font-size: 24px;
  font-weight: 500;
}
.cardNumberTitleDesc.cardNumberTitleDescStyle2 {
  display: flex;
}
.cardNumberTitleDesc.cardNumberTitleDescStyle2::before {
  display: none;
}
.cardNumberTitleDesc.cardNumberTitleDescStyle2 .cardNumber {
  min-width: 76px;
  margin-right: 20px;
  margin-bottom: 0px;
}
.cardNumberTitleDesc.cardNumberTitleDescStyle2 .cardNumber span {
  font-size: 60px;
  line-height: 76px;
  font-weight: 400;
  color: #181A1F;
  border: 0px;
  border-radius: 0px;
}
.cardNumberTitleDesc.cardNumberTitleDescStyle2 .cardInfo {
  text-align: left;
}

.cardTestimonialsStyle2 .heading-24-medium {
  line-height: 45px;
}

.cardServiceStyle5 {
  display: flex;
  align-items: center;
  height: auto;
}
.cardServiceStyle5 .cardImage {
  width: 45%;
  position: relative;
  padding: 50px 50px 50px 0px;
  height: auto;
}
.cardServiceStyle5 .cardImage img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
  border-radius: 0;
}
.cardServiceStyle5 .cardImage::before {
  content: "";
  position: absolute;
  top: 0px;
  z-index: 1;
  right: 0px;
  bottom: 0px;
  width: 100%;
  max-width: 90%;
  left: auto;
  background-color: #F6F6F6;
  background-image: none;
}
.cardServiceStyle5 .cardInfo {
  width: 55%;
  padding-left: 70px;
  position: relative;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.loader {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
  color: #069;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 3.5em;
}

.swiper-pagination {
  text-align: center;
  bottom: 0px !important;
}
.swiper-pagination .swiper-pagination-customs {
  background: #ffffff;
  border-radius: 50%;
}
.swiper-pagination .swiper-pagination-customs:hover {
  background: #fff;
}
.swiper-pagination .swiper-pagination-customs-active {
  background: #069;
}
.swiper-pagination.swiper-pagination-2 {
  top: auto;
  height: auto;
  z-index: 123;
  line-height: 30px;
  text-align: center;
}

/*page loading*/
.preloader {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999999;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  margin: 0 auto;
}
.preloader img {
  max-width: 250px;
}

.page-loading-inner {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
.page-loading-inner div {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  box-sizing: content-box;
  margin: -10px -20px;
}
.page-loading-inner div:nth-child(1) {
  background: #E95440;
  animation: page-loading-inner 1s linear infinite;
  animation-delay: -0.5s;
}
.page-loading-inner div:nth-child(2) {
  background: #000000;
  animation: page-loading-inner 1s linear infinite;
  animation-delay: 0s;
}
.page-loading-inner div:nth-child(3) {
  background: #E95440;
  animation: page-loading-inner-o 1s linear infinite;
  animation-delay: -0.5s;
}

.page-loading {
  width: 100px;
  height: 100px;
  display: inline-block;
  overflow: hidden;
}

@keyframes page-loading-inner-o {
  0% {
    opacity: 1;
    transform: translate(0 0);
  }
  49.99% {
    opacity: 1;
    transform: translate(30px, 0);
  }
  50% {
    opacity: 0;
    transform: translate(30px, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
@keyframes page-loading-inner {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(30px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes rotate {
  0%, 49.999%, 100% {
    transform: none;
  }
  50%, 99.999% {
    transform: rotate(90deg);
  }
}
@keyframes shift-left {
  0%, 100% {
    transform: translateX(0%);
  }
  50% {
    transform: scale(0.65) translateX(-75%);
  }
}
@keyframes shift-right {
  0%, 100% {
    transform: translateX(0%);
  }
  50% {
    transform: scale(0.65) translateX(75%);
  }
}
.preloader-dots {
  --uib-size: 30px;
  --uib-speed: .9s;
  --uib-color: #425A8B;
  position: relative;
  height: calc(var(--uib-size) / 2);
  width: var(--uib-size);
  filter: url("#uib-jelly-ooze");
  animation: rotate calc(var(--uib-speed) * 2) linear infinite;
}
.preloader-dots::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 25%;
  width: 50%;
  height: 100%;
  background: var(--uib-color);
  border-radius: 100%;
  animation: shift-left var(--uib-speed) ease infinite;
}
.preloader-dots::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 25%;
  width: 50%;
  height: 100%;
  background: var(--uib-color);
  border-radius: 100%;
  animation: shift-right var(--uib-speed) ease infinite;
}

/*select 2 style*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #069;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #069 transparent transparent transparent;
  border-width: 5px 5px 0 5px;
}

.select2-search--dropdown {
  padding: 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ccc;
  margin-bottom: 15px;
  border-radius: 4px;
  padding: 8px;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ccc;
  color: #069;
}

.modal-header .btn-close {
  margin: -0.5rem 0rem -0.5rem auto;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.banner-home1 {
  position: relative;
  display: block;
}

.banner-home2 {
  position: relative;
  display: block;
  padding-left: 100px;
  padding-right: 100px;
}
.banner-home2 .box-banner-homepage-2 .box-cover-image {
  overflow: hidden;
}

.box-banner-info {
  position: absolute;
  top: 40%;
  left: 0px;
  width: 100%;
  z-index: 3;
  right: 0px;
  max-width: 1170px;
  margin: auto;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
}

.box-cover-image {
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vh - 80px);
  max-height: 950px;
}
.box-cover-image::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
  z-index: 2;
}
.box-cover-image img {
  position: relative;
  z-index: 1;
}

.box-pagination-button {
  position: absolute;
  top: 30%;
  max-width: 1170px;
  left: 0px;
  right: 0px;
  margin: auto;
  display: flex;
  align-items: center;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
}

.swiper-button-next-banner, .swiper-button-prev-banner {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

.swiper-button-prev-banner {
  margin-right: 10px;
}

.swiper-pagination-banner {
  position: relative;
  display: inline-block;
  bottom: auto !important;
  text-align: left;
  width: auto;
  left: auto;
  padding: 0px 0px 0px 12px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}

.ui-timepicker-standard {
  width: 270px !important;
  border: 2px solid #181A1F !important;
  padding: 15px 0px;
  border-radius: 6px;
  margin-top: 40px;
  margin-left: -60px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
}
.ui-timepicker-standard .ui-timepicker, .ui-timepicker-standard .ui-timepicker-viewport {
  height: 260px !important;
}
.ui-timepicker-standard .ui-timepicker {
  text-align: left;
}
.ui-timepicker-standard li a {
  padding: 0px 20px;
  border-radius: 0px;
  border: 1px solid #fff;
  font-size: 14px;
  line-height: 35px;
  color: #181A1F;
  font-family: "DM Sans", sans-serif;
  transition: none;
  font-weight: 500;
}
.ui-timepicker-standard li a.ui-state-hover {
  border-color: #F0FBF7;
  background-color: #F0FBF7;
  font-weight: 500;
  color: #181A1F;
}
.ui-timepicker-standard li a:hover {
  background-color: #F0FBF7;
  border-color: #F0FBF7;
}

.box-dropdown-location {
  position: absolute;
  top: 100%;
  left: 15px;
  background: #ffffff;
  border: 2px solid #181A1F;
  border-radius: 6px;
  padding: 0px 20px;
  margin-top: 35px;
  width: 430px;
  z-index: 99;
  display: none;
}

.list-locations .item-location {
  display: flex;
  align-items: flex-start;
  padding: 20px 0px;
  border-bottom: 1px solid #E5E5E5;
  cursor: pointer;
}
.list-locations .item-location:last-child {
  border-bottom: 0px;
}
.list-locations .item-location:hover .location-info h6 {
  color: #22C58B;
}
.list-locations .item-location:hover .location-info p {
  color: #181A1F;
}
.list-locations .item-location .location-icon {
  max-width: 16px;
  margin-right: 20px;
  padding-top: 6px;
}
.list-locations .item-location .location-info {
  width: 100%;
}

@keyframes hero-thumb-animation {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hero-thumb-animation-2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-20px);
  }
}
@keyframes hero-thumb-sm-animation {
  0% {
    -webkit-transform: translateY(-20px) translateX(50px);
    -moz-transform: translateY(-20px) translateX(50px);
    -ms-transform: translateY(-20px) translateX(50px);
    transform: translateY(-20px) translateX(50px);
  }
  100% {
    -webkit-transform: translateY(-20px) translateX(0px);
    -moz-transform: translateY(-20px) translateX(0px);
    -ms-transform: translateY(-20px) translateX(0px);
    transform: translateY(-20px) translateX(0px);
  }
}
@keyframes hero-thumb-sm-2-animation {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.shape-1 {
  -webkit-animation: hero-thumb-animation 2s linear infinite alternate;
  -moz-animation: hero-thumb-animation 2s linear infinite alternate;
  -o-animation: hero-thumb-animation 2s linear infinite alternate;
  animation: hero-thumb-animation 2s linear infinite alternate;
}

.shape-1-2 {
  -webkit-animation: hero-thumb-animation-2 2s linear infinite alternate;
  -moz-animation: hero-thumb-animation-2 2s linear infinite alternate;
  -o-animation: hero-thumb-animation-2 2s linear infinite alternate;
  animation: hero-thumb-animation-2 2s linear infinite alternate;
}

.shape-2 {
  -webkit-animation: hero-thumb-sm-animation 4s linear infinite alternate;
  -moz-animation: hero-thumb-sm-animation 4s linear infinite alternate;
  -o-animation: hero-thumb-sm-animation 4s linear infinite alternate;
  animation: hero-thumb-sm-animation 4s linear infinite alternate;
}

.shape-3 {
  -webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  -moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  -o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
  animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.box-container-sw {
  max-width: 700px;
  margin: auto;
  position: relative;
  min-height: 22px;
  line-height: 18px;
  padding: 10px 0px;
}

.call-phone {
  background: url(../imgs/template/icons/call.svg) no-repeat left top 1px;
  padding-left: 22px;
}

.address-footer {
  background: url(../imgs/page/homepage3/address.png) no-repeat left top 1px;
  padding-left: 30px;
}

.time-footer {
  background: url(../imgs/page/homepage3/time.png) no-repeat left top 1px;
  padding-left: 30px;
}

.header {
  padding: 0px 0;
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 0px solid #B9CAD0;
  background-color: #000000;
  z-index: 1004;
}
.header .main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.header .main-header .header-left {
  display: flex;
  align-items: center;
  width: 100%;
}
.header .main-header .header-left .header-logo {
  max-width: 150px;
  width: 100%;
}
.header .main-header .header-left .header-logo a {
  display: block;
}
.header .main-header .header-left .header-logo a img {
  min-height: 37px;
}
.header .main-header .header-left .header-nav {
  display: inline-block;
  width: 55%;
  text-align: left;
  padding-left: 45px;
}
.header .main-header .header-left .header-right {
  width: 45%;
  text-align: right;
}
.header .main-header .header-left .header-right .icon-list {
  display: inline-block;
  padding: 0px 10px 0px 10px;
  position: relative;
  font-size: 16px;
  color: #AFEAE4;
  line-height: 24px;
  cursor: pointer;
}
.header .main-header .header-left .header-right .icon-list:hover {
  color: #024430;
}
.header .main-header .header-left .header-right .icon-list .arrow-down {
  background: url(../imgs/template/icons/globe.svg) no-repeat left top 1px;
  padding-left: 22px;
}
.header .main-header .header-left .header-right .icon-list .arrow-down:hover {
  color: #024430;
}
.header .nav-main-menu {
  width: auto;
  padding: 0px 0px 0px 10px;
  float: none;
}
.header .burger-icon {
  display: none;
}
.header .main-menu > li {
  padding: 23px 0px 23px 0px;
}
.header .main-menu li {
  float: left;
  position: relative;
  text-align: left;
}
.header .main-menu li.has-children > a::after {
  content: "";
  background: url(../imgs/template/icons/angle-down.svg) no-repeat center;
  height: 8px;
  width: 12px;
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -4px;
}
.header .main-menu li.hr {
  padding: 0px 22px;
}
.header .main-menu li.hr span {
  background-color: #B9CAD0;
  height: 1px;
  width: 100%;
  display: block;
  margin: 5px 0;
}
.header .main-menu li a {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  display: block;
  padding: 5px 33px 5px 15px;
  text-decoration: none;
  position: relative;
}
.header .main-menu li a:hover {
  color: #fff;
  border-radius: 40px;
  background-color: rgba(255, 255, 255, 0.1764705882);
}
.header .main-menu li a:hover i {
  opacity: 1;
  transition: 0.2s;
}
.header .main-menu li a i {
  font-size: 12px;
  margin-right: 8px;
  opacity: 0.38;
  transition: 0.2s;
}
.header .main-menu li div.sub-menu {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 999999;
  min-width: 220px;
  width: 400px;
  border-radius: 8px;
  padding: 25px 30px 10px 30px;
  background-color: #fff;
  border: 1px solid #CDE2E7;
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1);
  border-bottom: 8px solid #AFEAE4;
  display: none;
}
.header .main-menu li div.sub-menu .menu-inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  top: auto;
  left: auto;
  opacity: 1;
  visibility: visible;
  border: 0px;
  background-color: transparent;
  box-shadow: none;
}
.header .main-menu li div.sub-menu .menu-inner li {
  width: 50%;
  padding-right: 0px;
}
.header .main-menu li div.sub-menu .menu-inner li a {
  padding-left: 0px;
  padding-right: 0px;
  color: #024430;
}
.header .main-menu li div.sub-menu .menu-inner li a svg {
  color: #8EA4AC;
  margin-right: 5px;
}
.header .main-menu li div.sub-menu .menu-inner li a:hover {
  color: #071920;
}
.header .main-menu li div.sub-menu .menu-inner li a:hover * {
  color: #071920;
}
.header .main-menu li ul {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 999999;
  min-width: 220px;
  border-radius: 0px;
  padding: 0px 0px 0px 0;
  background-color: #181A1F;
  border: 0px solid #CDE2E7;
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1);
}
.header .main-menu li ul li {
  width: 100%;
}
.header .main-menu li ul li a {
  font-size: 14px;
  color: #fff;
  position: relative;
  padding: 6px 22px 6px 22px;
  transition: 0.2s;
}
.header .main-menu li ul li a:hover {
  padding-left: 25px;
  transition: 0.2s;
  border-radius: 0px;
}
.header .main-menu li ul li a.closer {
  padding: 8px 22px 8px 22px;
}
.header .main-menu li ul li ul {
  top: 0px;
  left: 100%;
}
.header .main-menu li:hover > ul, .header .main-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  display: block;
}
.header .main-menu li:hover > ul li, .header .main-menu li:hover > .sub-menu li {
  width: 100%;
}
.header.header-black-2 .btn-default {
  border: 1px solid #fff;
  border-radius: 6px;
  background-color: #181A1F;
}
.header.header-black-2 .btn-default:hover {
  background-color: #fff;
}
.header.header-black-2 .btn-white {
  border-radius: 6px;
}
.header.header-black-2 .btn-white:hover {
  background-color: #181A1F;
}
.header.header-white {
  background-color: #ffffff;
}
.header.header-white .main-menu li.has-children > a::after {
  background: url(../imgs/template/icons/angle-down-black.svg) no-repeat center;
}
.header.header-white .main-menu li a {
  color: #181A1F;
}
.header.header-white .main-menu li a:hover {
  color: #22C58B;
}
.header.header-white .main-menu li ul {
  background-color: #ffffff;
}
.header.header-white .main-menu li ul li a {
  color: #181A1F;
}
.header.header-white .main-menu li ul li a:hover {
  color: #22C58B;
}
.header.header-white .btn-default {
  border-radius: 6px;
  background-color: #F6F6F6;
  color: #181A1F;
}
.header.header-white .btn-white {
  background-color: #000000;
  color: #fff;
  border-radius: 6px;
}
.header.header-white .call-phone {
  color: #181A1F !important;
  background: url(../imgs/template/icons/call-black.svg) no-repeat left top 1px;
}
.header.header-white .main-header .header-left .header-right .icon-list .arrow-down {
  color: #181A1F !important;
  background: url(../imgs/template/icons/globe-black.svg) no-repeat left top 1px;
}
.header.header-white .dropdown-account {
  background-color: #ffffff;
}
.header.header-white .box-dropdown-cart .dropdown-account ul li a {
  color: #181A1F;
}
.header.header-white .burger-icon.burger-icon-white > span::before, .header.header-white .burger-icon.burger-icon-white > span::after {
  background-color: #181A1F;
}
.header.header-bg-2 {
  background-color: #FDEEEC;
}
.header.header-bg-2 .btn-default {
  border-radius: 6px;
  background-color: transparent;
  color: #181A1F;
}
.header.header-bg-2 .btn-white {
  background-color: transparent;
  color: #181A1F;
  border-radius: 6px;
  border: 1px solid #181A1F;
}
.header.header-7 .main-header .header-left .header-nav {
  width: 72%;
}
.header.header-7 .main-header .header-left .header-right {
  width: 18%;
  text-align: right;
  min-width: 205px;
}
.header.header-homepage9 .container-fluid {
  padding-left: 60px;
  padding-right: 60px;
}
.header.header-homepage9 .main-menu > li:first-child > a {
  padding-left: 0px;
}
.header.header-homepage9 .nav-main-menu {
  padding-left: 0px;
}
.header.header-homepage9 .main-header .header-left {
  flex-wrap: wrap;
  display: flex;
  width: 100%;
}
.header.header-homepage9 .main-header .header-left .header-nav {
  width: 40%;
  display: inline-block;
}
.header.header-homepage9 .main-header .header-left .header-right {
  width: 40%;
  text-align: right;
  display: inline-block;
}
.header.header-homepage9 .main-header .header-left .header-logo {
  width: 20%;
  text-align: center;
  display: inline-block;
  max-width: 100%;
}
.header.header-homepage9 .main-header .header-left .header-logo img {
  max-width: 150px;
}
.header.header-transparent {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: transparent;
}
.header.header-transparent .main-header .header-left {
  justify-content: space-between;
}
.header.header-transparent .main-header .header-left .header-right {
  width: 30%;
  min-width: 220px;
  max-width: 220px;
}

.box-notify svg {
  height: 14px;
  color: #FFE7BB;
}

.sticky-bar.stick {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1004;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-bottom: 0px solid #B9CAD0;
  background: #000000;
}
.sticky-bar.header-white {
  background-color: #ffffff;
}
.sticky-bar.header-bg-2 {
  background-color: #FDEEEC;
}

.user-account {
  display: flex;
  align-items: center;
}
.user-account img {
  max-width: 50px;
  border-radius: 50%;
  margin-right: 10px;
}
.user-account .user-name {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
}

.perfect-scroll {
  height: 100vh;
  width: 100%;
  position: relative;
  max-width: 430px;
  padding: 0px 20px 0px 20px;
  display: inline-block;
}

.body-overlay-1 {
  background: transparent;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  cursor: crosshair;
  z-index: 1002;
}

.mobile-menu-active .body-overlay-1 {
  opacity: 1;
  visibility: visible;
}

.dropdown-menu {
  border: 1px solid #3D565F;
  border-radius: 4px;
}

.dropdown-item {
  font-size: 14px;
  color: #AFEAE4;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {
  color: #AFEAE4;
  text-decoration: none;
  background-color: #3D565F;
}

.dropdown-language .dropdown-item img {
  margin-right: 5px;
}

.box-dropdown-cart {
  position: relative;
}
.box-dropdown-cart .dropdown-account {
  padding: 25px 25px;
  width: 150px;
}
.box-dropdown-cart .dropdown-account ul li {
  margin-bottom: 15px;
}
.box-dropdown-cart .dropdown-account ul li a {
  color: #fff;
  text-decoration: none;
}
.box-dropdown-cart .dropdown-account ul li a img {
  float: left;
  margin: 4px 10px 0px 0px;
}

.dropdown-cart {
  display: none;
  visibility: hidden;
  position: absolute;
  right: -70px;
  top: calc(100% + 22px);
  z-index: 99;
  width: 320px;
  background-color: #fff;
  padding: 22px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 0 0 4px 4px;
  border: 1px solid #3D565F;
}
.dropdown-cart.dropdown-open {
  display: block;
  visibility: visible;
}

.dropdown-account {
  width: 200px;
  right: 0;
  display: none;
  visibility: hidden;
  position: absolute;
  top: calc(100% + 30px);
  border-radius: 8px;
  z-index: 99;
  width: 220px;
  background-color: #000000;
  padding: 22px;
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid #000000;
}
.dropdown-account.dropdown-open {
  display: block;
  visibility: visible;
}
.dropdown-account ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
.dropdown-account ul li:last-child {
  margin: 0;
}
.dropdown-account ul li a {
  color: #fff;
}
.dropdown-account ul li a:hover {
  color: #024430;
}

.item-cart {
  display: flex;
  text-align: left;
}
.item-cart .cart-image {
  min-width: 80px;
  max-width: 80px;
  margin-right: 15px;
}
.item-cart .cart-image img {
  width: 100%;
}
.item-cart .color-brand-3:hover {
  color: #024430 !important;
}

.search-post svg {
  height: 16px;
  color: #071920;
}

.swiper-button-prev-notify, .swiper-button-next-notify {
  background: none;
  height: 14px;
}
.swiper-button-prev-notify:hover, .swiper-button-next-notify:hover {
  background: none;
}

.swiper-button-next-notify {
  left: auto;
  right: 0px;
  top: 12px;
}

.swiper-button-prev-notify {
  left: auto;
  right: 22px;
  top: 12px;
}

.btn-close {
  position: absolute;
  top: 5px;
  background: none;
  right: 0px;
  padding: 7px 22px 5px 22px;
  line-height: 14px;
  opacity: 1;
}
.btn-close svg {
  height: 16px;
}

.swiper-notify.swiper-container {
  padding-bottom: 0px;
}

.box-search-top {
  position: relative;
}
.box-search-top .form-search-top {
  position: absolute;
  top: 54px;
  width: 220px;
  right: -20px;
  background-color: #ffffff;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid #ECF1F2;
  z-index: 123;
  display: none;
  overflow: hidden;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}
.box-search-top .form-search-top .input-search {
  border: 0px solid #ECF1F2;
  border-radius: 4px;
  padding: 5px 10px;
  width: 100%;
}
.box-search-top .form-search-top .btn-search {
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 12;
  padding: 10px;
  height: 46px;
}
.box-search-top .form-search-top .btn-search svg {
  height: 16px;
  color: #4E6770;
}

.header-top-main {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1725490196);
}
.header-top-main .header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 0px;
}
.header-top-main .header-top .arrow-down {
  cursor: pointer;
  background: url(../imgs/template/icons/globe.svg) no-repeat left top 1px;
  padding-left: 22px;
}
.header-top-main .icon-socials {
  margin-right: 0px;
  height: 34px;
  width: 34px;
  line-height: 34px;
}
.header-top-main .burger-icon {
  top: 26px;
  right: 15px;
}

.header-top-sub {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1725490196);
}
.header-top-sub .btn-default {
  background-color: transparent;
}
.header-top-sub .btn-default:hover {
  border-radius: 8px;
}
.header-top-sub .btn-white {
  border-radius: 8px;
}

.header .header-top-sub .nav-main-menu {
  padding-left: 0px;
}
.header .header-top-sub .main-header .header-left .header-right {
  width: 25%;
  min-width: 225px;
}
.header .header-top-sub .main-header .header-left .header-nav {
  width: 85%;
}

.header-homepage5 {
  background-color: transparent;
  position: absolute;
  z-index: 1234;
}
.header-homepage5 .main-header .header-left .header-nav {
  padding-left: 0px;
}
.header-homepage5 .main-menu > li {
  padding: 13px 0px 13px 0px;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.mobile-header-wrapper-style {
  position: fixed;
  top: 0px;
  max-width: 430px;
  width: 100%;
  min-height: 100vh;
  bottom: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
  z-index: 1003;
  padding-top: 66px;
}
.mobile-header-wrapper-style.sidebar-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner {
  padding: 0px 0px 0px 0px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-logo {
  position: relative;
  border-bottom: 1px solid #CDE2E7;
  padding: 15px 30px 15px 30px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-logo img {
  width: 60px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  background-color: #ffffff;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  align-self: center;
  border-bottom: 0;
  margin-bottom: 15px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a {
  display: block;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img {
  width: 100px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area {
  padding: 0px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu {
  max-width: 430px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li {
  display: block;
  position: relative;
  padding: 15px 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:last-child {
  border-bottom: none;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand {
  right: 0;
  position: absolute;
  cursor: pointer;
  z-index: 9;
  text-align: center;
  font-size: 12px;
  display: block;
  width: 30px;
  height: 58px;
  line-height: 44px;
  top: 5px;
  color: #071920;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand i {
  font-size: 18px;
  font-weight: 300;
  opacity: 0.5;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active > .menu-expand {
  background: rgba(255, 255, 255, 0.2);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active > .menu-expand i::before {
  content: "\f113";
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a {
  font-size: 24px;
  line-height: 32px;
  font-family: "DM Sans", sans-serif;
  text-transform: capitalize;
  font-weight: 500;
  position: relative;
  display: inline-block;
  color: #181A1F;
  transition-duration: 0.2s;
  text-decoration: none;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a i {
  margin-right: 5px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a:hover {
  color: #06D6A0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul {
  padding: 15px 0 0px 10px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li {
  padding: 0px 0;
  border-bottom: none;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children .menu-expand {
  top: 0px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li:hover a {
  padding-left: 13px;
  transition-duration: 0.2s;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a {
  font-size: 16px;
  line-height: 35px;
  display: block;
  font-weight: 400;
  color: #626262;
  padding-left: 10px;
  position: relative;
  transition-duration: 0.2s;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li ul {
  margin-top: 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children.active {
  padding-bottom: 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.hr {
  padding: 0 0 0 10px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.hr span {
  background-color: #B9CAD0;
  height: 1px;
  width: 100%;
  display: block;
  margin: 5px 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:hover > a {
  color: #06D6A0;
  padding-left: 3px;
  transition-duration: 0.2s;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .categories-dropdown-wrap ul li a {
  padding: 5px 15px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap {
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #071920;
  margin: 17px 0 30px 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info {
  position: relative;
  margin-bottom: 13px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:last-child {
  margin-bottom: 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a {
  font-size: 14px;
  display: block;
  font-weight: 500;
  color: #071920;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a:hover {
  color: #071920;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a i {
  font-size: 14px;
  color: #071920;
  margin-right: 8px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown {
  margin-top: 5px;
  display: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px 0 0 0;
  width: 100%;
  z-index: 11;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li {
  padding-bottom: 10px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li:last-child {
  padding-bottom: 0px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a:hover {
  color: #071920;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:hover > a {
  color: #071920;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-border nav {
  display: inline-block;
  width: 100%;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .site-copyright {
  font-size: 12px;
  color: #071920;
  padding-bottom: 20px;
}

.burger-icon {
  position: absolute;
  width: 24px;
  height: 20px;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  top: 10px;
  right: 2px;
  z-index: 1004;
}
.burger-icon.burger-close {
  width: 20px;
}
.burger-icon > span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
}
.burger-icon > span.burger-icon-top {
  top: 2px;
}
.burger-icon > span.burger-icon-bottom {
  bottom: 2px;
}
.burger-icon > span.burger-icon-mid {
  top: 4px;
}
.burger-icon.burger-close {
  position: fixed;
  top: 23px;
  right: 15px;
}
.burger-icon.burger-close > span.burger-icon-top {
  display: none;
  opacity: 0;
}
.burger-icon.burger-close > span.burger-icon-mid {
  top: 8px;
  transform: rotate(45deg);
}
.burger-icon.burger-close > span.burger-icon-bottom {
  bottom: 10px;
  transform: rotate(-45deg);
}

.burger-icon > span::before,
.burger-icon > span::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #333;
}

.burger-icon.burger-icon-white > span::before,
.burger-icon.burger-icon-white > span::after {
  background-color: #ffffff;
}

.burger-icon.burger-close.burger-icon-white > span::before,
.burger-icon.burger-close.burger-icon-white > span::after {
  background-color: #ffffff;
}

.mobile-search form {
  background-color: #F0F2F6;
  border-radius: 8px;
  height: 44px;
  padding: 0px 15px 0px 44px;
  position: relative;
}
.mobile-search form input {
  border: 0;
  background-color: transparent;
  width: 100%;
  padding: 12px 10px;
}
.mobile-search form i {
  position: absolute;
  left: 18px;
  top: 14px;
  font-size: 18px;
  color: #122830;
}

.mobile-social-icon h6 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 30px;
}
.mobile-social-icon a {
  text-align: center;
  font-size: 14px;
  margin-right: 5px;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  height: 30px;
  width: 30px;
  display: inline-flex;
  background: #efeaff;
  border-radius: 30px;
  line-height: 1;
  align-content: center;
  justify-content: center;
}
.mobile-social-icon a img {
  max-width: 18px;
}
.mobile-social-icon a img:hover {
  opacity: 0.8;
}
.mobile-social-icon a:hover {
  transform: translateY(-2px);
  transition-duration: 0.5s;
  margin-top: -2px;
}
.mobile-social-icon a:last-child {
  margin-right: 0;
}

.mobile-account {
  margin: 20px 0 25px 0;
  padding: 30px 0 20px 0;
  border-top: thin solid #B9CAD0;
  border-bottom: thin solid #B9CAD0;
}
.mobile-account ul.mobile-menu {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.mobile-account h6 {
  font-weight: 600;
  font-size: 18px;
}
.mobile-account ul li {
  padding: 8px 0;
}
.mobile-account ul li a {
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  font-weight: 400;
  position: relative;
  display: inline-block;
  color: #071920;
  transition-duration: 0.2s;
  text-decoration: none;
}
.mobile-account ul li:hover a {
  padding-left: 3px;
  transition-duration: 0.2s;
  color: #071920;
}

.box-download-app {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #CDE2E7;
  border-top: 1px solid #CDE2E7;
  margin-bottom: 20px;
  margin-top: 20px;
}

.nav-tabs-mobile {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}
.nav-tabs-mobile li {
  padding: 0px;
  position: relative;
}
.nav-tabs-mobile li a {
  padding: 10px;
  display: flex;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #024430;
}
.nav-tabs-mobile li a svg {
  height: 14px;
  vertical-align: middle;
  float: left;
  margin: 2px 5px 0px 0px !important;
  color: #024430;
}
.nav-tabs-mobile li a:hover, .nav-tabs-mobile li a:hover *, .nav-tabs-mobile li a.active {
  color: #06D6A0;
}
.nav-tabs-mobile li a:hover::before, .nav-tabs-mobile li a:hover *::before, .nav-tabs-mobile li a.active::before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0px;
  background-color: #06D6A0;
}
.nav-tabs-mobile li a.active * {
  color: #06D6A0;
}

.notifications-item {
  padding: 20px 0px 0px 0px;
}
.notifications-item .item-notify {
  margin-bottom: 30px;
  display: flex;
}
.notifications-item .item-notify .item-image {
  min-width: 32px;
  max-width: 32px;
  width: 100%;
  margin-right: 15px;
}
.notifications-item .item-notify .item-info {
  width: 100%;
}
.notifications-item .item-notify .item-time {
  width: 63px;
  max-width: 63px;
  margin-left: 20px;
  min-width: 63px;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.footer {
  background-color: #000000;
  background-image: url(../imgs/template/bg-footer.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}
.footer .btn-download {
  border: 1px solid #fff;
  margin-bottom: 20px;
}
.footer .menu-footer {
  display: inline-block;
}
.footer .menu-footer li {
  list-style: none;
  margin-bottom: 8px;
}
.footer .menu-footer li a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 35px;
  text-decoration: none;
  display: block;
  padding: 0px 0px 0px 0px;
  transition-duration: 0.2s;
  letter-spacing: 0.3px;
}
.footer .menu-footer li a:hover {
  transition-duration: 0.2s;
  padding-left: 2px;
  text-decoration: underline;
}
.footer.footer-white {
  background-color: #ffffff;
  background-image: none;
}
.footer.footer-white .footer-bottom, .footer.footer-white .box-footer-top {
  border-color: #E5E5E5;
}
.footer.footer-white .color-white, .footer.footer-white .menu-footer li a, .footer.footer-white .menu-bottom li a {
  color: #181A1F !important;
}
.footer.footer-white .menu-bottom li a:hover {
  text-decoration: underline;
}
.footer.footer-white .btn.btn-link-location {
  background-image: url(../imgs/page/homepage2/marker.png);
  color: #181A1F !important;
  border-radius: 40px;
}
.footer.footer-white .btn.btn-link-location:hover, .footer.footer-white .btn.btn-link-location .active {
  background-color: #FDEEEC;
}
.footer.footer-white .btn.btn-link-globe {
  background-image: url(../imgs/template/icons/globe-black.svg);
  color: #181A1F !important;
  border-radius: 40px;
}
.footer.footer-white .btn.btn-link-globe:hover, .footer.footer-white .btn.btn-link-globe.active {
  background-color: #FDEEEC;
}
.footer.footer-white .icon-socials.icon-facebook {
  background: url(../imgs/template/icons/fb-black.svg) no-repeat center;
}
.footer.footer-white .icon-socials.icon-twitter {
  background: url(../imgs/template/icons/tw-black.svg) no-repeat center;
}
.footer.footer-white .icon-socials.icon-instagram {
  background: url(../imgs/template/icons/instagram-black.svg) no-repeat center;
}
.footer.footer-white .icon-socials.icon-linkedin {
  background: url(../imgs/template/icons/linkedin-black.svg) no-repeat center;
}
.footer.footer-bg-4 {
  background-color: #F6F6F6;
}
.footer.footer-bg-4 .btn.btn-link-globe:hover, .footer.footer-bg-4 .btn.btn-link-globe.active, .footer.footer-bg-4 .btn.btn-link-location:hover, .footer.footer-bg-4 .btn.btn-link-location.active {
  background-color: #ffffff;
}
.footer.footer-3 {
  background-image: none;
}
.footer.footer-4 .btn.btn-link-location:hover, .footer.footer-4 .btn.btn-link-location .active {
  background-color: #ffffff;
}
.footer.footer-4 .btn.btn-link-globe:hover, .footer.footer-4 .btn.btn-link-globe.active {
  background-color: #ffffff;
}
.footer.footer-5 .box-footer-top {
  border-bottom: 0px;
}
.footer.footer-6 {
  padding-top: 60px;
  background-image: none;
}

.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.footer-bottom {
  padding: 28px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.menu-bottom {
  display: inline-block;
}
.menu-bottom li {
  display: inline-block;
  color: #fff;
  padding: 0px 15px;
}
.menu-bottom li a {
  color: #fff;
}
.menu-bottom li a:hover {
  color: #22C58B;
}

.bg-download {
  background-color: #FDEEEC;
  background-image: url(../imgs/page/homepage1/bg-download.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 123px 0px;
  position: relative;
}
.bg-download .container-sub {
  position: relative;
  z-index: 2;
}
.bg-download::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../imgs/page/homepage1/phone.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  z-index: 1;
}

.bg-download-2 {
  background-image: url(../imgs/page/homepage2/bg-download.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 123px 0px;
  position: relative;
}
.bg-download-2 .container-sub {
  position: relative;
  z-index: 2;
}
.bg-download-2::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../imgs/page/homepage1/phone.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  z-index: 1;
}

.bg-download-3 {
  background-image: url(../imgs/page/homepage3/bg-download-3.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 123px 0px;
  position: relative;
}
.bg-download-3 .container-sub {
  position: relative;
  z-index: 2;
}
.bg-download-3::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../imgs/page/homepage1/phone.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  z-index: 1;
}

#scrollUp {
  width: 56px;
  height: 56px;
  color: #fff;
  right: 20px;
  bottom: 20px;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  z-index: 999 !important;
  border: 0;
  background-color: #fff;
  transition-duration: 0.2s;
  background-color: #024430;
}
#scrollUp i {
  display: block;
  line-height: 56px !important;
  font-size: 20px;
  color: #fff;
}
#scrollUp:hover {
  transform: translateY(-3px);
  transition-duration: 0.2s;
  background-color: #066a4c;
}

footer a {
  text-decoration: none;
}

.icon-socials {
  display: inline-block;
  margin-right: 8px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  transition-duration: 0.2s;
  vertical-align: middle;
}
.icon-socials:last-child {
  margin-right: 0px;
}
.icon-socials.icon-facebook {
  background: url(../imgs/template/icons/fb.svg) no-repeat center;
  transition-duration: 0.2s;
}
.icon-socials.icon-facebook:hover {
  background: url(../imgs/template/icons/fb.svg) no-repeat center;
  transition-duration: 0.2s;
  background-color: rgba(255, 255, 255, 0.2);
}
.icon-socials.icon-twitter {
  background: url(../imgs/template/icons/tw.svg) no-repeat center;
  transition-duration: 0.2s;
}
.icon-socials.icon-twitter:hover {
  background: url(../imgs/template/icons/tw.svg) no-repeat center;
  transition-duration: 0.2s;
  background-color: rgba(255, 255, 255, 0.2);
}
.icon-socials.icon-instagram {
  background: url(../imgs/template/icons/instagram.svg) no-repeat center;
  transition-duration: 0.2s;
}
.icon-socials.icon-instagram:hover {
  background: url(../imgs/template/icons/instagram.svg) no-repeat center;
  transition-duration: 0.2s;
  background-color: rgba(255, 255, 255, 0.2);
}
.icon-socials.icon-linkedin {
  background: url(../imgs/template/icons/linkedin.svg) no-repeat center;
  transition-duration: 0.2s;
}
.icon-socials.icon-linkedin:hover {
  background: url(../imgs/template/icons/linkedin.svg) no-repeat center;
  transition-duration: 0.2s;
  background-color: rgba(255, 255, 255, 0.2);
}
.icon-socials:hover {
  transform: translateY(-3px);
  transition-duration: 0.2s;
  border-radius: 50%;
}

.footer-white .icon-socials:hover {
  background-color: #FDEEEC !important;
}

.box-footer-top {
  padding: 30px 0px 10px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 60px;
}

.whatsapp-box {
  display: flex;
  position: relative;
}

.whatsapp-container {
  display: inline-flex;
  position: fixed;
  z-index: 20;
  border-radius: 9999px;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  background: #25d366;
  width: 44px;
  height: 44px;
  right: 24px;
  bottom: 24px;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@media (min-width: 640px) {
  .whatsapp-container {
    right: 34px;
    bottom: 39px;
  }
}

.whatsapp-link {
  display: flex;
  position: fixed;
  z-index: 20;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  color: #ffffff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  width: 52px;
  height: 52px;
  background: #25d366;
  right: 20px;
  bottom: 20px;
}
@media (min-width: 640px) {
  .whatsapp-link {
    right: 30px;
    bottom: 35px;
  }
}

/*LAYOUT -> SPACING**/
.section-padding-30 {
  padding: 30px 0;
}

.section-padding-50 {
  padding: 50px 0;
}

.section-padding-60 {
  padding: 60px 0;
}

.section-padding {
  padding: 25px 0;
}

.ml-3 {
  margin-left: 3px;
}

.ptb-0 {
  padding: 0;
}

.ptb-10 {
  padding: 10px 0;
}

.ptb-20 {
  padding: 20px 0;
}

.ptb-30 {
  padding: 30px 0;
}

.ptb-35 {
  padding: 35px 0;
}

.ptb-32 {
  padding: 32px 0;
}

.ptb-40 {
  padding: 40px 0;
}

.ptb-50 {
  padding: 50px 0;
}

.ptb-60 {
  padding: 60px 0;
}

.ptb-70 {
  padding: 70px 0;
}

.ptb-80 {
  padding: 80px 0;
}

.ptb-90 {
  padding: 90px 0;
}

.ptb-100 {
  padding: 100px 0;
}

.ptb-110 {
  padding: 110px 0;
}

.ptb-120 {
  padding: 120px 0;
}

.ptb-130 {
  padding: 130px 0;
}

.ptb-140 {
  padding: 140px 0;
}

.ptb-150 {
  padding: 150px 0;
}

.ptb-160 {
  padding: 160px 0;
}

.ptb-170 {
  padding: 170px 0;
}

.ptb-177 {
  padding: 177px 0;
}

.ptb-180 {
  padding: 180px 0;
}

.ptb-190 {
  padding: 190px 0;
}

.ptb-200 {
  padding: 200px 0;
}

.ptb-210 {
  padding: 210px 0;
}

.ptb-220 {
  padding: 220px 0;
}

.ptb-290 {
  padding: 290px 0;
}

.ptb-310 {
  padding: 310px 0;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-65 {
  padding: 65px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-105 {
  padding-top: 105px !important;
}

.pt-110 {
  padding-top: 110px !important;
}

.pt-115 {
  padding-top: 115px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pt-125 {
  padding-top: 125px !important;
}

.pt-130 {
  padding-top: 130px !important;
}

.pt-135 {
  padding-top: 135px !important;
}

.pt-140 {
  padding-top: 140px !important;
}

.pt-145 {
  padding-top: 145px !important;
}

.pt-150 {
  padding-top: 150px !important;
}

.pt-155 {
  padding-top: 155px !important;
}

.pt-160 {
  padding-top: 160px !important;
}

.pt-165 {
  padding-top: 165px !important;
}

.pt-170 {
  padding-top: 170px !important;
}

.pt-175 {
  padding-top: 175px !important;
}

.pt-180 {
  padding-top: 180px !important;
}

.pt-185 {
  padding-top: 185px !important;
}

.pt-190 {
  padding-top: 190px !important;
}

.pt-195 {
  padding-top: 195px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.pt-260 {
  padding-top: 260px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-105 {
  padding-bottom: 105px !important;
}

.pb-110 {
  padding-bottom: 110px !important;
}

.pb-115 {
  padding-bottom: 115px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.pb-125 {
  padding-bottom: 125px !important;
}

.pb-130 {
  padding-bottom: 130px !important;
}

.pb-135 {
  padding-bottom: 135px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}

.pb-145 {
  padding-bottom: 145px !important;
}

.pb-150 {
  padding-bottom: 150px !important;
}

.pb-155 {
  padding-bottom: 155px !important;
}

.pb-160 {
  padding-bottom: 160px !important;
}

.pb-165 {
  padding-bottom: 165px !important;
}

.pb-170 {
  padding-bottom: 170px !important;
}

.pb-175 {
  padding-bottom: 175px !important;
}

.pb-180 {
  padding-bottom: 180px !important;
}

.pb-185 {
  padding-bottom: 185px !important;
}

.pb-190 {
  padding-bottom: 190px !important;
}

.pb-195 {
  padding-bottom: 195px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pl-105 {
  padding-left: 105px !important;
}

.pl-110 {
  padding-left: 110px !important;
}

.pl-115 {
  padding-left: 115px !important;
}

.pl-120 {
  padding-left: 120px !important;
}

.pl-125 {
  padding-left: 125px !important;
}

.pl-130 {
  padding-left: 130px !important;
}

.pl-135 {
  padding-left: 135px !important;
}

.pl-140 {
  padding-left: 140px !important;
}

.pl-145 {
  padding-left: 145px !important;
}

.pl-150 {
  padding-left: 150px !important;
}

.pl-155 {
  padding-left: 155px !important;
}

.pl-160 {
  padding-left: 160px !important;
}

.pl-165 {
  padding-left: 165px !important;
}

.pl-170 {
  padding-left: 170px !important;
}

.pl-175 {
  padding-left: 175px !important;
}

.pl-180 {
  padding-left: 180px !important;
}

.pl-185 {
  padding-left: 185px !important;
}

.pl-190 {
  padding-left: 190px !important;
}

.pl-195 {
  padding-left: 195px !important;
}

.pl-200 {
  padding-left: 200px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pr-105 {
  padding-right: 105px !important;
}

.pr-110 {
  padding-right: 110px !important;
}

.pr-115 {
  padding-right: 115px !important;
}

.pr-120 {
  padding-right: 120px !important;
}

.pr-125 {
  padding-right: 125px !important;
}

.pr-130 {
  padding-right: 130px !important;
}

.pr-135 {
  padding-right: 135px !important;
}

.pr-140 {
  padding-right: 140px !important;
}

.pr-145 {
  padding-right: 145px !important;
}

.pr-150 {
  padding-right: 150px !important;
}

.pr-155 {
  padding-right: 155px !important;
}

.pr-160 {
  padding-right: 160px !important;
}

.pr-165 {
  padding-right: 165px !important;
}

.pr-170 {
  padding-right: 170px !important;
}

.pr-175 {
  padding-right: 175px !important;
}

.pr-180 {
  padding-right: 180px !important;
}

.pr-185 {
  padding-right: 185px !important;
}

.pr-190 {
  padding-right: 190px !important;
}

.pr-195 {
  padding-right: 195px !important;
}

.pr-200 {
  padding-right: 200px !important;
}

.plr-5-percent {
  padding: 0 5%;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.px-55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.px-65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.px-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.px-75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.px-85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.px-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.px-95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.px-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

/***************************
    Page section margin
****************************/
.mtb-0 {
  margin: 0;
}

.mtb-10 {
  margin: 10px 0;
}

.mtb-15 {
  margin: 15px 0;
}

.mtb-20 {
  margin: 20px 0;
}

.mtb-30 {
  margin: 30px 0;
}

.mtb-40 {
  margin: 40px 0;
}

.mtb-50 {
  margin: 50px 0;
}

.mtb-60 {
  margin: 60px 0;
}

.mtb-70 {
  margin: 70px 0;
}

.mtb-80 {
  margin: 80px 0;
}

.mtb-90 {
  margin: 90px 0;
}

.mtb-100 {
  margin: 100px 0;
}

.mtb-110 {
  margin: 110px 0;
}

.mtb-120 {
  margin: 120px 0;
}

.mtb-130 {
  margin: 130px 0;
}

.mtb-140 {
  margin: 140px 0;
}

.mtb-150 {
  margin: 150px 0;
}

.mtb-290 {
  margin: 290px 0;
}

.mb-24 {
  margin-bottom: 24px;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-105 {
  margin-top: 105px !important;
}

.mt-110 {
  margin-top: 110px !important;
}

.mt-115 {
  margin-top: 115px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mt-125 {
  margin-top: 125px !important;
}

.mt-130 {
  margin-top: 130px !important;
}

.mt-135 {
  margin-top: 135px !important;
}

.mt-140 {
  margin-top: 140px !important;
}

.mt-145 {
  margin-top: 145px !important;
}

.mt-150 {
  margin-top: 150px !important;
}

.mt-155 {
  margin-top: 155px !important;
}

.mt-160 {
  margin-top: 160px !important;
}

.mt-165 {
  margin-top: 165px !important;
}

.mt-170 {
  margin-top: 170px !important;
}

.mt-175 {
  margin-top: 175px !important;
}

.mt-180 {
  margin-top: 180px !important;
}

.mt-185 {
  margin-top: 185px !important;
}

.mt-190 {
  margin-top: 190px !important;
}

.mt-195 {
  margin-top: 195px !important;
}

.mt-200 {
  margin-top: 200px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-105 {
  margin-bottom: 105px !important;
}

.mb-110 {
  margin-bottom: 110px !important;
}

.mb-115 {
  margin-bottom: 115px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.mb-125 {
  margin-bottom: 125px !important;
}

.mb-130 {
  margin-bottom: 130px !important;
}

.mb-135 {
  margin-bottom: 135px !important;
}

.mb-140 {
  margin-bottom: 140px !important;
}

.mb-145 {
  margin-bottom: 145px !important;
}

.mb-150 {
  margin-bottom: 150px !important;
}

.mb-155 {
  margin-bottom: 155px !important;
}

.mb-160 {
  margin-bottom: 160px !important;
}

.mb-165 {
  margin-bottom: 165px !important;
}

.mb-170 {
  margin-bottom: 170px !important;
}

.mb-175 {
  margin-bottom: 175px !important;
}

.mb-180 {
  margin-bottom: 180px !important;
}

.mb-185 {
  margin-bottom: 185px !important;
}

.mb-190 {
  margin-bottom: 190px !important;
}

.mb-195 {
  margin-bottom: 195px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.ml-105 {
  margin-left: 105px !important;
}

.ml-110 {
  margin-left: 110px !important;
}

.ml-115 {
  margin-left: 115px !important;
}

.ml-120 {
  margin-left: 120px !important;
}

.ml-125 {
  margin-left: 125px !important;
}

.ml-130 {
  margin-left: 130px !important;
}

.ml-135 {
  margin-left: 135px !important;
}

.ml-140 {
  margin-left: 140px !important;
}

.ml-145 {
  margin-left: 145px !important;
}

.ml-150 {
  margin-left: 150px !important;
}

.ml-155 {
  margin-left: 155px !important;
}

.ml-160 {
  margin-left: 160px !important;
}

.ml-165 {
  margin-left: 165px !important;
}

.ml-170 {
  margin-left: 170px !important;
}

.ml-175 {
  margin-left: 175px !important;
}

.ml-180 {
  margin-left: 180px !important;
}

.ml-185 {
  margin-left: 185px !important;
}

.ml-190 {
  margin-left: 190px !important;
}

.ml-195 {
  margin-left: 195px !important;
}

.ml-200 {
  margin-left: 200px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mr-105 {
  margin-right: 105px !important;
}

.mr-110 {
  margin-right: 110px !important;
}

.mr-115 {
  margin-right: 115px !important;
}

.mr-120 {
  margin-right: 120px !important;
}

.mr-125 {
  margin-right: 125px !important;
}

.mr-130 {
  margin-right: 130px !important;
}

.mr-135 {
  margin-right: 135px !important;
}

.mr-140 {
  margin-right: 140px !important;
}

.mr-145 {
  margin-right: 145px !important;
}

.mr-150 {
  margin-right: 150px !important;
}

.mr-155 {
  margin-right: 155px !important;
}

.mr-160 {
  margin-right: 160px !important;
}

.mr-165 {
  margin-right: 165px !important;
}

.mr-170 {
  margin-right: 170px !important;
}

.mr-175 {
  margin-right: 175px !important;
}

.mr-180 {
  margin-right: 180px !important;
}

.mr-185 {
  margin-right: 185px !important;
}

.mr-190 {
  margin-right: 190px !important;
}

.mr-195 {
  margin-right: 195px !important;
}

.mr-200 {
  margin-right: 200px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.mx-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mx-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.mx-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.mx-65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.mx-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.mx-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.mx-85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.mx-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.mx-95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.mx-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.box-author {
  display: flex;
  align-items: center;
}
.box-author img {
  max-width: 56px;
  height: 56px;
  width: 56px;
  border-radius: 50%;
  margin-right: 10px;
}
.box-author .author-info .author-name {
  display: block;
}
.box-author .author-info img {
  width: 12px;
  height: auto;
  border-radius: 0;
  margin-right: 0px;
  max-width: 100%;
}

.list-faqs {
  padding: 0px;
  margin: 0px;
  list-style: none;
  border: 0px;
}
.list-faqs li {
  margin-bottom: 15px;
  width: 100%;
}
.list-faqs li a {
  display: flex;
  padding: 14px 26px 16px 26px;
  border: 1px solid #ECF1F2;
  color: #4E6770;
  border-radius: 4px;
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.list-faqs li a span {
  width: 100%;
  display: inline-block;
}
.list-faqs li a svg {
  display: inline-block;
  margin-top: 4px;
  transition-duration: 0.2s;
}
.list-faqs li a:hover, .list-faqs li a.active {
  background-color: #066a4c;
  color: #FFE7BB !important;
}
.list-faqs li a:hover svg, .list-faqs li a:hover *, .list-faqs li a.active svg, .list-faqs li a.active * {
  color: #FFE7BB !important;
}
.list-faqs li a:hover svg {
  transform: rotate(-45deg);
  transition-duration: 0.2s;
}

.accordion .accordion-item {
  border-bottom: 1px solid #E5E5E5;
  transition: all 0.4s ease;
}
.accordion .accordion-button {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  color: #181A1F;
  border: 0px;
  padding: 20px 0px 20px 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  transition: all 0.4s ease;
}
.accordion .accordion-collapse {
  border-width: 0 0;
  background-color: #ffffff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all 0.4s ease;
}
.accordion .accordion-body {
  padding: 0px 0px 30px 0px;
  font-size: 16px;
  line-height: 28px;
  transition: all 0.4s ease;
}

.accordion-button::after {
  width: 30px;
  height: 30px;
  background-size: 30px;
}

.accordion-button:not(.collapsed) {
  background-color: #ffffff;
}
.box-search-ride {
  background-color: #ffffff;
  border-radius: 100px;
  padding: 20px 5px;
  position: absolute;
  bottom: 50px;
  left: 0px;
  right: 0px;
  margin: auto;
  z-index: 3;
  max-width: 1170px;
  display: flex;
  align-items: center;
}
.box-search-ride .search-item {
  width: 100%;
  display: flex;
  padding: 0px 15px;
  align-items: center;
  position: relative;
}
.box-search-ride .search-item .search-icon {
  max-width: 28px;
  width: 100%;
  min-width: 28px;
  margin-right: 15px;
  margin-left: 5px;
}
.box-search-ride .search-item .search-icon .item-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  background-color: #F6F6F6;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.box-search-ride .search-item .search-icon .item-icon.icon-date {
  background-image: url(../imgs/custom/calendar.svg);
  background-size: contain;
}
.box-search-ride .search-item .search-icon .item-icon.icon-time {
  background-image: url(../imgs/custom/time.svg);
  background-size: contain;
}
.box-search-ride .search-item .search-icon .item-icon.icon-from {
  background-image: url(../imgs/custom/location.svg);
  background-size: contain;
}
.box-search-ride .search-item .search-icon .item-icon.icon-to {
  background-image: url(../imgs/custom/to.svg);
  background-size: contain;
}
.box-search-ride .search-item .search-inputs {
  width: 100%;
}
.box-search-ride .search-item .search-inputs .search-input {
  width: 100%;
  display: inline-block;
  padding: 0px;
  border: 0px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #181A1F;
  background-color: transparent;
}
.box-search-ride .search-item .search-inputs .search-input.text-input:focus {
  background-color: #ffffff;
  padding: 8px;
  border-radius: 4px;
}
.box-search-ride .search-item .search-inputs .search-input.text-input:focus::placeholder {
  color: #626262;
}
.box-search-ride .search-button {
  max-width: 161px;
  min-width: 161px;
}
.box-search-ride .search-time {
  max-width: 200px;
  min-width: 200px;
}
.box-search-ride .search-date {
  max-width: 230px;
  min-width: 230px;
}

.list-logos {
  display: flex;
  align-items: center;
}
.list-logos li {
  width: 100%;
  text-align: right;
}

.icon-16 {
  height: 16px;
}

.bg-our-fleet {
  background-image: url(../imgs/page/homepage1/bg-our-fleet.png);
  background-repeat: no-repeat;
  background-position: left top 230px;
}

.box-pagination-fleet {
  position: relative;
  margin-top: 60px;
}

.swiper-button-prev-fleet {
  margin-right: 15px;
}

.swiper-button-next-fleet, .swiper-button-prev-fleet {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

.swiper-button-next-fleet, .swiper-button-prev-fleet {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 1px solid #E5E5E5;
  line-height: 67px;
  text-align: center;
  display: inline-block;
  background-image: none;
}
.swiper-button-next-fleet svg, .swiper-button-prev-fleet svg {
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #181A1F;
}
.swiper-button-next-fleet:hover, .swiper-button-prev-fleet:hover {
  border-color: #181A1F;
  background-color: #F6F6F6;
}

.bg-our-service-2 .swiper-button-next-fleet, .bg-our-service-2 .swiper-button-prev-fleet {
  line-height: 67px;
}
.bg-our-service-2 .swiper-button-next-fleet svg, .bg-our-service-2 .swiper-button-prev-fleet svg {
  color: #fff;
  height: 20px;
}
.bg-our-service-2 .swiper-button-next-fleet:hover svg, .bg-our-service-2 .swiper-button-prev-fleet:hover svg {
  color: #181A1F;
}

.slider-nav-thumbnails {
  max-width: 439px;
  margin: auto 0 auto auto;
}

.list-how.slider-nav-thumbnails {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.list-how.slider-nav-thumbnails .slick-list .slick-track li {
  padding-bottom: 60px;
  position: relative;
  padding-left: 50px;
  cursor: pointer;
}
.list-how.slider-nav-thumbnails .slick-list .slick-track li .line-white {
  display: none;
  height: 56px;
  width: 3px;
  position: absolute;
  top: 36px;
  border-radius: 60px;
  background-color: #ffffff;
  left: 8px;
}
.list-how.slider-nav-thumbnails .slick-list .slick-track li::before {
  content: "";
  height: 20px;
  width: 20px;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: 0.6;
  position: absolute;
  top: 6px;
  left: 0px;
}
.list-how.slider-nav-thumbnails .slick-list .slick-track li::after {
  content: "";
  bottom: 4px;
  width: 3px;
  opacity: 0.2;
  position: absolute;
  top: 36px;
  background-color: #ffffff;
  left: 8px;
  border-radius: 60px;
}
.list-how.slider-nav-thumbnails .slick-list .slick-track li h4, .list-how.slider-nav-thumbnails .slick-list .slick-track li p {
  color: #fff;
  opacity: 0.6;
}
.list-how.slider-nav-thumbnails .slick-list .slick-track li.slick-current::before {
  opacity: 1;
}
.list-how.slider-nav-thumbnails .slick-list .slick-track li.slick-current h4, .list-how.slider-nav-thumbnails .slick-list .slick-track li.slick-current p {
  opacity: 1;
}
.list-how.slider-nav-thumbnails .slick-list .slick-track li.slick-current .line-white {
  display: block;
}
.list-how.slider-nav-thumbnails .slick-list .slick-track li.slick-active:last-child::after {
  display: none;
}
.list-how.slider-nav-thumbnails .slick-list .slick-track li.slick-active:last-child .line-white {
  display: none;
}

.box-main-slider {
  width: 100%;
  position: absolute;
  top: 15%;
  right: 0px;
  max-width: 52%;
}

.detail-gallery {
  display: inline-block;
  vertical-align: middle;
  min-height: 510px;
  width: 100%;
  position: relative;
  z-index: 4;
}
.detail-gallery .main-image-slider .slick-slide {
  display: flex;
  align-items: center;
  max-height: 630px;
  width: 100%;
  text-align: right;
}
.detail-gallery .main-image-slider .slick-slide img {
  max-height: 600px;
  max-width: 100%;
}

.bg-how-it-works {
  position: relative;
}
.bg-how-it-works::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../imgs/page/homepage1/line.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.bg-how-it-works .position-z3 {
  position: relative;
  z-index: 3;
}

.box-faqs {
  max-width: 770px;
  margin: auto;
}

.bg-showcase {
  background-color: #E95440;
  background-image: url(../imgs/page/homepage1/bg-showcase.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  border-radius: 6px;
  padding-left: 20px;
  padding-right: 20px;
}

.bg-our-service {
  background-image: url(../imgs/page/homepage1/bg-our-service.png);
  background-repeat: no-repeat;
  background-position: right top -460px;
}

.bg-faqs {
  background-image: url(../imgs/page/homepage1/bg-faqs.png);
  background-repeat: no-repeat;
  background-position: left -100px bottom 50px;
}

.box-showcase {
  padding-left: 60px;
  padding-right: 60px;
}

.box-quote {
  display: flex;
  align-items: center;
  margin-bottom: 60px;
}
.box-quote .icon-quote {
  height: 70px;
  width: 70px;
  border-radius: 6px;
  background-color: #ffffff;
  background-image: url(../imgs/page/homepage1/quote.png);
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 20px;
}

.content-quote {
  font-size: 24px;
  line-height: 40px;
  color: #fff;
  font-weight: 500;
}

.box-video {
  max-width: 370px;
  width: 100%;
  position: relative;
  border-radius: 6px;
  display: inline-block;
}
.box-video img {
  border-radius: 6px;
  width: 100%;
}
.box-video .btn-play {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 50%;
  left: -50px;
  margin-top: -50px;
  background-image: url(../imgs/page/homepage1/play.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}

.cardIconStyleCircle .cardIconTitleDesc .cardIcon {
  position: relative;
}
.cardIconStyleCircle .cardIconTitleDesc .cardIcon::before {
  content: "";
  height: 60px;
  width: 60px;
  background-color: #FDEEEC;
  border-radius: 50%;
  position: absolute;
  top: -25px;
  left: 0px;
  right: 0px;
  margin: auto;
  z-index: 1;
}
.cardIconStyleCircle .cardIconTitleDesc .cardIcon img {
  position: relative;
  z-index: 2;
}

.box-gallery {
  display: flex;
}
.box-gallery .gallery-1 {
  width: 311px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.box-gallery .gallery-1 img {
  border-radius: 6px;
}
.box-gallery .gallery-2 {
  width: 249px;
}
.box-gallery .gallery-2 img {
  margin-bottom: 10px;
  display: block;
  border-radius: 6px;
}

.box-region-right {
  padding-left: 110px;
}

.bg-region {
  background-image: url(../imgs/page/homepage1/maps.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}

.tags a {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}

.box-pagination-testimonials {
  position: relative;
  display: inline-block;
}
.box-pagination-testimonials .firstNumber, .box-pagination-testimonials .lastNumber {
  position: absolute;
  top: 3px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
}
.box-pagination-testimonials .firstNumber {
  left: 0px;
}
.box-pagination-testimonials .lastNumber {
  right: 0px;
}
.box-pagination-testimonials .swiper-pagination.swiper-pagination-testimonials {
  text-align: left;
  position: relative;
  padding: 0px 34px 0px 30px;
}
.box-pagination-testimonials .swiper-pagination.swiper-pagination-testimonials .swiper-pagination-bullet {
  width: 50px;
  height: 2px;
  display: inline-block;
  background: #ffffff;
  opacity: 0.2;
  margin: 0px;
  border-radius: 0px;
}
.box-pagination-testimonials .swiper-pagination.swiper-pagination-testimonials .swiper-pagination-bullet-active {
  opacity: 1;
  width: 50px;
  height: 2px;
}

.box-testimonials {
  background-image: url(../imgs/page/homepage1/bg-testimonials.png);
  background-repeat: no-repeat;
  background-position: top right 35%;
}

.list-ticks li {
  font-size: 18px;
  line-height: 50px;
  font-weight: 500;
  color: #181A1F;
  padding: 0px 0px 0px 40px;
  position: relative;
}
.list-ticks li::before {
  content: "";
  height: 25px;
  width: 25px;
  background-color: rgba(6, 214, 160, 0.1);
  border-radius: 50%;
  background-image: url(../imgs/custom/tick-green.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.box-list-how {
  position: relative;
}
.box-list-how ul {
  display: flex;
  width: 100%;
}
.box-list-how ul li {
  width: 100%;
  padding-right: 180px;
  display: inline-block;
}
.box-list-how ul li:last-child {
  padding-right: 0px;
  min-width: 270px;
  max-width: 270px;
}
.box-list-how ul li.has-arrow {
  background-image: url(../imgs/page/homepage2/arrow-button.png);
  background-repeat: no-repeat;
  background-position: right 60px top 80px;
}

.box-fleet-cover {
  padding-left: 100px;
  padding-right: 100px;
}

.box-fleet-padding {
  background-color: #F6F6F6;
  border-radius: 12px;
  padding-top: 120px;
  padding-bottom: 120px;
  background-image: url(../imgs/page/homepage2/bg-line.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.box-image-showcase {
  position: relative;
}
.box-image-showcase > img {
  border-radius: 6px;
  display: block;
}

.box-btn-play-video {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.box-btn-play-video .btn-white {
  border-radius: 6px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}
.box-btn-play-video .btn-white:hover {
  background-color: #E95440;
}

.box-number-info {
  border: 1px solid #E5E5E5;
  padding: 10px 26px;
  border-radius: 6px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  min-height: 83px;
}
.box-number-info .text-number {
  display: inline-block;
  padding-right: 15px;
}
.box-number-info .text-number-info {
  width: 100%;
  display: inline-block;
}

.block-padding-100 {
  padding-left: 100px;
  padding-right: 100px;
}
.block-padding-100 .block-padding-inner {
  border-radius: 12px;
  padding: 120px 0px;
}

.bg-testimonial {
  background-image: url(../imgs/page/homepage2/quote.png);
  background-repeat: no-repeat;
  background-position: right 175px top 49px;
  background-size: auto;
}

.swiper-group-testimonials-2 .swiper-slide {
  padding: 40px;
  width: 100% !important;
}

.bg-testimonial .box-region-right {
  padding-left: 30px;
}

.box-pagination-button-testimonials-2 {
  position: relative;
  padding-left: 40px;
  display: flex;
  position: relative;
  align-items: center;
  padding-top: 20px;
}
.box-pagination-button-testimonials-2 .swiper-button-prev-testimonials-2, .box-pagination-button-testimonials-2 .swiper-button-next-testimonials-2 {
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
  display: inline-block;
  left: auto;
  height: 40px;
  width: 40px;
}
.box-pagination-button-testimonials-2 .swiper-pagination-testimonials-2 {
  display: inline-block;
  padding-left: 20px;
  width: auto;
  position: relative;
  top: auto;
  margin: 0px;
}
.box-pagination-button-testimonials-2 .swiper-button-prev-testimonials-2 {
  background-image: url(../imgs/page/homepage2/prev-white.png);
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.box-pagination-button-testimonials-2 .swiper-button-next-testimonials-2 {
  background-image: url(../imgs/page/homepage2/next-white.png);
  background-repeat: no-repeat;
  background-position: center;
}

.latest-new-white .tags a, .latest-new-white .color-white {
  color: #181A1F !important;
}
.latest-new-white .btn.btn-arrow-up {
  border-color: #181A1F;
}
.latest-new-white .btn.btn-arrow-up svg {
  color: #181A1F;
}
.latest-new-white .datePost .color-white {
  color: #fff !important;
}

.box-banner-homepage-2 {
  position: relative;
}

.box-search-ride-style-2 {
  display: inline-block;
  background-color: transparent;
  bottom: 0px;
  width: 100%;
}
.box-search-ride-style-2 .box-search-tabs {
  max-width: 470px;
  width: 100%;
  border-radius: 6px;
  bottom: -60px;
  right: 0px;
  background-color: #ffffff;
  position: absolute;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
}
.box-search-ride-style-2 .box-form-search {
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
}
.box-search-ride-style-2 .box-form-search .btn-search {
  background-color: #E95440;
  border-radius: 6px;
  width: 100%;
}
.box-search-ride-style-2 .box-form-search .btn-search:hover {
  background-color: #000000;
}
.box-search-ride-style-2 .search-item {
  background: #F6F6F6;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 20px;
  width: 100%;
}
.box-search-ride-style-2 .search-item.search-date, .box-search-ride-style-2 .search-item.search-time, .box-search-ride-style-2 .search-item.search-button {
  min-width: 100%;
  max-width: 100%;
}
.box-search-ride-style-2 .search-item.search-button {
  padding: 0px;
}
.box-search-ride-style-2 .search-item .search-icon .item-icon {
  background-color: #ffffff;
  border-radius: 6px;
}
.box-search-ride-style-2 .search-item .search-inputs .search-input {
  line-height: 18px;
}
.box-search-ride-style-2 .search-item .search-inputs .text-14 {
  line-height: 16px;
}

.nav-tabs-search {
  border-bottom: 1px solid #E5E5E5;
}
.nav-tabs-search li {
  padding: 0px 30px;
  position: relative;
}
.nav-tabs-search li a {
  position: relative;
  display: block;
  padding: 26px 0px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #626262;
}
.nav-tabs-search li a.active, .nav-tabs-search li a:hover {
  color: #181A1F;
}
.nav-tabs-search li a.active::before, .nav-tabs-search li a:hover::before {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #181A1F;
  bottom: 0px;
  left: 0px;
  position: absolute;
}

.box-fleet-padding.bg-testimonial {
  padding-bottom: 40px;
}

.box-fleet-padding.bg-download-2 {
  background-image: url(../imgs/page/homepage2/bg-line.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.dropdown-menu-box {
  display: inline-block;
}
.dropdown-menu-box .dropdown-toggle::after {
  display: none;
}
.dropdown-menu-box .dropdown-toggle {
  padding: 10px 25px 10px 20px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  background: url(../imgs/template/icons/angle-down-black.svg) no-repeat right center;
}
.dropdown-menu-box .dropdown-menu {
  border: #E5E5E5 1px solid;
}
.dropdown-menu-box .dropdown-menu .dropdown-item {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #181A1F;
}
.dropdown-menu-box .dropdown-menu .dropdown-item:hover {
  background-color: #F0FBF7;
}

.our-fleet-2 .cardFleet .cardInfoBottom .passenger {
  position: relative;
  min-width: 170px;
  max-width: 170px;
}
.our-fleet-2 .cardFleet .cardInfoBottom .luggage {
  justify-content: flex-start;
}
.our-fleet-2 .cardFleetStyle3 .cardInfoBottom .passenger {
  min-width: 70px;
  max-width: 70px;
}

.fleet-style-5 .cardFleet:hover {
  border-color: #000000;
  background-color: #ffffff;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
}

.fleet-style-3 .cardFleet {
  border: 0px;
}
.fleet-style-3 .cardFleet:hover {
  background-color: #ffffff;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
}

.passengers-info {
  display: inline-block;
  padding: 0px 0px 0px 22px;
  background-image: url(../imgs/template/icons/friend.svg);
  background-position: left center;
  background-repeat: no-repeat;
}

.luggages-info {
  display: inline-block;
  padding: 0px 0px 0px 22px;
  background-image: url(../imgs/template/icons/luggage.svg);
  background-position: left center;
  background-repeat: no-repeat;
}

.box-vehicle-price {
  background-color: #F0FBF7;
  border-radius: 6px;
  padding: 15px 30px;
}

.list-prices {
  padding: 0px;
  margin: 0px;
  display: block;
  list-style: none;
}
.list-prices li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #E5E5E5;
  padding: 15px 0px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #181A1F;
}
.list-prices li span.text {
  width: 100%;
}
.list-prices li span.price {
  min-width: 42px;
  max-width: 42px;
  width: 100%;
}
.list-prices li:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.mw-100 {
  max-width: 100% !important;
}

.text-conditions {
  font-size: 14px;
  line-height: 18px;
  color: #181A1F;
  font-weight: 400;
  padding: 0px 0px 0px 20px;
  display: inline-block;
}
.text-conditions.icon-meet {
  background-image: url(../imgs/page/fleet/meet.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.text-conditions.icon-free-cancel {
  background-image: url(../imgs/page/fleet/free-cancel.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.text-conditions.icon-free-wait {
  background-image: url(../imgs/page/fleet/free-wait.png);
  background-position: left center;
  background-repeat: no-repeat;
}
.text-conditions.icon-safe {
  background-image: url(../imgs/page/fleet/safe.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.banner-image-service {
  position: relative;
  background-image: url(../imgs/page/services/banner.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 500px;
  height: 500px;
}

.box-form-service-single {
  position: relative;
}
.box-form-service-single .box-search-ride-style-2 .box-search-tabs {
  bottom: 80px;
  position: absolute;
  max-width: 370px;
  right: 10px;
}

.box-info-left {
  padding-right: 50px;
}

.box-info-right {
  padding-left: 50px;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.icon-quote.bg-secondary {
  background-image: url(../imgs/page/about/quote.png);
}

.box-pagination-testimonials.swiper-pagination-grey .swiper-pagination .swiper-pagination-bullet {
  background-color: #181A1F;
}
.box-pagination-testimonials.swiper-pagination-grey .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000000;
}
.box-pagination-testimonials.swiper-pagination-grey .firstNumber, .box-pagination-testimonials.swiper-pagination-grey .lastNumber {
  color: #181A1F;
}

.list-the-trip li {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}
.list-the-trip li .cardImage {
  min-width: 80px;
  max-width: 80px;
  width: 100%;
  margin-right: 20px;
}
.list-the-trip li .cardInfo {
  width: 100%;
}

.box-the-trip {
  padding: 120px 0px 90px 0px;
  max-width: 540px;
}

.bg-your-trip {
  position: relative;
}

.box-the-trip-right {
  max-width: 45%;
  width: 100%;
  background: url(../imgs/page/about/bg-trip.png) no-repeat top right;
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
}

.banner-about {
  position: relative;
}

.padding-box {
  padding: 60px 0px;
}

.box-banner-right {
  position: absolute;
  bottom: -50px;
  right: 0px;
  overflow: hidden;
  max-width: 55%;
  top: 0px;
  width: 100%;
  height: calc(100% + 50px);
  background: url(../imgs/page/about/banner2.png) no-repeat top center;
  background-size: cover;
}

.mw-770 {
  max-width: 770px;
  margin: auto;
}

.form-contact-2 .form-contact {
  max-width: 520px;
}

.box-offices {
  padding-left: 50px;
}

.box-offices .cardContact .cardImage img {
  max-height: 60px;
}
.box-offices .cardContact .mb-30 {
  margin-bottom: 20px !important;
}

.list-contact-infos {
  display: block;
  width: 100%;
}
.list-contact-infos li {
  display: flex;
  margin-bottom: 60px;
}
.list-contact-infos li .contact-icon {
  min-width: 62px;
  margin-right: 40px;
}
.list-contact-infos li .contact-info {
  width: 100%;
}

.box-banner-contact-2 {
  max-width: 50%;
  top: 70px;
  height: auto;
}

.map-contact {
  width: 100%;
  height: 700px;
}

.box-banner-contact-2 iframe {
  height: 100%;
  width: 100%;
}

.form-contact .result-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.content-team-single {
  max-width: 670px;
}
.content-team-single .tab-content {
  padding: 30px 0px;
}
.content-team-single .tab-content p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 28px;
  color: #181A1F;
}

.list-tabs-team {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E5E5E5;
}
.list-tabs-team li a {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #626262;
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
}
.list-tabs-team li a.active, .list-tabs-team li a:hover {
  color: #181A1F;
  border-bottom: 2px solid #181A1F;
}

.list-experiences li {
  position: relative;
}
.list-experiences li .card-experiences .card-experience-circle {
  position: relative;
}
.list-experiences li .card-experiences .card-experience-circle::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
  width: 1px;
  bottom: 10px;
  margin: auto;
  background: url(../imgs/page/team-single/dashed.png);
}
.list-experiences li:last-child .card-experiences .card-experience-circle::before {
  display: none;
}

.box-user-info {
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
  position: absolute;
  max-width: 370px;
  top: -240px;
  border-radius: 6px;
}
.box-user-info .image-user {
  margin-bottom: 20px;
}
.box-user-info .image-user img {
  border-radius: 6px;
  display: block;
}
.box-user-info .list-info-user li {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 10px;
}
.box-user-info .list-info-user li .label-left {
  min-width: 65px;
}
.box-user-info .list-info-user li .text-info-right {
  width: auto;
}
.box-user-info .list-info-user li:last-child {
  border-bottom: 0px;
}
.box-user-info .icon-socials {
  height: 20px;
  width: 20px;
}
.box-user-info .icon-socials.icon-facebook {
  background: url(../imgs/template/icons/fb-black.png) no-repeat center;
}
.box-user-info .icon-socials.icon-twitter {
  background: url(../imgs/template/icons/tw-black.png) no-repeat center;
}
.box-user-info .icon-socials.icon-instagram {
  background: url(../imgs/template/icons/instagram-black.png) no-repeat center;
}
.box-user-info .icon-socials.icon-linkedin {
  background: url(../imgs/template/icons/linkedin-black.png) no-repeat center;
}
.box-user-info .box-button-send {
  margin-top: 10px;
}
.box-user-info .box-button-send .btn {
  width: 100%;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.text-billed {
  font-weight: 400;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 30px;
  vertical-align: middle;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F0F2F6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider.round {
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider.round:before {
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #FFE7BB;
}

input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  transform: translateX(25px);
}

.box-bill-switch {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.list-ticks-plan {
  display: flex;
  flex-wrap: wrap;
}
.list-ticks-plan li {
  width: 100%;
  color: #181A1F;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 21px;
}
.list-ticks-plan li svg {
  color: #000000;
  height: 20px;
  margin-right: 10px;
}

.for-month, .for-year {
  display: none;
}

.display-month, .display-year {
  display: block;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.box-login {
  max-width: 369px;
  margin: auto;
}

.cb-rememberme {
  float: left;
  margin: 5px 9px 0px 0px;
}

.text-or-box {
  position: relative;
  text-align: center;
  margin: 35px 0px;
}
.text-or-box::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #E5E5E5;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  bottom: 0px;
  margin: auto;
}
.text-or-box .text-or {
  display: inline-block;
  padding: 5px 10px;
  background-color: #ffffff;
  color: #181A1F;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  position: relative;
  z-index: 2;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.box-comingsoon {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  background: url(../imgs/page/comingsoon/banner.png) no-repeat top center;
  background-size: cover;
}
.box-comingsoon::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: url(../imgs/page/our-team/bg-trans.png) repeat top center;
}
.box-comingsoon .inner-comingsoon {
  max-width: 790px;
  margin: auto;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
  z-index: 3;
  padding: 0px 20px;
}

.box-subscriber {
  position: relative;
  max-width: 540px;
  margin: auto;
}
.box-subscriber .inner-box-subscriber {
  background-color: #ffffff;
  border-radius: 12px;
  position: relative;
}
.box-subscriber .btn-subscriber {
  background-color: #ffffff;
  padding: 0px 18px;
  height: 100%;
  max-width: 123px;
  width: 100%;
  position: absolute;
  top: 0px;
  right: -1px;
  z-index: 2;
  color: #181A1F;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  border-radius: 0px 12px 12px 0px;
}
.box-subscriber .btn-subscriber:hover {
  background-color: #181818;
  color: #fff;
}
.box-subscriber .form-control {
  color: #181A1F;
  font-size: 14px;
  line-height: 24px;
  height: 70px;
  width: 100%;
  border-radius: 12px;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.box-invoice-block {
  padding: 0px 20px;
}

.box-invoice {
  background-color: #ffffff;
  box-shadow: 0px 0px 35px rgba(181, 181, 195, 0.15);
  border-radius: 6px;
  position: relative;
  max-width: 1170px;
  margin: auto;
  margin-top: 145px;
  margin-bottom: 100px;
}

.inner-invoice {
  padding: 130px 100px 0px 100px;
}

.invoice-top {
  margin: 0px -10px;
}

.invoice-left {
  width: 100%;
  padding: 0px 10px;
}

.invoice-right {
  width: 100%;
  padding: 0px 10px;
  max-width: 350px;
}

.bottom-invoice {
  padding: 48px 0px 44px 0px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  border-top: 1px solid #E5E5E5;
  margin-top: 100px;
}
.bottom-invoice a {
  display: inline-block;
  padding: 0px 30px;
}

.table-invoice thead th {
  background-color: #F0FBF7;
  padding: 21px 41px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}
.table-invoice tbody tr td {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #181A1F;
  padding: 23px 41px;
  border-bottom: 1px solid #E5E5E5;
}
.table-invoice tbody tr:last-child td {
  border-bottom: 0px;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.box-booking-tabs {
  display: flex;
  margin: 0px -15px;
  align-items: center;
  justify-content: center;
}
.box-booking-tabs .item-tab {
  width: 25%;
  padding: 0px 15px;
}
.box-booking-tabs .item-tab .box-tab-step.disabled {
  cursor: default;
}
.box-booking-tabs .item-tab .box-tab-step.disabled .icon-tab .text-tab {
  color: #3D565F;
}
.box-booking-tabs .item-tab .box-tab-step.disabled .number-tab span {
  color: #3D565F;
}
.box-booking-tabs .item-tab .box-tab-step {
  width: 100%;
  padding: 30px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #E5E5E5;
  cursor: pointer;
}
.box-booking-tabs .item-tab .box-tab-step .icon-tab {
  display: flex;
  align-items: center;
}
.box-booking-tabs .item-tab .box-tab-step .icon-tab .icon-book {
  display: inline-block;
  height: 60px;
  width: 60px;
  margin-right: 20px;
  background-color: #F0FBF7;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
}
.box-booking-tabs .item-tab .box-tab-step .icon-tab .icon-book.icon-vehicle {
  background-image: url(../imgs/page/booking/vehicle.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.box-booking-tabs .item-tab .box-tab-step .icon-tab .icon-book.icon-extra {
  background-image: url(../imgs/page/booking/extra.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.box-booking-tabs .item-tab .box-tab-step .icon-tab .icon-book.icon-pax {
  background-image: url(../imgs/page/booking/pax.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.box-booking-tabs .item-tab .box-tab-step .icon-tab .icon-book.icon-payment {
  background-image: url(../imgs/page/booking/payment.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.box-booking-tabs .item-tab .box-tab-step .icon-tab .text-tab {
  font-size: 18px;
  line-height: 28px;
  color: #181A1F;
  font-weight: 500;
}
.box-booking-tabs .item-tab .box-tab-step.active, .box-booking-tabs .item-tab .box-tab-step.hover:hover {
  border-bottom-color: #181A1F;
}
.box-booking-tabs .item-tab .box-tab-step.active .icon-tab .icon-book, .box-booking-tabs .item-tab .box-tab-step.hover:hover .icon-tab .icon-book {
  background-color: #181A1F;
}
.box-booking-tabs .item-tab .box-tab-step.active .icon-tab .icon-book.icon-vehicle, .box-booking-tabs .item-tab .box-tab-step.hover:hover .icon-tab .icon-book.icon-vehicle {
  background-image: url(../imgs/page/booking/vehicle-hover.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.box-booking-tabs .item-tab .box-tab-step.active .icon-tab .icon-book.icon-extra, .box-booking-tabs .item-tab .box-tab-step.hover:hover .icon-tab .icon-book.icon-extra {
  background-image: url(../imgs/page/booking/extra-hover.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.box-booking-tabs .item-tab .box-tab-step.active .icon-tab .icon-book.icon-pax, .box-booking-tabs .item-tab .box-tab-step.hover:hover .icon-tab .icon-book.icon-pax {
  background-image: url(../imgs/page/booking/pax-hover.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.box-booking-tabs .item-tab .box-tab-step.active .icon-tab .icon-book.icon-payment, .box-booking-tabs .item-tab .box-tab-step.hover:hover .icon-tab .icon-book.icon-payment {
  background-image: url(../imgs/page/booking/payment-hover.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.box-booking-tabs .item-tab .box-tab-step .number-tab span {
  font-weight: 500;
  font-size: 30px;
  line-height: 58px;
  color: #181A1F;
}

.box-row-tab {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -10px;
}
.box-row-tab .box-tab-left {
  padding: 0px 10px;
  width: 71%;
}
.box-row-tab .box-tab-right {
  padding: 0px 10px;
  width: 29%;
}

.sidebar {
  padding: 30px;
  border-radius: 6px;
  width: 100%;
  border: 1px solid #E5E5E5;
  margin-bottom: 30px;
}

.list-routes.detail-list-routes li::before {
  top: 56px;
}

.list-routes li {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  padding-bottom: 50px;
}
.list-routes li .location-item {
  width: 36px;
  height: 40px;
  background: url(../imgs/page/booking/location.png) no-repeat center;
  margin-right: 25px;
  color: #fff;
  line-height: 35px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  display: inline-block;
}
.list-routes li .location-item.detail-location-item {
  width: 80px;
}
.list-routes li .info-location {
  position: relative;
}
.list-routes li::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 17px;
  height: 30px;
  width: 2px;
  background: url(../imgs/page/booking/dotted.png) no-repeat center;
}
.list-routes li:last-child {
  padding-bottom: 0px;
}
.list-routes li:last-child::before {
  display: none;
}

.list-icons {
  padding: 20px 0px 0px 0px;
}
.list-icons li {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  padding-bottom: 20px;
}
.list-icons li .icon-item {
  width: 40px;
  height: 40px;
  background-color: #E95440;
  margin-right: 25px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}
.list-icons li .icon-item.icon-plan {
  background-image: url(../imgs/page/booking/plan.png);
  background-repeat: no-repeat;
  background-position: center top 10px;
}
.list-icons li .icon-item.icon-time {
  background-image: url(../imgs/page/booking/time.png);
  background-repeat: no-repeat;
  background-position: center;
}
.list-icons li .info-location {
  position: relative;
}
.list-icons li:last-child {
  padding-bottom: 0px;
}

.box-map-route {
  width: 100%;
  height: 200px;
  margin-top: 30px;
  margin-bottom: 25px;
  border-radius: 6px;
  overflow: hidden;
}
.box-map-route iframe {
  width: 100%;
  height: 100%;
}

.box-info-route {
  display: flex;
  justify-content: space-between;
}
.box-info-route .info-route-left {
  position: relative;
}
.box-info-route .info-route-left span {
  display: block;
}
.box-info-route .info-route-right {
  padding-left: 20px;
}
.box-info-route .info-route-right span {
  display: block;
}

.list-ticks-small-booking li {
  padding-left: 35px;
}
.list-ticks-small-booking li::before {
  background-image: url(../imgs/page/booking/tick.png);
  background-position: center;
  background-repeat: no-repeat;
}
.list-ticks-small-booking li:last-child {
  margin-bottom: 0px !important;
}

.list-vehicles {
  position: relative;
}

.item-vehicle {
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  padding: 30px 20px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.item-vehicle:hover {
  background-color: #F0FBF7;
}
.item-vehicle:hover .btn-primary {
  background-color: #E95440;
  color: #fff;
}
.item-vehicle:hover .btn-primary svg {
  color: #fff;
}
.item-vehicle .vehicle-left {
  padding: 0px 10px;
  position: relative;
  width: 67%;
  border-right: 1px solid #E5E5E5;
  margin-right: 20px;
}
.item-vehicle .vehicle-left .vehicle-image {
  margin-bottom: 15px;
  width: 100%;
  text-align: center;
}
.item-vehicle .vehicle-left .vehicle-image img {
  display: block;
}
.item-vehicle .vehicle-left .vehicle-facilities {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0px -10px;
}
.item-vehicle .vehicle-left .vehicle-facilities .text-fact {
  font-size: 14px;
  line-height: 35px;
  color: #181A1F;
  display: inline-block;
  padding: 0px 10px 0px 25px;
  width: 50%;
}
.item-vehicle .vehicle-left .vehicle-facilities .text-fact.meet-greeting {
  background-image: url(../imgs/page/booking/meet.svg);
  background-position: left center;
  background-repeat: no-repeat;
}
.item-vehicle .vehicle-left .vehicle-facilities .text-fact.free-cancel {
  background-image: url(../imgs/page/booking/cancel.svg);
  background-position: left center;
  background-repeat: no-repeat;
}
.item-vehicle .vehicle-left .vehicle-facilities .text-fact.free-waiting {
  background-image: url(../imgs/page/booking/free-time.svg);
  background-position: left center;
  background-repeat: no-repeat;
}
.item-vehicle .vehicle-left .vehicle-facilities .text-fact.safe-travel {
  background-image: url(../imgs/page/booking/safe.svg);
  background-position: left center;
  background-repeat: no-repeat;
}
.item-vehicle .vehicle-left .link {
  text-decoration: underline;
}
.item-vehicle .vehicle-left .link:hover {
  color: #E95440;
}
.item-vehicle .vehicle-right {
  width: 33%;
  padding: 0px 10px;
  position: relative;
}
.item-vehicle .vehicle-right .vehicle-passenger-luggage {
  display: flex;
  justify-content: space-between;
}
.item-vehicle .vehicle-right .vehicle-passenger-luggage .passenger {
  display: inline-block;
  padding: 0px 0px 0px 18px;
  background-image: url(../imgs/page/booking/passenger.svg);
  background-position: left center;
  background-repeat: no-repeat;
}
.item-vehicle .vehicle-right .vehicle-passenger-luggage .luggage {
  display: inline-block;
  padding: 0px 0px 0px 18px;
  background-image: url(../imgs/page/booking/luggage.svg);
  background-position: left center;
  background-repeat: no-repeat;
}

.list-extras {
  position: relative;
}
.list-extras .item-extra {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E5E5E5;
}
.list-extras .item-extra .extra-info span.price {
  font-size: 14px;
  line-height: 24px;
  background-color: #E95440;
  display: inline-block;
  padding: 3px 14px;
  border-radius: 40px;
  color: #fff;
  vertical-align: middle;
  margin-left: 10px;
}
.list-extras .item-extra .extra-quantity {
  position: relative;
  max-width: 130px;
  width: 100%;
  min-width: 130px;
}
.list-extras .item-extra .extra-quantity span.minus {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 40px;
  width: 40px;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  background: #ffffff url(../imgs/page/booking/minus.svg) no-repeat center;
  cursor: pointer;
}
.list-extras .item-extra .extra-quantity span.minus:hover {
  border-color: #181A1F;
  background-color: #F6F6F6;
}
.list-extras .item-extra .extra-quantity input.form-control {
  border: 0px;
  width: 100%;
  text-align: center;
  padding: 0px;
  height: 40px;
  color: #181A1F;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background-color: #ffffff;
  min-height: 40px;
}
.list-extras .item-extra .extra-quantity span.plus {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 40px;
  width: 40px;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  background: #ffffff url(../imgs/page/booking/plus.svg) no-repeat center;
  cursor: pointer;
}
.list-extras .item-extra .extra-quantity span.plus:hover {
  border-color: #181A1F;
  background-color: #F6F6F6;
}

.sidebar .list-prices li span.price {
  min-width: 92px;
  max-width: 92px;
  text-align: right;
}

.list-prices-2 li {
  border-bottom: 0px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.box-content-detail {
  padding-right: 40px;
}
.box-content-detail select.form-control {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
  padding-top: 0px;
  padding-bottom: 0px;
}

.box-completed-booking {
  max-width: 740px;
  margin: auto;
  padding: 120px 0px 90px 0px;
}

.box-booking-border {
  border-radius: 6px;
  border: 1px solid #E5E5E5;
  padding: 50px;
  margin-bottom: 30px;
}

.box-info-book-border {
  padding: 40px 20px;
  border: 1px dashed #181A1F;
  border-radius: 6px;
  display: flex;
  align-items: center;
  background-color: #F6F6F6;
  margin-bottom: 30px;
}
.box-info-book-border .info-1 {
  width: 25%;
  padding: 0px 10px;
}

.cb-agree, .cb-subscriber {
  float: left;
  margin: 2px 10px 0px 0px;
}

.list-prices li .text-top {
  min-width: 140px;
  display: inline-block;
}

.discount-price {
  color: #EF476F;
  font-size: 24px;
  text-decoration: line-through;
}

.ui-checkboxradio-label {
  width: 100%;
  text-align: left;
  margin-bottom: 16px;
  margin-right: 0;
  padding: 24px 16px;
  border-radius: 6px;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked.ui-state-active {
  border: 1px solid #333333;
}

.ui-checkboxradio-disabled.ui-state-disabled {
  border: 1px solid #626262;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 16px;
  height: 16px;
  border-width: 8px;
  border-style: solid;
}

.ui-checkboxradio-icon-space {
  padding-right: 16px;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #181818;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: #F6F6F6;
  background: #F6F6F6;
  color: #181A1F;
}

.box-row-tab.centered {
  justify-content: center;
}

.summary-cta {
  display: flex;
  justify-content: center;
  align-items: center;
}
.summary-cta .whatsapp-icon {
  background: url(../imgs/custom/whatsapp.svg);
  background-repeat: no-repeat;
  padding-left: 22px;
  background-size: contain;
}
.summary-cta .email-icon {
  background: url(../imgs/custom/mail.svg);
  background-repeat: no-repeat;
  padding-left: 22px;
  background-size: contain;
}
.summary-cta img {
  padding-right: 4px;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
.box-breadcrumb ul li {
  display: inline-block;
  position: relative;
  padding: 0px 22px 0px 0px;
}
.box-breadcrumb ul li::before {
  content: "-";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  color: #fff;
}
.box-breadcrumb ul li:last-child::before {
  display: none;
}
.box-breadcrumb ul li a {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.cardNewsList .cardNews {
  display: flex;
  align-items: center;
}
.cardNewsList .cardNews > a {
  max-width: 320px;
  margin-right: 30px;
  width: 100%;
}
.cardNewsList .cardNews .cardInfo {
  width: 100%;
}
.cardNewsList .cardNews .cardInfo .mb-20 {
  margin-bottom: 15px !important;
}

.sidebar-radius {
  border-radius: 6px;
  border: 1px solid #E5E5E5;
  padding: 30px;
  margin-bottom: 30px;
}
.sidebar-radius .sidebar-title {
  margin-bottom: 30px;
}

.sidebar-content ul li {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}
.sidebar-content ul li:last-child {
  margin-bottom: 0;
}
.sidebar-content ul li a {
  font-size: 16px;
  line-height: 26px;
  color: #181A1F;
  text-decoration: none;
}
.sidebar-content ul li a:hover {
  text-decoration: underline;
}

.box-form-search {
  margin-bottom: 30px;
  position: relative;
}

.recent-post {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.recent-post .image-post {
  max-width: 90px;
  min-width: 90px;
  width: 100%;
  margin-right: 20px;
}
.recent-post .image-post img {
  border-radius: 6px;
  display: block;
}
.recent-post .info-post {
  width: 100%;
}
.recent-post .info-post .date-post {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #181A1F;
}
.recent-post .info-post .link-post {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #181A1F;
  -webkit-line-clamp: 2;
  max-height: 47px;
  display: inline-block;
  width: 100%;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cardNewsBig .cardNews .cardInfo .text-20-medium {
  font-size: 36px;
  line-height: 58px;
}

.box-frature-image .cardImage {
  margin-bottom: 20px;
  position: relative;
}
.box-frature-image .cardImage img {
  border-radius: 6px;
  width: 100%;
  display: block;
}
.box-frature-image .cardImage::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-image: url(../imgs/page/homepage1/bg-trans2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.box-frature-image .cardImage .datePost {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 2;
}
.box-frature-image .cardImage .datePost .heading-52-medium {
  line-height: 52px;
}
.box-frature-image .cardImage .datePost .color-white {
  color: #fff !important;
}

.content-single p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #181A1F;
  margin-bottom: 30px;
}
.content-single img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  width: 100%;
}
.content-single blockquote {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 30px;
  color: #181A1F;
  padding: 20px 10px 30px 75px;
  border-left: 5px solid #E95440;
  background-image: url(../imgs/page/blog2/quote.png);
  background-position: top 7px left 22px;
  background-repeat: no-repeat;
}
.content-single h1, .content-single h2 {
  font-size: 44px;
  line-height: 76px;
  color: #181A1F;
  font-weight: 500;
  margin-bottom: 30px;
}
.content-single h3, .content-single h4 {
  font-size: 34px;
  line-height: 66px;
  margin-bottom: 30px;
  color: #181A1F;
  font-weight: 500;
}

.social-single .icon-socials {
  border-radius: 50%;
}
.social-single .icon-socials.icon-facebook {
  background: #FDEEEC url(../imgs/template/icons/fb-black.png) no-repeat center;
}
.social-single .icon-socials.icon-twitter {
  background: #FDEEEC url(../imgs/template/icons/tw-black.png) no-repeat center;
}
.social-single .icon-socials.icon-instagram {
  background: #FDEEEC url(../imgs/template/icons/instagram-black.png) no-repeat center;
}
.social-single .icon-socials.icon-linkedin {
  background: #FDEEEC url(../imgs/template/icons/linkedin-black.png) no-repeat center;
}

.author-box {
  display: inline-block;
  width: 100%;
}
.author-box .item-author {
  display: flex;
  width: 100%;
}
.author-box .item-author .item-author-image {
  width: 100%;
  min-width: 70px;
  max-width: 70px;
  margin-right: 30px;
}
.author-box .item-author .item-author-image img {
  border-radius: 50%;
  height: 70px;
  width: 70px;
  display: block;
}
.author-box .item-author .item-author-info {
  width: 100%;
}

.box-pager-prev-inner {
  padding-left: 40px;
}

.box-pager-next-inner {
  padding-right: 40px;
  text-align: right;
}

.box-pager-inner {
  position: relative;
}
.box-pager-inner a.prev-page {
  position: relative;
  display: inline-block;
  padding-left: 40px;
}
.box-pager-inner a.prev-page svg {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 25px;
}
.box-pager-inner a.prev-page:hover, .box-pager-inner a.prev-page:hover * {
  color: #E95440;
}
.box-pager-inner a.next-page {
  position: relative;
  display: inline-block;
  padding-right: 40px;
}
.box-pager-inner a.next-page svg {
  position: absolute;
  right: 0px;
  top: 1px;
  height: 25px;
}
.box-pager-inner a.next-page:hover, .box-pager-inner a.next-page:hover * {
  color: #E95440;
}

.item-reviews {
  margin-bottom: 30px;
}
.item-reviews .item-author-info {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  align-items: center;
}
.item-reviews .item-author-info .item-avatar {
  width: 70px;
  height: 70px;
  background-color: #181A1F;
  border-radius: 50%;
  margin-right: 20px;
  color: #fff;
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  line-height: 70px;
  text-align: center;
}
.item-reviews .item-desc {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
.item-reviews .buttons-like {
  display: inline-block;
  width: 100%;
}

textarea.form-control {
  height: auto;
  height: 160px;
}

.form-group {
  position: relative;
  margin-bottom: 30px;
}
.form-group label {
  position: absolute;
  top: 15px;
  left: 10px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  transition: top 150ms ease-out;
  padding: 0px 10px;
  font-size: 16px;
  font-weight: 500;
  color: #181A1F;
}

#completeBookingForm .form-label, #contactUsForm .form-label, #editBookingDetailsForm .form-label {
  position: static;
  padding-left: 0;
}

.form-label.form-required:after {
  content: "\a";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E95440;
  display: inline-block;
  margin: 0 10px;
}

.form-group .iti {
  width: 100%;
}

.form-group label.error {
  position: relative;
  color: #FFD166;
}

.focused label.error {
  top: 15px;
}

.form-control {
  background-color: #F6F6F6;
  border: 2px solid #F6F6F6;
  border-radius: 6px;
  min-height: 55px;
  font-size: 16px;
  font-weight: 500;
  color: #181A1F;
  width: 100%;
}
.form-control:focus, .form-control.filled {
  border-color: #181A1F;
  background-color: #ffffff;
}

.focused label {
  top: -11px;
  background-color: #ffffff;
  color: #626262;
}

/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
@media (max-width: 1550px) {
  .cardFleet {
    padding: 15px;
  }
  .cardFleet .cardInfoBottom .passenger .icon-circle, .cardFleet .cardInfoBottom .luggage .icon-circle {
    margin-right: 7px;
  }
}
@media (max-width: 1399.98px) {
  .header .main-header .header-left .header-right {
    width: 25%;
  }
  .header .main-header .header-left .header-nav {
    width: 86%;
  }
  .banner-home2, .block-padding-100 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .bg-our-service-home-7 .box-pagination-fleet .swiper-button-next-fleet {
    right: -80px;
  }
  .bg-our-service-home-7 .box-pagination-fleet .swiper-button-prev-fleet {
    left: -80px;
  }
  .box-number-banner {
    padding-left: 5px;
  }
  .box-header-home4 {
    padding: 0px 15px;
  }
  .header.header-homepage9 .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .header.header-homepage9 .main-header .header-left .header-nav {
    width: 50%;
  }
  .header.header-homepage9 .main-header .header-left .header-logo {
    width: 14%;
  }
  .header.header-homepage9 .main-header .header-left .header-right {
    width: 36%;
  }
  .box-our-fleet-home8 .fleet-style-3 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .box-our-fleet-home8 .fleet-style-3 .box-pagination-fleet .swiper-button-next-fleet {
    right: -80px;
  }
  .box-our-fleet-home8 .fleet-style-3 .box-pagination-fleet .swiper-button-prev-fleet {
    left: -80px;
  }
}
@media (max-width: 1199.98px) {
  .menu-bottom li:first-child {
    padding-left: 0;
  }
  .header {
    padding: 10px 0;
  }
  .header .header-right .btn.btn-brand-1 {
    padding: 8px 16px;
  }
  .header-top-sub {
    display: none;
  }
  .burger-icon {
    display: inline-block;
  }
  .header .burger-icon {
    display: block;
  }
  .header .main-header .header-left .header-right {
    width: 100%;
    text-align: right;
    padding-right: 40px;
  }
  .header .main-header .header-left .header-nav {
    width: 0%;
  }
  .box-search-ride {
    flex-wrap: wrap;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    margin-top: -56px;
    padding: 0px 15px;
    background: none;
  }
  .header .container {
    max-width: 100%;
  }
  .box-cover-image {
    height: 700px;
  }
  .box-search-ride .search-item {
    background: #F6F6F6;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 20px;
    width: 100%;
    min-width: auto;
    max-width: 100%;
  }
  .box-search-ride .search-item .search-icon .item-icon {
    background-color: #ffffff;
    border-radius: 6px;
    width: 24px;
    height: 24px;
  }
  .box-search-ride .search-item .search-icon {
    max-width: 24px;
    min-width: 24px;
    margin-right: 10px;
    margin-left: 4px;
  }
  .box-search-ride .search-item.search-button {
    width: 100%;
    border-radius: 6px;
    text-align: center;
    padding: 0px;
  }
  .box-search-ride .search-item.search-button .btn-search {
    border-radius: 6px;
    width: 100%;
  }
  .ui-timepicker-standard {
    margin-top: 25px;
    margin-left: 0px;
  }
  .box-dropdown-location {
    top: 45px;
    left: 65px;
  }
  .box-search-ride-style-2 .box-search-tabs {
    right: auto;
    bottom: auto;
    position: relative;
    max-width: 100%;
  }
  .box-banner-homepage-2 .box-banner-info {
    top: 200px;
  }
  .banner-home5 .box-banner-info {
    top: 30%;
  }
  .box-search-ride-style-2 {
    padding: 0px;
  }
  .box-fleet-cover {
    padding-left: 10px;
    padding-right: 10px;
  }
  .box-search-ride-style-3 .box-dropdown-location {
    left: 0px;
    max-width: 430px;
    width: 100%;
  }
  .box-search-ride-style-3 .search-item {
    background-color: #ffffff;
  }
  .box-search-ride-style-3 {
    padding: 0px;
  }
  .header .header-top-sub .main-header .header-left .header-right {
    width: 100%;
  }
  .header-top-sub {
    padding: 15px 0px;
  }
  .header-homepage5 {
    padding: 0px 0;
  }
  .box-socials-header {
    padding-right: 35px;
  }
  .box-the-trip-right {
    max-width: 40%;
  }
  .bg-our-service-home-7 .box-slide-fleet-2 {
    padding: 0px 80px;
  }
  .bg-our-service-home-7::before {
    height: 410px;
  }
  .header.header-7 .main-header .header-left .header-right {
    min-width: 255px;
  }
  .box-banner-homepage6-left {
    padding-left: 15px;
    padding-right: 15px;
  }
  .box-search-ride-3 {
    padding: 15px 15px;
    border-radius: 8px;
  }
  .box-search-ride-style-6 .tab-content .box-form-search {
    flex-wrap: wrap;
  }
  .box-search-ride-style-6 .search-item {
    margin-right: 1%;
    width: 48%;
    margin-left: 1%;
  }
  .header.header-homepage9 .main-header .header-left .header-right {
    width: 80%;
  }
  .header.header-homepage9 .main-header .header-left .header-logo {
    width: 20%;
    text-align: left;
  }
  .header.header-homepage9 .main-header .header-left .header-nav {
    width: 0%;
  }
  .header.header-homepage9 .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .box-comfortable-home9 {
    padding: 0px 20px;
  }
  .banner-home9 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .latest-new-home9 {
    padding: 0px 20px;
  }
  .box-pdrl-60, .footer-7 {
    padding: 0px 20px;
  }
  .box-search-ride-5 {
    margin-top: 0px;
    padding: 15px 15px 0px 15px;
  }
  .box-search-ride-5 .search-item {
    background-color: #000000;
  }
  .box-search-ride-5 .search-item .search-icon .item-icon {
    background-color: rgba(255, 255, 255, 0.2039215686);
    border-radius: 50%;
  }
  .box-our-fleet-home8 .fleet-style-3 .box-pagination-fleet .swiper-button-next-fleet {
    right: -70px;
  }
  .box-our-fleet-home8 .fleet-style-3 .box-pagination-fleet .swiper-button-prev-fleet {
    left: -70px;
  }
  .box-main-slider {
    top: 32%;
  }
}
@media (max-width: 991.98px) {
  .cardWork {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cardWork .cardDesc {
    padding: 0 16px;
  }
  .box-list-how ul li.has-arrow {
    background-image: url(../imgs/page/homepage2/arrow-button-down.png);
    background-repeat: no-repeat;
    background-position: right 60px top 80px;
  }
  .cardServiceStyle2 {
    position: relative;
  }
  .cardServiceStyle2 .bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  .cardServiceStyle2 .cardInfo {
    position: absolute;
    bottom: 15px;
    padding: 0 16px;
  }
  .cardServiceStyle2 .cardInfo .color-text, .cardServiceStyle2 .cardInfo .cardLink {
    color: white !important;
  }
  .box-container-sw .box-swiper {
    padding-left: 30px;
  }
  .box-container-sw .box-button-slider {
    left: 30px;
  }
  .box-region-right {
    padding-left: 0px;
  }
  .list-logos li {
    text-align: left;
  }
  .box-video .btn-play {
    left: 0px;
    right: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
  }
  .cardServiceStyle4, .cardService.cardServiceStyle5 {
    height: auto;
  }
  .bg-how-it-works::after {
    content: "";
    width: 100%;
    height: 430px;
    background-position: center;
  }
  .box-cover-image {
    height: 600px;
  }
  .bg-how-it-works::before {
    background-size: cover;
  }
  .box-list-how ul {
    flex-wrap: wrap;
  }
  .box-list-how ul li {
    width: 100%;
  }
  .bg-testimonial .box-region-right {
    padding-left: 0px;
  }
  .swiper-group-testimonials-2 .swiper-slide {
    padding: 0px;
  }
  .box-pagination-button-testimonials-2 {
    padding-left: 0px;
    padding-top: 60px;
  }
  .bg-download-2::before {
    display: none;
  }
  .box-list-how ul li.has-arrow {
    padding-right: 0px;
    padding-bottom: 100px;
    background-position: center bottom 20px;
  }
  .box-list-how ul li:last-child {
    min-width: 100%;
    max-width: 100%;
  }
  .box-fleet-padding {
    padding-top: 90px;
    padding-bottom: 50px;
  }
  .box-image-how {
    padding-left: 0px;
  }
  .box-customers-say {
    padding-right: 0px;
  }
  .bg-download-3::before {
    background-image: none;
  }
  .box-btn-play {
    left: 0px;
  }
  .cardServiceStyle3 {
    height: 290px;
  }
  .box-form-service-single .box-search-ride-style-2 .box-search-tabs {
    bottom: auto;
    position: relative;
    max-width: 100%;
    right: auto;
  }
  .box-banner-right {
    display: none;
  }
  .box-the-trip-right {
    display: none;
  }
  .box-the-trip {
    max-width: 100%;
  }
  .inner-invoice {
    padding: 50px 30px 0px 30px;
  }
  .invoice-left, .invoice-right {
    width: 50%;
    max-width: 100%;
  }
  .box-booking-tabs .item-tab .box-tab-step .icon-tab .icon-book {
    background-size: 25px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-right: 10px;
  }
  .box-booking-tabs .item-tab .box-tab-step .number-tab span {
    font-size: 20px;
    line-height: 48px;
  }
  .box-row-tab .box-tab-left {
    width: 61%;
  }
  .box-row-tab .box-tab-right {
    width: 39%;
  }
  .box-content-detail {
    padding-right: 0px;
  }
  .item-vehicle .vehicle-left {
    padding: 0px 10px;
    position: relative;
    width: 100%;
    border-right: 0px solid #E5E5E5;
    margin-right: 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
  }
  .item-vehicle .vehicle-right {
    width: 100%;
  }
  .item-vehicle {
    flex-wrap: wrap;
  }
  .box-offices {
    padding-left: 0px;
  }
  .box-banner-homepage7-left {
    padding: 50px 10px 60px 10px;
  }
  .box-some-number {
    text-align: center;
  }
  .box-number-banner .number-1:first-child {
    padding-left: 0px;
  }
  .box-number-banner {
    padding-right: 5px;
  }
  .bg-right-trip {
    display: none;
  }
  .cardNumberTitleDesc::before {
    display: none;
  }
  .block-padding-60::before, .block-news-padding-60::before {
    left: 0px;
  }
  .box-reliability .container-sub::before {
    width: auto;
    right: 10px;
  }
  .box-number-servered {
    right: 20px;
  }
  .banner-home9 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .box-comfortable-home9 {
    padding: 0px 0px;
  }
  .latest-new-home9 {
    padding: 0px 0px;
  }
  .box-pdrl-60, .footer-7 {
    padding: 0px 0px;
  }
  .banner-home8 .box-cover-image {
    height: auto !important;
    padding-bottom: 5px;
    padding-top: 50px;
  }
  .box-main-slider {
    top: auto;
    width: 100%;
    position: relative;
    right: auto;
    max-width: 100%;
    margin-bottom: 0px;
  }
  .slider-nav-thumbnails {
    max-width: 100%;
  }
  .width-20 {
    width: 33.33%;
  }
  .detail-gallery {
    min-height: auto;
  }
}
@media (max-width: 767.98px) {
  .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img {
    max-width: 140px;
  }
  .cardFleet {
    padding: 15px;
  }
  .width-20 {
    width: 33.33%;
    margin-bottom: 30px;
  }
  .width-25 {
    margin-bottom: 30px;
    width: 50%;
  }
  .menu-bottom {
    display: inline-block;
    width: 100%;
    padding: 15px 0px;
  }
  .bg-download::before {
    display: none;
  }
  .box-cover-image {
    height: 500px;
  }
  .box-banner-homepage-2 .box-banner-info {
    top: 140px;
  }
  .banner-home5 .box-banner-info {
    top: 30%;
  }
  .box-search-ride-style-2 .box-form-search {
    padding: 15px;
  }
  .nav-tabs-search li {
    padding: 0px 15px;
  }
  .nav-tabs-search li a {
    padding: 20px 0px;
  }
  .banner-home-4.pt-150 {
    padding-top: 70px !important;
  }
  .cardIconTitleDescLeft .cardIconTitleDesc {
    padding: 20px 20px 10px 20px;
  }
  .heading-100-medium {
    font-size: 50px;
    line-height: 70px;
  }
  .table-invoice thead th {
    padding: 11px 11px;
    font-size: 16px;
    line-height: 24px;
  }
  .table-invoice tbody tr td {
    padding: 13px 11px;
  }
  .box-invoice {
    margin-top: 55px;
    margin-bottom: 50px;
  }
  .box-booking-tabs {
    flex-wrap: wrap;
  }
  .box-booking-tabs .item-tab {
    width: 50%;
  }
  .box-row-tab .box-tab-left {
    width: 100%;
  }
  .box-row-tab .box-tab-right {
    width: 100%;
  }
  .box-booking-tabs .item-tab .box-tab-step {
    padding: 15px 0px;
  }
  .box-info-book-border {
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
  .box-info-book-border .info-1 {
    width: 50%;
    margin-bottom: 30px;
  }
  .cardImageLeftTextRight .cardImage {
    padding: 10px;
    margin-right: 15px;
    line-height: 70px;
  }
  .cardImageLeftTextRight {
    margin-bottom: 30px;
  }
  .cardServiceStyle5 {
    flex-wrap: wrap;
  }
  .cardServiceStyle5 .cardImage {
    width: 100%;
    margin-bottom: 30px;
  }
  .cardServiceStyle5 .cardInfo {
    width: 100%;
    padding-left: 0px;
  }
  .box-number-servered {
    right: 10px;
    left: 10px;
  }
  .width-20 {
    width: 50%;
  }
}
@media (max-width: 575.98px) {
  .header {
    padding: 10px 0;
    min-height: 60px;
  }
  .header-homepage5 {
    padding: 0px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
  .box-container-sw .swiper-button-next,
  .box-container-sw .swiper-button-prev {
    display: block;
  }
  .swiper-button-next-fleet, .swiper-button-prev-fleet, .swiper-button-prev-banner, .swiper-button-next-banner {
    display: inline-block;
  }
  .box-showcase {
    padding-left: 10px;
    padding-right: 10px;
  }
  .width-20 {
    width: 50%;
  }
  .width-25 {
    width: 100%;
  }
  .menu-bottom li {
    margin-bottom: 10px;
  }
  .footer-bottom .mr-50 {
    margin-right: 0px !important;
  }
  .list-logos {
    overflow: hidden;
  }
  .list-logos li {
    min-width: 125px;
  }
  .list-logos li img {
    max-width: 80%;
  }
  .bg-how-it-works::after {
    height: 290px;
  }
  .box-cover-image {
    height: 350px;
  }
  .box-pagination-button {
    top: 15%;
  }
  .box-banner-info .heading-52-medium {
    font-weight: 500;
    font-size: 25px;
    line-height: 35px;
  }
  .box-banner-homepage-2 .box-banner-info {
    top: 110px;
  }
  .banner-home5 .box-banner-info {
    top: 30%;
  }
  .box-fleet-cover {
    padding-left: 10px;
    padding-right: 10px;
  }
  .box-pagination-button-2 {
    display: none;
  }
  .banner-home5 .swiper-slide {
    padding-right: 0px;
  }
  .header-top-main .icon-socials, .box-socials-header {
    display: none !important;
  }
  .header .header-top-sub .main-header .header-left .header-nav {
    width: 0%;
  }
  .cardServiceStyle3 .cardImage img {
    max-height: none;
  }
  .header-top-main .burger-icon {
    top: 21px;
    right: 15px;
  }
  .box-dropdown-cart {
    padding-right: 25px;
  }
  .pagination li a {
    max-width: 40px;
    min-width: 40px;
    padding: 9px 0px;
  }
  .pagination li .page-prev, .pagination li .page-next {
    min-height: 44px;
    padding: 8px 0px;
  }
  .cardNewsList .cardNews {
    flex-wrap: wrap;
  }
  .cardNewsList .cardNews > a {
    max-width: 100%;
    margin-right: 0px;
    width: 100%;
  }
  .invoice-top {
    flex-wrap: wrap;
  }
  .invoice-left, .invoice-right {
    width: 100%;
  }
  .link-grey li a {
    font-weight: 500;
    font-size: 22px;
  }
  .number-1 .heading-44-medium {
    font-size: 25px;
    line-height: 35px;
  }
  .number-1 .text-20 {
    font-size: 16px;
  }
  .box-number-banner .number-1 {
    padding-left: 15px;
  }
  .bg-our-service-home-7 .box-pagination-fleet .swiper-button-next-fleet, .bg-our-service-home-7 .box-pagination-fleet .swiper-button-prev-fleet {
    display: none;
  }
  .bg-our-service-home-7 .box-slide-fleet-2 {
    padding: 0px;
  }
  .box-banner-info {
    flex-wrap: wrap;
    top: 35%;
  }
  .banner-info-left {
    margin-bottom: 15px;
  }
  .banner-home10 .box-cover-image {
    height: 420px;
  }
  .box-search-ride-style-6 .search-item.search-button {
    min-width: 100%;
    max-width: 100%;
  }
  .box-search-ride-style-6 .search-item {
    margin-right: 0%;
    width: 100%;
    margin-left: 0%;
  }
  .box-our-fleet-home8 .fleet-style-3 .box-pagination-fleet .swiper-button-next-fleet {
    display: none;
  }
  .box-our-fleet-home8 .fleet-style-3 .box-pagination-fleet .swiper-button-prev-fleet {
    display: none;
  }
  .box-our-fleet-home8 .fleet-style-3 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .box-slider-customers {
    padding: 50px 70px 50px 10px;
  }
  .swiper-pagination-number {
    right: 10px;
  }
}
@media (max-width: 499.98px) {
  .width-20 {
    width: 100%;
  }
  .heading-44-medium {
    font-size: 36px;
    line-height: 50px;
  }
  .ui-datepicker {
    max-width: 360px;
  }
  .ui-state-default, .ui-widget-content .ui-state-default {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .box-dropdown-location {
    top: 45px;
    left: 0px;
    max-width: 430px;
    width: 100%;
  }
  .heading-52-medium {
    font-size: 35px;
    line-height: 55px;
  }
  .cardServiceStyle3 {
    height: 410px;
  }
  .content-single blockquote {
    padding-left: 55px;
    background-position: top 7px left 14px;
  }
  .box-count .deals-countdown .countdown-section .countdown-amount {
    font-size: 35px;
    line-height: 55px;
  }
  .box-count .deals-countdown .countdown-section .countdown-period {
    font-size: 18px;
    line-height: 24px;
  }
  .box-invoice-block {
    padding: 0px 5px;
  }
  .inner-invoice {
    padding: 30px 10px 0px 10px;
  }
  .box-search-ride-style-6 .nav-tabs-search li a {
    padding: 10px 15px;
    font-size: 14px;
    line-height: 24px;
  }
  .box-info-reliability {
    padding: 30px;
  }
}
@media (max-width: 449.98px) {
  .box-footer-top .mr-30 {
    margin-right: 10px !important;
  }
  .cardServiceStyle4, .cardService.cardServiceStyle5 {
    height: auto;
  }
  .box-cover-image {
    height: 250px;
  }
  .box-button-login {
    display: none !important;
  }
  .header-top-sub .box-button-login {
    display: inline-block !important;
  }
  .box-banner-homepage-2 .box-banner-info {
    top: 72px;
  }
  .banner-home5 .box-banner-info {
    top: 30%;
  }
  .header-top-1 {
    display: none;
  }
  .card-plan {
    padding: 34px 20px 39px 20px;
  }
  .heading-100-medium {
    font-size: 40px;
    line-height: 60px;
  }
  .table-invoice thead th {
    padding: 11px 5px;
    font-size: 14px;
    line-height: 18px;
  }
  .table-invoice tbody tr td {
    padding: 12px 5px;
    font-size: 12px;
    line-height: 16px;
  }
  .table-invoice tbody tr td .text-18-medium {
    font-size: 16px;
    line-height: 28px;
  }
  .box-booking-tabs .item-tab {
    padding: 0px 10px;
  }
  .item-vehicle .vehicle-left .vehicle-facilities .text-fact {
    width: 100%;
  }
  .box-info-book-border {
    padding: 20px 5px 0px 5px;
  }
  .box-booking-border .list-prices li {
    flex-wrap: wrap;
  }
  .box-booking-border .list-prices li .text-top {
    width: 100%;
    color: #626262;
    display: block;
    padding-bottom: 10px;
  }
  .box-booking-border {
    padding: 30px;
  }
  .sidebar {
    padding: 20px 15px;
  }
  .heading-44-medium {
    font-size: 30px;
    line-height: 40px;
  }
  .list-extras .item-extra .extra-quantity {
    max-width: 115px;
    min-width: 115px;
  }
  .list-extras .item-extra {
    flex-wrap: wrap;
  }
  .list-extras .item-extra .extra-info {
    width: 100%;
    margin-bottom: 30px;
  }
  .number-1 .heading-44-medium {
    font-size: 20px;
    line-height: 25px;
  }
  .number-1 .text-20 {
    font-size: 15px;
  }
  .box-number-banner .number-1 {
    padding-left: 15px;
  }
  .ui-datepicker.ui-widget.ui-widget-content {
    padding: 10px;
  }
  .ui-datepicker th {
    padding: 14px 4px 4px 4px;
    font-size: 14px;
    line-height: 28px;
  }
  .ui-state-default, .ui-widget-content .ui-state-default {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
  .ui-datepicker {
    max-width: 260px;
  }
  .ui-timepicker-standard {
    width: 190px !important;
  }
}
@media (max-width: 349.98px) {
  .mobile-header-wrapper-style {
    width: 310px;
  }
  .perfect-scroll {
    width: 100%;
  }
  .author-box .item-author .item-author-image {
    margin-right: 10px;
  }
  .heading-100-medium {
    font-size: 35px;
    line-height: 55px;
  }
  .box-booking-tabs .item-tab {
    width: 100%;
  }
  .box-booking-border {
    padding: 20px 15px;
  }
  .box-booking-tabs .item-tab .box-tab-step .number-tab span {
    font-size: 35px;
    line-height: 58px;
  }
}
@media (min-width: 1400px) {
  .container.wide {
    max-width: 1544px;
  }
}
/*OTHER SCREEN*/
/***
 Theme Name: Luxride
 Description: Multipurpose Startup & SaaS HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
@media (max-width: 1199.98px) {
  .reviews-container .reviews-header {
    margin-top: 0 !important;
  }
  .reviews-container .reviews-scroll-container .nav-button.prev {
    left: 3px;
  }
  .reviews-container .reviews-scroll-container .nav-button.next {
    right: 3px;
  }
}
.reviews-container {
  max-width: 1200px;
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.reviews-container .reviews-header {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 60px;
}
.reviews-container .reviews-header h2 {
  color: #333;
  font-size: 28px;
  margin-bottom: 20px;
  margin-top: 0;
}
.reviews-container .reviews-header p {
  color: #666;
  font-size: 16px;
  margin: 0;
}
.reviews-container .overall-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.reviews-container .rating-summary {
  display: flex;
  align-items: center;
  gap: 10px;
}
.reviews-container .rating-number {
  font-size: 48px;
  font-weight: 700;
  color: #333;
  line-height: 1;
  margin: 0;
}
.reviews-container .rating-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.reviews-container .overall-stars {
  display: flex;
  gap: 3px;
  margin-bottom: 5px;
}
.reviews-container .overall-stars .star {
  width: 20px;
  height: 20px;
  color: #ffc107;
}
.reviews-container .overall-stars .star.empty {
  color: #e9ecef;
}
.reviews-container .rating-count {
  color: #666;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
.reviews-container .google-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  background: white;
  padding: 8px 16px;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #e9ecef;
}
.reviews-container .google-badge-icon {
  width: 18px;
  height: 18px;
}
.reviews-container .google-badge-text {
  font-size: 14px;
  color: #666;
  font-weight: 500;
  margin: 0;
}
.reviews-container .reviews-scroll-container {
  position: relative;
}
.reviews-container .reviews-wrapper {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 20px 0;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #ddd transparent;
}
.reviews-container .reviews-wrapper::-webkit-scrollbar {
  height: 8px;
}
.reviews-container .reviews-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.reviews-container .reviews-wrapper::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
.reviews-container .reviews-wrapper::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.reviews-container .review-card {
  flex: 0 0 350px;
  background: white;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid #e9ecef;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.reviews-container .review-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.reviews-container .review-header {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.reviews-container .profile-image {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
  object-fit: cover;
  border: 2px solid #e9ecef;
}
.reviews-container .reviewer-info {
  flex: 1;
}
.reviews-container .reviewer-name {
  font-weight: 600;
  color: #333;
  font-size: 16px;
  margin-bottom: 4px;
  margin-top: 0;
}
.reviews-container .review-date {
  color: #666;
  font-size: 14px;
  margin: 0;
}
.reviews-container .stars {
  display: flex;
  gap: 2px;
  margin-bottom: 16px;
}
.reviews-container .stars .star {
  width: 16px;
  height: 16px;
  color: #ffc107;
}
.reviews-container .stars .star.empty {
  color: #e9ecef;
}
.reviews-container .review-text {
  color: #555;
  line-height: 1.6;
  font-size: 15px;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reviews-container .google-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  gap: 8px;
  color: #666;
  font-size: 14px;
}
.reviews-container .google-logo span {
  margin: 0;
}
.reviews-container .google-icon {
  width: 20px;
  height: 20px;
}
.reviews-container .nav-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
  transition: all 0.2s ease;
}
.reviews-container .nav-button svg {
  width: 100%;
  height: 100%;
}
.reviews-container .nav-button:hover {
  background: #f8f9fa;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.reviews-container .nav-button.prev {
  left: -20px;
}
.reviews-container .nav-button.next {
  right: -20px;
}
@media (max-width: 768px) {
  .reviews-container .overall-rating {
    flex-direction: column;
    gap: 10px;
  }
  .reviews-container .rating-number {
    font-size: 36px;
  }
  .reviews-container .review-card {
    flex: 0 0 280px;
  }
  .reviews-container .reviews-wrapper {
    gap: 15px;
  }
}

.box-search-ride-style-2 span.tsi-text {
  position: absolute;
  top: -9px;
  background: white;
  color: #626262;
}
.box-search-ride-style-2 .search-item .search-inputs .search-input {
  font-weight: 300;
}

.tursab-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1200px) {
  .tursab-no-header {
    display: none;
  }
}
.book-btn {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

.book-btn-container {
  position: fixed;
  left: 20px;
  bottom: 24px;
  z-index: 1000;
}

h1.heading-content-medium {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

h2.heading-content-medium {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

h3.heading-content-medium {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

@media (min-width: 768px) {
  h1.heading-content-medium {
    font-size: 30px;
    font-weight: 500;
    line-height: 44px;
  }
  h2.heading-content-medium {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
  }
  h3.heading-content-medium {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
  }
}
ul.sub-list {
  list-style: none;
}
ul.sub-list li:before {
  background: none;
}

figcaption {
  padding: 10px 5px;
  text-align: center;
  font-style: italic;
  color: #666;
  font-weight: 100;
  line-height: 28px;
  font-size: 14px;
}

.accordion-body.faq {
  font-weight: 100;
  line-height: 28px;
}
.accordion-body.faq ul {
  list-style: disc;
  padding-left: 24px;
}
.accordion-body.faq ul li {
  margin-bottom: 10px;
}
.accordion-body.faq strong {
  font-weight: 800;
}
.accordion-body.faq p {
  margin-bottom: 10px;
}

.testimonial-section p {
  font-size: 16px;
  font-weight: 100;
  line-height: 28px;
}

.testimonial-gallery-box .testimonial-gallery-item img {
  aspect-ratio: 3/4;
  object-fit: cover;
}

.box-cover-image.homepage-banner {
  background-image: url(../imgs/static/homepage-banner-desktop.jpg);
}

@media (max-width: 767.98px) {
  .box-cover-image.homepage-banner {
    background-image: url(../imgs/static/homepage-banner-mobile.jpg);
  }
}
.footer.footer-white .footer-bottom .btn-link-location {
  background-image: url(../imgs/custom/location.svg);
  background-size: 24px;
  background-repeat: no-repeat;
}

@media (max-width: 767.98px) {
  .menu-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 1199.98px) {
  .footer-2 .menu-bottom li:first-child {
    padding: 0 15px;
  }
}
.content-single.content-policy p {
  margin-bottom: 10px;
}
.content-single.content-policy ul {
  list-style: disc;
  padding: 0 30px;
  margin-bottom: 10px;
}
.content-single.content-policy ul li {
  line-height: 28px;
  font-size: 16px;
  font-weight: 300;
}
.content-single.content-policy ul li strong {
  font-weight: 800;
}

@media (max-width: 991.98px) {
  .cardServiceStyle2 .cardLink svg path {
    stroke: white;
  }
}
.cardServiceStyle2 a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.cardServiceStyle2 a svg {
  width: 18px;
  height: 18px;
}
.cardServiceStyle2 .cardImage {
  aspect-ratio: 4/3;
  object-fit: cover;
}

.services-row a.underline {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.box-fleet-cover a.underline {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.box-fleet-cover a svg {
  width: 18px;
  height: 18px;
}

.cardFleet .cardImage img {
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.cardFleet.cardFleetStyle3 {
  height: 100%;
  padding: 0;
}
.cardFleet.cardFleetStyle3 .cardInfo, .cardFleet.cardFleetStyle3 .cardInfoBottom {
  padding: 0 20px 0px;
}
.cardFleet.cardFleetStyle3 .vehicle-desc {
  padding: 0 20px 20px;
}
.cardFleet.cardFleetStyle3 .cardInfoBottom .passenger .icon-circle.icn-ovr, .cardFleet.cardFleetStyle3 .cardInfoBottom .luggage .icon-circle.icn-ovr {
  border-radius: 0;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.cardFleet.cardFleetStyle3 .cardInfoBottom .passenger .icon-passenger.icn-ovr {
  background-image: url(../imgs/custom/person.svg);
}
.cardFleet.cardFleetStyle3 .cardInfoBottom .luggage .icon-luggage.icn-ovr {
  background-image: url(../imgs/custom/luggage.svg);
}

@media (max-width: 1199.98px) {
  .box-fleet-cover {
    padding-right: 0;
    padding-left: 0;
  }
}
.gallery-image img {
  max-height: 240px;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .box-booking-steps {
    max-width: 80%;
  }
}
@media (max-width: 575.98px) {
  .container-sub .box-booking-steps {
    gap: 16px;
    margin: 15px auto;
  }
  .container-sub .box-booking-steps .item-step .info {
    font-size: 12px;
  }
  .container-sub .box-booking-steps .item-step .icon {
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
  }
  .container-sub .box-booking-steps .item-step .icon span {
    font-size: 16px;
  }
}
.box-booking-steps {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin: 30px auto 30px;
}
.box-booking-steps .item-step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  width: 33%;
}
.box-booking-steps .item-step a:hover {
  color: black;
}
.box-booking-steps .item-step.hvr:hover {
  border-bottom: 1px solid black;
}
.box-booking-steps .item-step.hvr:hover .info {
  color: black;
  font-weight: 800;
}
.box-booking-steps .item-step.hvr:hover .icon {
  border: 1px solid black;
}
.box-booking-steps .item-step.active {
  border-bottom: 1px solid black;
}
.box-booking-steps .item-step.active .info {
  font-weight: 800;
}
.box-booking-steps .item-step.active .icon {
  border: 1px solid black;
}
.box-booking-steps .item-step.disabled a.disabled {
  pointer-events: none;
  cursor: default;
}
.box-booking-steps .item-step .info {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  display: flex;
  height: 50%;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}
.box-booking-steps .item-step .icon {
  background-position: center;
  background-repeat: no-repeat;
  width: 44px;
  height: 44px;
  margin: 0 auto;
  margin-bottom: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-booking-steps .item-step .icon span {
  font-size: 20px;
  font-weight: 300;
}
.box-booking-steps .item-step a {
  height: 100%;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.box-vehicle {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  margin: 20px 0;
}
.box-vehicle .box-vehicle-left, .box-vehicle .box-vehicle-right {
  flex: 0 0 50%;
  padding: 30px;
}
.box-vehicle .box-vehicle-left {
  display: flex;
}
.box-vehicle .select {
  display: flex;
  align-items: center;
  padding: 20px 0;
  flex-wrap: wrap;
}
.box-vehicle .select .extra-info {
  flex: 0 0 100%;
  display: flex;
  align-items: flex-end;
  gap: 20px;
}
.box-vehicle .select .extra-info p {
  font-weight: 300;
}
.box-vehicle .select .price {
  flex: 0 0 60%;
  display: flex;
  flex-direction: column;
}
.box-vehicle .select .price .discount-price {
  font-weight: 300;
  font-size: 18px;
  color: #181818;
}
.box-vehicle .select .price .price-info {
  display: flex;
  gap: 6px;
  align-items: center;
}
.box-vehicle .select .price .price-info .discount-percentage {
  font-size: 20px;
  text-decoration: none;
  color: #E95440;
}
.box-vehicle .select .price .final-price {
  line-height: 44px;
}
.box-vehicle .select .select-btn {
  flex: 0 0 40%;
}
.box-vehicle .select .select-btn .btn {
  width: 100%;
}
.box-vehicle .facilities {
  padding: 10px 0 0;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.box-vehicle .facilities div {
  padding: 4px 8px;
  background-color: rgb(240, 242, 247);
  width: fit-content;
  border-radius: 3px;
}
.box-vehicle .facilities div.facility-item span {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 24px;
  background-size: contain;
}
.box-vehicle .facilities div.greet span {
  background-image: url(../imgs/custom/facilities/like.svg);
}
.box-vehicle .facilities div.cancel span {
  background-image: url(../imgs/custom/facilities/check-circle.svg);
}
.box-vehicle .facilities div.wait span {
  background-image: url(../imgs/custom/facilities/clock.svg);
}
.box-vehicle .info {
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}
.box-vehicle .info p, .box-vehicle .info div {
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}
.box-vehicle .info .amenities {
  font-weight: 500;
}
.box-vehicle .info .passenger-luggage {
  margin-top: 10px;
}
.box-vehicle .info .passenger-luggage .passenger {
  display: inline-block;
  background-image: url(../imgs/custom/person.svg);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0px 16px 0px 22px;
  background-size: 16px 16px;
}
.box-vehicle .info .passenger-luggage .luggage {
  display: inline-block;
  padding: 0px 0px 0px 22px;
  background-image: url(../imgs/custom/luggage.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
.box-vehicle .image {
  display: flex;
  align-items: center;
}
.box-vehicle .image img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 4px;
}
.box-vehicle .tns-controls {
  padding: 0 16px;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.box-vehicle .tns-controls button {
  height: 44px;
  width: 44px;
  border-radius: 54px;
  margin: 0 8px;
  background-color: rgba(0, 0, 0, 0.7);
  border: none;
  padding: 0;
}
.box-vehicle .tns-controls button:disabled {
  border: none;
}
.box-vehicle .tns-controls button:disabled svg {
  stroke: #a1a1a1;
}
.box-vehicle .tns-controls button:disabled svg path {
  stroke: #a1a1a1;
}
.box-vehicle .tns-controls button svg path {
  stroke: white;
}
.box-vehicle .tns-outer {
  max-height: fit-content;
  position: relative;
}
.box-vehicle .tns-outer .tns-nav {
  margin: 0;
}
.box-vehicle .box-vehicle-left {
  align-items: center;
}

.box-tab-right .accordion-item {
  border: none;
}
.box-tab-right .accordion-item .accordion-button {
  border-radius: 0;
  padding: 0;
}
.box-tab-right .accordion-item .accordion-button.collapsed {
  border-bottom: none;
  margin-bottom: 0;
}
.box-tab-right .accordion-item .accordion-collapse {
  border: none;
  border-top: 1px solid #d5d5d5;
  padding-top: 10px;
  margin-top: 10px;
}
@media (max-width: 991.98px) {
  .box-vehicle .box-vehicle-left, .box-vehicle .box-vehicle-right {
    flex: 0 0 100%;
  }
  .box-vehicle .box-vehicle-left {
    padding-bottom: 0;
  }
  .box-vehicle .box-vehicle-right {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .box-vehicle .box-vehicle-right .select {
    padding-bottom: 0;
  }
}
#boxMapRoute {
  margin-bottom: 0;
}

.box-summary {
  padding-bottom: 10px;
  padding-top: 10px;
}
.box-summary.one-way {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
}
.box-summary .summary-item {
  display: flex;
  gap: 24px;
}
.box-summary .summary-item .box-icon {
  width: 28px;
  height: 28px;
}
.box-summary .summary-item .box-icon svg {
  width: 100%;
  height: auto;
}
.box-summary .summary-item .info {
  max-width: 80%;
  width: 100%;
  line-height: 25px;
}

.cardContact a {
  color: white;
  display: block;
}

.contact-result-icon {
  width: 200px;
  height: 200px;
}
.contact-result-icon.contact-result-icon-success {
  fill: #06D6A0;
}
.contact-result-icon.contact-result-icon-fail {
  fill: #EF476F;
}
.contact-result-icon svg {
  width: 100%;
  height: auto;
}

@media (min-width: 992px) {
  .box-trip-summary {
    max-width: 71% !important;
  }
}
@media (min-width: 768px) {
  .box-trip-summary {
    max-width: 61%;
    margin: 0 auto 30px !important;
    padding: 0 10px;
  }
  .box-tab-left {
    margin: 0 auto !important;
  }
}
@media (min-width: 768px) {
  .box-row-tab {
    margin-top: 30px;
  }
}
.box-content-detail {
  padding: 0;
}

.complete-booking .box-trip-summary {
  margin: 0 0 10px;
  padding: 0;
  max-width: 100% !important;
}

.box-trip-summary {
  width: 100%;
  margin: 0 10px 10px;
}
.box-trip-summary .box-items {
  border-radius: 6px;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: rgb(240, 242, 247);
  padding: 20px;
  width: 100%;
}
.box-trip-summary .title {
  display: flex;
  justify-content: space-between;
}
.box-trip-summary .summary-item {
  display: flex;
  gap: 12px;
}
.box-trip-summary .summary-item .info.dot:after {
  content: "•";
  font-size: var(--pico);
  margin-left: var(--femto);
  padding-left: 12px;
}
.box-trip-summary svg {
  width: 20px;
  height: 20px;
}

.booking-completed-icn {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.booking-completed-icn svg {
  fill: #06D6A0;
  width: 100%;
  height: auto;
}

.booking-cancelled-icn {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.booking-cancelled-icn svg {
  fill: #EF476F;
  width: 100%;
  height: auto;
}

.summary-cta-btn-box {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-bottom: 30px;
}
.summary-cta-btn-box .btn {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
.summary-cta-btn-box .btn.btn-primary {
  padding: 8px 24px;
  border-radius: 99px;
  min-width: 198px;
  background-color: #181A1F;
}
.summary-cta-btn-box .btn.btn-primary a {
  line-height: 24px;
  font-weight: 300;
}
.summary-cta-btn-box .icn-box {
  height: 22px;
  width: 22px;
}
.summary-cta-btn-box .icn-box svg {
  fill: #06D6A0;
  width: auto;
  height: 100%;
  vertical-align: baseline;
}
.summary-cta-btn-box .icn-box svg path {
  fill: white;
}

@media (max-width: 499.98px) {
  .summary-cta-btn-box {
    flex-direction: column;
    align-items: center;
  }
}
.tns-nav {
  text-align: center;
  margin: 10px 0;
}

.tns-nav > [aria-controls] {
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #ddd;
  border: 0;
}

.tns-nav > .tns-nav-active {
  background: #999;
}

.tns-controls {
  padding: 24px 8px;
}
.tns-controls button {
  height: 60px;
  width: 60px;
  border-radius: 60px;
  margin: 0 8px;
  background: none;
  border: 1px solid black;
  padding: 4px;
}
.tns-controls button:disabled {
  border: 1px solid #ddd;
}
.tns-controls button:disabled svg {
  stroke: #ddd;
}
.tns-controls button:disabled svg path {
  stroke: #ddd;
}
.tns-controls button svg {
  width: 60%;
  height: auto;
  stroke: black;
}

.box-form-search-style2 {
  display: flex;
  gap: 8px;
  padding: 0 16px;
  max-width: 100%;
  margin: 20px 0;
}
.box-form-search-style2 .search-item.search-date, .box-form-search-style2 .search-item.search-time {
  min-width: 0;
  margin-bottom: 0;
}
.box-form-search-style2 .search-item.search-date {
  flex-grow: 2;
  width: 70%;
}
.box-form-search-style2 .search-item.search-time {
  flex-grow: 1;
  width: 30%;
}

.box-search-ride-style-2 .search-item {
  background: none;
  border: 1px solid #e5e5e5;
}
.box-search-ride-style-2 .search-item label.error {
  color: #E95440;
}
.box-search-ride-style-2 .search-item.search-button {
  border: none;
}
.box-search-ride-style-2 .box-form-search {
  padding-top: 0;
}

.box-edit-details {
  padding: 16px;
}

@media (min-width: 768px) {
  .box-form-search-style2 {
    padding: 0 30px;
  }
  .box-search-ride-style-2 .box-form-search {
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .box-search-ride-style-2 .box-form-search-style2 {
    padding-top: 20px;
  }
}
@media (max-width: 767.98px) {
  .box-search-ride-style-2 .box-form-search {
    padding-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  .ui-timepicker-standard {
    margin-left: -90px;
  }
  .container-sub.cms {
    padding: 0;
  }
}
.page-content p {
  margin-bottom: 15px;
}

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