/* ------------------------------------------ */
/*         General & Basic Styles
/* ------------------------------------------ */
body {
  direction: rtl;
  font-family: "Helvetic-Roman";
  color: #000;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}

ul {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
  outline: none;
  transition: all 0.3s;
}

a:hover,
a:active,
a:focus {
  outline: 0;
}

input,
textarea,
button,
select {
  outline: none;
  border: none;
}

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

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

.overflow-h {
  overflow: hidden;
}

.mobile-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
  left: 0;
  top: 0;
  display: none;
}
.mobile-menu .bg-close {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  cursor: pointer;
}
.mobile-menu .menu-content {
  width: 320px;
  max-width: 100%;
  background-color: #f7f7f7;
  position: absolute;
  top: 0;
  height: 100%;
  overflow: auto;
  z-index: 100;
  right: -320px;
  transition: all 0.3s;
}
.mobile-menu .menu-content.active {
  right: 0;
}
.mobile-menu .menu-content .menu-head {
  padding: 10px 0;
  background-color: #fff;
  padding-left: 21px;
}
.mobile-menu .menu-content .menu-head .menu-logo {
  display: block;
  margin: 40px 10px 25px;
  width: 180px;
}
.mobile-menu .menu-content .menu-head .close-x svg {
  position: absolute;
  top: 15px;
  left: 20px;
  color: #b39b31;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.mobile-menu .menu-content .res-menu {
  padding-bottom: 20px;
}
.mobile-menu .menu-content .res-menu li a {
  color: #000;
  height: 50px;
  display: block;
  font-size: 15px;
  padding: 0 15px;
  line-height: 50px;
  cursor: pointer;
  font-family: "Helvetic-Bold";
  border-bottom: 1px solid #eee;
}
.mobile-menu .menu-content .res-menu li a.open-sub:after {
  content: "\f104";
  font-family: FontAwesome;
  width: 30px;
  float: left;
  text-align: center;
  color: #000;
  font-size: 20px;
  transition: all 0.3s;
}
.mobile-menu .menu-content .res-menu li .sub-menu {
  display: none;
}
.mobile-menu .menu-content .res-menu li .sub-menu li a {
  position: relative;
  padding-right: 40px;
}
.mobile-menu .menu-content .res-menu li .sub-menu li a::before {
  content: "\f100";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 15px;
  top: 17px;
  position: absolute;
  right: 20px;
}
.mobile-menu .menu-content .social-links {
  text-align: center;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.mobile-menu .menu-content .social-links li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #b39b31;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
}

.breadcrumbs {
  background-image: url("../images/young-business-person-test-drive-new-vehicle-steering-wheel.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 500px;
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.breadcrumbs::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
}
.breadcrumbs .content {
  display: flex;
  flex-direction: column;
  position: relative;
}
.breadcrumbs .content .title {
  font-size: 60px;
  font-family: "Helvetic-Bold";
  margin-bottom: 40px;
}
.breadcrumbs .content .breadcrumb {
  font-size: 18px;
  font-family: "Helvetic-Light";
}

.map iframe {
  display: block;
}

.close-hover {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.close-hover::after, .close-hover::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: -28px;
  top: 0;
  z-index: -1;
  background-color: #a78f24;
  transition: all 0.3s ease-in-out;
  transform: skew(-37deg);
}
.close-hover::after {
  left: auto;
  right: -28px;
  transform: skew(-37deg);
}

.shine-hover {
  transition: 0.6s;
  overflow: hidden;
  position: relative;
}
.shine-hover::before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
  filter: blur(30px);
  transform: translateX(-100px) skewX(-15deg);
}
.shine-hover::after {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  filter: blur(5px);
  transform: translateX(-100px) skewX(-15deg);
}

.shiny-hover {
  position: relative;
  overflow: hidden;
  transition: 500ms ease all;
}
.shiny-hover::before {
  content: "";
  position: absolute;
  top: -40%;
  right: 110%;
  width: 30px;
  height: 200%;
  background: rgba(255, 255, 255, 0.3);
  transform: rotate(20deg);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateX(50%) translateY(240px);
  }
  100% {
    opacity: 1;
  }
}
/* ------------------------------------------ */
/*         Header
/* ------------------------------------------ */
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.header.fixed {
  background-color: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.header.fixed .content .logo img {
  display: none;
}
.header.fixed .content .logo .logo-fixed {
  display: block;
}
.header.fixed .content .menu > ul > li > a {
  color: #000;
}
.header .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.header .content .logo .logo-fixed {
  display: none;
}
.header .content .menu > ul {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header .content .menu > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0 45px;
  font-size: 20px;
  color: #fff;
}
.header .content .menu > ul > li > a.has-menu svg {
  margin-right: 10px;
}
.header .content .menu > ul > li > a.has-menu:hover ~ .sub-menu {
  visibility: visible;
  animation: fadeIn 0.3s ease 1;
  display: block;
}
.header .menu-mobile-icon {
  display: none;
  font-size: 24px;
  color: #b39b31;
}
.header .sub-menu {
  position: absolute;
  top: 65px;
  left: 140px;
  width: 230px;
  padding-top: 40px;
  display: none;
  visibility: hidden;
  transition: all 0.5s;
}
.header .sub-menu:hover {
  visibility: visible;
  animation: fadeIn 0.3s ease 1;
  display: block;
}
.header .sub-menu ul li {
  background-color: #000;
  transition: all 0.3s;
}
.header .sub-menu ul li a {
  display: block;
  padding: 25px 20px 20px;
  font-size: 20px;
  font-family: "Helvetic-Light";
  color: #fff;
}
.header .sub-menu ul li:hover {
  background-color: #b39b31;
}

/* ------------------------------------------ */
/*         Footer
/* ------------------------------------------ */
.footer {
  background-color: #101623;
  padding-top: 105px;
  overflow: hidden;
}
.footer .top {
  border-bottom: 2px solid #201e24;
}
.footer .top .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 95px;
}
.footer .top .content .phone-whatsapp p {
  max-width: 210px;
  font-size: 25px;
  line-height: 40px;
  color: #fff;
  margin-bottom: 30px;
}
.footer .top .content .phone-whatsapp a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  width: 250px;
  height: 50px;
  border-radius: 5px;
  font-size: 20px;
  font-family: "Helvetic-Light";
  padding-left: 20px;
}
.footer .top .content .phone-whatsapp a.phone {
  background-color: #201e24;
  color: #bbbbbc;
  margin-bottom: 15px;
}
.footer .top .content .phone-whatsapp a.whatsapp {
  background-color: #3c9700;
  color: #fff;
}
.footer .top .content .email-address .box {
  display: flex;
  align-items: baseline;
  gap: 25px;
}
.footer .top .content .email-address .box p {
  font-size: 25px;
  color: #fff;
}
.footer .top .content .email-address .box a,
.footer .top .content .email-address .box span {
  font-size: 20px;
  font-family: "Helvetic-Light";
  color: #bbbbbc;
}
.footer .top .content .email-address .box span {
  display: block;
  max-width: 305px;
}
.footer .top .content .email-address .box:first-child {
  margin-bottom: 25px;
}
.footer .top .content .branches-social .box {
  display: flex;
  align-items: baseline;
  gap: 25px;
}
.footer .top .content .branches-social .box .text p {
  font-size: 25px;
  color: #fff;
  margin-bottom: 5px;
}
.footer .top .content .branches-social .box .text .branch {
  position: relative;
  padding: 15px 0;
}
.footer .top .content .branches-social .box .text .branch:hover .show {
  visibility: visible;
  animation: fadeIn 0.3s ease 1;
  display: block;
}
.footer .top .content .branches-social .box .text .branch .title {
  display: block;
  font-size: 20px;
  font-family: "Helvetic-Light";
  color: #bbbbbc;
  text-decoration: underline;
  cursor: pointer;
}
.footer .top .content .branches-social .box .text .branch .show {
  width: 305px;
  padding: 25px 30px;
  background-color: #2a292e;
  border-radius: 5px;
  position: absolute;
  bottom: 0;
  right: 100%;
  display: none;
  visibility: hidden;
  transition: all 0.5s;
}
.footer .top .content .branches-social .box .text .branch .show li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.footer .top .content .branches-social .box .text .branch .show li:not(:last-child) {
  margin-bottom: 20px;
}
.footer .top .content .branches-social .box .text .branch .show li .text {
  display: flex;
  align-items: center;
  gap: 25px;
}
.footer .top .content .branches-social .box .text .branch .show li .text a,
.footer .top .content .branches-social .box .text .branch .show li .text span {
  font-size: 16px;
  font-family: "Helvetic-Light";
  color: #bebebe;
}
.footer .top .content .branches-social .box .text .branch .show:hover {
  visibility: visible;
  animation: fadeIn 0.3s ease 1;
  display: block;
}
.footer .top .content .branches-social .box .text .social-links {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer .top .content .branches-social .box .text .social-links li {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #30394d;
}
.footer .top .content .branches-social .box .text .social-links li a svg {
  color: #c2c4cb;
}
.footer .copyright {
  padding: 55px 0 65px;
}
.footer .copyright .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer .copyright .content p {
  font-size: 16px;
  font-family: "Helvetic-Light";
  color: #707070;
}

/* ------------------------------------------ */
/*         Home Page
/* ------------------------------------------ */
.home-page .home-slider {
  position: relative;
}
.home-page .home-slider .bg {
  width: 100%;
  height: 900px;
  overflow: hidden;
}
.home-page .home-slider .bg img {
  width: 100%;
  height: 100%;
}
.home-page .home-slider .bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.54);
}
.home-page .home-slider .text {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -60%);
  color: #fff;
  text-align: center;
}
.home-page .home-slider .text .title {
  font-size: 66px;
  font-family: "Helvetic-Bold";
  margin-bottom: 35px;
}
.home-page .home-slider .text p {
  font-size: 40px;
  margin-bottom: 70px;
}
.home-page .home-slider .text p span {
  color: #b39b31;
}
.home-page .home-slider .text .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.home-page .home-slider .text .buttons a {
  width: 235px;
  height: 65px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-family: "Helvetic-Light";
  color: #fff;
  transition: all 0.3s;
  background-color: #b39b31;
}
.home-page .home-slider .text .buttons a:hover.close-hover::after, .home-page .home-slider .text .buttons a:hover.close-hover::before {
  background-color: #a78f24;
  opacity: 1;
  width: 100%;
}
.home-page .about-company {
  padding-top: 145px;
  text-align: center;
}
.home-page .about-company .title {
  font-size: 50px;
  font-family: "Helvetic-Bold";
}
.home-page .about-company p {
  font-size: 25px;
  font-family: "Helvetic-Light";
  line-height: 50px;
  max-width: 870px;
  margin: 45px auto;
}
.home-page .about-company a {
  font-size: 20px;
  text-decoration: underline;
  color: #000;
}
.home-page .our-vision {
  margin-top: 10px;
  position: relative;
  bottom: -90px;
}
.home-page .our-vision .boxes {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-page .our-vision .boxes .box {
  flex-basis: 33.3333333333%;
  height: 200px;
  background-color: #f8f8f8;
  border: 1px solid #ebebeb;
  padding: 50px 70px 65px 75px;
  text-align: right;
  transition: all 0.3s;
}
.home-page .our-vision .boxes .box p {
  font-size: 25px;
  font-family: "Helvetic-Bold";
  margin-bottom: 15px;
}
.home-page .our-vision .boxes .box span {
  font-size: 16px;
}
.home-page .our-vision .boxes .box:hover {
  background-color: #b39b31;
  color: #fff;
}
.home-page .our-services {
  background-color: #f1f1f1;
  padding: 210px 0 125px;
  text-align: center;
}
.home-page .our-services .title {
  font-size: 50px;
  font-family: "Helvetic-Bold";
  margin-bottom: 55px;
}
.home-page .our-services p {
  font-size: 25px;
  line-height: 50px;
  max-width: 870px;
  margin: auto;
}
.home-page .our-services .images {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 100px;
}
.home-page .our-services .images .box {
  flex-basis: 50%;
  height: 575px;
  overflow: hidden;
  background-color: #b39b31;
  padding: 60px 125px 0 55px;
}
.home-page .our-services .images .box img {
  max-width: 100%;
  height: 100%;
}
.home-page .application-features {
  background-color: #1b1c20;
  padding: 125px 0 70px;
}
.home-page .application-features .title {
  font-size: 50px;
  font-family: "Helvetic-Bold";
  color: #fff;
  text-align: center;
  margin-bottom: 85px;
}
.home-page .application-features .boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.home-page .application-features .boxes .box {
  flex-basis: 48.5%;
  height: 210px;
  padding: 25px 45px 35px 135px;
  background-color: #222327;
  display: flex;
  align-items: center;
  gap: 35px;
  transition: all 0.3s;
}
.home-page .application-features .boxes .box .text p {
  font-size: 25px;
  font-family: "Helvetic-Bold";
  color: #b39b31;
  margin-bottom: 10px;
}
.home-page .application-features .boxes .box .text span {
  font-size: 18px;
  line-height: 30px;
  color: #b4b4b4;
}
.home-page .application-features .boxes .box:hover {
  background-color: #b39b31;
}
.home-page .application-features .boxes .box:hover .text p,
.home-page .application-features .boxes .box:hover .text span {
  color: #000;
}
.home-page .application-features .boxes .box:nth-child(3):hover .icon svg line,
.home-page .application-features .boxes .box:nth-child(3):hover .icon svg path {
  stroke: #000;
}
.home-page .application-features .boxes .box:not(:nth-child(3)):hover .icon svg path {
  fill: #000;
}
.home-page .application-features a {
  width: 265px;
  height: 50px;
  background-color: #b39b31;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-family: "Helvetic-Light";
  color: #fff;
  margin: 60px auto 0;
}
.home-page .application-features a:hover.close-hover::after, .home-page .application-features a:hover.close-hover::before {
  background-color: #a78f24;
  opacity: 1;
  width: 100%;
}
.home-page .car-bus .box {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e8e8e8;
}
.home-page .car-bus .box > div {
  flex-basis: 50%;
}
.home-page .car-bus .box > div.image {
  width: 100%;
  height: 455px;
  overflow: hidden;
}
.home-page .car-bus .box > div.image img {
  max-width: 100%;
  height: 100%;
}
.home-page .car-bus .box > div.text {
  padding: 25px 120px 75px;
}
.home-page .car-bus .box > div.text p {
  font-size: 40px;
  font-family: "Helvetic-Bold";
}
.home-page .car-bus .box > div.text span {
  display: block;
  max-width: 480px;
  font-size: 18px;
  line-height: 40px;
  margin: 5px 0 25px;
}
.home-page .car-bus .box > div.text a {
  width: 135px;
  height: 50px;
  border: 2px solid #000;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #000;
}
.home-page .car-bus .box > div.text a:hover {
  background-color: #b39b31;
  border-color: #b39b31;
}
.home-page .car-bus .box > div.text a:hover.shine-hover {
  background: #b39b31 !important;
}
.home-page .car-bus .box > div.text a:hover.shine-hover::before {
  transform: translateX(300px) skewX(-15deg);
  opacity: 0.6;
  transition: 0.7s;
}
.home-page .car-bus .box > div.text a:hover.shine-hover::after {
  transform: translateX(300px) skewX(-15deg);
  opacity: 1;
  transition: 0.7s;
}
.home-page .important-destinations {
  background-color: #f1f1f1;
  padding: 80px 0 110px;
}
.home-page .important-destinations .title {
  font-size: 50px;
  font-family: "Helvetic-Bold";
  text-align: center;
  margin-bottom: 65px;
}
.home-page .important-destinations .boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.home-page .important-destinations .boxes .box {
  background-color: #000;
}
.home-page .important-destinations .boxes .box .image {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.home-page .important-destinations .boxes .box .image img {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.home-page .important-destinations .boxes .box .text {
  padding: 30px 0;
  text-align: center;
  font-size: 20px;
  font-family: "Helvetic-Bold";
  color: #fff;
}
.home-page .download-app {
  background-color: #e1e1e1;
  position: relative;
  overflow: hidden;
  background-image: url("../images/Intersection.svg");
  background-repeat: no-repeat;
  background-position: bottom left;
}
.home-page .download-app .text {
  padding: 165px 0 215px;
  position: relative;
  z-index: 1;
}
.home-page .download-app .text p {
  max-width: 465px;
  font-size: 40px;
  font-family: "Helvetic-Bold";
  line-height: 70px;
  margin-bottom: 65px;
}
.home-page .download-app .text .buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}
.home-page .download-app .image {
  width: 100%;
  position: absolute;
  top: 0;
  left: -20%;
  width: 100%;
  height: 100%;
}
.home-page .download-app .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* ------------------------------------------ */
/*         Limousine Page
/* ------------------------------------------ */
.limousine-page .description {
  background-color: #efeeea;
  padding: 115px 0 105px;
}
.limousine-page .description p {
  font-size: 30px;
  font-family: "Helvetic-Bold";
  line-height: 50px;
  max-width: 915px;
  text-align: center;
  margin: auto;
}
.limousine-page .hotel-contracts {
  padding: 65px 0 90px;
}
.limousine-page .hotel-contracts h1 {
  font-size: 50px;
  line-height: 70px;
  max-width: 1020px;
  text-align: center;
  margin: 0 auto 50px;
}
.limousine-page .hotel-contracts .boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.limousine-page .hotel-contracts .boxes .box {
  background-color: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  width: 290px;
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.limousine-page .hotel-contracts .boxes .box img {
  max-width: 100%;
  height: 100%;
}
.limousine-page .trips-tourism {
  background-color: #1b1c20;
  padding: 90px 0;
}
.limousine-page .trips-tourism .title {
  font-size: 50px;
  font-family: "Helvetic-Bold";
  color: #fff;
  margin-bottom: 40px;
  text-align: center;
}
.limousine-page .trips-tourism p {
  font-size: 25px;
  line-height: 45px;
  color: #fff;
  max-width: 720px;
  text-align: center;
  margin: 0 auto 40px;
}
.limousine-page .trips-tourism .boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.limousine-page .trips-tourism .boxes .box {
  background-color: #fff;
  width: 385px;
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 55px;
}
.limousine-page .trips-tourism .boxes .box img {
  max-width: 100%;
  height: 100%;
}
.limousine-page .covering-ksa {
  padding: 85px 0 140px;
}
.limousine-page .covering-ksa .title {
  font-size: 50px;
  font-family: "Helvetic-Bold";
  margin-bottom: 70px;
  text-align: center;
}
.limousine-page .covering-ksa .location-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 20px;
}
.limousine-page .covering-ksa .location-list li {
  width: 200px;
  height: 65px;
  background-color: #efefef;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
}
.limousine-page .covering-ksa .image {
  width: 100%;
  height: 600px;
  overflow: hidden;
  margin-top: 60px;
}
.limousine-page .covering-ksa .image img {
  display: block;
  max-width: 100%;
  height: 100%;
  margin: auto;
}
.limousine-page .our-tariff {
  background-color: #1b1c20;
  padding: 80px 0 115px;
}
.limousine-page .our-tariff .title {
  font-size: 50px;
  font-family: "Helvetic-Bold";
  color: #fff;
  text-align: center;
  margin-bottom: 65px;
}
.limousine-page .our-tariff .boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.limousine-page .our-tariff .boxes .box {
  width: 410px;
  background-color: #fff;
  border-radius: 10px;
  padding: 25px 20px 20px 15px;
}
.limousine-page .our-tariff .boxes .box .head {
  display: flex;
  align-items: center;
  gap: 20px;
}
.limousine-page .our-tariff .boxes .box .head .image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.limousine-page .our-tariff .boxes .box .head .image img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 100%;
}
.limousine-page .our-tariff .boxes .box .head .text p {
  font-size: 20px;
  font-family: "Helvetic-Bold";
  color: #000;
}
.limousine-page .our-tariff .boxes .box .head .text > span {
  font-size: 14px;
  color: #000;
}
.limousine-page .our-tariff .boxes .box .head .text .rate {
  display: flex;
  align-items: center;
  gap: 5px;
}
.limousine-page .our-tariff .boxes .box .head .text .rate span {
  font-size: 14px;
  color: #000;
}
.limousine-page .our-tariff .boxes .box .details {
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 5px 25px 10px;
  margin: 15px 0 20px;
}
.limousine-page .our-tariff .boxes .box .details ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.limousine-page .our-tariff .boxes .box .details ul li p {
  font-size: 16px;
  font-family: "Helvetic-Bold";
  color: #000;
}
.limousine-page .our-tariff .boxes .box .details ul li span {
  font-size: 16px;
  color: #8b8b8b;
}
.limousine-page .our-tariff .boxes .box .price-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.limousine-page .our-tariff .boxes .box .price-order .price p {
  font-size: 25px;
  font-family: "Helvetic-Bold";
  color: #3d3e58;
}
.limousine-page .our-tariff .boxes .box .price-order .price p span {
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
}
.limousine-page .our-tariff .boxes .box .price-order .price .discount {
  font-size: 12px;
  color: #979797;
  text-decoration: line-through;
}
.limousine-page .our-tariff .boxes .box .price-order .order-car {
  width: 110px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #cba708;
  font-size: 16px;
  font-family: "Helvetic-Bold";
  color: #fff;
}
.limousine-page .our-tariff .boxes .box .price-order .order-car:hover.shiny-hover {
  background-color: #cba708 !important;
}
.limousine-page .our-tariff .boxes .box .price-order .order-car:hover.shiny-hover::before {
  right: -50%;
  transition: 1s ease all;
}

/* ------------------------------------------ */
/*         Shuttle Page
/* ------------------------------------------ */
.shuttle-page {
  background-color: #efeeea;
}
.shuttle-page .description {
  padding: 130px 0 160px;
}
.shuttle-page .description .title {
  font-size: 40px;
  line-height: 60px;
  max-width: 1110px;
  text-align: center;
  margin: auto;
}
.shuttle-page .description .box {
  margin-top: 95px;
  background-color: #1b1c20;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 105px;
  background-image: url("../images/Building-bg.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}
.shuttle-page .description .box .text p {
  font-size: 40px;
  font-family: "Helvetic-Bold";
  line-height: 60px;
  color: #fff;
  max-width: 365px;
  margin-bottom: 15px;
}
.shuttle-page .description .box .text ul li {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  font-family: "Helvetic-Light";
  color: #b7b7b7;
  margin-bottom: 35px;
}
.shuttle-page .description .box .text a {
  width: 170px;
  height: 50px;
  background-color: #b39b31;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-family: "Helvetic-Light";
  color: #fff;
}
.shuttle-page .description .box .text a:hover.shiny-hover {
  background-color: #b39b31 !important;
}
.shuttle-page .description .box .text a:hover.shiny-hover::before {
  right: -50%;
  transition: 1s ease all;
}
.shuttle-page .description .box .image {
  height: 100%;
  width: 520px;
}
.shuttle-page .description .box .image img {
  max-width: 100%;
}

/* ------------------------------------------ */
/*         contact us Page
/* ------------------------------------------ */
.contact-us .page-content {
  padding: 105px 0 130px;
  position: relative;
}
.contact-us .page-content .content {
  display: flex;
  align-items: baseline;
  gap: 40px;
}
.contact-us .page-content .content > div > .title {
  font-size: 35px;
  font-family: "Helvetic-Bold";
  margin-bottom: 25px;
}
.contact-us .page-content .content > div.send-form {
  flex: 1;
}
.contact-us .page-content .content > div.send-form .form-success {
  width: 745px;
  height: 70px;
  background-color: #e0f8f3;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-family: "Helvetic-Bold";
  color: #1db5a6;
  position: absolute;
  top: -35px;
}
.contact-us .page-content .content > div.send-form form .group {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.contact-us .page-content .content > div.send-form form .group input,
.contact-us .page-content .content > div.send-form form .group select {
  flex: 1;
}
.contact-us .page-content .content > div.send-form form input {
  width: 100%;
  height: 70px;
  border: 2px solid #000;
  border-radius: 5px;
  padding: 15px 20px 20px;
}
.contact-us .page-content .content > div.send-form form input::-moz-placeholder {
  font-size: 16px;
  color: #000;
  opacity: 1;
}
.contact-us .page-content .content > div.send-form form input::placeholder {
  font-size: 16px;
  color: #000;
  opacity: 1;
}
.contact-us .page-content .content > div.send-form form select {
  width: 100%;
  height: 70px;
  border-radius: 5px;
  padding: 15px 20px 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../images/select-arrow.svg");
  background-repeat: no-repeat;
  background-position-x: 30px;
  background-position-y: 50%;
}
.contact-us .page-content .content > div.send-form form select::-moz-placeholder {
  font-size: 16px;
  color: #000;
  opacity: 1;
}
.contact-us .page-content .content > div.send-form form select::placeholder {
  font-size: 16px;
  color: #000;
  opacity: 1;
}
.contact-us .page-content .content > div.send-form form select.select-branch {
  background-color: #f1f1f1;
}
.contact-us .page-content .content > div.send-form form select.select-order {
  border: 2px solid #000;
}
.contact-us .page-content .content > div.send-form form textarea {
  width: 100%;
  height: 200px;
  resize: none;
  border: 2px solid #000;
  border-radius: 5px;
  margin-top: 20px;
  padding: 15px 20px 20px;
}
.contact-us .page-content .content > div.send-form form textarea::-moz-placeholder {
  font-size: 16px;
  color: #000;
  opacity: 1;
}
.contact-us .page-content .content > div.send-form form textarea::placeholder {
  font-size: 16px;
  color: #000;
  opacity: 1;
}
.contact-us .page-content .content > div.send-form form button {
  width: 100%;
  height: 70px;
  background-color: #b39b31;
  border-radius: 5px;
  font-size: 20px;
  font-family: "Helvetic-Bold";
  color: #fff;
  margin-top: 25px;
}
.contact-us .page-content .content > div.send-form form button:hover.close-hover::after, .contact-us .page-content .content > div.send-form form button:hover.close-hover::before {
  background-color: #a78f24;
  opacity: 1;
  width: 100%;
}
.contact-us .page-content .content > div.branches .box {
  width: 430px;
  background-color: #2a292e;
  border-radius: 5px;
  padding: 10px 25px 20px 30px;
}
.contact-us .page-content .content > div.branches .box .title {
  font-size: 20px;
  color: #fff;
  margin-bottom: 10px;
}
.contact-us .page-content .content > div.branches .box ul li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.contact-us .page-content .content > div.branches .box ul li:not(:last-child) {
  margin-bottom: 20px;
}
.contact-us .page-content .content > div.branches .box ul li:last-child .text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact-us .page-content .content > div.branches .box ul li .text a,
.contact-us .page-content .content > div.branches .box ul li .text span {
  font-size: 16px;
  font-family: "Helvetic-Light";
  color: #bebebe;
}
.contact-us .page-content .content > div.branches .box:not(:last-of-type) {
  margin-bottom: 15px;
}

/* ------------------------------------------ */
/*         news Page
/* ------------------------------------------ */
.news-page .page-content {
  padding: 85px 0 110px;
}
.news-page .page-content .boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
.news-page .page-content .boxes .box {
  width: 390px;
  background-color: #f8f8f8;
}
.news-page .page-content .boxes .box .image {
  width: 100%;
  height: 355px;
  overflow: hidden;
}
.news-page .page-content .boxes .box .image img {
  max-width: 100%;
}
.news-page .page-content .boxes .box .text {
  padding: 35px 30px 35px 100px;
  color: #000;
}
.news-page .page-content .boxes .box .text p {
  font-size: 25px;
  font-family: "Helvetic-Bold";
  margin-bottom: 15px;
}
.news-page .page-content .boxes .box .text span {
  font-size: 20px;
  font-family: "Helvetic-Light";
}

/* ------------------------------------------ */
/*         news details Page
/* ------------------------------------------ */
.news-page .page-content .box {
  background-color: #f8f8f8;
}
.news-page .page-content .box .news-image img {
  width: 100%;
  max-width: 100%;
}
.news-page .page-content .box .content {
  padding: 45px 60px 75px;
}
.news-page .page-content .box .content .news-title {
  font-size: 30px;
  font-family: "Helvetic-Bold";
  margin-bottom: 35px;
}
.news-page .page-content .box .content .news-content {
  font-size: 16px;
  line-height: 50px;
}
.news-page .page-content .box .content .news-details {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  padding-top: 35px;
}
.news-page .page-content .box .content .news-details .details {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.news-page .page-content .box .content .news-details .details .date,
.news-page .page-content .box .content .news-details .details .views,
.news-page .page-content .box .content .news-details .details .share {
  display: flex;
  align-items: center;
  gap: 10px;
}
.news-page .page-content .box .content .news-details .details .date span,
.news-page .page-content .box .content .news-details .details .views span,
.news-page .page-content .box .content .news-details .details .share span {
  font-size: 14px;
  color: #a2a2a2;
}
.news-page .page-content .box .content .news-details > .share {
  position: relative;
  cursor: pointer;
}
.news-page .page-content .box .content .news-details > .share .open-share {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 115px;
  height: 40px;
  background-color: #fff;
  border-radius: 20px;
}
.news-page .page-content .box .content .news-details > .share .open-share p {
  font-size: 14px;
  color: #000;
}
.news-page .page-content .box .content .news-details > .share .list-social {
  position: absolute;
  width: 130px;
  right: calc(100% + 10px);
  bottom: 0;
  display: none;
  background-color: #fff;
  box-shadow: 0px 0px 6px 3px rgba(53, 53, 53, 0.06);
  z-index: 99;
}
.news-page .page-content .box .content .news-details > .share .list-social li:not(:last-of-type) {
  border-bottom: 1px solid #f5f8fa;
}
.news-page .page-content .box .content .news-details > .share .list-social li a {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 45px;
  color: #8ba0b9;
  font-size: 13px;
  border-radius: 3px;
  padding: 0 15px;
}
.news-page .page-content .box .content .news-details > .share .list-social li a .icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.news-page .page-content .box .content .news-details > .share .list-social li a .icon svg {
  font-size: 8px;
  color: #fff;
  transition: all 0.3s;
}
.news-page .page-content .box .content .news-details > .share .list-social li a:hover .icon {
  margin-right: 15px;
}
.news-page .page-content .box .content .news-details > .share .list-social li a.facebook .icon {
  background-color: #334c8c;
}
.news-page .page-content .box .content .news-details > .share .list-social li a.twitter .icon {
  background-color: #00a6de;
}
.news-page .page-content .box .content .news-details > .share .list-social li a.linkedin .icon {
  background-color: #0b69c7;
}
.news-page .page-content .box .content .news-details > .share .list-social li a.whats .icon {
  background-color: #2aa81a;
}

/* ------------------------------------------ */
/*         About Page
/* ------------------------------------------ */
.about-us .page-content {
  padding: 100px 0 180px;
}
.about-us .page-content .company-overview {
  background: radial-gradient(circle, rgb(189, 143, 3) 0%, rgb(177, 119, 0) 100%);
  padding: 45px 60px 45px;
}
.about-us .page-content .company-overview .title {
  font-size: 40px;
  font-family: "Helvetic-Bold";
  color: #fff;
  margin-bottom: 40px;
}
.about-us .page-content .company-overview p {
  font-size: 20px;
  line-height: 40px;
  max-width: 1110px;
}
.about-us .page-content .company-overview img {
  display: block;
  margin: 35px auto 0;
  max-width: 100%;
}
.about-us .page-content .boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-top: 75px;
}
.about-us .page-content .boxes .box {
  width: 375px;
  height: 310px;
  background-color: #fff;
  padding: 65px 30px 70px 75px;
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.16);
  transition: all 0.3s;
}
.about-us .page-content .boxes .box .head {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}
.about-us .page-content .boxes .box .head .icon {
  width: 95px;
  height: 95px;
  background-color: #eeeeee;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-us .page-content .boxes .box .head .text p {
  font-size: 25px;
  font-family: "Helvetic-Bold";
}
.about-us .page-content .boxes .box .content p {
  max-width: 250px;
  font-size: 16px;
  line-height: 35px;
}
.about-us .page-content .boxes .box:hover {
  background-color: #ac8b15;
  transform: translateY(-10px);
}
.about-us .page-content .boxes .box:hover .head .icon {
  background-color: #000;
}
.about-us .page-content .boxes .box:hover .head .icon svg path {
  fill: #fff;
}/*# sourceMappingURL=style-rtl.css.map */