/* Minification failed. Returning unminified contents.
(232,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(254,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(281,1): run-time error CSS1019: Unexpected token, found '}'
(710,26): run-time error CSS1039: Token not allowed after unary operator: '-magenta-light-10'
(1217,15): run-time error CSS1039: Token not allowed after unary operator: '-magenta-light-5'
(1351,6): run-time error CSS1039: Token not allowed after unary operator: '-brand-gradient'
(1368,8): run-time error CSS1039: Token not allowed after unary operator: '-brand-gradient'
(1523,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(1578,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(1707,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(1789,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-light-16'
(1790,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1851,29): run-time error CSS1039: Token not allowed after unary operator: '-gray-light-16'
(1852,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1978,15): run-time error CSS1039: Token not allowed after unary operator: '-magenta-brand'
(2027,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(2037,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(2083,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(2103,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(2124,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2216,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(2238,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(2293,26): run-time error CSS1039: Token not allowed after unary operator: '-magenta-light-10'
(2333,20): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-5'
(2450,29): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(2870,29): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(2871,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2875,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(2899,29): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(2900,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2907,29): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(2908,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2919,29): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(2920,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3144,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3179,6): run-time error CSS1039: Token not allowed after unary operator: '-brand-gradient'
(3360,29): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(3372,33): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(3641,29): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(3642,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3702,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(3779,29): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(3780,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4043,26): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(4044,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4045,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(4053,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4361,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4383,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4407,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(4424,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(4435,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4437,20): run-time error CSS1039: Token not allowed after unary operator: '-magenta-brand'
(4450,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4473,26): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(4474,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4475,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4488,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4496,20): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-5'
(4512,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4580,15): run-time error CSS1039: Token not allowed after unary operator: '-magenta-brand'
(4594,26): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(4595,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4604,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(4629,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4641,26): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(4642,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4674,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4690,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4708,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4730,26): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(4731,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-white'
(4747,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(4759,26): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(4760,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-white'
(4817,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-white'
(4830,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4859,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(4884,26): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(4885,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4889,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(4890,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(4899,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(4944,26): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(4945,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4958,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(5006,26): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(5069,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-white'
(5071,28): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(5088,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(5104,30): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(5105,33): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(5128,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(5156,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(5174,15): run-time error CSS1039: Token not allowed after unary operator: '-magenta-brand'
(5188,15): run-time error CSS1039: Token not allowed after unary operator: '-magenta-brand'
(5211,26): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(5212,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5311,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(5335,32): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(5336,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5337,21): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(5372,26): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-10'
(5373,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5388,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(5399,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(5449,15): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(5600,22): run-time error CSS1039: Token not allowed after unary operator: '-balck-brand'
(6220,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6448,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6455,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6661,17): run-time error CSS1039: Token not allowed after unary operator: '-balck-light-95'
(6762,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6862,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9110,1): run-time error CSS1019: Unexpected token, found '}'
 */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.img-overlay{position:absolute;top:0;left:0;text-align:center;color:#636c72;background:#f7f7f9;font-weight:bold;-webkit-border-bottom-right-radius:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px;-moz-border-radius-bottomleft:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;width:100%;}.img-overlay span{display:block;padding:4px 8px;}#owl-slider .owl-nav .owl-prev{position:absolute;left:-10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;opacity:1;}#owl-slider .owl-nav .owl-next{position:absolute;right:-10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;opacity:1;}#owl-slider .owl-nav{position:absolute;top:40%;width:100%;}.owl-car-list{width:100%;max-width:350px !important;z-index:1 !important;margin:0 auto;}.owl-car-list .owl-prev{display:none !important;}.owl-car-list .owl-next{display:none !important;}.owl-car-list .owl-pagination{position:absolute;bottom:-5px;left:5px;}.carousel-left{position:absolute;left:-2rem;top:40%;}.carousel-right{position:absolute;right:-2rem;top:40%;}
*,
*::after, 
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
  font-family: "Open Sans", sans-serif;
}

html {
  font-size: 62.5%;
}

body {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  outline: none;
}

button {
  cursor: pointer;
}

.hidden-class {
  position: relative;
}

.hidden-class:before {
	content: "Vraćanje u drugu poslovnicu...";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(1px);
  display: grid;
  place-items: center;
  font-size: 1.4rem;
	margin: 5px;
	top: 25px;
	border-radius: 0.4rem;
}
.d-none {
	display: none !important;
}

/* navigation */
.navigation {
  height: 6.4rem;
  width: 100%;
  background-color: #333333;
}

.navigation-container {
  display: flex;
  margin: 0 auto;
  align-items: center;
  padding: 0.8rem 0;
  width: 100%;
  max-width: 104rem;
  gap: 2.4rem;
}

ul.navigation-list {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 79.8rem;
  gap: 1.6rem;
  align-items: center;
  list-style: none;
  justify-content: center;
}

img.navigation-logo {
  height: 100%;
}

.navigation-list__item.icon.more.black {
  background-color: #000000;
  color: #fff;
}

.navigation-list__item.white {
  background-color: #fff;
  color: #000000;
  border: #fff;
}

li.navigation-list__item .nav-link {
  color: #bcbec0;
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}

li.navigation-list__item .nav-link:hover {
  color: #fff;
}

li.navigation-list__item + .icon .nav-link {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

li.navigation-list__item span {
  display: flex;
}

.navigation-dropdown {
  width: 4rem;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 0.8rem;
  position: relative;
  padding: 1rem 0;
  cursor: pointer;
}

.mobile-menu.hidden {
  visibility: hidden;
  display: none;
}

/* header */
.header {
  padding: 8.9rem 0;
  margin: 0 auto;
  width: 100%;
  background-image: url("/media/1282/last-minute-rent-a-car-hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.header-container {
  display: flex;
  margin: 0 auto;
  gap: 2rem;
  width: 100%;
  max-width: 104rem;
  flex-direction: column;
}

.header-title {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #ffffff;
  font-size: 5.6rem;
  line-height: 6.4rem;
  font-weight: 700;
}

.header-subtitle {
  font-weight: 300;
}

.header-form {
  /*  position: relative; */
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  height: 20.2rem;
  /* width: 100%; */
  background-color: #ffffff;
  border-radius: 0.8rem;
  border-color: #ffffff;
  color: #333333;
  padding: 1.6rem 3.2rem 1.6rem 1.6rem;
}

.form-title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.6rem;
}

.form-rent-details {
  display: flex;
  gap: 0.8rem;
}

.form-paragraph-pickup {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.form-paragraph-return {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.form-dropdown {
  height: 4.8rem;
  border-radius: 0.4rem;
  outline: none;
  padding: 0.8rem 1.2rem;
  border: 0.1rem solid #dedede;
}

.form-paragraph {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.form-label {
  margin-bottom: 0.4rem;
  color: var(--balck-brand, #333);
  /* Body/Small-Regular */
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
}

.form-info-return,
.form-info-years {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.checkbox-wrapper {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  padding: 0.7rem 0;
}

.checkbox-wrapper span {
  color: var(--balck-brand, #333);
  /* Body/Small-Regular */
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
}

.form-datepicker {
  height: 4.8rem;
  padding: 1.4rem 1.2rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #dedede;
}

.form-paragraph .icon-calendar {
    display: flex;
    position: absolute;
    right: 1rem;
    bottom: 1.5rem;
    /* width: 2rem; */
    /* height: 2rem; */
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


}

input[type="checkbox"].calendar-checkbox {
  position: absolute;
  top: 2.5rem;
  right: 0;
  height: 4.8rem;
  width: 4.8rem;
  background-color: transparent;
  border: none;
}

input[type="checkbox"].calendar-checkbox:checked ~ .calendar {
  display: flex;
}

/* Hide Calendar Icon In Chrome */
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.form-star-icon {
  margin: 0 0.2rem 0.4rem 0;
}

.form-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tooltip {
  position: relative;
  display: inline-block;
  margin-top: 0.4rem;
  opacity:1;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 12rem;
  background-color: #333333;
  color: #fff;
  text-align: center;
  padding: 0.5rem 0;
  border-radius: 0.6rem;
  top: 0;
  left: 100%;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

input[type="checkbox"] {
  appearance: none;
  background-color: #ffffff;
  margin: 0;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  color: #bcbec0;
  border: 2px solid #bcbec0;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-container {
  position: relative;
  display: flex;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  height: 2.4rem;
  width: 2.4rem;
}

input:checked ~ .checkmark {
  background-color: #ec008c;
  border-radius: 2px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkmark:after {
  left: 9px;
  top: 3px;
  width: 7px;
  height: 1.4rem;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* button */
button.button-form-cta {
  border: none;
  cursor: pointer;
  display: flex;
  width: 100%;
  max-width: 15.3rem;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.4rem;
  padding: 0.8rem 1.6rem;
  background-color: #ec008c;
}

button.button-form-cta.disabled {
  background-color: #fcd6ec;
}

.button-form-label {
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 700;
}

.services {
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.services-header {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin: 0 auto;
  padding-top: 6.4rem;
}

.services-title {
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.8rem;
  text-align: center;
  color: #333333;
}

.services-subtitle {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-align: center;
  color: #626262;
}

.services-card-list {
  display: flex;
  margin: 0 auto;
  padding-bottom: 6.4rem;
}

.services-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}

.services-card-image {
  padding-top: 1.6rem;
}

.card-description {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  width: 100%;
  height: 8rem;
  padding: 0 1.6rem;
}

.card-description h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
  text-align: center;
  color: #626262;
}

.card-description span {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-align: center;
  color: #626262;
  word-wrap: break-word;
}

button.button-card-cta {
  display: flex;
  gap: 1.6rem;
  margin: 0 auto 1.6rem auto;
  height: 4.8rem;
  border-radius: 2.4rem;
  padding: 1.2rem 1.6rem;
  background-color: #ffffff;
  border: 0.1rem solid #fcd6ec;
}

button.button-card-cta:hover span.button-label {
  color: transparent !important;
}

.button-label {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  text-align: left;
  color: #ec008c;
}

/* our fleet */
.fleet-section {
  /* height: 84.2rem; */
}

.fleet-section-wrapper {
  padding: 6.4rem 0;
  width: 100%;
  max-width: 104rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.fleet-header {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.fleet-title {
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.8rem;
  color: #333333;
  text-align: center;
}

.fleet-subtitle {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  color: #626262;
  text-align: center;
}

.fleet-buttons-list {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

button.fleet-button {
  height: 3.2rem;
  padding: 0.5rem 1.2rem;
  border-radius: 2.4rem;
  color: #626262;
  border: 0.1rem solid #dedede;
  background-color: #ffffff;
  cursor: pointer;
  max-width: 25rem;
  white-space: nowrap;
}

button.fleet-button:hover,
button.fleet-button.active {
  background: #333;
  color: #fff;
}

.carousel {
  display: flex;
  align-items: center;
  flex-direction: column;
 /* width: 104rem;*/
}

.carousel-slider {
  display: flex;
  align-items: center;
}

.carousel-card-list {
  display: flex;
  gap: 2.4rem;
}

.carousel-card-text-container {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.carousel-card {
  width: 100%;
  max-width: 33rem;
  height: 45.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  justify-content: center;
  align-items: center;
}

.carousel-left {
    position: absolute;
    left: -2rem;
    top: 40%;
}

.carousel-right {
    position: absolute;
    right: -2rem;
    top: 40%;
}

.carousel .carousel-card-title {
  font-size: 2rem;
  font-weight: 700;
 /* line-height: 2.8rem; */
	line-height: 22px;
  text-align: center;
	min-height: 58px;
}
.cct-inner {
	display: block;
	font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 2rem !important;
}

.carousel .carousel-card-pricing {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  color: #333333;
  text-align: center;
  margin-bottom: 2rem;
}

.car-price {
  font-size: 2.8rem;
  line-height: 3.6rem;
  font-weight: 700;
  margin-right: 0.4rem;
  color: #ec008c;
}

.carousel-card-arrows {
  visibility: hidden;
  display: none;
}

.carousel-card-button {
  background: #ec008c;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 2.4rem;
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  max-width: 32rem !important;
  height: 4.8rem;
  padding: 1.2rem 1.6rem;
}

.carousel-dots {
  width: 100%;
  margin: 1.6rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}

.carousel-dots .dot {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #dedede;
}

.carousel-dots .dot.active {
  background: #ec008c;
}

button.outlined.carousel-more {
  padding: 1.2rem 1.6rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #ec008c;
  font-weight: 700 !important;
  border-radius: 2.5rem;
  border: 1px solid var(--magenta-light-10, #fcd6ec) !important;
  background: none;
  margin: 0 auto;
  max-width: 24rem;
}

button.outlined.button-card-cta:before {
  place-items: center flex-start;
  padding: 0 1.6rem;
}

.last-minute-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin: 0 auto;
  padding: 6.4rem 0;
  width: 100%;
  max-width: 104rem;
}

.last-minute-title {
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.8rem;
  text-align: center;
  color: #333333;
}

.last-minute-blog {
  display: flex;
}

.last-minute-blog img {
  border-radius: 0.8rem;
}

.last-minute-blog .description {
  padding: 3.2rem;
}

.last-minute .description-title {
  position: relative;
  font-size: 2.8rem;
  line-height: 3.6rem;
  font-weight: 700;
  color: #626262;
  margin-bottom: 3.2rem;
}

.last-minute h3::before {
  content: "";
  position: absolute;
  bottom: -1.6rem;
  left: 0;
  background: #ec008c;
  width: 4rem;
  height: 0.4rem;
  border-radius: 0.8rem;
}

.last-minute .description-paragraph {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-align: left;
  color: #333333;
}

.special-offer {
  background-color: #f9f9f9;
}

.special-offer-wrapper {
  /*display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;*/
  width: 100%;
  max-width: 104rem;
  margin: 0 auto;
  padding: 6.4rem 0;
}

.special-offer-title {
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.8rem;
  text-align: center;
  color: #333;
}

.special-offer-list {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.special-offer-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid #dedede;
  border-radius: 0.8rem;
  width: 100%;
  max-width: 33rem;
}

.special-offer-image {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

.special-offer .content {
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 100%;
  min-height: 10rem;
}

.special-offer .content .so-card-title {
  font-size: 2rem;
}

.special-offer .highlighted {
  color: #ec008c;
}

.special-offer .so-card-description {
  /*height: 11rem;*/
  color: #626262;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-align: left;
}

.special-offer .so-card-description .first-paragraph {
  margin-bottom: 0.8rem;
}

.special-offer .so-card-description .so-promo-code {
  color: #ec008c;
}

.so-card-description .price-kn {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.4rem;
  text-align: left;
}

.special-offer .so-card-description .dot {
  margin: 0 0.4rem;
}

.special-offer .small {
  color: #8a8a8a;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.special-offer .special-offer-button {
  margin: 0 1.6rem 1.6rem;
  border: 0.1rem solid #fcd6ec;
  padding: 1.2rem 1.6rem;
  border-radius: 2.4rem;
  color: #ec008c;
  font-weight: 700;
  background: none;
  width: calc(100% - 3.2rem);
  /* max-width: unset !important; */
}

.special-offer-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  margin: 0 auto;
}

.special-offer-dots .dot {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #dedede;
}

.special-offer-dots .dot.active {
  background: #ec008c;
}

.special-offer .all-offers-button {
  background: #ec008c;
  width: 19.1rem;
  border-radius: 2.4rem;
  color: white;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 1.2rem 1.6rem;
  outline: none;
  border: none;
}

.video-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  padding-inline: 1.6rem;
}

.video-wrapper::before {
  content: "";
  width: 100%;
  height: 40%;
  margin-left: -1.6rem;
  position: absolute;
  top: 25%;
  background: #333;
  z-index: -1;
}

.video-section {
  display: flex;
  justify-content: center;
  padding: 2.2rem 0;
  height: 56.8rem;
}

.video-wrapper {
  position: relative;
  z-index: 0;
}

.video-wrapper img {
  display: flex;
  width: 100%;
  max-width: 104rem;
  margin: 0 auto;
  border-radius: 0.8rem;
}

.video-wrapper img.mobile {
  display: none;
}

.our-offices {
  background-color: #f9f9f9;
}

.our-offices-wrapper {
  width: 100%;
  max-width: 104rem;
  padding: 3.2rem 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}

.our-offices .offices-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  color: #333333;
}

.our-offices .offices-title {
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.8rem;
  margin-top: 3.2rem;
}

.our-offices .offices-subtitle {
  width: 100%;
  max-width: 50rem;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.4rem;
  text-align: center;
}

.our-offices .offices-subtitle .highlighted {
  font-weight: 600;
}

.offices-statistics {
  display: flex;
  gap: 2.4rem;
  width: 100%;
}

.offices-statistics .statistic-card {
  width: 100%;
  max-width: 33rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.offices-statistics .statistic-card img {
  padding: 1.6rem 0;
}

.offices-statistics .statistic-card p {
  font-size: 2rem;
  font-weight: 700;
  padding-bottom: 1.6rem;
  color: #ec008c;
}

.pre-footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.offices-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
  place-items: center;
}

.offices-list .offices-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(5, auto);
  gap: 0.8rem;
  max-height: 27.2rem;
  width: 100%;
}

.offices-list button.office {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  justify-content: space-between;
  border: none;
  background: none;
  padding: 1.2rem 1.6rem;
  color: #333;
  background-color: #ffffff;
  font-weight: 600;
  font-size: 1.6rem;
  width: 100%;
  max-height: 4.8rem;
}

.offices-list button.office:hover {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}

.our-offices .office .office-name {
  color: #626262;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  text-align: left;
}

.footer {
  background: #333333;
  color: #f4f4f5;
}

.footer .footer-wrapper {
  max-width: 120rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.first.desktop {
  display: grid;
  grid-template-columns: auto 1fr auto auto auto;
  padding: 1.6rem 0;
  gap: 2.4rem;
}

.first.desktop p,
.first.desktop a {
  opacity: 0.8;
}

.first.desktop .footer-logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
  align-self: stretch;
  max-width: 23.8rem;
}

.footer.desktop .line-footer {
  width: 100%;
}

.footer.desktop .contact {
  width: 30.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.first .company,
.first .policy {
  width: 13.2rem;
}

.first .policy {
    width: 17.2rem;
}

.home .first .company,
.home .first .policy {
  width: fit-content;
}

.footer.desktop .data {
  width: 16.6rem;
}

.first.desktop .footer-logo p {
  color: #fff;
  /* Body/Small-Regular */
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.first {
  display: flex;
  align-items: flex-start;
  gap: 2.4rem;
  padding: 3.2rem 0;
}

.first .company,
.first .policy,
.first .data,
.first .newsletter {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.first .links-list {
  display: grid;
  gap: 0.8rem;
}

.first a {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
  text-decoration: none;
  color: #f4f4f5;
  opacity: 0.7;
}

.first .newsletter {
  gap: 2rem;
}

.newsletter .title {
  width: 21.5rem;
}

.second {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
  border-top: 0.1rem solid #474747;
  padding: 3.2rem 0;
}

.second .location,
.second .phone-numbers,
.second .mail-info {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.second .link {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
  text-decoration: none;
  color: #f4f4f5;
}

.third {
  border-top: 0.1rem solid #474747;
  border-bottom: 0.1rem solid #474747;
  padding: 3.2rem 0;
}

.third .description {
  color: var(--magenta-light-5, #fffafd);
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6rem;
  text-align: center;
  opacity: 0.7;
}

.form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.form div {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.title-subscribe {
  padding-top: 6px;
}

footer .title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
}

footer .title small {
  display: block;
}

footer .links-list,
footer li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}

.form div {
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}

.social-media-links {
  display: flex;
  gap: 0.8rem;
}

.social-media-links img:hover {
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 10rem;
  cursor: pointer;
}

.form-container {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  position: relative;
}

    .form-container input[type="text"], .form-container input[type="email"] {
        width: 40rem;
        height: 4.8rem;
        background: white;
        border: none;
        outline: none;
        border-radius: 0.4rem;
        padding: 1.2rem 4rem 1.2rem 1.2rem;
    }

.homepage.filled.newsletter-button {
  background: #ec008c !important;
  color: #fff !important;
}

.form-container button.newsletter-button {
  padding: 1.2rem 1.6rem !important;
  border-radius: 2.4rem !important;
  background: #fff !important;
  color: #ec008c !important;
  font-size: 1.6rem !important;
  height: 4.8rem !important;
  font-weight: 700 !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  width: 100% !important;
  max-width: 14.1rem !important;
}

@media (max-width: 768px) {
  #mobile-button {
    background: #ec008c !important;
    color: #fff !important;
  }
}

.form-container .tooltip {
  position: absolute;
  right: 45rem;
}

.last {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.2rem 0;
}

.last p {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6rem;
}

.footer.mobile {
  visibility: hidden;
  display: none;
}

/* Campaign, discount, airports, offices */
/* Start point */

.pink-gradient {
  background: var(
    --brand-gradient,
    linear-gradient(
      90deg,
      #ec008c 0%,
      #e60089 15.29%,
      #dc0083 32.52%,
      #cb0079 50.69%,
      #b4006b 69.51%,
      #970059 88.65%,
      #84004c 100%
    )
  ) !important;
}

.discount-headline {
  background: url("../images/discount-image.png") right no-repeat,
    var(
      --brand-gradient,
      linear-gradient(
        90deg,
        #ec008c 0%,
        #e60089 15.29%,
        #dc0083 32.52%,
        #cb0079 50.69%,
        #b4006b 69.51%,
        #970059 88.65%,
        #84004c 100%
      )
    ) !important;
}

.discount-headline,
.campaigns-headline {
  width: 100%;
  padding: 17rem 0;
}

.discount-headline h2,
.campaigns-headline h2 {
  max-width: 104rem;
  margin: 0 auto;
  font-size: 4rem;
  line-height: 4.8rem;
  color: #fff;
  margin-top: 3.2rem;
  text-transform: uppercase;
}

.tabs {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #dedede;
}

.tabs .tab {
  padding: 1.2rem 1.6rem;
  font-size: 1.6rem;
  line-height: 2, 4rem;
  color: #626262;
  font-weight: 600;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  white-space: nowrap;
}

.tabs .tab:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  border-bottom: 2px solid #dedede;
}

.tabs .tab:hover {
  color: #ec008c;
}

.tabs .tab:hover:before {
  border-color: #ec008c;
}

.tabs .tab.active {
  color: #ec008c;
}

.tabs .tab.active:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  border-bottom: 2px solid #ec008c;
}

.discount-content-items,
.campaign-content-items {
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
  margin-top: 2.4rem;
}

.discount-content-item,
.campaigns-content-item {
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  position: relative;
}

.campaign-content-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.discount-content-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
}

.campaign-content-container img {
  border-radius: 0.8rem;
}

.discount .discount-action .outlined {
  border: 1px solid #fcd6ec;
}

.campaign-single-headline {
  width: 100%;
	
  height: 54.4rem;
  padding: 8.6rem 0;
}

.discount-headline h1,
.campaigns-headline h1,
.campaign-single-headline h1 {
  max-width: 104rem;
  margin: 0 auto;
  font-size: 7.5rem;
  line-height: 9.5rem;
  font-weight: 700;
  color: #fff;
}

.discount-content,
.campaign-content,
.campaign-single-content {
  padding: 6.4rem 0;
  max-width: 104rem;
  margin: 0 auto;
}

.campaign-single-content-container {
  padding: 3.2rem;
}

.campaigns-content-item h3,
.campaign-single-content h3 {
  font-size: 2.8rem;
  line-height: 3.6rem;
  font-weight: 400;
  margin-bottom: 3.2rem;
  position: relative;
  color: var(--balck-light-95, #626262);
}

/*
.campaign-single-content img {
  height: 100%;
  width: 100%;
}
*/
.campaign-single-content img {
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    display: block;
}

.campaign-single-content iframe {
  max-width: 100% !important;
  height: auto;
  width: auto;
  display: block;
}

.discount-content-item h2 {
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 3.2rem;
  position: relative;
}

.discount-content-item h2:before,
.campaigns-content-item h3:before,
.campaign-single-content h3:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.6rem;
  width: 4rem;
  height: 0.4rem;
  border-radius: 0.8rem;
  background: #ec008c;
}

.centered {
  color: inherit;
  display: flex;
  gap: 1.4rem;
  align-items: center;
}

.discount-single-text,
.campaigns-single-text {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  color: var(--balck-brand, #333);
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.8rem;
}

.discount-single-text p:last-of-type,
.campaigns-single-text p:last-of-type {
  margin-bottom: 0;
}

article.campaign-single-text {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}

div.campaign-single-text {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

[role="button"].filled,
[role="button"].outlined,
button.filled,
button.outlined {
    display: flex;
    align-items: center;
    /*  width: 100%; */
    justify-content: center;
    padding: 1.2rem 1.6rem;
    font-size: 1.6rem;
    font-weight: 600;
    border: 0.1rem solid #fcd6ec;
    outline: none;
    border-radius: 2.4rem;
    max-width: 20rem;
    cursor: pointer;
    position: relative;
}
[role="button"].filled:hover,
button.filled:hover {
  background: linear-gradient(
    90deg,
    #ec008c 0%,
    #e60089 15.29%,
    #dc0083 32.52%,
    #cb0079 50.69%,
    #b4006b 69.51%,
    #970059 88.65%,
    #84004c 100%
  );
}
    /*[role="button"].outlined::before,
    button.outlined::before {
        content: attr(data-text);
        position: absolute;
        inset: 0;
        background: linear-gradient( 90deg, #ec008c 0%, #e60089 15.29%, #dc0083 32.52%, #cb0079 50.69%, #b4006b 69.51%, #970059 88.65%, #84004c 100% );
        background-clip: text !important;
        display: none;
        place-items: center;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    [role="button"].outlined:hover,
    button.outlined:hover {
        color: transparent;
    }
        [role="button"].outlined:hover::before,
        button.outlined:hover::before {
            display: grid;
        }
*/

    [role="button"].outlined:hover,
    button.outlined:hover {
        text-decoration: none !important;
        border: 1px solid #ec008c !important;
    }




[role="button"].filled,
button.filled {
  background: #ec008c;
  color: #fff;
}
[role="button"].outlined,
button.outlined {
    color: #ec008c;
    background: none;
    font-weight: 700;
    max-width: inherit;
}

.discount p,
.discount h3 {
  font-weight: 600;
}

.discount strong,
.colored {
  color: #ec008c;
}

.discount-single-text .colored {
  font-size: 2.8rem;
}

.colored {
  color: #ec008c !important;
}

.discount-action {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.discount-single-text p,
.campaign-single-text p,
.campaigns-single-text p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: var(--balck-brand, #333);
}

.discount-single-text p.small,
.campaigns-single-text p.small {
  margin-bottom: 0;
}

.discount-single-text p.small,
.campaigns-single-text p.small,
.campaign-single-text p.small {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.campaigns-single-text .outlined {
  max-width: 17rem;
  gap: 1.6rem;
}

.bussiness-place-single,
.bussiness-place {
  display: flex;
  padding: 64px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  max-width: 104rem;
  margin: 0 auto;
  padding: 6.4rem 0;
}

.bussiness-place .offer {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #333;
}

.bussiness-place h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2.8rem;
  line-height: 3.6rem;
  color: #333;
}

.bussiness-place h3 div {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  display: none;
}

.bussiness-place .full-width {
  grid-column: 1/3 !important;
}

/* .bussiness-place .outlined,
.bussiness-place .filled {
  max-width: unset !important;
} */

.bussiness-place-single .fleet-buttons-list,
.bussiness-place-aeroports .fleet-buttons-list,
.bussiness-place .fleet-buttons-list {
  align-items: center;
  justify-content: center;
}

.aeroport-container {
  display: flex;
  flex-direction: column;
}

.aeroport-card-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 8px;
  border: 1px solid var(--gray-light-16, #f4f4f5);
  background: var(--white, #fff);
  box-shadow: 0px 2px 16px 0px rgba(51, 51, 51, 0.08);
  /*max-width: 1040px !important;*/
}

.bussiness-place .aeroport-container {
  display: flex;
  gap: 2rem;
  width: 100%;
}

.aeroport-card {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  position: relative;
  flex-direction: column;
}

.aeroport .aeroport-card {
  flex-direction: row;
}

.aeroport .aeroport-container {
  gap: 2.4rem;
}

.aeroport-card .bussiness-place-img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 0.8rem;
    border-bottom-left-radius: 0.8rem;
    object-fit: cover;
}

.aeroport-card .bussiness-place-aeroport-img {
  border-radius: 0.8rem;
  height: 100%;
  max-width: 52rem;
  width: 100%;
}

.aeroport-card .carousel-left {
  position: absolute;
  left: -2rem;
  top: 40%;
}

.aeroport-card .carousel-right {
  position: absolute;
  right: -2rem;
  top: 40%;
}

.aeroport-card-content {
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: 100%;
  border-radius: 0.8rem;
  border: 0.1rem solid var(--gray-light-16, #f4f4f5);
  background: var(--white, #fff);
  box-shadow: 0 0.2rem 1.6rem 0 rgba(51, 51, 51, 0.08);
}

.aeroport-card-text-content {
  display: flex;
  gap: 1.6rem;
}

.aeroport-card-text-left {
  display: grid;
  gap: 1.6rem;
}

.aeroport-card-text-right .clock-hours,
.map .map-content .clock-hours {
  padding-left: 2.4rem;
  font-weight: 300;
}

.aeroport-address,
.aeroport-contact {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.aeroport-contact div {
  gap: 0;
}

.aeroport-card-text-right {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.aeroport-contact div,
.aeroport-card-text-right div {
  display: grid;
  gap: 0.4rem;
}

.aeroport-card-text-right p:nth-child(3) {
  margin-top: 0.4rem;
}

.aeroport-card strong {
  font-size: 1.4rem;
  font-weight: 600;
  color: #333333;
}

.aeroport-card p {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
  color: #626262;
}

.aeroport-card .clock {
  color: #333;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.aeroport-card .clock img {
    width:initial;
}

.aeroport-card p strong {
  color: #626262;
}

.bussiness-place .aeroport-card .tabs {
  justify-content: flex-start;
  border-bottom: unset;
  margin-bottom: 0;
}

.bussiness-place .bussiness-place-aeroports {
  padding: 0;
}

.bussiness-place .aeroport-card-content {
  padding: 2.4rem;
}

.bussiness-place .carousel-dots {
  margin-top: 0;
}

.bussiness-single {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 2rem;
}

.bussiness-single-header {
  max-width: 104rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 6.4rem 0 0 0;
  gap: 2rem;
}

.bussiness-single-container {
  display: flex;
  flex-direction: column;
}

.start .section-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 104rem;
  padding-bottom: 6.4rem;
  gap: 2.4rem;
  place-items: flex-start center;
}

.bussiness-single-container h1 {
  color: var(--magenta-brand, #ec008c);
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
  position: relative;
  margin-bottom: 1.6rem;
}

.bussiness-single-container h1:before {
  content: "";
  width: 4rem;
  height: 0.4rem;
  background: #ec008c;
  position: absolute;
  left: 0;
  bottom: -1.6rem;
  border-radius: 0.8rem;
}

.start-left {
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

.start-left p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #626262;
}

.start-left strong {
  color: #333;
  font-weight: 600;
  font-size: 1.4rem;
}

.start-left h4 {
  font-size: 2rem;
  color: #333;
  font-weight: 600;
  line-height: 2.8rem;
}

.start-najam {
  display: grid;
  gap: 0.8rem;
  color: var(--balck-light-95, #626262);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.start-najam-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: var(--balck-light-95, #626262);
  font-weight: 400;
  line-height: 2.2rem;
  font-size: 1.4rem;
}

.reason {
  background: #f9f9f9;
  display: flex;
  gap: 2rem;
  padding: 6.4rem 0;
}

.reason .section-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.reason .section-wrapper h4 {
  text-align: left;
  width: 100%;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.8rem;
  color: #626262;
}

.reason-items {
  display: grid;
  gap: 0.8rem;
}

.reason-item {
  display: flex;
  align-items: center;
  padding: 1.6rem;
  gap: 1.6rem;
}

.reason .reason-item img.reason-item-icon {
  height: 5.6rem;
  width: 5.6rem;
}

.reason .reason-item h4 {
  color: var(--balck-light-95, #626262);
  /* Heading/H4-Bold */
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
}

.section-wrapper {
  display: flex;
  width: 100%;
  max-width: 104rem;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  align-self: stretch;
}

.reason-item strong {
  color: var(--balck-light-95, #626262);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.section-wrapper.map {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0;
  padding: 0;
  box-shadow: 0px 2px 16px 0px rgba(51, 51, 51, 0.08);
}

.map {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 10rem 0 0;
  margin: 0 auto;
  border-radius: 4px;
  background: var(--white, #fff);
}

.map #mapa {
  width: 100%;
  height:100%
}

.map .carousel-left {
  position: absolute;
  top: 45%;
  left: -4rem;
}

.map .carousel-right {
  position: absolute;
  top: 45%;
  right: -4rem;
}

.map .carousel-dots {
  grid-column: 1/3;
}

.map-content {
  padding: 2.4rem;
  position: relative;
}

.map .filled,
.map .outlined {
  padding: 0.8rem 1.6rem;
  max-width: 16rem;
}

.map-content .tabs {
  position: absolute;
  top: -6.25rem;
  left: 0;
  margin-bottom: 0;
  justify-content: flex-start;
  width: auto;
}

.map-content .tabs .tab {
  padding: 1.2rem 1.4rem;
}

.map .aeroport-card-text-left {
  display: grid;
  gap: 1.6rem;
  font-size: 1.4rem;
  color: #626262;
}

.map .aeroport-card-text-left strong {
  color: #333;
  font-weight: 600;
}

.map .aeroport-card-text-left h3 {
  font-size: 2.8rem;
  line-height: 3.6rem;
  margin-bottom: 0.8rem;
  color: #333;
}

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

.aeroport-time {
  display: grid;
  gap: 0.8rem;
}

.aeroport-time div {
  display: grid;
  gap: 0.4rem;
}

.category .section-wrapper,
.najam-vozila .section-wrapper {
  display: flex;
  flex-direction: column;
  padding: 6.4rem 0;
  gap: 4rem;
}

.category .section-wrapper h2 {
  color: var(--balck-brand, #333);
  font-weight: 700;
}

.category-header,
.najam-vozila-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.najam-vozila h2,
.category h2 {
  font-size: 3rem;
  line-height: 4.8rem;
  font-weight: 600;
  text-align: center;
}

.najam-vozila p,
.category p {
  color: var(--balck-light-95, #626262);
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

.najam-vozila-grid,
.category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 2.4rem;
}

.najam-vozila-item,
.category-item {
  display: grid;
  place-items: center;
  box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.1);
  padding-bottom: 1.6rem;
  border-radius: 0.8rem;
}

.category-item h4 div,
.najam-vozila-item h4 div {
  display: none;
}

.category-item img {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

.najam-vozila-grid {
  position: relative;
}

.najam-vozila-item {
  box-shadow: unset;
}

.najam-vozila h4,
.category-item h4 {
  padding: 1.6rem 0;
  font-size: 2rem;
  line-height: 2.8rem;
  text-align: center;
}

.najam-vozila .filled,
.category-item .outlined {
  width: calc(100% - 3.2rem);
  max-width: unset;
  text-align: center;
  display: block;
  border: 1px solid var(--magenta-light-10, #fcd6ec);
}

.najam-vozila-item p,
.category-item p {
  padding: 1.6rem 0;
  margin-bottom: 0;
}

.najam-vozila-item p strong,
.category-item p strong {
  font-size: 2.8rem;
  line-height: 3.6rem;
}

.najam-vozila-grid .carousel-left {
  position: absolute;
  top: 40%;
  left: -4rem;
}
.najam-vozila-grid .carousel-right {
  position: absolute;
  top: 40%;
  right: -4rem;
}

.najam-vozila .carousel-dots {
  grid-column: 1/4;
}

.najam-vozila .more-btn {
  grid-column: 1/4;
}

.najam-vozila .more-btn .outlined {
  margin: 0 auto;
  border: 1px solid #fcd6ec;
}

.end {
  background: var(--balck-light-5, #f9f9f9);
}

.end .section-wrapper {
  display: flex;
  padding: 6.4rem 0;
  margin: 0 auto;
  flex-direction: row;
  gap: 2.4rem;
  place-items: center;
}

.end-left {
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
  gap: 3.2rem;
}

.end-left p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.form-pickup-return-wrapper {
  display: flex;
  gap: 0.8rem;
  width: 100%;
}

/* Main Nav Desktop */
.main-nav {
  flex-grow: 1; /* fill remaining space */
  display: flex;
  justify-content: space-around; /* evenly space items */
  align-items: center; /* center vertically */
}

.main-nav li {
  display: flex;
  width: 100%;
  text-align: left;
}

.main-nav li .nav-link {
  padding: 1.2rem 1.6rem;
}

.main-nav li a {
  text-align: left;
  display: block;
  width: 100%;
}

.main-nav li a:hover,
.main-nav li span:hover {
  border-bottom: 4px solid #666;
}

.main-nav li > ul {
  max-height: 0px; /* max-height instead of height, height can't transition to auto */
  transition: all 500ms ease-in-out;
  overflow: hidden; /* make it so nav doesn't show beyond the 0px max-height */
}

.main-nav li:hover > ul {
  max-height: 180px; /* height x how many links */
  height: auto;
}

.main-nav li > ul li a,
.main-nav li > ul li span {
  background-color: white;
}

.main-nav li > ul li a:hover,
.main-nav li > ul li span:hover {
  background-color: #666;
  color: white;
  border-bottom: none;
}

.step.finish.active .step-label {
  white-space: nowrap;
}

#country-select {
  border-right: unset;
}

/* Vehicles filter */

.vehicle-filter .section-car-list-containter {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2.4rem;
}

/*.vehicle-filter .grid-wrapper {
  flex-direction: column;
  flex: unset;
  flex-wrap: unset;
}*/

.vehicle-filter .grid-wrapper .sort-buttons {
  justify-content: flex-end;
}

/*.vehicle-filter .grid-car-card {
  border: none;
  width: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
}*/

.vehicle-filter .grid-car-single-card {
  border: 0.1rem solid var(--balck-light-10, #dedede);
  border-radius: 0.8rem;
}

.vehicle-filter .section-car-list-filters {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  border: 0.1rem solid #dedede;
  border-radius: 0.8rem;
  padding: 1.6rem;
  max-height: 120rem;
}

.vehicle-filter .section-car-list-filters .outlined {
  width: 100%;
  max-width: unset;
  margin-top: -0.8rem;
}

.vehicle-filter .section-car-list-filter-clima,
.vehicle-filter .section-car-list-filter-number,
.vehicle-filter .section-car-list-filter-type-headline,
.vehicle-filter .section-car-list-filter-headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vehicle-filter .section-car-list-filter-check {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.vehicle-filter .section-car-list-filters h1 {
    font-size: 2rem;
    line-height: 2.8rem;
}

.vehicle-filter .section-car-list-filters h2 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 1.2rem 0;
}

.vehicle-filter .section-car-list-filters .tooltiptext {
  top: -4rem;
  left: -5rem;
  background: white;
  color: black;
}

.vehicle-filter .section-car-list-filters hr {
  border-top: 0.1rem solid #dedede;
}

.vehicle-filter .checkbox-container span {
  font-size: 1.4rem;
}

.vehicle-filter .checkbox-container {
  padding: 1.3rem 0;
}

.vehicle-filter .section-car-list-filter-check .number {
  border: 0.1rem solid #dedede;
  border-radius: 50%;
  padding: 0.2rem;
}

.vehicle-filter .section-car-list-filter-number-count {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.vehicle-filter .section-car-list-filters .plus,
.vehicle-filter .section-car-list-filters .minus {
  padding: 1rem;
  border: 0.1rem solid #dedede;
  display: grid;
  place-items: center;
  border-radius: 50%;
  max-height: 4rem;
  max-width: 4rem;
}

.vehicle-filter .section-car-list-filters .number-number {
  font-size: 1.6rem;
  padding: 0.8rem 1.2rem;
  border: 0.1rem solid #dedede;
  border-radius: 0.4rem;
}

.vehicle-filter .section-car-list-filter-switch {
  background: #bcbec0;
  width: 4rem;
  height: 2.4rem;
  border-radius: 2.4rem;
  position: relative;
  cursor: pointer;
}

.vehicle-filter .promotion .outlined {
  max-width: unset;
}

.vehicle-filter .switch-check {
  visibility: hidden;
  width: 100% !important;
  height: 100% !important;
  position: relative;
}

.vehicle-filter .section-car-list-filter-switch:before,
.vehicle-filter .switch-check:after {
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
}

.vehicle-filter .sort-buttons--mobile {
  display: none;
}

.vehicle-filter .grid-car-card {
  max-width: 32rem;
}

/* Outlined buttons override */

.campaigns-content-item .outlined::before {
  place-items: center flex-start;
  padding: 0 2.15rem;
}

.navigation-dropdown--menu {
  background: #fff;
  position: absolute;
  bottom: -13.5rem;
  left: 0;
  border-radius: 0.8rem;
  display: none;
  z-index: 999;
}

.navigation-dropdown:hover .navigation-dropdown--menu {
  display: grid;
}

.navigation-dropdown--item span {
  color: #626262;
  font-size: 1.6rem;
}

.navigation-dropdown--item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1.2rem 1.6rem;
  background: #fff;
  cursor: pointer;
}

.navigation-dropdown--item:first-of-type {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

.navigation-dropdown--item:last-of-type {
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}

.navigation-dropdown--item:hover {
  background: #dedede;
}

.location,
.phone-numbers,
.mail-info {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.second-paragraph .carousel-dots {
  display: none;
}

.insurance-title img {
  display: none;
}

.buttons-action .button-reservation {
  display: flex !important;
}

.buttons-action .button-reservation.mobile {
  display: none !important;
}

.with-ribbon .navigation-list {
  display: none;
}

.with-ribbon .navigation-container .navigation-dropdown.hidden {
  display: none;
}

/* Campaign ... kraj */
.our-offices .offices-statistics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.our-offices .offices-statistics .statistic-card {
  max-width: unset;
}

.mobile-only {
  display: none !important;
}

.checkmarks-container p {
  display: none;
}

.checkmarks-tooltip {
  display: none;
}

.checkmarks-text {
  display: none;
}

.error-page .thank-title {
  padding: 0 10rem;
}

.error-page .thank-you-card {
  border: 1px solid #db2700;
  position: relative;
}

.error-page .thank-header {
  padding: 6.4rem 1.6rem;
}

.list-chosen-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  margin: 0 auto;
  color: #333;
  font-size: 1.4rem;
}

.error-page .checkIn {
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}

.error-page .checkIn button {
  padding: 0.8rem 1.6rem;
  font-size: 1.4rem;
  background: none;
  outline: none;
  border: none;
  font-weight: 600;
}

.checkIn-odaberi {
  color: #8a8a8a;
}

.checkIn-posaljiPonovo {
  color: #626262;
  border: 1px solid #dedede !important;
  border-radius: 0.4rem;
}

.error-page-x {
  position: absolute;
  top: -4rem;
  left: 50% !important;
  transform: translate(-35%, 0);
  border: 1px solid #db2700;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-items: center;
}

.error-page-x img {
  width: 4.8rem;
  height: 4.8rem;
}

.promotion-box .outlined {
  width: 100%;
}

.carousel-slider .carousel-card button.outlined.carousel-more {
  max-width: unset !important;
  width: calc(100% - 3.2rem);
}

.desktop-only {
  display: block;
}

.top-ribbon {
  background: #000;
  width: 100%;
}

.top-ribbon-content {
  max-width: 104rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #bcbec0;
  gap: 1.6rem;
}

.top-ribbon-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.top-ribbon-item img {
  width: 1.6rem;
  height: 1.6rem;
}

/* MOBILE kraj */

/* Vehicle */

.header.vehicle {
  background: #f9f9f9;
  padding: 1.6rem;
}

.vehicle .header-form {
  padding: 1.6rem;
  height: 100%;
}

.vehicle .form-title {
  visibility: hidden;
  display: none;
}

.vehicle-list {
  padding: 6.4rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 104rem;
  margin: 0 auto;
}

.vehicle-list h1 {
  font-size: 2.8rem;
}

.vehicle-list-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 104rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6.4rem;
}

h2.section-title {
  color: #333;
  text-align: center;
  /* Heading/H2-Bold */
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.8rem;
}

.section-car-list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  max-width: 104rem;
  width: 100%;
}

.filter-header {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
}

.filter-button {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  padding: 0.8rem 1.6rem;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
}

.filter-button span {
  color: var(--balck-light-95, #626262);

  /* Body/Small-Semibold */
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.2rem;
}
.sort-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}

.grid-view,
.list-view {
  display: flex;
  width: 3.8rem;
  height: 3.8rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.8rem;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
}

button .active,
.list-view.active,
.grid-view.active {
  border-radius: 0.4rem;
  border: 0.1rem solid var(--balck-brand, #333);
  background: var(--white, #fff);
  color: #333333;
}

.sort-by-button {
  display: flex;
  padding: 0.8rem 1.6rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
}

.sort-by-button span {
  color: #626262;
  /* Body/Small-Semibold */
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.2rem;
}

.vehicles-amount {
  color: #757575;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.2rem;
}

.available-car-container {
  display: flex;
  gap: 2.4rem;
  flex-direction: column;
}

.car-card {
  display: flex;
  flex-direction: column;
  border-radius: 0.8rem;
  border: 0.1rem solid #dedede;
}

.car-information {
  display: flex;
  padding: 1.6rem;
  gap: 1.6rem;
}

.car-image {
  width: 100%;
  max-width: 35rem;
  height: fit-content;
}

.car-details-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
}

.car-details-title {
  color: #333;
  /* Heading/H3-Bold */
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.6rem;
}

.car-details {
  display: flex;
  gap: 2.4rem;
}

.column-information,
.column-price-include {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.column-information h6,
.column-price-include h6 {
  color: #333;
  /* Body/Small-Semibold */
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.2rem;
  width: 100%;
}

.info-row {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.info-icon {
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
}

.info-label {
  color: #333;
  font-size: 1.4rem;
  line-height: 2.2rem;
  min-width: 11rem;
}

.text-parenthesis {
  color: #626262;
}

.column-price-include label.info-label {
  color: #626262;
}

.column-price-include .header-dropdown img {
  visibility: hidden;
  display: none;
}

.car-cta {
  border-top: 0.1rem solid #dedede;
  display: flex;
  justify-content: flex-end;
  gap: 1.6rem;
  padding: 1.6rem;
  align-items: center;
}

.pricing {
  color: #333;
  text-align: right;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.car-cta-reservation {
  border: none;
  cursor: pointer;
  display: flex;
  color: #fff;
  width: 100%;
  max-width: 13.2rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.4rem;
  padding: 1.2rem 1.6rem;
  background-color: #ec008c;
}

.promotion {
  background: url("../images/promotion.png");
  background-size: cover;
  border-radius: 0.8rem;
  border: 0.1rem solid #dedede;
  display: flex;
  padding: 2.3rem 0 2.3rem 2.4rem;
  align-items: center;
}

.promotion-box {
  display: flex;
  width: 26.5rem;
  padding: 1.6rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
}

.promotion-text {
  color: #333333;
  /* Heading/H4-Bold */
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
}

.promotion-text .pink-letter:last-of-type {
  font-weight: 400;
  margin-top: 0.8rem;
  display: inline-block;
}

.pink-letter {
  color: #ec008c;
}

.pink-button {
  border: none;
  cursor: pointer;
  display: flex;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.2rem;
  width: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 2.4rem;
  padding: 0.8rem 1.6rem;
  background-color: #ec008c;
}

.pagination-component {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}


#loadingModal .modal-content {
    max-width: 300px;
    text-align: center;
}

.spinner {
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-left: 5px solid #333;
  border-left-color: #ec008c;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  margin: 0 auto 20px; /* Center the spinner */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

img.arrow-icon {
  padding: 0.8rem;
  color: #333333;
}

img.arrow-icon.disabled {
  color: #8a8a8a;
}

.button-wrapper {
  height: 4.8rem;
  width: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination-count {
  padding: 1.2rem 1.6rem;
  color: #626262;
  /* Body/Mid-Semibold */
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}

.pink-newsletter {
  display: flex;
  padding: 1.6rem 0px;
  background: var(
    --brand-gradient,
    linear-gradient(
      90deg,
      #ec008c 0%,
      #e60089 15.29%,
      #dc0083 32.52%,
      #cb0079 50.69%,
      #b4006b 69.51%,
      #970059 88.65%,
      #84004c 100%
    )
  );
}

.pink-newsletter .footer-wrapper {
  flex-direction: row;
  width: 120rem;
  gap: 2.4rem;
  flex-wrap: wrap;
  justify-content: space-between;
}


.copyright-legal {
  border-top: 0.1rem solid #474747;
  padding: 0.8rem 0;
}

.copyright-legal .footer-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #fff;
  /* Body/XSmall-Light */
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6rem;
}

.form-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.grecaptcha-badge {
  position: relative;
  transform: scale(0.85);
  transform-origin: center;
  display: inline-block;
}

/* MODAL */
/* Modal styles */
/*.modal {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity linear 0.2s;
}
.modal:target {
  height: 100%;
  opacity: 1;
}

.modal__content {
  display: flex;
  flex-direction: column;
  position: relative;
  background: #fff;
  width: 104rem;
  height: 40rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
  border-radius: 0.8rem;
  border: 0.1rem solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
}
.modal__content .modal__content__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  line-height: 2rem;
  border-radius: 2rem;
  text-align: center;
  padding: 0.5rem;
  background: transparent;
  color: #000000;
  text-decoration: none;
}

.modal__close:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.modal-info-wrapper {
  display: flex;
  padding: 1.6rem;
}
    */

.grid-wrapper {
  display: flex;
  gap: 2.4rem;
  flex: 1 0 0;
  flex-wrap: wrap;
}

.grid-card-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
}

.grid-card-header .car-details-title {
  margin-right: 2rem;
  width: 100%;
  text-align: center;
}

.grid-card-header .tooltip .tooltiptext {
  visibility: hidden;
  width: 10rem;
  background-color: #fff;
  color: #626262;
  text-align: center;
  border-radius: 6px;
  padding: 0.8rem;
  position: absolute;
  z-index: 1;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6rem;
  top: -4rem;
  left: 50%;
  margin-left: -5rem;
  border-radius: 0.4rem;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
}

.grid-card-header .tooltip:hover .tooltiptext {
  visibility: visible;
}

.grid-card-header .tooltip {
  position: relative;
  display: inline-block;
}

.grid-card-header .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 3rem;
  left: 50%;
  margin-left: -0.5rem;
  border-width: 0.5rem;
  border-style: solid;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.08);
  border-color: #ffffff transparent transparent transparent;
}

.grid-car-card {
  width: 100%;
  max-width: 33rem;
  border-radius: 0.8rem;
  border: 0.1rem solid var(--balck-light-10, #dedede);
  background: #fff;
}

.grid-car-cta {
  display: flex;
  padding: 1.6rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1.2rem;
  border-top: 0.1rem solid var(--balck-light-10, #dedede);
}

.grid-car-cta button.car-cta-reservation {
  max-width: 30rem;
}

/* FILTER */
#filter {
  width: 30rem;
  height: 116.4rem;
}

.filtering-title {
  display: flex;
  height: 4.8rem;
  align-items: center;
  gap: 0.8rem;
  align-self: stretch;
}

/* ABOUT US */
.header.about {
  height: 54.8rem;
  margin-bottom: 0;
  background-image: url("/media/1276/about-hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.header .header-container {
  justify-content: center;
}

.header.about .header-container {
  height: 100%;
  justify-content: center;
}

.header.about .header-subtitle {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  max-width: 50rem;
  color: #fff;
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.team .team-container {
  display: flex;
  padding: 6.4rem 0px;
  margin: 0 auto;
  background: #fff;
  width: 100%;
  max-width: 104rem;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

.team .first-paragraph {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: 1.6rem;
}

.team .team-title {
  position: relative;
  color: #333;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 3.6rem;
  margin-bottom: 1.6rem;
}

.team h3.team-title::before {
  content: "";
  position: absolute;
  bottom: -1.6rem;
  left: 0;
  background: #ec008c;
  width: 4rem;
  height: 0.4rem;
  border-radius: 0.8rem;
}

.team-subtitle {
  color: #626262;
  /* Body/Small-Regular */
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
}

.second-paragraph {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
}

.second-paragraph img {
  border-radius: 0.8rem;
}

/* O nama */
.aboutUs-section {
  background: #000;
  background-image: url("../images/icons/vector-aboutUs.svg");
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: top 150px left 100px;
}

.aboutUs-section-wrapper {
  display: flex;
  padding: 6.4rem 0px;
  width: 100%;
  max-width: 104rem;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6.4rem;
}

.aboutUs-section .aboutUs-title {
  color: #fff;
  text-align: center;
  /* Heading/H1-Bold */
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 6.4rem;
}

.first-row,
.second-row {
  height: 83rem;
  display: flex;
  position: relative;
  align-items: flex-start;
  gap: 4.8rem;
}

.aboutUs-section-wrapper img {
  width: 100%;
  display: flex;
  position: relative;
  height: 43rem;
  max-width: 50rem;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

.aboutUs-section-wrapper .first-card,
.aboutUs-section-wrapper .second-card {
  height: 60rem;
}

.first-card .description,
.second-card .description {
  display: flex;
  padding: 3.2rem;
  color: #fff;
  width: 100%;
  max-width: 50rem;
  background: #333;
  flex-direction: column;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  gap: 2rem;
}

.description .card-title {
  position: relative;
  color: #fff;
  /* Heading/H3-Bold */
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 3.6rem;
  margin-bottom: 1.6rem;
}

.description .card-title::before {
  content: "";
  position: absolute;
  bottom: -1.6rem;
  left: 0;
  background: #ffffff;
  width: 4rem;
  height: 0.4rem;
  border-radius: 0.8rem;
}

.description .card-text {
  color: #fff;
  /* Body/Small-Regular */
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
}

.aboutUs-section-wrapper .first-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto 0;
}

/* faq */
.header.faq {
  height: 32rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  background-image: url("/media/1243/faq-hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.header.faq .header-container {
  display: flex;
  width: 100%;
  max-width: 104rem;
  overflow: hidden;
  gap: 0.8rem;
}

.header.faq .header-subtitle {
  color: #fff;
  text-align: center;
  /* Heading/H2-Bold */
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.8rem;
}

.header.faq .search-container {
  display: flex;
  padding: 2.4rem 6.4rem;
  gap: 0.8rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 0.8rem;
  border: 0.1rem solid #dedede;
  background: #f9f9f9;
}

.header.faq .search-bar-wrapper {
  display: flex;
  width: 100%;
  height: 4.8rem;
  padding: 0.8rem 1.2rem;
  align-items: center;
  gap: 0.8rem;
  flex: 1 0 0;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
}

.header.faq .search-bar {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  border: none;
  outline: none;
}

.header.faq .search-bar::placeholder {
  color: #bcbec0;
}

.header.faq .search-icon {
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  color: #bcbec0;
}

.faq-section {
  display: flex;
  padding: 6.4rem 0px;
}

.faq-section-wrapper {
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: 104rem;
  align-items: flex-start;
  gap: 2.4rem;
}

.faq-section .sidebar {
  display: flex;
  max-width: 66rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem;
  flex-shrink: 0;
}

.faq-section .sidebar .sidebar-link {
  text-decoration: none;
  display: flex;
  padding: 2rem 1.6rem;
  align-items: center;
  gap: 0.8rem;
  align-self: stretch;
  border-radius: 0.8rem;
  border: 2px solid #f4f4f5;
  background: #f9f9f9;
}

.faq-section .sidebar .sidebar-link .link-title {
  color: var(--balck-light-95, #626262);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-transform: uppercase;
}

.faq-section .sidebar-link.active {
  background-color: #ec008c;
}

.faq-section .sidebar-link.active .link-icon,
.faq-section .sidebar-link.active .link-title {
  color: #ffffff;
}

.faq {
  display: flex;
  gap: 1.6rem;
}

.transition,
.accordion-answer,
.accordion-container .accordion i:before,
.accordion-container .accordion i:after {
  transition: all 0.3s;
}

.faq .no-select,
.faq .accordion-question {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
}

.faq .accordion-question {
  color: #333;
  /* Body/Mid-Semibold */
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  padding: 1.6rem;
  text-transform: none;
  background: #fff;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: 0.2s;
  border-bottom: 1px solid #dedede;
}

.faq .accordion-answer {
  color: #333;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2.2rem;
  position: relative;
  overflow: hidden;
  max-height: 350px;
  will-change: max-height;
  contain: layout;
  padding: 1.6rem;
  /*display: inline-block;*/
  opacity: 1;
  transform: translate(0, 0);
  transition: 0.3s opacity, 0.6s max-height;
  hyphens: auto;
  z-index: 2;
}

.faq .accordion-container .accordion {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background: #fff;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
}

.faq .accordion-container .accordion + .accordion {
  margin-top: 1.5rem;
}

.faq .accordion-container .accordion:last-of-type {
  padding-bottom: 0;
}

.faq .accordion-container .accordion i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 2.8rem;
  right: 1.5rem;
}

.faq .accordion-container .accordion i:before,
.accordion-container .accordion i:after {
  content: "";
  position: absolute;
  background-color: #333333;
  width: 3px;
  height: 9px;
}

.faq .accordion-container .accordion i:before {
  transform: translate(-2px, 0) rotate(45deg);
}

.faq .accordion-container .accordion i:after {
  transform: translate(2px, 0) rotate(-45deg);
}

.faq .accordion-container .accordion .accordion-checkbox {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  touch-action: manipulation;
  border-radius: 0.4rem;
  border: 0.1rem solid #dedede;
  background: #fff;
}

.faq
  .accordion-container
  .accordion
  input[type="checkbox"]:checked
  ~ .accordion-question {
  color: #000;
  border-bottom: unset;
}

.faq
  .accordion-container
  .accordion
  input[type="checkbox"]:checked
  ~ .accordion-answer {
  max-height: 0;
  transition: 0.3s;
  opacity: 0;
  padding: 0;
}

.faq .accordion-container .accordion input[type="checkbox"]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}

.faq .accordion-container .accordion input[type="checkbox"]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}

/* KONTAKT */
.header.contact {
  height: 54.8rem;
  margin-bottom: 0;
  background-image: url("/media/1275/contact-hero.jpg") !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


.contact-section {
  background-color: #ffffff;
  color: #333;
}

.contact-section .contact-section-wrapper {
  display: flex;
  padding: 6.4rem 0px;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin: 0 auto;
  width: 100%;
  max-width: 685px;
  align-self: stretch;
}

.contact-section .contact-section-wrapper .section-title {
  display: flex;
  flex-direction: column;
  color: #333;
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.8rem;
}

.contact-section .contact-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem;
  align-self: stretch;
}

.contact-section .contact-wrapper .tabs-bar {
  display: flex;
  border-bottom: 2px solid #dedede;
}

.contact-section .contact-wrapper .tabs-bar {
  display: flex;
  width: 100%;
  align-items: flex-start;
  margin-bottom: 0.8rem;
}

.contact-section .contact-wrapper .tabs-bar button.tab {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  text-transform: uppercase;
  display: flex;
  height: 4.8rem;
  padding: 1.2rem 1.6rem;
  background: #fff;
  justify-content: center;
  align-items: center;
  color: #626262;
  border: none;
  text-decoration: none;
}

.contact-section .contact-wrapper .tabs-bar .tab.active {
  color: #ec008c;
  border-bottom: 2px solid #ec008c;
}

.contact-number {
  display: flex;
  width: 100%;
}

.contact-number select.country-code {
  margin-right: 0;
  max-width: 8rem;
  background-position-x: 85%;
  padding: 8px 12px;
  background-color: #f9f9f9;
}

.contact-number .phone-number {
  width: 100%;
}

.contact-number .phone-number::placeholder {
  color: transparent;
}

.contact-section #general-query,
.contact-section #rent-a-car {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem;
  align-self: stretch;
}

form.contact-form {
  display: flex;
  width: 100%;
  max-width: 686px;
  overflow: hidden;
  border-radius: 0.8rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
    form.book-form .form-info,
    form.contact-form .form-info,
    form.application-form .form-info {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
        flex: 1 0 0;
    }
        form.book-form .form-info input,
        form.contact-form .form-info input,
        form.application-form .form-info input {
            display: flex;
            height: 4.8rem;
            width: 100%;
            padding: 0.8rem 1.2rem;
            align-items: center;
            border-radius: 0.4rem;
            outline: none;
            border: 0.1rem solid #dedede;
            background: #fff;
        }

select {
  display: flex;
  width: 100%;
  height: 4.8rem;
  overflow: hidden;
  padding: 0.8rem 2rem 0.8rem 1.2rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #dedede;
  background: #fff;
  align-items: center;
  gap: 0.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  background: transparent;
  background-image: url("../images/icons/arrowDown.svg");
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 1.5rem;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  margin-right: 2rem;
  padding: 1rem;
  padding-right: 2rem;
}

.contact-form-label {
  display: flex;
  gap: 0.4rem;
  color: #333;
}



.form-info .maskON {
  position: absolute;
  top: 0;
  left: 25%;
  display: flex;
  height: 48px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
  color: var(--balck-light-95, #626262);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}

.contact-form-label span,
.form-info label {
  color: var(--balck-brand, #333);
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.form-row {
  display: flex;
  gap: 2.4rem;
  align-items: flex-start;
  align-self: stretch;
}

.form-info textarea {
  width: 100%;
  min-height: 12rem;
  height: 100%;
  display: flex;
  padding: 0.8rem 1.2rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #dedede;
  background: #fff;
  align-items: center;
  outline: none;
}

.contact-section .contact-form .accept-policy,
.contact-section .apply-newsletter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}

.contact-section .contact-section-wrapper .line {
  display: flex;
  width: 100%;
  height: 0.1rem;
  justify-content: center;
  align-items: center;
  background-color: #dedede;
}

.contact-section .contact-section-wrapper .newsletter-checkbox {
  display: flex;
  width: 2.4rem;
  height: 2.4rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.contact-section .contact-section-wrapper .label-newsletter,
.contact-section .contact-form .accept-policy {
  color: #333;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
}
.contact-link,
.more-link {
  display: none;
  visibility: hidden;
  z-index: 10;
}

.contact-link a,
.more-link a {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 1.2rem 1.6rem;
  align-items: center;
  align-self: stretch;
  background: #fff;
  color: #626262;
  /* Body/Mid-Semibold */
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  gap: 0.8rem;
}

.contact-link a:hover,
.more-link a:hover {
  background-color: #dedede;
}

.navigation-list__item.icon.contact:hover .contact-link,
.navigation-list__item.icon.more:hover .more-link {
  display: flex;
  visibility: visible;
  position: absolute;
  overflow: hidden;
  border-radius: 0.8rem;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0px 0px 1.6rem 0px rgba(0, 0, 0, 0.08);
  z-index: 1;
}

.navigation-dropdown:hover .chevron-gray,
.navigation-list__item.icon.more:hover .nav-link span,
.navigation-list__item.icon.contact:hover .nav-link span {
  display: none;
}

.chevron-white,
.white-dots {
  display: none;
}

.white-dots {
  margin-left: 3px;
}

.navigation-dropdown:hover .chevron-white,
.navigation-list__item.icon.more:hover .white-dots,
.navigation-list__item.icon.contact:hover .chevron-white {
  display: block;
}

.navigation-list__item.icon.more:hover .more-link {
  width: 19rem;
}

.navigation-list__item.icon.contact:hover .contact-link {
  width: 25rem;
}

.navigation-list__item.icon.contact:hover .contact-link {
  right: 13rem;
  top: 2.5rem;
}

.navigation-list__item.icon.more:hover .more-link {
  right: 6rem;
  top: 2.5rem;
}

/* CAREERS */
.header.careers {
  display: flex;
  height: 52.8rem;
  margin-bottom: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background-image: url("/media/1277/careers-hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.header.careers .header-subtitle {
  width: 100%;
  max-width: 50rem;
  color: #fff;
  font-size: 5.6rem;
  font-weight: 300;
  line-height: 6.4rem;
}

.careers .careers-paragraph {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  color: #626262;
  /* Body/Small-Regular */
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
}

.careers .careers-span {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  color: #333;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

.careers .team-container .second-paragraph .second-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
  flex: 1 0 0;
}

.competitions-section {
  background: #f9f9f9;
}

.competitions-section .carousel-card .carousel-more {
  margin-bottom: 1.6rem;
}

.competitions-section .carousel-card {
  height: 100%;
  background: #fff;
  border-radius: 0.8rem;
  border: 0.1rem solid #dedede;
  background: #fff;
}

.competitions-section .carousel-card img {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  width: 100%;
}

.competitions-section .carousel-card .carousel-card-pricing {
  height: 12rem;
  padding-inline: 1.6rem;
}

.open-application {
  background: #fff;
}

.open-application .open-application-wrapper {
  display: flex;
  flex-direction: column;
  padding: 6.4rem 0px;
  gap: 3.2rem;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  max-width: 68.6rem;
}

.open-application .open-application-wrapper .line {
  display: flex;
  width: 100%;
  height: 0.1rem;
  justify-content: center;
  align-items: center;
  background-color: #dedede;
}

.open-application .open-application-wrapper .section-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  align-self: stretch;
}

.open-application .open-application-wrapper .section-title {
  color: #333;
  text-align: center;
  /* Heading/H2-Bold */
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.8rem;
}

.open-application .open-application-wrapper .section-subtitle {
  color: #626262;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
}

.open-application .open-application-wrapper .section-subtitle .light-letters {
  font-weight: 400;
}

.open-application .open-application-wrapper form.application-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}

form.application-form h4 {
  color: #333;
  /* Heading/H4-Semibold */
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.8rem;
}

form.application-form .form-row {
  display: flex;
  align-items: flex-start;
  gap: 2.4rem;
  align-self: stretch;
}

/* Booking */
.calendar {
  display: none;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 8rem;
  overflow: hidden;
  padding: 2.4rem;
  border-radius: 0.8rem;
  background: var(--white, #fff);
  box-shadow: 0 0 1.8rem 0 rgba(0, 0, 0, 0.08);
  gap: 2.4rem;
}

.preuzimanje,
.vracanje {
  width: 100%;
  max-width: 26rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.calendar .month {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  align-self: stretch;
}

.month-label {
  color: var(--balck-brand, #333);
  text-align: center;
  width: 100%;
  /* Body/Small-Semibold */
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.2rem;
}

.calendar .dates {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.calendar .days {
  display: flex;
  width: 100%;
  gap: 0.8rem;
  justify-content: space-between;
  align-items: center;
}

.calendar .days span {
  color: var(--balck-light-95, #626262);
  /* Body/XSmall-Regular */
  font-family: Open Sans;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6rem;
}

.calendar .dates button {
  display: flex;
  width: 3rem;
  height: 3rem;
  padding: 0.4rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--balck-light-95, #626262);
  /* Body/XSmall-Regular */
  font-size: 1.2rem;
  border: none;
  background: none;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6rem;
}

.calendar .dates button.active {
  color: var(--white, #fff);
  border-radius: 100px;
  background: var(--magenta-brand, #ec008c);
}

.return-time,
.pickup-time {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.return-time span,
.pickup-time span {
  width: 10rem;
  color: var(--balck-brand, #333);
  /* Body/Small-Regular */
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2rem;
}
.return-time .time,
.pickup-time .time {
  display: flex;
  gap: 0.4rem;
}

.return-time .time .hours,
.return-time .time .minutes,
.pickup-time .time .minutes,
.pickup-time .time .hours {
  display: flex;
  height: 48px;
  padding: 8px 12px;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
  color: var(--balck-brand, #333);
  /* Body/Mid-Regular-16px */
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.filter-header .chosen-vehicle {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--balck-brand, #333);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 3.6rem;
}

.header-insurance {
  display: flex;
  background: var(--balck-light-5, #f9f9f9);
  padding: 1.6rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  align-self: stretch;
}

.header-insurance .header-container {
  max-width: 104rem;
  width: 100%;
  margin: 0 auto;
}

.header-insurance .insurance-header-title {
  color: var(--balck-brand, #333);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 3.6rem;
  display: flex;
  justify-content: space-between;
}

.insurance-title.desktop.hidden {
  display: none;
  visibility: hidden;
}

.header-insurance .insurance-header-title .car-model {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4rem;
}

.header-insurance .header-steps {
    display: flex;
    width: 100%;
    padding-top: 10px;
    max-width: 104rem;
    align-items: center;
    gap: 1.6rem;
}

.header-insurance .insurance-header-title .reservation-close-icon {
  display: flex;
  width: 38px;
  height: 38px;
  overflow: hidden;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.line {
  display: flex;
  width: 100%;
  height: 0.1rem;
  justify-content: center;
  align-items: center;
  background-color: #dedede;
}

.header-insurance .line {
  max-width: 31rem;
}

.header-insurance .step {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 0.8rem;
  white-space: nowrap;
  align-items: center;
}

.header-insurance .step img {
  width: 32px;
  height: 32px;
}

.header-insurance .step.active,
.header-insurance .step.active .step-label {
  color: var(--magenta-brand, #ec008c);
  /* Body/Small-Semibold */
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.2rem;
}

.header-insurance .step .step-number {
  display: flex;
  width: 3.2rem;
  height: 3.2rem;
  justify-content: center;
  align-items: center;
  border-radius: 10rem;
  border: 1px solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
  font-size: 1.4rem;
}

.step.finish {
  width: 15rem;
}

.header-insurance .step .step-label {
  color: var(--balck-light-95, #626262);
  /* Body/Small-Regular */
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
  display: flex;
  align-items: center;
}

.reservation-process {
  padding: 3.2rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.reservation-header {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: 100%;
  max-width: 104rem;
}

.chosen-vehicle-title {
  color: var(--balck-brand, #333);
  text-align: left;
  /* Heading/H4-Bold */
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
}

.chosen-vehicle-info {
  display: flex;
  gap: 2.4rem;
  border-radius: 0.8rem;
  border: 1px solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
}

.comparison-wrapper {
  display: flex;
  padding: 1.2rem 2.4rem;
  align-items: center;
  gap: 2.4rem;
  flex: 1 0 0;
}

.car-comparison {
  display: flex;
  width: 100%;
  max-width: 31.4rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.car-comparison img:not(.icon) {
  width: 14.3rem;
  height: 10.6rem;
}

.comparison-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.8rem;
  flex: 1 0 0;
  color: var(--balck-brand, #333);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  width: 100%;
  max-width: 40.4rem;
}

.car-info {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
}

.black-bold-letters {
  font-weight: 600;
  color: var(--balck-brand, #333);
}

.reservation-price {
  display: flex;
  padding: 1.2rem 2.4rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}

.reservation-price button.outlined {
  height: 4.8rem;
  /* width: 31rem; */
}

.reservation-price-letters {
  color: var(--balck-brand, #333);
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.insurance-options {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  align-self: stretch;
}

.insurance-options .insurance-info-section {
  display: flex;
  padding: 1.6rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  border-radius: 0.8rem;
  border: 1px solid var(--balck-light-10, #dedede);
  background: var(--primary-white, #fff);
}

.insurance-info-section-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.38rem;
}

.insurance-info-section-list .insurance-row {
  display: flex;
  height: 3.8rem;
  align-items: center;
  gap: 0.8rem;
  align-self: stretch;
  color: var(--balck-light-95, #626262);
  /* Body/Small-Regular */
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
}

.insurance {
  display: flex;
  padding: 1.6rem;
  width: 100%;
  border-radius: 0.8rem;
  border: 1px solid var(--balck-light-10, #dedede);
  background: var(--primary-white, #fff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  flex: 1 0 0;
}

.insurance2 {
    display: flex;
    /*padding: 1.6rem;
    width: 100%;*/
/*    border-radius: 0.8rem;
    border: 1px solid var(--balck-light-10, #dedede);
    background: var(--primary-white, #fff);*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    flex: 1 0 0;
}

.insurance.active {
  position: relative;
  border-radius: 0.8rem;
  border: 2px solid transparent;
  /* overflow: hidden; */
  background: linear-gradient(
    90deg,
    #ec008c 0%,
    #e60089 15.29%,
    #dc0083 32.52%,
    #cb0079 50.69%,
    #b4006b 69.51%,
    #970059 88.65%,
    #84004c 100%
  );
  background-clip: padding-box;
  padding: 20px;
}

.insurance.active > * {
  z-index: 1;
}

.insurance.active:before {
  content: "";
  position: absolute;
  inset: 2px;
  background: #fff;
  border-radius: 0.4rem;
  z-index: 0;
}

.total-day-ammount {
  display: flex;
  width: 100%;
  background: var(--primary-white, #fff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  color: #333;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.insurance-options .insurance-title {
  color: var(--balck-brand, #333);
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
}

.insurance .insurance-title {
  background-image: linear-gradient(
    90deg,
    #ec008c 0%,
    #e60089 15.29%,
    #dc0083 32.52%,
    #cb0079 50.69%,
    #b4006b 69.51%,
    #970059 88.65%,
    #84004c 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.insurance .checkmarks {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.damage-value {
  color: var(--balck-light-95, #626262);
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.2rem;
  display: flex;
  padding: 8px 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.buttons-action {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.buttons-action .button-reservation {
  display: flex;
  overflow: hidden;
  padding: 0.8rem 1.6rem;
  border-radius: 0.4rem;
  border: 1px solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  color: var(--balck-light-95, #626262);
  color: var(--balck-light-95, #626262);
  /* Body/Mid-Semibold */
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  align-self: stretch;
}

.aeroport-card-title {
  color: var(--balck-brand, #333);
  /* Heading/H4-Bold */
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
}

.bussiness-place-aeroports-wrapper {
  padding: 6.4rem 0;
  width: 100%;
  max-width: 104rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}

.bussiness-place-aeroports {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
}

.chosen-additions-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: 100%;
}

@media (max-width: 768px) {
  .chosen-additions {
    align-items: flex-start !important;
  }
}

.chosen-additions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem;
  gap: 2.4rem;
  border-radius: 8px;
  border: 1px solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
}

.addition-item-options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  flex: 1;
}

.addition-item-options h4 {
  color: var(--balck-brand, #333);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.addition-item-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.option-header {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.option-age {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.option-description {
  color: #626262;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  padding-right: 1rem;
}

.option-amount {
  display: flex;
  width: 13rem;
  gap: 0.8rem;
}

.option-amount input {
  width: 3.4rem;
  height: 40px;
  display: flex;
  text-align: center;
  align-items: flex-start;
  border-radius: 4px;
  outline: none;
  border: 1px solid var(--balck-light-10, #dedede);
}

.addition-price {
  width: 15rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: #626262;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-align: center;
}

.addition-price .green-letters {
  color: #197d00;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 3.6rem;
}

.addition-price.mobile-only span:first-of-type {
  font-size: 1.6rem;
}

.addition-price .gray-letters {
  color: #8a8a8a !important;
  font-weight: 400;
  font-size: 2.8rem !important;
}

button.outlined.small,
button.filled.small {
  display: flex;
  width: 16.5rem;
}

.thank-you {
  display: flex;
  padding: 92px 16px;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f9f9f9;
  align-self: stretch;
}

.thank-you-wrapper {
  display: flex;
  width: 100%;
  max-width: 1440px;
  flex-direction: column;
  align-items: center;
}

.thank-you-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 50.8rem;
    background: var(--primary-white, #fff);
    border-radius: 0.8rem;
    border: 1px solid var(--balck-light-10, #dedede);
    padding: 3rem 0rem;
    align-items: center;
}

.thank-header {
  display: flex;
  padding: 0 16px 24px 16px;
  flex-direction: column;
  margin: 0 auto;
  text-align: center;
  gap: 16px;
  width: 100%;
  align-self: stretch;
}

.thank-title {
  color: var(--balck-brand, #333);
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  padding: 0 12rem;
}

.thank-you-card .list-chosen-items {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-top: 1px solid var(--balck-light-10, #dedede);
  border-bottom: 1px solid var(--balck-light-10, #dedede);
}

.thank-you-card .list-chosen-items .row {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  justify-content: space-between;
}

.thank-you-card .modal__content__close {
  text-align: right;
}

.checkIn {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkIn span {
  color: var(--balck-brand, #333);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.list-chosen-items .naziv-usluge {
  display: flex;
  width: 100%;
  min-width: 35rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.list-chosen-items .thank-you-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  width: 100%;
  max-width: 4rem;
}

.list-chosen-items .naziv-usluge span,
.list-chosen-items .naziv-usluge .usluge-title,
.thank-you-price .price-title,
.thank-you-price span {
  color: var(--balck-brand, #333);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.total {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}

.total .total--pink {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  color: var(--magenta-brand, #ec008c);
  font-size: 14px;
  width: 100%;
  max-width: 4rem;
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
}

.total .total-pink {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  color: var(--magenta-brand, #ec008c);
  font-size: 14px;
  width: 3.6rem;
  font-weight: 600;
  line-height: 22px;
}

.confirm-info-form {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  width: 100%;
}
.confirm-section-left {
  display: flex;
  gap: 2rem;
  flex-direction: column;
}

.contact-form-wrapper {
  display: flex;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.contact-form-wrapper .accept-policy {
  /*display: grid;
  grid-template-columns: 24px 1fr;
  gap: 0.8rem;*/
  color: #333;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2rem;
}

.pink-icon {
  height: 2rem;
  width: 2rem;
}

.contact-form button.car-cta-reservation {
  display: flex;
  width: 100%;
  padding: 1.2rem 1.6rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

/* toogle */
.switch {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 2.4rem;
}

.switch input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
}

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

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

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

input:focus + .slider {
  box-shadow: 0 0 1px #bcbec0;
}

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

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

.slider.round:before {
  border-radius: 50%;
}
/* toogle kraj */

.form-info .toogle-switch {
  margin-bottom: 1.6rem;
  display: flex;
  gap: 0.8rem;
}

.form-info .toogle-switch .toogle-label {
  color: var(--balck-brand, #333);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.input-code-check {
  display: flex;
  width: 100%;
}

.input-code-check input.code {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

    .input-code-check .check-code {
        display: flex;
        padding: 1rem 1.6rem;
        justify-content: center;
        align-items: center;
        border-top-right-radius: 0.4rem;
        border-bottom-right-radius: 0.4rem;
        outline: none;
        border: 1px solid var(--balck-light-10, #dedede);
        background: var(--white, #fff);
        color: var(--balck-light-95, #626262);
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 2.4rem;
        white-space: nowrap;
    }
.confirm-section-left .apply-newsletter {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.8rem;
}

.confirm-section-left .apply-newsletter .label-newsletter {
  width: 100%;
  color: #333;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
}

.newsletter-checkbox {
    padding-left: 2rem !important;
}

    

.confirm-section-right {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--balck-light-10, #dedede);
  background: var(--white, #fff);
}

section.chosen-services {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 100%;
}

.confirm-section-right section.chosen-services .headline {
  display: flex;
  text-transform: uppercase;
  justify-content: space-between;
  width: 100%;
  color: var(--balck-brand, #333);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.services-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  color: var(--balck-brand, #333);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2rem;
}

section.chosen-services .service {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.between {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.between strong:first-of-type {
  line-height: 1;
}

.between strong {
  font-weight: 600;
}

.service-text {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.total-day-ammount .big-total {
  color: #ec008c;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.acontation {
  text-align: right;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.thank-subtitle {
  color: var(--balck-light-95, #626262);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.checkIn .filled {
  width: 16.5rem;
}

.discount-content-items img {
  border-radius: 0.8rem;
}

.discount-content-container.reversed {
  flex-direction: column-reverse;
}

.small-missing-text {
  position: absolute;
  bottom: 0;
  font-size: 1.2rem;
  color: #626262;
}

.confirm-section-left .filled.car-cta-reservation {
  width: auto !important;
  white-space: nowrap;
}

textarea {
  resize: vertical !important;
}

/* TABLET */
@media screen and (max-width: 1100px) {
	 
	
  .navigation-container {
    justify-content: space-between;
    padding: 0.8rem 1.6rem;
  }
    /*.header .header-container,
    .footer-wrapper,
    .our-offices,
    .last-minute,
    .services {
        padding: 0 1.6rem;
    }*/


  .pink-newsletter .footer-wrapper {
    padding: 0 1.6rem;
    justify-content: center;
  }

  .bussiness-place-single,
  .bussiness-place {
    padding: 6.4rem 1.6rem;
  }

  .aeroport-card .carousel-right {
    right: -1rem;
  }

  .aeroport-card .carousel-left {
    left: -1rem;
  }

  .discount-headline h1,
  .campaigns-headline h1,
  .campaign-single-headline h1 {
    padding: 0 1.6rem;
    margin: 0;
  }

  .discount-headline h2,
  .campaigns-headline h2 {
    padding: 0 1.6rem;
    margin: 2rem 0 0 0;
  }

  .header-container {
    padding: 0 1.6rem;
    margin: 0;
  }

  .offices-list {
    padding: 0 1.6rem;
  }

  .campaign-content {
    padding: 6.4rem 1.6rem;
  }

  .aboutUs-section-wrapper {
    padding: 6.4rem 1.6rem;
    margin: 0;
    justify-content: space-between;
    max-width: unset;
  }

  .team .team-container {
    padding: 6.4rem 1.6rem;
    margin: 0;
    justify-content: space-between;
    max-width: unset;
    flex-direction: column;
  }

  .second-paragraph {
    justify-content: center;
  }

  .tooltip .tooltiptext {
    left: unset !important;
    right: 100%;
  }

  .top-ribbon.desktop-only {
    display: none !important;
  }

  .step.finish.active .step-label {
    white-space: nowrap;
  }

  .navigation-container.hidden {
    visibility: hidden;
    display: none;
  }

  .mobile-menu.hidden {
    visibility: visible;
    display: flex;
  }

  /* mobile nav */
  #mobile-nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background-color: #333333;
    height: 6.4rem;
  }

  #mobile-nav .container {
    position: relative;
    padding: 8px 16px;
    background: var(--balck-brand, #333);
    justify-content: space-between;
    display: flex;
    align-items: center; /* vertically center */
    width: 100%;
  }
  #drop-down-cbox {
    background-color: transparent;
    border: none;
    height: 6rem;
    width: 6rem;
    appearance: none;
    position: absolute;
    right: 0;
    z-index: 1;
  }

  .navigation-mobile {
    z-index: 0;
  }
  .site-logo {
    font-size: 1.5rem;
    flex-grow: 1;
    text-align: center;
  }

  .main-nav {
	  /*
    max-height: 0px;
    height: 42rem;
	  */
    overflow: hidden;
    z-index: 5;
    position: absolute;
    top: 6rem;
    right: 0;
    width: 100%;
    max-width: 30rem;
    flex-direction: column;
    background-color: #333333;
    transition: all 500ms ease-in-out;
    /*box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);*/
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
	  
  }
	#mobile-nav .mobile_c_dropdown {
		position: relative;
	}
	
	#mobile-nav .mnav-toggle-ddown {
		position: absolute;
    	display: block;
    	top: 1.2rem;
    	right: 1rem;
	}
	#mobile-nav .mnav-plus, #mobile-nav .mnav-minus {
		
	}
	
	#mobile-nav .main-nav li {
		display: block !important;
	}
	
	#mobile-nav .dropdown-divider {
		background: #3c3c3c;
	}

	#mobile-nav .dropdown-item {
		color: #eee;
		padding: 1rem 2rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	
	/*
  #drop-down-cbox:checked ~ .main-nav {
    max-height: fit-content;
    transition: all 500ms ease-in-out;
    height: 55rem;
  }
	*/

  .main-nav .nav-link {
    position: relative;
  }

  .main-nav li a:hover,
  .main-nav li span:hover {
    background-color: #666;
    color: white;
    border-bottom: none;
  }

  .main-nav li > ul li {
    position: relative;
  }

  .main-nav li > ul li a,
  .main-nav li > ul li span {
    background-color: #eee;
  }

  ul.navigation-list {
    flex-direction: column;
  }
  /* mobile nav kraj */

  /* BOOKING CONFIRM INFO */

  .header-insurance {
    padding: 3.2rem 1.6rem 1.6rem;
  }

  .reservation-process {
    padding: 1.6rem 0.3rem;
  }

  /* BOOKING CONFIRM INFO - END */

  .bussiness-single-header {
    padding: 6.4rem 1.6rem 0;
    margin: 0;
    max-width: unset;
  }

  .start .section-wrapper {
    max-width: unset;
    padding: 0 1.6rem 6.4rem;
    margin: 0;
  }

  .reason .section-wrapper {
    margin: 0 0;
    max-width: unset;
    padding: 3.2rem 1.6rem;
  }

  .map {
    padding: 10rem 1.6rem 0;
    margin: 0;
  }

  .najam-vozila-grid .carousel-left,
  .map .carousel-left {
    left: -1rem;
  }

  .najam-vozila-grid .carousel-right,
  .map .carousel-right {
    right: -1rem;
  }

    .end .section-wrapper,
    .category .section-wrapper,
    .najam-vozila .section-wrapper {
        padding: 6.4rem 1.6rem;
        max-width: none;
        display: block;
    }

  .end .section-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .fleet-buttons-list {
    overflow-x: scroll;
    padding-bottom: 1rem;
  }

  .fleet-buttons-list::-webkit-scrollbar {
    background: transparent;
  }
	
	
	.campaign-single-headline {
    /*padding: 16rem 0;*/
	  height: 36.4rem;
	padding: 8rem 0;
  }
	.campaign-single-headline h1 {
   
    padding: 0 1.6rem;
    font-size: 5.4rem !important;
    font-style: normal;
    font-weight: 700;
    line-height: 6.8rem !important;
  }


	
}
/* TABLET kraj */

/* MOBILE */
@media screen and (max-width: 798px) {
  .header {
    height: 54rem;
    padding: 0;
    background-image: url("/media/1280/hero-mobile.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 15rem;
  }

  .bussiness-single-container {
    padding: 0 1.6rem;
  }

  .fleet-buttons-list {
    justify-content: flex-start;
    overflow-x: scroll;
    padding-bottom: 1rem;
    width: 100%;
  }

  .header.about .header-container {
    padding: 0 1.6rem;
  }

  .fleet-buttons-list::-webkit-scrollbar {
    background: transparent;
  }

  .fleet-buttons-list .offices-list {
    padding: 0 !important;
    grid-template-columns: 1fr;
  }

  .offices-links {
    max-height: unset !important;
    padding: 0 !important;
  }

  .car-comparison {
    max-width: unset;
    justify-content: center;
  }

  .comparison-info {
    max-width: unset;
  }

  .reservation-price .outlined {
    max-width: unset;
    width: 100%;
  }

  .header-insurance .step {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .addition-price.mobile-only span:first-of-type {
    font-size: 1.6rem;
  }

  .addition-item-options {
    width: 100%;
    align-items: flex-end;
  }

  .header-insurance .header-steps {
    gap: 0.2rem !important;
  }

  .confirm-section-right {
    order: -1;
  }

  .confirm-section-right--image {
    width: 100%;
  }

  section.chosen-services .service {
    width: 100%;
  }

  .confirm-info-form .confirm-section-left .filled.car-cta-reservation {
    width: 100% !important;
    max-width: unset !important;
  }

  .competitions-section {
    background: #fff !important;
  }

  .bussiness-single-header .fleet-buttons-list {
    justify-content: flex-start !important;
    max-width: 100%;
  }

  .header.careers .header-subtitle {
    font-size: 4rem !important;
    line-height: 5.4rem !important;
  }

  .second-paragraph .carousel-dots {
    display: flex;
  }

  .second-column {
    display: none !important;
  }

  .campaign-content .tabs {
    justify-content: flex-start !important;
  }

  .thank-title {
    padding: 0 3rem !important;
    text-align: center;
  }

  .video-wrapper img.desktop {
    display: none !important;
  }

  .video-wrapper img.mobile {
    display: block !important;
    border-radius: 0 !important;
  }

  .thank-header {
    padding: 0 1.8rem 2.4rem 1.8rem !important;
  }

  .thank-subtitle {
    font-size: 1.2rem !important;
  }

  .thank-you-card .list-chosen-items {
    gap: 0 !important;
  }

  .checkIn .filled {
    width: 14rem !important;
  }

  .total-pink {
    display: none !important;
  }

  .discount-headline h2 {
    font-size: 2rem;
    margin-top: 0;
  }

  .discount-content .tabs {
    justify-content: flex-start;
  }

  .discount-content {
    padding: 3.2rem 1.6rem;
  }

  .discount-content-container {
    grid-template-columns: 1fr;
  }

  .competitions-section .carousel-card-title {
    order: -1;
  }

  .form-info.upload {
    justify-content: space-between !important;
  }

  .form-info .maskON {
    left: unset !important;
    right: 0;
    padding: 1.2rem 1rem !important;
  }

  button.outlined.small,
  button.filled.small {
    width: 100% !important;
    max-width: unset !important;
  }

  .apply-newsletter,
  .accept-policy {
    display: grid !important;
    grid-template-columns: 24px 1fr;
  }

  .chosen-additions {
    position: relative;
  }

  .addition-item-options h4 {
    position: absolute;
    top: 20px;
    left: 60px;
  }

  .header-container {
    padding: 0;
  }

  .header-title strong {
    font-size: 4.8rem;
    line-height: 5.6rem;
  }

  .header-subtitle {
    font-size: 4.8rem;
    line-height: 5.6rem;
  }

    .font37 {
        font-size: 3.7rem !important;
    }

  .header-form {
    height: 100%;
    padding: 1.6rem;
  }

  .form-rent-details {
    flex-direction: column;
    gap: 1.6rem;
  }

  .form-info,
  .checkbox-wrapper {
    gap: 1.6rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .form-container {
    width: 100%;
    max-width: 35.8rem;
  }

    .form-container input[type="text"],
    .form-container input[type="email"] {
        width: 100%;
    }

  .form-container button[type="submit"].newsletter-button {
    max-width: 35.8rem !important;
    background: #ec008c !important;
    color: #fff !important;
  }

  .checkbox-wrapper {
    overflow: hidden;
  }

  button.button-form-cta {
    max-width: 100%;
  }

  .services-header {
    padding: 3.2rem 1.6rem 0 1.6rem;
  }

  /*.services-card-list {
    padding: 0 1.6rem;
  }*/

  .services-card-image {
    padding-top: 0;
  }

  .services-card {
    width: 35.8rem;
  }

  .services-title {
    font-size: 3.2rem;
    line-height: 4rem;
  }

  .services-subtitle {
    visibility: hidden;
    display: none;
  }

  .services-carousel-dots {
    width: 100%;
    margin: 1.6rem 0;
    padding: 0 1.6rem 3.2rem 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
  }

  .services-carousel-dots .dot {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #dedede;
  }

  .services-carousel-dots .dot.active {
    background: #ec008c;
  }

  .fleet-section-wrapper,
  .last-minute-wrapper {
    padding: 3.2rem 1.6rem;
  }

    .najam-vozila .fleet-section-wrapper {
        padding: 1.6rem 0;
    }

  .last-minute-title {
    font-size: 3.2rem;
    line-height: 4rem;
  }

  .last-minute-blog {
    flex-direction: column;
    width: 100%;
  }

  .special-offer-wrapper,
  .our-offices-wrapper {
    padding: 3.2rem 1.6rem;
  }

  .video-section {
    padding: 0;
    height: fit-content;
  }

  .video-wrapper {
    padding-inline: 1.6rem;
  }

  .offices-list {
    grid-template-columns: 1fr;
  }

  .offices-list button.office {
    width: 100%;
  }

  .offices-map {
    width: 100%;
    height: auto;
  }

  .offices-list .offices-links {
    width: 100%;
    grid-template-columns: 1fr;
    padding: 2.4rem;
  }

  .footer.mobile .footer-wrapper {
    padding: 3.2rem 1.6rem;
  }

  .first {
    padding: 1.6rem 0 0 0;
    flex-direction: column;
    align-items: center;
  }

  .first .newsletter {
    width: 100%;
    align-items: center;
    margin-bottom: 2rem;
  }

  .form-container {
    flex-direction: column;
  }

  .first .links-list {
    justify-items: center;
  }

  .first.desktop p,
  .first.desktop a {
    opacity: 0.8;
  }

  .second {
    flex-direction: column;
    align-items: center;
  }

  .last {
    padding: 3.2rem 0 0 0;
  }

  .last-minute-blog img {
    width: 100%;
    height: 46.6rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    object-fit: cover;
  }

  .form-container .tooltip {
    right: 2rem;
    top: 1rem;
  }

  .footer.mobile {
    visibility: visible;
    display: flex;
  }

  .footer.desktop {
    visibility: hidden;
    display: none;
  }

  .footer.mobile .title {
    text-align: center;
    color: var(--white, #fff);
  }
    .footer li {
        text-align: center;
    }

    .carousel-card {
        width: 33rem;
        border: unset !important;
    }

  .carousel-card-text-container {
    margin-top: -1.6rem;
    padding-top: 1.6rem;
    border: 1px solid #dedede;
    border-top: unset;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .carousel-card-text-container .outlined {
    max-width: unset !important;
    margin: 0 1.6rem 1.6rem !important;
  }

    .carousel-card-title {
        font-size: 1.5rem !important;
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

  .carousel-card-arrows {
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.4rem;
  }

  .addition-price {
    width: 100% !important;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 1.6rem 0;
  }

  /* VEHICLE */
  .header.vehicle {
    padding: 3.2rem 1.6rem !important;
    height: 100%;
    margin: 0;
  }

  .header.vehicle .header-container {
    padding: 0;
  }

    .vehicle .header-form .form-title {
        visibility: visible;
        display: flex;
        color: #333;
        /* Heading/H5-Semibold */
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 2.6rem;
    }

  .aboutUs-section {
    background: #000 !important;
  }

  .vehicle-list {
    padding: 3.2rem 1.6rem !important;
  }

  .vehicle-list-wrapper {
    gap: 3.2rem !important;
  }

    .section-car-list {
        padding-top: 1rem;
        gap: 2rem !important;
    }

    .available-car-container {
        gap: 2rem !important;
        max-width: 35rem;
    }

  .car-information {
    flex-direction: column;
  }
  .car-details-title {
    text-align: center;
  }

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

  .grid-car-card {
    max-width: 35rem !important;
  }

  .header-dropdown {
    display: flex;
    justify-content: space-between;
  }

  .column-price-include .header-dropdown img {
    visibility: visible !important;
    display: flex !important;
  }

  .column-information {
    flex-direction: row !important;
    flex-wrap: wrap;
  }

  .car-cta .pricing {
    text-align: left;
  }

  .car-cta .car-cta-reservation {
    max-width: 16.4rem;
    color: #fff;
    /* Body/Mid-Bold-1.6rem */
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
  }

  .modal__content {
    height: 82.9rem !important;
    width: 35rem !important;
    flex-direction: column;
    /* overflow: scroll; */
  }

  .modal-info-wrapper {
    flex-direction: column;
  }

  /* o nama */
  .team .team-container {
    flex-direction: column;
    padding: 3.2rem 1.6rem !important;
  }

  .team-container .tabs {
    justify-content: flex-start;
  }

  .second-paragraph {
    flex-direction: column;
  }

  .second-paragraph img {
    /* width: 100%; */
    height: 36rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    object-fit: cover;
  }

  .aboutUs-section-wrapper img {
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    object-fit: cover;
  }

  .aboutUs-section-wrapper {
    padding: 3.2rem 1.6rem !important;
    gap: 3.2rem !important;
  }

  .first-row,
  .second-row {
    height: 100% !important;
    flex-direction: column;
    gap: 3.2rem !important;
  }

  .aboutUs-section-wrapper .first-card,
  .aboutUs-section-wrapper .second-card {
    height: 100% !important;
  }

  .contact-section .contact-section-wrapper {
    padding: 3.2rem 1.6rem !important;
  }

  /* form.contact-form .form-info,
  form.application-form .form-info,
  .open-application-wrapper {
    max-width: 39rem;
  } */

  .open-application .open-application-wrapper {
    padding: 3.2rem 1.6rem !important;
  }

  .form-row {
    flex-direction: column;
  }

  /* blog/campaigns */
  .campaigns-headline {
    padding: 14rem 1.6rem;
  }

  main section.campaigns {
    width: 100%;
  }

  .campaign-single-content {
    padding: 3.2rem 1.6rem;
  }

  .campaigns-headline h1 {
    color: var(--white, #fff);
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 7.2rem;
  }

  .campaigns-headline h2 {
    color: var(--white, #fff);
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.8rem;
  }

  .campaign-single-headline {
    /*padding: 16rem 0;*/
	  height: 36.4rem;
	padding: 8rem 0;
  }

  .campaign-content {
    display: flex;
    width: 100%;
    padding: 3.2rem 1.6rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .campaign-content-container {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .campaign-content-container.reversed img {
    order: -1;
  }

  .discount-headline h1,
  .campaigns-headline h1,
  .campaign-single-headline h1 {
    padding: 0;
  }

  .discount-headline h2,
  .campaigns-headline h2 {
    padding: 0;
  }

	/*
  .campaign-content-container img,
  .campaign-single-content img {
    border-radius: 0.8rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    object-fit: cover;
    width: 100%;
  }
	*/
	.campaign-content-container img
  {
    border-radius: 0.8rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    object-fit: cover;
    width: 100%;
  }
	
  .discount-headline h1,
  .discount-headline h2 {
    padding: 0 1.6rem;
  }

  .discount-content-items img {
    aspect-ratio: 0.75/1;
    width: 100%;
    object-fit: cover;
    order: -1;
  }

  .discount-content-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .campaign-content-items,
  .discount-content-items {
    gap: 2rem;
  }

  .chosen-vehicle-info,
  .comparison-wrapper,
  .insurance-options {
    flex-direction: column;
  }

  /* .discount-content-items img {
    border-radius: 0.8rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    object-fit: cover;
    max-width: 35.8rem;
    height: 46.6rem;
  } */

  .insurance-info-section.mobile.hidden {
    display: none;
    visibility: hidden;
  }

  .insurance-title.desktop.hidden {
    display: block !important;
    visibility: visible !important;
    margin-bottom: 2rem;
    text-align: left;
    margin-top: 2.2rem;
  }

  img.carousel-left,
  img.carousel-right {
    display: none;
    visibility: hidden;
  }

  .bussiness-place-aeroports-wrapper {
    padding: 3.2rem 1.6rem !important;
  }

  .aeroport-card {
    flex-direction: column;
    width: 100%;
    gap: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .bussiness-place .aeroport-card-content {
    padding: 1.6rem;
  }

  .bussiness-single-header {
    padding: 3.2rem 1.6rem 0 1.6rem;
  }

  .bussiness-single-header .tabs {
    justify-content: flex-start;
  }

  .aeroport-card-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .calendar {
    flex-direction: column;
  }

  .reason-item {
    align-items: start;
  }

  .reason .section-wrapper h4 {
    color: #626262;
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.8rem;
  }

  .reason .reason-item img.reason-item-icon {
    height: 3.2rem;
    width: 3.2rem;
  }

  .map,
  .section-wrapper.map {
    flex-direction: column;
  }

  .section-wrapper.map {
    grid-template-columns: 1fr;
  }

  .bussiness-single-container .map {
    padding: 0 !important;
  }

  .section-wrapper.map .map-content {
    display: flex;
    gap: 24px;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 0 0 1.6rem 0;
  }

  .map-content .tabs {
    position: relative;
    top: 0;
    left: 0;
    justify-content: flex-start;
    padding: 0;
    width: auto;
  }

  .map .aeroport-card-text-left {
    padding: 0 1.6rem;
    color: var(--balck-light-95, #626262);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }

  .bussiness-place-single,
  .bussiness-place {
    padding: 6.4rem 1.6rem;
  }

  .bussiness-place .carousel-dots {
    margin-top: 1.6rem;
  }

  .bussiness-place h3 {
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 700;
  }

  .aeroport-card-content .discount-action .outlined,
  .aeroport-card-content .discount-action .filled {
    padding: 8px 16px;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .aeroport-card .bussiness-place-img,
  .aeroport-card .bussiness-place-aeroport-img {
    height: 100%;
    max-width: 100%;
    border-top-left-radius: 0.8rem !important;
    border-top-right-radius: 0.8rem !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 0;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
  }

  .bussiness-place-single .fleet-buttons-list,
  .bussiness-place-aeroports .fleet-buttons-list,
  .bussiness-place .fleet-buttons-list {
    justify-content: flex-start;
    overflow-x: scroll;
    padding-bottom: 1rem;
  }

  .bussiness-place-single .fleet-buttons-list::-webkit-scrollbar,
  .bussiness-place-aeroports .fleet-buttons-list::-webkit-scrollbar,
  .bussiness-place .fleet-buttons-list::-webkit-scrollbar {
    background: transparent;
  }

  .aeroport-card-text-content,
  .aeroport-card-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

    .start .section-wrapper {
        flex-direction: column;
        padding: 0 1.6rem 3.2rem 1.6rem !important;
        grid-template-columns: 1fr;
    }

  .start .section-wrapper .section-image {
    border-radius: 0.8rem;
    width: 100%;
    height: 46.6rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    object-fit: cover;
  }

  .reason {
    padding: 0;
  }

  .end .section-wrapper,
  .aeroport .aeroport-card {
    grid-template-columns: 1fr;
  }

  .end .section-wrapper img {
    width: 100%;
    height: 42.6rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    object-fit: cover;
    border-radius: 8px;
  }

  .campaign-single-headline h1 {
    color: var(--white, #fff);
    padding: 0 1.6rem;
    font-size: 3.4rem !important;
    font-style: normal;
    font-weight: 700;
    line-height: 4.2rem !important;
  }

  .campaigns-content-item {
    padding: 3.2rem;
  }

  .chosen-additions {
    flex-direction: column;
  }
  .addition-item-options {
    gap: 1.6rem;
  }

 /* .addition-item-options .line {
    display: none;
    visibility: hidden;
  }*/

    .addition-item-options .addition-price {
        width: 100% !important;
        border-top: none;
        border-bottom: none;
        padding: 0;
    }

    .addition-price .green-letters {
        font-size: 1.8rem;
        line-height: 1.6rem;
    }

    .option-age {
       
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
    }

    .option-description {
        /*font-size: 14px;
        line-height: 20px;
        padding-right: 1rem;*/
       /* display: none;
        visibility: hidden;*/
    }



  .option-header {
    width: 100% !important;
  }

  .addition-item-option {
    gap: 2rem;
  }

  .form-pickup-return-wrapper {
    flex-direction: column;
    gap: 1.6rem;
  }

  .confirm-info-form {
    grid-template-columns: 1fr;
  }

  header.header.faq {
    margin-bottom: 0;
    height: 53rem;
  }

  section.faq-section {
    padding: 32px 16px;
  }

  section.faq-section .sidebar {
    width: 100%;
  }

  .header.faq .search-container {
    padding: 16px !important;
  }

  .header-insurance .step {
    flex-direction: column;
    align-items: center;
  }

  .faq .accordion .accordion-question {
    width: 100%;
    max-width: 35rem;
    border-bottom: 1px solid #dedede;
    /* margin-bottom: 10px; */
  }

  .discount-headline h1 {
    color: var(--white, #fff);
    font-size: 64px;
    font-weight: 700;
    line-height: 72px;
  }

  /* Vehicles filter */

    .vehicle-filter .section-car-list-containter {
        /*grid-template-columns: 1fr;*/
        display: block;
        width: 100%;
    }
  .vehicle-filter .section-car-list-filters {
    display: none;
  }
/*  .vehicle-filter .grid-car-card {
    grid-template-columns: 1fr;
  }*/
  .vehicle-filter .grid-car-single-card {
    display: grid;
    place-items: center;
  }
  .vehicle-filter .sort-buttons {
    display: none;
  }
  .vehicle-filter .sort-buttons--mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .vehicle-filter .sort-buttons--mobile .sort-buttons {
    display: flex;
  }

  .vehicle-filter .sort-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding: 0.8rem 1.6rem;
    background-color: #f4f4f5;
    border: 0.1rem solid #dedede;
    border-radius: 0.4rem;
  }

  .vehicle-filter #filter-modal {
    padding: 3.2rem 1.6rem;
  }

  .vehicle-filter #filter-modal .section-car-list-filters {
    display: flex;
  }

  .vehicle-filter #filter-modal .modal__content {
    width: unset !important;
    overflow-y: auto;
  }

  .vehicle-filter #filter-modal .tooltiptext {
    display: none;
  }

  .insurance.smart div,
  .insurance.premium div,
  .insurance.smart button,
  .insurance.premium button {
    display: none;
  }

  .insurance-title img {
    display: block !important;
  }

  .insurance-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .buttons-action .button-reservation {
    display: none !important;
  }

  .buttons-action .button-reservation.mobile {
    display: flex !important;
  }

  .damage-value {
    display: none !important;
  }

  .insurance .checkmarks {
    width: 100%;
    gap: 1.6rem !important;
  }

  .checkmarks-container {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
  }

  .checkmarks-text {
    display: block !important;
    flex: 1;
  }

  .checkmarks-tooltip {
    display: block !important;
  }

  .checkmarks-container p {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #626262;
    display: block !important;
    flex: 1;
  }

  .total-day-ammount div {
    font-size: 2.2rem;
  }

  .error-page .thank-header {
    padding: 4rem 2.4rem 2.4rem !important;
  }

  .error-page h3.thank-title {
    padding: 0 !important;
  }

  .error-page-x {
    width: 5.6rem !important;
    height: 5.6rem !important;
    top: -2.8rem !important;
    transform: translate(-40%, 0) !important;
  }

  .error-page div.list-chosen-items {
    gap: 0.8rem !important;
  }

  .najam-vozila-item.hide-on-mobile h4,
  .najam-vozila-item h4,
  /*.category-item h4,*/
  .category-item.hide-on-mobile h4 {
    order: -1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.6rem;
  }

  .mobile-only {
    display: flex !important;
    gap: 0.8rem;
  }

/*	
  .our-offices .offices-statistics {
    grid-template-columns: 1fr !important;
  }

  .our-offices .offices-statistics .statistic-card {
    display: none;
  }

  .our-offices .offices-statistics .statistic-card:first-of-type {
    display: flex;
  }
	*/
	
	.our-offices .offices-statistics .statistic-card img {
		max-width: 50px;
		padding-bottom: 0.5rem
	}
	.our-offices .offices-statistics .statistic-card p {
		font-size: 1.4rem;
		line-height: 1.7rem;
		padding-bottom: 0.5rem;
		text-align: center;
	}

  .desktop-only {
    display: none !important;
  }

  .error-page-x img {
    width: 2.4rem !important;
    height: 2.4rem !important;
  }

  .tabs {
    justify-content: flex-start !important;
  }

    .tabs .tab {
        font-size: 1.2rem;
        padding: 1.2rem 1.2rem;
    }

  .header-title {
    margin-top: 3.2rem;
  }

  .header-form {
    margin: 0 1.6rem;
  }

    .vehicle .header-form {
        margin: 0;
    }

    .header-insurance .header-steps {
        align-items: flex-start;
    }

    .header-insurance .step .step-label {
        white-space: normal !important;
        text-align: center;
    }

}

@media (max-width: 640px) {
	/*
  .campaign-content-container img,
  .campaign-single-content img {
    aspect-ratio: 0.75/1;
  }
	*/
	.campaign-content-container img
   {
    aspect-ratio: 0.75/1;
  }

  .header {
    margin-bottom: 25rem;
  }
}

/* DateTimeRangePicker */
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 798px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }

    .insurance2 {
        display: flex !important;
    }
}

.daterangepicker select {
	display: inline-block !important;
	height: auto !important;
	-webkit-appearance: auto !important;
}


/* CUSTOM */

/* CAPITALIZE */
.capitalize {
	text-transform: capitalize !important;
}

/* SEARCH FORM */
.return-to-other-office {
  position: relative;
}

.return-to-other-office:before {
	content: "Vraćanje u drugu poslovnicu...";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(1px);
  display: grid;
  place-items: center;
  font-size: 1.4rem;
	margin: 5px;
	top: 25px;
	border-radius: 0.4rem;
}
.return-to-other-office-en:before {
	content: "Return to another office..." !important;
}
.return-to-other-office-de:before {
	content: "Kehren Sie in ein anderes Büro zurück..." !important;
}
.return-to-other-office-fr:before {
	content: "Retour à un autre bureau..." !important;
}
.return-to-other-office-hr:before {
	content: "Vraćanje u drugu poslovnicu..." !important;
}
#search-cars {
	margin-top: 10px;
}

/* NAV*/
.c_dropdown_content {
  display: none;
  visibility: hidden;
  z-index: 10;
}

.c_dropdown_content a {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 1.2rem 1.6rem;
  align-items: center;
  align-self: stretch;
  background: #fff;
  color: #626262;
  /* Body/Mid-Semibold */
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  gap: 0.8rem;
}

.c_dropdown_content a:hover {
  background-color: #dedede;
}

.navigation-list__item.c_dropdown:hover .c_dropdown_content {
  display: flex;
  visibility: visible;
  position: absolute;
  overflow: hidden;
  border-radius: 0.8rem;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0px 0px 1.6rem 0px rgba(0, 0, 0, 0.08);
  z-index: 1;
}

.navigation-list__item.c_dropdown:hover .nav-link span{
  display: none;
}

.navigation-list__item.icon.c_dropdown:hover .chevron-white {
  display: block;
}

.navigation-list__item.c_dropdown:hover .c_dropdown_content {
  width: 19rem;
}


/* OFFICE DETAILS */

.details-office {
    padding: 10px 0px;
}

.dot-half-holder {
    padding: 10px 20px;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-top: 10px;
}

.dot-top-content {
    padding-top: 10px;
}

.dot-half {
    width: 50%;
    float: left;
}

.dot-top-content-left {
    width: 20%;
}

.dot-top-content-right {
    width: 80%;
}

.dtcr {
    padding: 0px 15px 15px 15px;
}

.dot-top-content-left,
.dot-top-content-right {
    float: left;
}

.dot-top-content img {
    float: left;
    padding-right: 15px;
    max-width: 150px;
    width: 100%;
}

.dot-top-content-right p:first-child {
    margin-top: 0px;
    padding-top: 0px;
}

.details-office-vehicles {
	display: block;
	width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.details-office-vehicles2 {
    display: block;
    width: 360px;

}

.details-office-top {
    border: 1px solid #ddd;
    padding: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #eee;
}

.dot-vehicle-img {
    text-align: center;
}

.dot-vehicle-img img {
    width: 100%;
    max-width: 300px;
}

.dot-vehicle-img.simgslider img {
	margin-top: -20px !important;
}

.dot-vehicle-inner {
    padding: 10px 10px 5px 10px;
    margin: 5px;
    background: #fff;
}

.dot-vehicle-title {
    background: #222;
    color: #fff;
    padding: 5px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.dot-vehicle-book,
.dot-vehicle-price {
    text-align: center;
}

.dot-vehicle-price .price-from {
    font-size: 18px;
    font-weight: bold;
    color: #008000;
}

.dot-vehicle-book p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.one-office {
    padding: 10px;
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    margin-top: 10px;
}

.one-office-left,
.one-office-right,
.one-office-btnbook {
    float: left;
}

.one-office-left {
    width: 35%;
}

.one-office-right {
    width: 30%;
    margin-top: 28px;
}

.one-office-center {
    float: left;
    width: 35%;
}

.one-office-title {
    background: #222;
    color: #fff;
    padding: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.one-office-title h2 {
    padding: 5px;
}

.one-office-content {
    padding: 10px;
}

.one-office-map {
    padding: 10px;
}

.one-office-gmap {
    width: 100%;
    background: #eee;
    min-height: 220px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.one-office-ul-title {
    font-size: 18px;
    color: #ed008c;
    padding-bottom: 5px;
}

.one-office-content li {
    padding-bottom: 5px;
}
.aeroport-contact a {
	font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
	color: #ec008c !important;
}
.g-recaptcha {
    transform: scale(0.67)!important;
    transform-origin: 10 0!important
}

/*https://stackoverflow.com/questions/27706594/how-can-i-make-recaptcha-a-required-field
*/
#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}
.u-case {
	text-transform: uppercase;
}
.w-capitalize {
	text-transform: capitalize;
}
.bs-position-relative {
	position: relative !important;
}
#frame-modal {
    width: 100%;
    height: 560px;
    position: relative;
    margin: 0px;
    padding: 0px;
    display: block;
    overflow: hidden;
}

#frame-modal iframe {
    border: none !important;
    display: block !important;
    height: 100% !important;
    min-height: 100% !important;
}


#calculationForm fieldset:not(:first-of-type) {
    display: none;
}

.error {
    border-color: #ed008c !important;
}

label.error {
    height: 0px !important;
    margin-bottom: 0px;
    display: block;
}

.mobile-br {
  display: none;
  line-height: 0.1;

}

@media (max-width: 767px) {
  .mobile-br {
    display: block;
  }
}

.reservation-details {
  line-height: 1.3;
}

.reservation-details br {
  margin: 0;
  display: block;
}

.toUppercase {
	text-transform: uppercase !important;
}

/*.fleet-section { padding: 0 30px;}*/




/* GRID */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.bscontainer {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .bscontainer {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .bscontainer {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .bscontainer {
    width: 1170px;
  }
}
.bscontainer-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.bsrow {
  margin-right: -15px;
  margin-left: -15px;
}
.bsrow-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.bsrow-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.bsclearfix:before,
.bsclearfix:after,
.bscontainer:before,
.bscontainer:after,
.bscontainer-fluid:before,
.bscontainer-fluid:after,
.bsrow:before,
.bsrow:after {
  display: table;
  content: " ";
}
.bsclearfix:after,
.bscontainer:after,
.bscontainer-fluid:after,
.bsrow:after {
  clear: both;
}
.bscenter-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.bspull-right {
  float: right !important;
}
.bspull-left {
  float: left !important;
}
.bshide, .js_hide {
  display: none !important;
}
.bsshow {
  display: block !important;
}
.bsinvisible {
  visibility: hidden;
}
.bstext-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.bshidden {
  display: none !important;
}
.bsaffix {
  position: fixed;
}

.confirm-section-left .accept-policy input[type="checkbox"] {
  flex-shrink: 0;
}

button.outlined:disabled {
    cursor: not-allowed;
    color: #fcd6ec;
}

button.filled:disabled{
    cursor: not-allowed;
    background: #fcd6ec;
}

.rotating-control:not(.collapsed) .rotate-icon, .insurance-collapse:not(.collapsed) .rotate-icon, rotating-control:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
}


.increment,
.decrement {
    appearance: none;
    width: fit-content;
    height: fit-content;
    background: none;
    border: none;
    outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

/* CUSTOM */
a{
	color: #ec008c;
}
p {
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #626262;
}
input, button, select, optgroup, textarea {
	font-size: 1.4rem !important;
}
select{
	border-radius: 0.4rem !important;
}
.dropdown-divider {
	display: block;
	width: 100%;
	height: 1px;
	margin: 0;
	overflow: hidden;
	background: #dedede;
	border: none !important;
}

ol, ul, dl {
	margin: auto;
}

.navigation-dropdown--menu {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: -1.8rem;
    border-radius: 0.8rem;
    display: none;
    z-index: 999;
    top: 4rem;
}

.navigation-list__item.icon.contact:hover .contact-link,
.navigation-list__item.icon.more:hover .more-link,
.navigation-list__item.c_dropdown:hover .c_dropdown_content {
	top: 3.2rem !important;
}
.navigation-list__item.c_dropdown:hover .c_dropdown_content {
	width: auto !important;
	min-width: 19rem !important;
}

.navigation-list__item.icon.contact:hover .contact-link {
	width: 27rem !important;
}
.footer ul {
	list-style-type: none !important;
}

#search-cars:not(.disabled):hover{
	background-color: #d4007e !important;
}

.discount-content img {
	width: 100%;
}
.discount-content h2 {
	margin-top: 4rem;
	margin-bottom: 2rem;
}
.discount-content h3 {
	margin-top: 3rem;
	margin-bottom: 0.5rem;
}

.special-offer-button-f {
	display: block;
	text-align: center;
	padding: 1.2rem 1.6rem;
	font-size: 1.6rem;
	font-weight: 600;
	border: 0.1rem solid #fcd6ec;
	outline: none;
	border-radius: 2.4rem;
	cursor: pointer;
	position: relative;
	font-size: 1.4rem !important;
}
.special-offer-button-hwcu
{
	min-width:220px;
	margin-top:10px;
	display: inline-block;
	text-align: center;
	padding: 1.2rem 1.6rem;
	font-size: 1.6rem;
	font-weight: 600;
	border: 0.1rem solid #fcd6ec;
	outline: none;
	border-radius: 2.4rem;
	cursor: pointer;
	position: relative;
	font-size: 1.4rem !important;
}
.cmore-info {
    min-width: 16rem;
}
.special-offer-button-f:hover, .special-offer-button-hwcu:hover {
	text-decoration: none !important;
	border: 1px solid #ec008c;
}
.special-offer-button-hwcu img {
	height: 18px;
	vertical-align: text-bottom;
}
button.filled:hover, .all-offers-button:hover {
	text-decoration: none !important;
}

.special-offer-title {
	margin-bottom:2.5rem;
}
.special-offer .all-offers-button{
	display: block;
	margin: 4rem auto;
	padding: 1.2rem 2.6rem;
	text-align: center;
}
.filled.all-offers-button:hover {
	background: linear-gradient( 90deg, #ec008c 0%, #e60089 15.29%, #dc0083 32.52%, #cb0079 50.69%, #b4006b 69.51%, #970059 88.65%, #84004c 100% ) !important;
	color: #fff !important;
}
.carousel-card-button:hover{
	background: linear-gradient( 90deg, #ec008c 0%, #e60089 15.29%, #dc0083 32.52%, #cb0079 50.69%, #b4006b 69.51%, #970059 88.65%, #84004c 100% ) !important;
	color: #fff !important;
	text-decoration: none !important;
	border: none !important;
}
.careers-more-link:hover{
	text-decoration: none !important;
	border: none !important;
}
button.outlined.carousel-more:hover {
	text-decoration: none !important;
	border: 1px solid #ec008c !important;
}

.payment-methods {
  display: flex;
  flex-wrap: nowrap;
  background-color: white;
  padding: 2px;
}

.payment-methods a {
  flex: 0 0 auto;
}

.payment-methods img {
  height: 24px;
  width: auto;
  max-width: 100%;
  display: block;
}


.homepage.video-section .video-wrapper button {
	display: block;
	border: none !important;
	margin: 0 auto !important;
}

#searchModal .modal-dialog {
  width: 100% !important;
  height: 96% !important;
  margin: 1% auto !important;
  padding: 0 !important;
}

#searchModal .modal-content {
  height: 100% !important;
  min-height: 100% !important;
  border-radius: 0 !important;
}
#searchModal .modal-content #frame-modal {
  height: 100% !important;
  min-height: 100% !important;
}

#videoModal iframe {
	width: 100% !important;
}

.campaign-content-container img {
	width: 100%;
}
.discount-content-item, .campaigns-content-item {
	padding: 0 3.2rem 3.2rem 3.2rem;
}

.header.vehicle {
	background: #fff;
}
.header.vehicle .header-container {
	border: 1px solid #dedede;
	border-radius: 0.4rem;
}
.header.vehicle .header-container .header-form{
	background: #fcfcfc;
}
.modal {
	z-index:99999;
}
.modal .close {
	font-size: 2rem !important;
}
.form-row {
    margin-right: 0px;
    margin-left: 0px;
}

.car-display-4 {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.2; }

.larger-display{
  font-size: 3.5rem;
}


.w-auto {
	width: auto !important;
}
.d-inline {
	display: inline-block !important;
}

.aeroport-container .owl-dots {
	display: none !important;
}

.confirm-section-left .accept-policy {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.8rem;
}

#disclaimer {
	height: 2.4rem;
    width: 2.4rem;
}

.services-subtitle {
	max-width: 900px;
	padding-left: 15px;
	padding-right: 15px;
}
.services-card-list{
	flex-direction: row;
}
.services-card{
	display: block;
	text-align: center;
}

.services-carousel-dots {
	display: none !important;
}
.car-details-title small {
	font-size: 0.475em !important;
}

.bussiness-single-header .tabs .tab.active:before {
	border-bottom: none !important;
}

.bussiness-single .category-item {
	padding: 1.6rem;
}
.bussiness-single .category-item .outlined {
	margin: 0 auto;
}

.team.careers .team-container img {
	max-width: 330px;
}

.team.careers .team-container ul {
	margin-left: 40px;
}
.team.careers .team-container ul li {
	font-size: 1.5rem;
    line-height: 2.4rem;
}

.aeroport-time {
	text-transform: capitalize;
}

/* TABLET & MOBILE */
@media screen and (max-width: 1200px) {
	.services-card-list{
		flex-direction: column;
	}
	.services-card:last-child{
		margin-bottom: 50px;
	}
}

/* Taggd */
#offices-map-interact {
	width: 100%;
	/*padding-bottom: 98%;*/
}
 #offices-map-interact img {
	 width: 100%;
 }
.taggd-wrapper {
	overflow: hidden;
	position: relative;
	width: 100% !important;
	height: auto !important;
}

.taggd-wrapper .taggd-item {
    /* background-color: rgba(219, 50, 92, 0.75); */
	cursor: pointer;
	display: block;
	padding: 10px;
	z-index: 1000;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

	/*
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
	*/
}

.taggd-wrapper .taggd-item.active,
.taggd-wrapper .taggd-item:hover { /*background-color: rgba(219, 50, 92, 0.75);*/ }

.taggd-wrapper .taggd-item-hover {
    background-color: rgb(219, 50, 92);
	color: transparent;
	cursor: default;
	display: block;
    font-weight: lighter;
	opacity: 0;
	overflow: hidden;
	padding: 0 10px;
	z-index: 999;
	font-size: 14px;
	font-weight: bold;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.taggd-wrapper .taggd-item-hover.show {
	color: #fff;
	opacity: 1;
	padding: 10px;
	z-index: 1000;
}

/* Car fleet */
#cars-list .grid-card-header {
	min-height: 150px;
}
#cars-list .fleet-img {
	min-height: 280px;
}

/* Single SIPP modal */
.modal .car-image {
	margin: 0 auto;
}
.modal .car-details-title {
	text-align: center;
}
.modal .car-details {
	padding: 0px 15px 15px 15px;
}

/* Offices */

.places-carousel {
    width: 100%;
}

.map .filled, .map .outlined {
    padding: 0.8rem 1.6rem;
    max-width: 16rem;
}

/*button.outlined {
    color: #ec008c;
    background: none;
    font-weight: 700;
    max-width: inherit;*/
}
.btn-wm {
    display: flex;
    align-items: center;
    /* width: 100%; */
    justify-content: center;
    padding: 1.2rem 1.6rem;
    font-size: 1.6rem;
    font-weight: 600;
    border: 0.1rem solid #fcd6ec;
    outline: none;
    border-radius: 2.4rem;
    max-width: 20rem;
    cursor: pointer;
    position: relative;
}

/* About */
.about-intro-team img {
	max-width: 330px;
}

/* Tooltip */
.tooltip .tooltiptext {
	min-width: 300px !important;
}

.checkmarks-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}
.checkmarks-content {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.price {
  min-width: 60px;
  font-size: 1.4rem;
  color: #626262;
}
.label {
  font-size: 1.4rem;
  color: #626262;
  word-break: break-word;
}
.checkmarks-tooltip {
  width: 20px;
  height: 20px;
}

.insurance-row-annotation {
  font-size: 11px;
  line-height: 14px;
  display: block;
}
@media (max-width: 768px) {
  .hidden-important {
    display: none !important;
  }
.checkmarks-content {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.price {
    min-width: 60px;
    font-size: 1.4rem;
    color: #626262;
}

.label {
    font-size: 1.4rem;
    color: #626262;
    word-break: break-word;
}

.checkmarks-tooltip {
    width: 20px;
    height: 20px;
}
  .inline-important {
    display: inline !important;
  }
}

.disabled-override {
  background-color: green !important;
  pointer-events: none !important;
  cursor: default;
}

/* Upload file */
.custom-file-button input[type=file] {
    margin-left: -2px !important;
}

.custom-file-button input[type=file]::-webkit-file-upload-button {
    display: none;
}

.custom-file-button input[type=file]::file-selector-button {
    display: none;
}

.custom-file-button label.filled {
    background: #ec008c;
    color: #fff;
}

.custom-file-button .custom-file-upload-label {
    font-size: 1.4rem !important;
    border-radius: 0.4rem !important;
    border: 1px solid #dedede;
    display: flex;
    padding: 6px 12px;
    cursor: pointer;
    padding: 0.8rem 1.2rem;
    height: 4.8rem;
    outline: none;
    align-items: center;
}

.special-offer-card {
	/* min-height: 365px; */
}

.sorclm-img-box {
	/* min-height: 90px; */
}

.contact-form-label {
	width: 100%;
}

.clock-hours-box {
	padding-left: 25px;
}

/*@media (max-width: 992px) {
	.offices-img-holder {
		min-height: 300px;
	}
	.aeroport-card-content {
		display: block;
		flex-direction: row;
		gap: normal normal;
	}
}*/

/* CAREERS */
.header.longtermrentals {
  background-image: url("/media/1272/longterm-hero.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}



@media screen and (max-width: 798px) {
	
	.team.careers .second-paragraph .carousel-dots {
    	display: none !important;
	}
	
}

.navigation-lang {
    display: flex;
    gap: 2.5rem;
}


/* FOOTER TABLET */
@media screen and (max-width: 1100px) {

	.first.desktop{
		display: block;
		grid-template-columns:none;
		width: 100%;
	}
	.first.desktop .footer-logo, .first.desktop .contact,	.first.desktop .company, .first.desktop .policy, .first.desktop .data{
		width: auto;
		margin-top: 25px;
		display: block;
		flex-direction: row;
		gap: normal normal;
		padding: 10px;
	}
	
	.footer.desktop .line-footer {
		opacity: 0.2;
	}
	
	.footer.desktop .description, .footer.desktop .copyright {
		padding: 10px;
	}
}

.footer.desktop .copyright {
    min-width: 210px;
    padding: 0 10px;
}

/* SINGLE OFFICE */
.najam-vozila-header {
	max-width: 920px;
	margin: 0 auto;
}

/* DATEPICKER */
.daterangepicker td.today {
	background: #ddd;
	color: red;
}

.advance-payment{
    text-align: left; 
    font-size: 13px; 
}

.no-cars-btn {
	display: inline-block !important;
}

.single-car-error-template {
	background: #fff !important;
}
.single-car-error-template .thank-title {
	padding: 0 2rem !important;
}

.payment-container {
  display: flex;
  align-items: center;
}

.payment-description {
  color: #ec008c;
  margin-left:10px; 
  font-size:13px;
}

@media (max-width: 600px) {
  .payment-container {
    flex-direction: column;
    align-items: flex-start; 
  }

  .payment-description {
    margin-left: 0; 
    margin-top: 10px; 
  }

  .payment-amount {
    white-space: nowrap; 
  }

/* CookieBot */
p#CookieDeclarationConsentIdAndDate {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
}
p#CookieDeclarationConsentIdAndDate span {
	display: inline-block !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow-wrap: break-word !important; 
	word-wrap: break-word !important; 
	white-space: normal !important;
}

/* FOOTER TABLET */
@media screen and (max-width: 640px) {
	p#CookieDeclarationConsentIdAndDate span {
		max-width: 250px !important;
	}
}