/*GENERAL*/
a:hover,
a:active {
  color: #f15a29;
}

a:visited {
  color: inherit;
}

a {
  text-decoration: none;
}

::selection {
  background: #f15a29;
  color: #ffffff;
}

button {
  cursor: pointer;
}

body {
  cursor: url('https://discoverzanterentals.pcinfo.work/wp-content/uploads/2023/03/Vector-8.png'),
    auto;
  background-color: #dedbdb;
}

.page {
  margin: 0;
}
/*END of GENERAL*/

/*Products Catalogue*/
.outofstock .prod-row-img-wrapper {
  opacity: 0.3 !important;
}

/*END of Products Catalogue*/

/*Booking Datepicker*/
.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
  color: #e3e3e3;
  font-size: 16px;
}

.ui-state-active {
  font-size: 18px;
}

.crbs-state-selected {
  background-color: #359d50 !important;
  border-color: #359d50 !important;
  font-size: 0 !important;
  padding-bottom: 20px !important;
  padding-top: 25px !important;
}

.crbs-state-selected::before {
  content: 'SELECTED';
  font-size: 16px !important;
}

.crbs-main
  .crbs-vehicle
  .crbs-vehicle-image
  + .crbs-vehicle-content
  + .crbs-vehicle-price
  + .crbs-vehicle-description,
.crbs-main
  .crbs-vehicle
  .crbs-vehicle-image
  + .crbs-vehicle-gallery
  + .crbs-vehicle-content
  + .crbs-vehicle-price
  + .crbs-vehicle-description {
  margin: 0 20px !important;
}

.crbs-vehicle .crbs-vehicle-description-button.crbs-clear-fix {
  display: none !important;
}

.booking-form-extra-price span {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.crbs-main .crbs-form-panel-content .crbs-clear-fix {
  grid-gap: 0 !important;
}

.page-id-10130 .crbs-main-content-step-1 .crbs-layout-column-left {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.crbs-main-content-step-2
  .crbs-form-panel
  .crbs-form-field.crbs-form-field-width-33:nth-child(1),
.crbs-main-content-step-2
  .crbs-form-panel
  .crbs-form-field.crbs-form-field-width-33:nth-child(2) {
  display: none !important;
}

.crbs-main .crbs-vehicle .crbs-vehicle-description {
  height: 100% !important;
}

.crbs-vehicle-description {
  margin: 0 20px;
}

/*END OF Booking Datepicker*/
/*BUTTONS*/

#book-submit.booknow-button {
  margin: 30px auto 0 auto !important;
  display: block;
  width: max-content;
}
.booknow-button {
  border-color: #f15a29;
  background-color: #f15a29;
  color: #fff !important;
  padding: 14px 24px 16px 32px;
  font-size: 14px;
  line-height: 1;
  border-radius: 2px;
  border-style: solid;
  border-width: 2px;
  text-transform: uppercase;
  transition: all 0.4s ease;
}
.booknow-button:hover {
  background-color: #262262;
  color: #f15a29 !important;
}
.booknow-button > span {
  top: 2px;
  font-size: 18px;
  position: relative;
  padding-left: 12px;
  display: inline-block;
}
.booknow-button > span::before {
  content: '\65';
}
a.wu-button {
  display: block;
  margin: 10px 0 0;
  padding: 15px 20px 15px 70px;
  border: 2px solid #40c351;
  background: #40c351;
  color: #fff;
  text-decoration: none !important;
  border-radius: 50px;
  width: max-content;
  position: relative;
  transition: all 0.5s ease;
}
a.wu-button:hover {
  background: #fff;
  color: #40c351;
}
a.wu-button img {
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: auto;
}

.crbs-main-content-step-1
  .crbs-button.crbs-button-style-1.crbs-button-step-next {
  font-size: 0;
}

.crbs-main-content-step-1
  .crbs-button.crbs-button-style-1.crbs-button-step-next::before {
  content: 'Search for Vehicles' !important;
  text-align: center;
  color: white;
  font-size: 16px !important;
}

.crbs-main-content-step-4 .crbs-layout-column-right img,
.crbs-main-content-step-4 .crbs_google_map {
  border-radius: 15px;
  margin-bottom: 30px;
}

.crbs-button-step-next span.crbs-meta-icon-arrow-horizontal {
  margin-left: 10px;
}

.crbs-button.crbs-button-step-next {
  padding-right: 5px !important;
}

.button-grey {
  border-radius: 15px;
  padding: 10px 25px;
  height: 50px;
  background: #9091af;
  background-blend-mode: normal, overlay;
  border: solid 1px #9091af;
  font-weight: 400;
  text-align: center;
  width: 244px;
}

.button-grey:hover,
.blue-button:hover {
  background: transparent;
  color: #f15a29;
  border: solid 1px #f15a29;
  transition-timing-function: linear;
  transition: 0.3s;
}

.blue-button,
.wpcf7-submit {
  border-radius: 15px !important;
  padding: 10px 10px !important;
  height: 50px !important;
  background: #262262 !important;
  background-blend-mode: normal, overlay !important;
  border: solid 1px #9091af !important;
  font-weight: 400 !important;
  color: white !important;
  width: 150px !important;
  cursor: pointer;
  text-align: center !important;
}

.wpcf7-submit:hover {
  background: transparent !important;
  color: #f15a29 !important;
  border: solid 1px #f15a29 !important;
  transition-timing-function: linear !important;
  transition: 0.3s;
}

/*Whats App Button*/

.whats-app-footer {
  position: fixed;
  bottom: 5%;
  right: 0%;
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(38, 34, 98, 0) 100%
    ),
    linear-gradient(
      91.44deg,
      rgba(255, 255, 255, 0.2) 3.64%,
      rgba(255, 255, 255, 0.08) 98.84%
    );
  background-blend-mode: normal, normal, overlay;
  backdrop-filter: blur(10px);
  border-radius: 15px 0px 0 15px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 5px 8px 0px 11px;
  z-index: 999;
}
/*END of Whats App Button*/

/*END of BUTTONS*/

/*ACCODITION*/

.accordion {
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 10px;
  border: none;
  text-align: left;
  width: 460px;
}

.active,
.accordion:hover,
button:focus {
  border: none;
}

.panel {
  display: none;
  overflow: hidden;
  width: 460px;
}

.accordion:after {
  content: '+';
  float: right;
  font-size: 40px;
  font-weight: 400;
  margin-left: 35px;
}

.active:after {
  content: '-';
}

.faqs-box {
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(38, 34, 98, 0) 100%
    ),
    linear-gradient(
      91.44deg,
      rgba(255, 255, 255, 0.2) 3.64%,
      rgba(255, 255, 255, 0.08) 98.84%
    );
  background-blend-mode: normal, normal, overlay;
  backdrop-filter: blur(10px);
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 25px 30px 32px 40px;
  margin-right: 20px;
}

.panel p {
  font-weight: 400;
  font-size: 14px;
}

.faqs-button {
  font-weight: 600;
  margin: 0;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
}

/*END of ACCODITION*/

/*TYPOGRAPHY*/
.category-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}

.subtitle {
  font-size: 14px;
  font-weight: 600;
  color: #f15a29;
  margin: 0;
}

/*END of TYPOGRAPHY*/

/*MAIN MENU*/
header {
  z-index: 100;
}

.wpml-ls-item {
  display: flex;
}

.menu-icons svg {
  fill: white !important;
  padding-top: 8px;
}

.site-header {
  position: fixed;
  height: 120px;
  left: 0px;
  top: 0px;
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(38, 34, 98, 0) 100%
    ),
    linear-gradient(
      91.44deg,
      rgba(255, 255, 255, 0.2) 3.64%,
      rgba(255, 255, 255, 0.08) 98.84%
    );
  background-blend-mode: normal, normal, overlay;
  backdrop-filter: blur(10px);
  border-radius: 0px 0px 15px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
}

#menu-navigarion-m {
  display: none;
}

#menu-item-10637 a {
  background-color: #f15a29;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 10px;
  transition: all 0.25s ease-in-out;
}
#menu-item-10637:hover a {
  background-color: #fff;
  color: #f15a29;
}
#masthead .gutter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*Pop up - Main Menu*/
.popupmenu {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popupmenu .popuptext {
  visibility: hidden;
  width: 95px;
  background-color: #262262;
  color: #fff;
  text-align: center;
  border-radius: 16px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  top: 115%;
  left: 135%;
  margin-left: -80px;
}

.popuptext.show ul {
  margin: 0;
}

.popupmenu .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.menu-icons {
  list-style-type: none;
  padding: 0px;
}

.menu-icons img {
  margin-top: 15px;
  margin-bottom: 8px;
}

.menu-icons li {
  border-bottom: solid 1px rgba(255, 255, 255, 0.15);
}

#contact-menu > ul > a:nth-child(6) > li {
  border-bottom: none;
}
/*END of Pop up - Main Menu*/

/*END of MAIN MENU*/

/*NEWLETTER*/
.mc4wp-form-fields input[type='email'] {
  font-size: 60px;
  max-width: 600px !important;
  background: linear-gradient(
    90.46deg,
    rgba(38, 34, 98, 0.4) 10%,
    rgba(255, 255, 255, 0.12) 88.76%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  padding-bottom: 10px;
  border-image: linear-gradient(
    90.46deg,
    rgba(38, 34, 98, 0.4) 10%,
    rgba(255, 255, 255, 0.8) 102%
  ) !important;
  border-image-slice: 1 !important;
  padding-left: 0 !important;
}

.news-description h2 {
  font-size: 60px;
  color: #f15a29;
  font-weight: 600;
}

.news-description p {
  font-weight: 400;
  font-size: 24px;
}

.news-description {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-form {
  margin-left: 20px;
}

.mc4wp-form-fields {
  display: inline-flex;
  align-items: flex-end;
}

.button-news {
  border: 1px solid;
  border-color: transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0 150px 0 5px !important;
  font-size: 70px;
  padding-right: 0 !important;
  margin: -23px;
  color: #f1f1f1 !important;
  font-weight: 200;
}

/*END of NEWLETTER*/

/*Logo*/
.main-logo {
  width: 300px;
}
/*END of Logo*/

/*Navigation Links*/
.menu-item a {
  color: #262262;
  padding: 0 15px;
  font-size: 16px;
  text-transform: uppercase;
}

.menu-item a:hover {
  color: #f15a29;
}

/*END of Navigation Links*/

/*Contact - Social Media Header*/
.phone-menu {
  width: 30px;
  margin-left: 40px;
}
/*END of Contact - Social Media Header*/

/*Contact Button*/
.contact-button {
  background-color: #262262;
}
/*END of Contact Button*/

/*FOOTER*/
.site-footer {
  background-color: #262262;
  padding-top: 40px;
  border-radius: 15px 15px 0px 0px;
}

.site-footer .gutter {
  display: flex;
  justify-content: flex-start;
}

.page-template {
  margin-bottom: 0;
}

#footer-zante div,
#footer-zante div a,
#footer-zante div p {
  color: white;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.7;
}

#footer-zante div a:hover,
#footer-zante div a:active {
  color: #f15a29;
}

#footer-zante ul {
  list-style-type: none;
}

.logo-footer {
  margin-bottom: 30px;
}

.copyrights-footer {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 30px;
}

.logo-footer img {
  width: 350px;
}

.ft-logo-contact {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.newsletter {
  margin-top: 100px;
  margin-bottom: 150px;
}

/*END OF FOOTER*/
body {
  overflow-x: hidden;
}
/*HOMEPAGE*/
/*Hero Section*/
.hero-section {
  height: 100vh;
  z-index: 10;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding-block: 2rem;
}
.hero-form {
  padding-bottom: 14vh;
}
.top-banner-vid-holder {
  background: #000;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  overflow: hidden;
}
.top-banner-vid-holder > div {
  aspect-ratio: 16 / 9;
  height: 100%;
}
.top-banner-vid-holder::before {
  content: '';
  display: block;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000038;
  pointer-events: none;
}

.crbs-main .crbs-form-field > label {
  padding-right: 20px;
}

.hero-title div {
  font-style: normal;
  font-weight: 600;
  font-size: 64px;
  line-height: 136%;
  text-align: center;
  /* color: rgba(38,34,98,0.40); */
  color: rgb(255 255 255 / 77%);
}

.hero-title {
  width: 1100px;
  margin-top: 4rem;
}
.hero-section .crbs-clear-fix.crbs-main-content-navigation-button {
  display: none !important;
}

.home .crbs-form-field,
.home .crbs-timepicker {
  background-color: #ffffffd4 !important;
}

.home .crbs-timepicker,
.home .crbs-datepicker {
  background-color: #2c3e5000 !important;
}

.home .booknow-button-wrapper {
  text-align: right !important;
}

.home .crbs-form-field {
  border-radius: 15px !important;
}

.booknow-button > span::before {
  color: white !important;
}

.booknow-button > span::before:hover {
  color: pink !important;
}

.booknow-button:hover {
  border-color: white !important;
}

.home .crbs-clear-fix > .crbs-clear-fix {
  display: flex !important;
}

.ui-datepicker {
  border-radius: 15px;
}

.booknow-button {
  border-radius: 15px !important;
  margin-right: 8px !important;
}

.home .crbs-form-field {
  margin: 10px;
}
/*END of Hero Section*/

/*Section 1 - Home*/
.home-section-1-title p {
  font-size: 40px;
  font-weight: 600;
  line-height: 54px;
  letter-spacing: 0em;
  text-align: center;
  color: #262262;
  margin-top: 0;
}

.rent-car-banner-image {
  width: 450px;
  display: flex;
  justify-content: center;
}

.rent-car-banner-link {
  border-radius: 15px;
  background-color: transparent;
  width: 50px;
  padding-bottom: 10px;
  padding-top: 10px;
  height: 50px;
  background: linear-gradient(
    0deg,
    rgba(38, 34, 98, 0.5),
    rgba(38, 34, 98, 0.5)
  );
  background-blend-mode: normal, overlay;
}

.rent-car-banner:hover .button-link-section-1 {
  background: transparent;
  border: 1px solid #ffffff;
}

.button-link-section-1 {
  background-color: transparent;
  display: flex;
  justify-content: space-around;
  transition: 0.4s;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #262262;
}

.rent-car-banner:hover .button-link-section-1 {
  background-color: #262262;
  border-radius: 0 0 15px 15px;
  color: white;
}

.crbs-summary-price-element {
  padding: 15px !important;
}

.rent-car-banner:hover .rent-car-banner-text {
  color: white;
}

.rent-car-banner:hover .rent-car-banner-link svg {
  fill: white;
}

.rent-car-banner {
  background: #ffffff;
  border: 1px solid #262262;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

.rent-car-banner-image {
  padding: 20px;
  height: 350px;
}

.rent-car-banner-image img {
  height: 300px;
  max-width: 500px;
}

.home-section-1-banners a {
  margin: 0 30px;
}

.home-section-1 {
  padding: 120px 0 20px 0;
}

.home-section-1-banners {
  justify-content: space-evenly;
  margin-bottom: -150px;
}

.home-section-1 .grid {
  display: flex;
  justify-content: center;
}

.home-section-1 .gutter {
  z-index: 10;
}

.rent-car-banner-link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rent-car-banner-link svg {
  fill: #262262;
}

.maequee-banners-section-1 p {
  font-weight: 600;
  font-size: 200px;
  color: #f15a29;
  -webkit-text-fill-color: #dedbdb;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f15a29;
  margin: 0;
}

.marquee {
  overflow: hidden;
  user-select: none;
  --gap: 2rem;
  margin-top: 30px;
}

.marquee-content-cell,
.marquee-content,
.marquee {
  display: flex;
  gap: var(--gap);
}

.marquee-content {
  flex-shrink: 0;
  justify-content: space-around;
  min-width: 90%;
  animation: scroll 150s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

/*END of Section 1 - Home*/

/*Section 2 - Home*/
.home-section-2 {
  background-color: #262262;
  border-radius: 15px 15px 0 0;
}

.home-section-2 .gutter {
  justify-content: space-around;
}

.home-section-2 a,
.home-section-2 p,
.home-section-2 h3 {
  color: white;
}

.home-section-2 h5 {
  color: #f15a29;
}

.home-section-2-right {
  margin-top: -55px;
  text-align: right;
}

.home-section-2-right img {
  border-radius: 20px;
  border: solid #ffffffdb 2px;
}

.section-slider {
  display: flex;
}

.home-section-2-left {
  padding: 50px 0;
}

/*END of Section 2 - Home*/

/*Section 3 - Home*/

.home-section-3 {
  padding: 100px 0;
  background-attachment: fixed !important;
  border-radius: 0 0 15px 15px;
  background-position: center !important;
}

.section-three-banners h5 {
  color: white;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  margin: 0;
  margin-top: 20px;
}

.section-three-banners {
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(38, 34, 98, 0) 100%
    ),
    linear-gradient(
      91.44deg,
      rgba(255, 255, 255, 0.2) 3.64%,
      rgba(255, 255, 255, 0.08) 98.84%
    );
  background-blend-mode: normal, normal, overlay;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 400px;
  height: 155px;
  margin-top: 25px;
  margin-bottom: 25px;
  max-width: 400px;
  max-height: 155px;
  text-align: center;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.counter {
  width: 90px;
  height: 90px;
  background: linear-gradient(0deg, #262262, #262262);
  background-blend-mode: normal, overlay;
  backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 28px;
}

.hr-section-three hr {
  height: 2px;
  width: 150px;
}

.section-three {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  position: relative;
  right: 15.1%;
  text-align: center;
}

.section-three.left {
  flex-direction: row;
  justify-content: flex-end;
  left: -48%;
}
/*END of Section 3 - Home*/

/*Section 4 - Home*/

.hr-four {
  background-color: #f15a29 !important;
  margin-top: 30px;
}

.four-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.home-section-4 {
  padding-top: 80px;
}

.owl-carousel.car-four {
  display: flex;
  justify-content: space-between;
}

.carousel-four-section {
  margin-top: 50px;
}

.carousel-four-inner-section {
  border-radius: 15px;
  border: solid 1px #f15a29;
}

.text-carousel {
  justify-content: space-between;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.text-carousel h5 {
  font-size: 18px;
  font-weight: 600;
}

.carousel-four-image {
  padding: 20px;
  width: 500px;
  height: 250px;
}

.owl-carousel .owl-item img {
  height: 500px;
}
/*Section 3 - Home*/

/*END of Section 4 - Home*/

.home-section-5 {
  margin: 100px 0;
}

.title-banner-5 h2 {
  margin-left: 15px;
}

.section-5 {
  padding: 70px 100px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.25);
}

.home-section-boat {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.active:after {
  display: none;
}

.carousel-5-section {
  margin-top: 30px;
}

.owl-carousel.car-5 {
  display: flex;
  justify-content: space-between;
}

.section-5 {
  border: solid 1px #22255f;
}

.carousel-5-section .owl-carousel .owl-stage-outer {
  overflow: initial !important;
}

.carousel-5-section {
  margin-top: 80px;
  margin-bottom: 30px;
}

.carousel-5-image {
  max-width: 800px;
  height: 400px;
  margin-bottom: -7px;
  border-radius: 14px 14px 0 0;
}

.section-5-banners .text-carousel {
  padding: 15px 20px;
}

.section-5-banners {
  display: flex;
  justify-content: space-between;
}

/*END of Section 3 - Home*/

/*Section 5 - Home*/

.home-section-5 {
  margin: 100px 0;
}

.title-banner-5 h2 {
  margin-left: 15px;
}

.section-5 {
  padding: 70px 100px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.25);
}

.home-section-boat {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.active:after {
  display: none;
}

.carousel-5-section {
  margin-top: 30px;
}

.owl-carousel.car-5 {
  display: flex;
  justify-content: space-between;
}

.section-5 {
  border: solid 1px #22255f;
}

.carousel-5-section .owl-carousel .owl-stage-outer {
  overflow: initial !important;
}

.carousel-5-section {
  margin-top: 80px;
  margin-bottom: 30px;
}

.text-carousel {
  height: 150px;
}

.text-carousel h5 {
  font-size: 18px;
  font-weight: 600;
}

.carousel-5-image {
  max-width: 800px;
  height: 400px;
  margin-bottom: -7px;
  border-radius: 14px 14px 0 0;
}

.section-5-banners .text-carousel {
  padding: 15px 20px;
}

.section-5-banners {
  display: flex;
  justify-content: space-between;
}

.text-carousel {
  margin-top: 40px;
}

.text-carousel h5 {
  font-weight: 600;
  font-size: 24px;
  margin: 0;
  margin-bottom: 10px;
}

.text-carousel p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}

/*END of Section 5 - Home*/

/*Section OUR FLEET - Home*/
.home-section-fleet {
  margin: 120px 0 170px 0;
}

#our-bikes {
  margin-top: 5%;
}

.car-grid {
  text-align: center;
}

.fleet-text {
  padding: 50px 80px;
  border-radius: 15px;
  border: solid 1px #f15a29;
}

.button-fleet .button-grey {
  z-index: 100;
}

.orange-hr {
  background-color: #f15a29 !important;
}

.big-hr {
  position: absolute;
  right: 0%;
  width: 100%;
}

.fleet-text p {
  margin-top: 50px;
  font-size: 20px;
  font-weight: 500;
}

.fleet-text .category-title {
  margin-bottom: 10px;
}

.button-fleet {
  display: flex;
  justify-content: flex-end;
}

.section-fleet {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fleet-image img {
  margin-left: -200px;
  max-width: 800px;
  margin-top: 145px;
}

table > tbody td.block-60.details-tl {
  text-align: left;
}
/*END of Section OUR FLEET - Home*/

/*Booking Homepage*/
.home .crbs-layout-column-left {
  display: flex;
  justify-content: space-around;
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
}

.home .crbs-layout-column-right,
.home .crbs-form-panel-label,
#crbs_booking_form_F99B8BB08FC4CB99A9652BA478C81E52
  > form
  > div
  > div.crbs-main-content-step-1
  > div.crbs-layout-50x50.crbs-clear-fix
  > div.crbs-layout-column-left
  > div:nth-child(3) {
  display: none !important;
}

.qtip-content {
  color: white !important;
  font-size: 15px !important;
}

.crbs-main-content-step-4 .crbs-main img {
  margin-bottom: 30px;
  border-radius: 15px;
}

.home .crbs-form-panel-content.crbs-clear-fix {
  border: none !important;
}

.page-id-10130 .crbs-form-field {
  border-radius: 15px;
  margin-bottom: 10px !important;
}

.page-id-10130 .crbs-form-field input,
.ui-selectmenu-menu,
.crbs-vehicle,
.crbs-button,
.crbs-summary,
.crbs-summary-price-element {
  border-radius: 15px !important;
}

.crbs-vehicle-price {
  border-radius: 0 0 15px 15px;
}

.crbs-layout-column-left {
  border-radius: 15px 15px 0 0;
}

.crbs-main.crbs-width-300
  .crbs-main-content
  .crbs-main-content-step-1
  > div
  > .crbs-layout-column-left {
  border-radius: 15px;
}

.crbs-form-panel-label span:not(.crbs-form-checkbox),
.crbs-form-panel-label {
  font-size: 30px !important;
  font-weight: 600 !important;
  background: none !important;
  color: #f15a29 !important;
  padding: 0 !important;
  margin-top: 10px !important;
  color: #f15a29;
  -webkit-text-fill-color: #dedbdb;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f15a29;
  margin-left: 8px;
}
.crbs-form-panel-label span.crbs-form-checkbox {
  top: 0 !important;
  left: 0 !important;
  position: relative !important;
  width: 25px;
  height: 25px;
}
.crbs-form-panel-content.crbs-clear-fix {
  border-radius: 15px !important;
  margin-top: -8px;
}

.crbs-main-content-step-2 {
  display: flex;
  justify-content: space-between;
}

.crbs-main
  .crbs-booking-extra-list
  > ul
  > li
  > div.crbs-column-2
  > .crbs-form-field,
.crbs-main
  .crbs-booking-extra-list
  > ul
  > li
  > div.crbs-column-2
  > .crbs-form-field
  > input {
  text-align: center;
}

.crbs-state-selected span {
  color: white;
}

.crbs-main-navigation-default span {
  border: none !important;
}

.crbs-list-reset li {
  background-color: transparent !important;
}

.crbs-main-content-step-4 #crbs_google_map {
  border-radius: 15px;
  margin-bottom: 30px;
}

/*END OF Booking Homepage*/
/*END OF HOMEPAGE*/

/*PAGES*/
/*Page Title*/

.page .entry-title {
  padding: 220px 0 120px 0;
  font-style: normal;
  font-weight: 600;
  font-size: 60px;
  line-height: 136%;
  text-align: center;
  color: rgba(38, 34, 98, 0.4);
  text-align: center;
  margin-top: 0;
  border-radius: 0 0 15px 15px;
  margin-left: -6.9%;
  margin-right: -6.9%;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.page-template-fleet-page .entry-title {
  margin-left: 0;
  margin-right: 0;
}

/*END OF Page Title*/

/*Contact Page*/
.contact-fields {
  font-size: 22px !important;
  background: linear-gradient(
    90.46deg,
    rgba(38, 34, 98, 0.8) 10%,
    rgba(241, 90, 41, 0.5) 88.76%
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  padding-bottom: 10px;
  border-image: linear-gradient(
    90.46deg,
    rgba(38, 34, 98, 0.8) 10%,
    rgba(241, 90, 41, 0.5) 102%
  ) !important;
  border-image-slice: 1 !important;
  padding-left: 0 !important;
  width: 100%;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
  outline: none;
}

.contact-block {
  margin: 120px 0 170px 0;
}

.contact-block-text {
  padding: 50px 80px;
  border-radius: 15px;
  border: solid 1px #f15a29;
}

.button-contact-block .button-grey {
  z-index: 100;
}

.contact-block-text p {
  margin-top: 50px;
  font-size: 20px;
  font-weight: 500;
}

.contact-block-text .category-title {
  margin-bottom: 10px;
}

.button-contact-block {
  display: flex;
  justify-content: flex-end;
}

.section-contact-block {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-block-info {
  margin-left: 60px;
}

.contact-block-tel {
  margin-bottom: 30px;
}

.contact-block-tel h2,
.contact-block-social-media h2 {
  color: #f15a29;
  font-size: 40px !important;
  -webkit-text-fill-color: #dedbdb;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f15a29;
}

.contact-title {
  font-size: 36px;
  font-weight: 600;
  margin: 10px 0;
}

.inner-contact-block-text {
  padding-top: 20px;
}

.contact-block-info ul {
  margin: 0 0 1.5em 1em;
  list-style-type: none;
}

.contact-block-tel li {
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 10px;
}

.contact-block-tel p {
  color: #262262;
  font-size: 22px;
  margin: 0;
}

.section-contact-block svg {
  fill: #262262;
  margin-right: 10px;
}

.contact-block-tel li:hover p,
.section-contact-block li:hover svg {
  color: #f15a29;
  fill: #f15a29;
}

.contact-block-social-media li {
  margin-right: 15px;
  margin-top: 15px;
}

/*END OF Contact Page*/

/*FAQ Page*/

.faq-list {
  list-style: none;
  padding: 0;
}

.faq-list .faq-li {
  margin: 30px 0;
  padding: 30px;
  margin: 0px auto 30px;
  border-radius: 15px;
  background-color: white;
  transition: all 0.25s ease-in-out;
}

.faq-list .faq-heading::before {
  content: '+';
  font-size: 40px;
  display: block;
  position: absolute;
  right: 0;
  top: -7px;
  color: #f15a29;
  font-weight: 500;
}

.read.faq-text p {
  width: 90%;
}

.faq-list .the-active .faq-heading::before {
  content: '-';
}

.faq-heading {
  position: relative;
  cursor: pointer;
  font-size: 30px;
  font-weight: 900;
  margin: 0;
  transition: 1s;
}

.faq-heading:hover {
  color: #f15a29;
}

.the-active .faq-heading {
  color: #f15a29;
  font-size: 30px !important;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f15a29;
}

.faq-text {
  display: none;
}
.container {
  width: 1200px;
  margin: auto;
}
.art-box svg {
  width: 100%;
}
.row {
  display: flex;
}

.read {
  line-height: 1.5;
  margin-top: 35px;
}

/*END of Contact Page*/

/*404 Page*/
.error-404 {
  margin-top: 150px;
  height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.error-404 .page-content {
  text-align: center;
  margin-top: 30px;
}

.marquee-404 {
  font-weight: 600;
  font-size: 180px;
  color: #f15a29;
  -webkit-text-fill-color: #dedbdb;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f15a29;
  margin: 0;
}

.error404 .marquee {
  align-items: center;
}

.error404 .page-title {
  font-weight: 600;
  font-size: 60px;
}

.error404 .page-content {
  margin-top: -90px;
}

.error404 .blue-button {
  margin-top: 40px;
  padding: 15px 20px !important;
}

.error404 .page-content h3 {
  padding-bottom: 30px;
}

.error404 .page-title {
  margin-bottom: 0 !important;
}

/*END of 404 Page*/

/*OUR FLEET*/

.vehicle-fleet-block {
  padding: 30px;
  background-color: white;
  border-radius: 15px;
  margin: 20px;
  height: calc(600px - 90px);
}

.car-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  gap: 50px;
}
.block-grid-fleet {
  width: 100%;
  display: inline-block;
}
.vehicle-fleet-block {
  padding: 30px;
  background-color: white;
  border-radius: 15px;
  margin: 0;
  height: calc(600px - 90px);
}

.vehicle-details {
  margin-top: 20px;
  border-collapse: collapse;
}

.vehicle-fleet-block {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.fleet-details h3,
.fleet-details h5 {
  margin: 0;
  text-align: left;
}

.block-grid-fleet {
  display: inline-block;
}

.vehicle-details {
  margin-top: 20px;
}

.vehicle-details td {
  padding: 5px auto;
  border-bottom: solid 1px #f15a29;
}

.details-fl {
  text-align: right;
}

.img-margin-fleet {
  margin-right: 20px;
}

.our-fleet-title {
  color: #f15a29;
  font-size: 60px !important;
  -webkit-text-fill-color: #dedbdb;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f15a29;
  font-weight: 700;
}

.fleet-price {
  background: #f15a29;
  padding: 5px;
  text-align: center;
  border-radius: 8px;
  color: white;
  display: block;
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.fleet-price:hover {
  background: #262262;
}

.fleet-details h3 {
  font-size: 28px;
  font-weight: 500;
}

.fleet-details h5 {
  font-size: 18px;
  font-weight: 400;
  color: #f15a29;
}

/*END of OUR FLEET*/

/*Mobile Menu*/
#burger-menu {
  cursor: pointer;
  height: 27px;
  width: 27px;
  overflow: visible;
  z-index: 2;
  transform: scaleX(-1);
}
#burger-menu span,
#burger-menu span:before,
#burger-menu span:after {
  background: #262262;
  display: block;
  height: 4px;
  opacity: 1;
  position: absolute;
  transition: 0.3s ease-in-out;
}

#burger-menu.close span,
#burger-menu.close span:before {
  background: white !important;
}
#burger-menu span:before,
#burger-menu span:after {
  content: '';
}
#burger-menu span {
  right: 0px;
  top: 13px;
  width: 27px;
}
#burger-menu span:before {
  left: 0px;
  top: -10px;
  width: 16px;
}
#burger-menu span:after {
  left: 0px;
  top: 10px;
  width: 20px;
}

#burger-menu.close span {
  transform: rotate(-45deg);
  top: 13px;
  width: 27px;
}
#burger-menu.close span:before {
  top: 0px;
  transform: rotate(90deg);
  width: 27px;
}
#burger-menu.close span:after {
  top: 0px;
  left: 0;
  transform: rotate(90deg);
  opacity: 0;
  width: 0;
}

#menu-navigarion-m {
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding-top: 20px;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#menu-navigarion-m ul {
  margin: 0;
  padding: 0;
}

#menu-navigarion-m.overlay {
  visibility: visible;
  opacity: 1;
  background: linear-gradient(50.65deg, #f15a29ed 20%, #262262ed 70.7%);
}

#menu-navigarion-m li {
  list-style: none;
}
#menu-navigarion-m a {
  color: #fff;
  display: block;
  font-size: 28px;
  margin-bottom: 25px;
  text-decoration: none;
}

.zante-logo {
  z-index: 20;
}

/*END of Mobile Menu*/

/*END OF RESPONSIVE*/

/*Pre Load*/

.siteintrodiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: linear-gradient(78.65deg, #262262 0.79%, #f15a29 102.7%);
  height: 100%;
  pointer-events: none !important;
  clip-path: circle(70.7% at 50% 50%);
}
.siteintrodiv svg {
  opacity: 0;
  transform: rotate(-75deg);
  transform-origin: center;
}
.crbs-meta-icon-tick {
  margin: 0;
}
.crbs-main .crbs-meta-icon-tick:before {
  top: 0;
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  font-size: 15px;
  line-height: 23px;
}

/*END OF PAGES*/

.our-fleet-intro {
  padding: 30px;
  background-color: white;
  border-radius: 15px;
  margin: 0 0 40px;
}

/*RESPONSIVE*/

@media only screen and (max-width: 1240px) {
  .top-banner-vid-holder > div {
    padding: 0 !important;
    aspect-ratio: 16 / 9;
    height: 100%;
  }
}

@media only screen and (max-width: 999px) {
  .grid {
    width: 98%;
  }

  h3 {
    font-size: 22px;
  }

  .marquee {
    margin-top: 60px;
  }

  /*Footer*/
  #footer-zante .block-40,
  #footer-zante .block-20,
  #footer-zante .block-50,
  #footer-zante .block-30 {
    width: 100%;
  }

  .copyrights-footer,
  .site-footer .gutter {
    display: flex;
    flex-direction: column;
  }

  .logo-footer img {
    width: 250px;
  }

  #footer-zante ul {
    padding: 0;
    margin: 0 0 30px 0;
  }

  .contact-footer {
    margin-bottom: 30px;
  }

  #footer-zante a,
  #footer-zante li {
    padding: 0;
    margin: 0;
  }

  #footer-zante .wpml-ls-item {
    display: none;
  }

  .bank-icons {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;
  }

  .copyrights p {
    text-align: center;
  }

  /*Newsletter*/
  .news-description {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  .news-description .block-40,
  .news-description .block-20,
  .news-description .block-50,
  .news-description .block-30 {
    width: 100%;
  }

  .newsletter {
    margin: 20px 0 60px 0;
  }

  .news-description h2 {
    font-size: 35px;
  }

  .news-description p {
    font-size: 18px;
  }

  .mc4wp-form-fields input[type='email'] {
    font-size: 35px;
  }

  /*FAQ*/
  .faq-heading {
    margin-right: 20px;
    font-size: 18px;
  }

  .faq-list .faq-heading::before {
    font-size: 28px !important;
    margin-left: 15px;
    right: -25px;
  }

  .faq-list {
    margin-left: 0px !important;
    margin-bottom: 30px !important;
  }

  .the-active .faq-heading {
    font-size: 20px !important;
  }

  .faq-text p,
  .faq-text li {
    font-size: 16px;
  }

  .faq-text ul {
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 20px;
  }

  /*Page Title*/

  .page .entry-title {
    font-size: 40px;
    padding: 160px 0 90px 0;
  }

  /*Contact*/

  .section-contact-block {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column-reverse;
    margin: 0;
  }

  .section-contact-block .block-40,
  .section-contact-block .block-60 {
    width: 100%;
  }

  .details-tl {
    text-align: left;
  }

  .contact-block-text {
    padding: 30px 30px;
  }

  .contact-block-info {
    margin-left: 0px;
  }

  .section-contact-block h2.contact-title {
    font-size: 24px !important;
  }

  .section-contact-block p {
    font-size: 16px;
  }

  .contact-block-social-media .display--flex {
    flex-direction: row;
  }

  .section-contact-block ul {
    padding: 0;
  }

  .contact-block {
    margin: 50px 0 60px 0;
  }

  .contact-fields {
    font-size: 18px !important;
    border-bottom: 1px solid transparent !important;
  }

  /*Home Page*/

  .home-section-2 .block-40,
  .home-section-2 .block-50 {
    width: 100%;
  }

  .home-section-2 .display--flex {
    display: inline-flex;
    flex-direction: column-reverse;
  }

  .hero-title {
    width: 100%;
  }

  .home-section-3 {
    margin-top: -80px;
  }

  .whats-app-icon {
    width: 35px !important;
  }

  .hero-title div {
    font-size: 36px;
  }

  .home .crbs-layout-column-left {
    flex-direction: column;
  }

  .home-section-1-title p {
    font-size: 28px;
    line-height: 35px;
  }

  .display--flex {
    display: inline-flex;
    flex-direction: column;
  }

  .home-section-1-banners a {
    margin: 0 10px 30px;
  }

  .rent-car-banner-image {
    display: flex;
    align-items: center;
  }

  .rent-car-banner {
    margin-bottom: 30px;
  }

  .hr-section-three hr {
    width: 20px;
  }

  .counter {
    width: 60px;
    height: 60px;
  }

  .section-three-banners .svg {
    width: 45px;
  }

  .section-three-banners {
    height: 130px;
    max-width: 270px;
  }

  .section-three.left {
    display: flex;
    justify-content: flex-start;
  }

  .fleet-text {
    padding: 30px 20px;
  }

  .home-section-fleet .block-70,
  .home-section-fleet .block-60 {
    width: 100%;
  }

  .section-fleet {
    display: flex;
    flex-direction: column;
  }

  .fleet-text p {
    font-size: 18px;
  }

  .fleet-image img {
    margin-left: 0;
    max-width: 100%;
    margin-top: -90px;
  }

  .home-section-fleet {
    margin: 60px 0 120px 0;
  }

  .hero-section {
    padding-top: 100px;
    padding-bottom: 50px;
    height: 900px;
  }

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

  .home-values-marquee {
    transform: translate(0px, -5px);
  }

  .maequee-banners-section-1 p {
    font-size: 120px;
  }

  .rent-car-banner-image {
    padding: 10px;
    height: 230px;
  }

  .rent-car-banner-image {
    max-width: 250px;
  }

  .home-section-1-banners a {
    margin: 0 10px;
  }

  .section-three.left {
    left: 0;
  }

  .section-three {
    right: 0;
  }

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

  .section-three-banners h5 {
    font-size: 18px;
    line-height: 1;
  }

  .section-three-banners svg {
    width: 35px !important;
    height: 35px !important;
  }

  .rent-car-banner-image img {
    height: 200px;
  }

  /*Header*/

  .full-screen-nav {
    display: none;
  }

  .mobile-menu-r {
    display: flex;
    justify-content: space-evenly;
  }

  .phone-menu {
    margin-left: 0px;
    margin-right: 20px;
  }

  .header-top {
    display: flex !important;
    justify-content: space-around;
    align-items: center;
  }

  .popupmenu .popuptext {
    margin-left: -95px;
  }

  .wpml-ls-item {
    display: flex;
    justify-content: center;
  }

  .site-header {
    height: 90px;
  }

  .zante-logo.block-20 {
    width: 50%;
    max-width: 250px;
  }

  .crbs-form-field {
    margin: 0;
  }

  #menu-navigarion-m {
    display: inherit !important;
    left: 0;
  }

  .rent-car-banner-image {
    max-width: 400px;
  }
  /*Page 404*/

  /*Book Now*/
  .page-id-10130 #crbs_google_map {
    max-height: 400px;
  }

  .crbs-layout-column-left {
    border-radius: 15px 15px 0 0;
  }

  .home-section-1 .gutter {
    width: 95%;
  }

  .crbs-main.crbs-width-300
    .crbs-main-content
    .crbs-main-content-step-1
    > div
    > .crbs-layout-column-left {
    padding: 20px;
    border-width: 1px;
    border-style: solid;
  }
}

@media only screen and (min-width: 1000px) {
  #burger-menu {
    display: none;
  }

  /*Booking Form*/
  .crbs-main .crbs-form-panel-content .crbs-clear-fix {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
  .crbs-main .crbs-form-field.crbs-form-field-width-50 {
    width: 100% !important;
  }

  div.crbs-main-content-step-1
    > div.crbs-layout-50x50.crbs-clear-fix
    > div.crbs-layout-column-left
    > div:nth-child(1)
    > div
    > div:nth-child(3),
  div
    > div.crbs-main-content-step-1
    > div.crbs-layout-50x50.crbs-clear-fix
    > div.crbs-layout-column-left
    > div:nth-child(2)
    > div
    > div:nth-child(3) {
    display: flex;
    justify-content: space-between;
  }

  .crbs-main .crbs-form-field.crbs-form-field-width-33 {
    width: 100% !important;
  }
}

@media only screen and (max-width: 700px) {
  a.wu-button {
    font-size: 14px;
  }

  .car-grid {
    display: flex;
    flex-direction: column;
  }

  .crbs-vehicle-content .crbs-vehicle-header {
    text-align: center !important;
  }

  .block-grid-fleet,
  .img-margin-fleet,
  .fleet-details {
    width: 100%;
  }

  .section-slider {
    flex-direction: column;
  }

  .owl-carousel .owl-item img {
    height: 300px;
  }

  .vehicle-fleet-block {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    height: calc(100% - 90px);
  }

  .rent-car-banner {
    width: 90%;
  }

  .fleet-details h5,
  .fleet-details h3 {
    text-align: center;
  }

  #our-cars,
  #our-bikes {
    text-align: center;
  }

  .our-fleet-title {
    font-size: 50px !important;
  }
}

@media only screen and (min-width: 701px) and (max-width: 1200px) {
  .img-margin-fleet,
  .fleet-details {
    width: 100%;
  }

  .vehicle-fleet-block {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    height: calc(100% - 90px);
  }

  .fleet-details h5,
  .fleet-details h3 {
    text-align: center;
  }

  #our-cars,
  #our-bikes {
    text-align: center;
  }

  .our-fleet-title {
    font-size: 50px !important;
  }
}

@media (max-width: 575px) {
  .hero-title {
    margin-bottom: 4rem;
  }
}