/**
Theme Name: Kemperija
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kemperija
Template: astra
*/

/*HOMEPAGE HERO SECTION*/
.hero-section {
  position: relative;
  background-size: cover;
  height: 762px;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

a:focus {
  outline: none;
}
a:focus {
  border: none !important;
  outline: none;
}
.hero-container {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 112px;
  z-index: 2;
}

.hero-content {
  text-align: left;
  max-width: 1920px;
  margin: 0 auto;
}

.hero-text {
  margin-bottom: 24px;
}

.hero-text h1 {
  color: #f2f2f2;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Source Sans 3";
  font-size: 62px;
  font-style: normal;
  font-weight: 500;
  line-height: 72px;
  letter-spacing: 3.36px;
}

.hero-content a {
  display: flex;
  align-items: center;
  max-width: 231px;
}

.hero-content a p {
  margin: 0;
  border-radius: 8px;
  background: #c52628;
  padding: 12px 24px;
  color: #f2f2f2;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
}
.hero-content a span {
  border-radius: 8px;
  background: #f2f2f2;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.one-more-testimonial-homepage-div {
  max-width: 1440px;
  margin: auto;
  padding: 0 32px;
}
.more-testimonials-link {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
  max-width: 1253px;
}
.more-testimonials-link a {
  color: #272727;
  text-align: right;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  text-transform: uppercase;
  letter-spacing: 1.08px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 10%;
  text-underline-offset: 10%;
}

.testimonials-slider .slick-arrow {
  z-index: 10;
  border-radius: 8px;
  background: #525252;
  width: 32px;
  height: 32px;
}
@media (max-width: 1424px) {
  .hero-section {
    height: 726px;
  }
  .hero-text h1 {
    font-size: 44px;
    line-height: 60px;
  }
  .hero-container {
    padding: 0 70px;
  }
}

@media (max-width: 640px) {
  .hero-section {
    height: 700px;
    background-position: center;
  }
  .hero-text h1 {
    font-size: 36px;
    line-height: 55px;
  }
  .hero-container {
    padding: 0 12px;
    padding-top: 90px;
  }
  .hero-section {
    align-items: flex-start;
  }
  .hero-content a p {
    font-size: 18px;
  }
}

/*END HOMEPAGE HERO SECTION*/

/*HOMEPAGE SERVICE SECTION*/
.services-section-homepage-bg {
  background: #e5e5e5;
}

.services-section-homepage {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1292px;
  margin: auto;
  justify-items: center;
  gap: 24px;
  padding: 60px 32px;
}

.inner-service-div {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  width: 293px;
  height: 298px;
  padding: 22px;
  border-radius: 8px;
  background: linear-gradient(240deg, #272727 7.12%, #484848 94.25%);
}

.inner-service-div h2 {
  color: #f2f2f2;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin: 0;
}

p.service-text {
  color: #f2f2f2;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  margin-bottom: 6px !important;
}

p.services-inner-button {
  border-radius: 8px;
  border: 2px solid #f2f2f2;
  padding: 12px 24px;
  color: #f2f2f2;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin: 0 !important;
}

@media (max-width: 1360px) {
  .services-section-homepage {
    grid-template-columns: 1fr 1fr;
    max-width: 678px;
  }
}
@media (max-width: 768px) {
  .services-section-homepage {
    padding: 48px 16px;
  }
}
@media (max-width: 690px) {
  .services-section-homepage {
    grid-template-columns: 1fr;
  }
  a.service-div-homepage {
    width: 100%;
  }
  .inner-service-div {
    width: 100%;
    border-radius: 8px;
  }
}

/*END HOMEPAGE SERVICE SECTION*/

/*HOMEPAGE WHY US SECTION*/

.homepage-why-us-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #e4ebe9;
  padding: 80px 0px 60px 0px;
  gap: 64px;
  position: relative;
  margin: 0 8px;
  border-radius: 0 16px 0 16px;
  margin-bottom: 50px;
  margin-top: 50px;
}

.homepage-why-us-heading h2 {
  color: #2a2b2e;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.92px;
  margin: 0;
}

.homepage-why-us-points {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1130px;
  gap: 59px 69px;
}

.inner-why-us-point {
  display: grid;
  gap: 16px;
  align-items: flex-start;
  grid-template-columns: 1fr 5fr;
}
.homepage-why-us-icon .icon {
  height: 40px;
}

.homepage-why-us-icon {
  border-radius: 360px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homepage-why-us-icon.first-color {
  background: #badaeb;
}
.homepage-why-us-icon.second-color {
  background: #a7e1e5;
}
.homepage-why-us-icon.third-color {
  background: #add7aa;
}

.homepage-why-us-text-div .title {
  color: #2a2b2e;
  text-align: left;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.homepage-why-us-text-div .text {
  color: #2a2b2e;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  margin: 0;
}

.homepage-why-us-section a {
  border-radius: 40px;
  background: #306065;
  padding: 12px 24px;
  color: #fff;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
}

.why-us-absolute-after {
  position: absolute;
  bottom: -40px;
  width: 100%;
}

.why-us-absolute-after img {
  object-fit: cover !important;
  width: 100%;
}

.why-us-absolute-before {
  position: absolute;
  top: -40px;
  width: 100%;
}

.why-us-absolute-before img {
  object-fit: cover !important;
  width: 100%;
}

.why-us-button-div {
  height: 51px;
  display: flex;
}

@media (max-width: 1760px) {
  .why-us-absolute-before {
    top: -30px;
  }
  .why-us-absolute-after {
    bottom: -30px;
  }
  .homepage-why-us-section {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}

@media (max-width: 1450px) {
  .why-us-absolute-before {
    top: -20px;
  }
  .why-us-absolute-after {
    bottom: -20px;
  }
  .homepage-why-us-section {
    margin-bottom: 20px;
  }
}

@media (max-width: 1250px) {
  .homepage-why-us-points {
    gap: 48px 32px;
  }
  .homepage-why-us-section {
    padding: 80px 32px 60px 32px;
  }
}

@media (max-width: 1100px) {
  .why-us-absolute-before {
    top: -16px;
  }
  .why-us-absolute-after {
    bottom: -16px;
  }
  .homepage-why-us-section {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}

@media (max-width: 924px) {
  .homepage-why-us-section {
    border-radius: 0 10px 0 10px;
  }
}

@media (max-width: 768px) {
  .homepage-why-us-points {
    grid-template-columns: 1fr 1fr;
  }
  .homepage-why-us-text-div .title {
    font-size: 18px;
  }
  .homepage-why-us-text-div .text {
    font-size: 14px;
    line-height: 21px;
  }
  .homepage-why-us-heading h2 {
    font-size: 28px;
  }
  .homepage-why-us-section {
    gap: 48px;
  }
}

@media (max-width: 640px) {
  .homepage-why-us-points {
    grid-template-columns: 1fr;
  }
  .homepage-why-us-points {
    gap: 32px 32px;
  }
  .homepage-why-us-section {
    padding: 60px 24px 40px 24px;
    border-radius: 16px;
  }
  .inner-why-us-point {
    grid-template-columns: 1fr 10fr;
  }
  .why-us-absolute-before {
    display: none;
  }
  .why-us-absolute-after {
    display: none;
  }
  .homepage-why-us-section {
    margin-bottom: 0px;
    margin-top: 0px;
  }
}
/*END HOMEPAGE WHY US SECTION*/

/*FOOTER SECTION*/
.footer-section {
  display: grid;
  grid-template-columns: 1fr 2.25fr;
  justify-items: center;
  height: 516px;
}

.footer-logo-section {
  border-radius: 0;
  background: #cbcbcb;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 53px;
  padding-top: 107px;
  padding-bottom: 107px;
  align-items: center;
}

.footer-social {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.footer-social a {
  border-radius: 8px;
  border: 1.2px solid #272727;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-contacts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contact-footer {
  display: flex;
  gap: 12px;
  border-radius: 8px;
  background: #e5e5e5;
  padding: 8px 16px;
  align-items: center;
  width: 100%;
}

.contact-footer p {
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.96px;
  margin: 0;
}

.footer-menu-section {
  background: #e5e5e5;
  padding: 45px 24px;
  width: 100%;
}
.footer-menu-section-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1.7fr;
  margin: auto;
  max-width: 862px;
  justify-content: space-between;
  gap: 16px;
}
.menu-div-footer h4 {
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.08px;
  text-transform: uppercase;
}
.menu-div-footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.menu-div-footer a {
  padding-left: 8px;
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.96px;
  max-width: 185px;
}
.menu-div-footer iframe {
  max-height: 380px;
  border-radius: 26px;
}

@media (max-width: 1024px) {
  .footer-menu-section-inner {
    grid-template-columns: 1fr 1fr;
  }
  .footer-section {
    grid-template-columns: 1.2fr 2fr;
  }
}

@media (max-width: 768px) {
  .footer-logo-section {
    flex-direction: row;
    gap: 24px;
    padding-top: 56px;
    padding-bottom: 56px;
    padding-right: 24px;
    padding-left: 24px;
    justify-content: center;
  }
  .footer-section {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .footer-logo-section {
    flex-direction: row;
    gap: 24px;
    padding-top: 56px;
    padding-bottom: 56px;
    padding-right: 24px;
    padding-left: 24px;
    justify-content: center;
  }
  .footer-section {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .footer-logo-section {
    flex-direction: column;
    gap: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .footer-menu-section-inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .footer-menu-section {
    padding: 32px 24px;
  }
  .menu-div-footer {
    gap: 12px;
    align-items: center;
  }
  .menu-div-footer h4 {
    font-size: 16px;
    text-align: center;
  }
  .menu-div-footer a {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    padding: 0;
  }
}
/*END FOOTER SECTION*/

/*HOMEPAGE RENT SECTION*/
.motorhomes-slider-section {
  padding: 90px 0 90px 0;
  background: #f2f2f2;
}

.motorhomes-slider-section
  .slide-item.slick-slide.slick-current.slick-active.slick-center
  .homepage-reservation-button
  a {
  display: flex;
}

.homepage-campers-heading h2 {
  text-align: center;
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.92px;
  margin-bottom: 64px;
}

#motorhomes-slider .slick-slide {
  margin: 0 11px;
}

.motorhomes-slider-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
}
.motorhomes-slider-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 50px;
}

.motorhomes-slider-wrapper {
  position: relative;
  overflow: hidden;
}

.motorhomes-slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.motorhomes-slider-section .slick-track {
  padding: 0 0 35px 0;
}

.motorhome-card {
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  border-radius: 8px;
  background: #e5e5e5;
  box-shadow: 0 2px 2px 0 rgba(39, 39, 39, 0.1),
    0 1px 1px 0 rgba(39, 39, 39, 0.11);
}

.motorhomes-slider .slide-item {
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  border-radius: 8px;
  background: #e5e5e5;
  box-shadow: 0 2px 2px 0 rgba(39, 39, 39, 0.1),
    0 1px 1px 0 rgba(39, 39, 39, 0.11);
}

.motorhome-image {
  position: relative;
  overflow: hidden;
  height: 250px;
  display: block;
}

.motorhome-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.motorhome-content {
  padding: 16px 24px 24px 24px;
}

.motorhome-title {
  color: #2a2b2e;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 1.08px;
  margin-bottom: 20px;
}

.motorhome-specs {
  list-style: none;
  padding: 0;
  margin: 0;
}

.motorhome-spec {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 0.95rem;
  color: #555;
}

.motorhome-spec:last-child {
  margin-bottom: 0;
}

.spec-icon {
  width: 24px;
  height: 24px;
  margin-right: 22px;
  flex-shrink: 0;
}

li.motorhome-spec span {
  color: #2a2b2e;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
}

.spec-icon.sleeping {
  background: url("/wp-content/uploads/2025/09/sleep2.svg") no-repeat center;
  background-size: contain;
}

.spec-icon.engine {
  background: url("/wp-content/uploads/2025/09/fuel2.svg") no-repeat center;
  background-size: contain;
}

.spec-icon.length {
  background: url("/wp-content/uploads/2025/09/lenght2.svg") no-repeat center;
  background-size: contain;
}

.slick-dots li button:before {
  font-size: 16px;
  opacity: 1;
  border: 1px solid #272727;
  border-radius: 999px;
  color: transparent;
  width: 16px;
  height: 16px;
}

.slick-dots li button {
  box-shadow: none;
}
.slick-dots li button {
  width: 16px;
  height: 16px;
  padding: 0;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #272727;
  border: none;
  font-size: 19px;
}
li.slick-active button {
  width: 20px;
  height: 19px;
}

.homepage-reservation-button a {
  color: #c52628;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
  border-radius: 8px;
  border: 2px solid #c52628;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  height: 48px;
  margin: 0 24px 12px 24px;
}

.homepage-reservation-button a:hover {
  background: #c52628;
  color: #fff;
}

.motorhomes-slider .slide-item:hover .homepage-reservation-button a {
  display: flex;
}

.homepage-reservation-button a {
  display: flex;
}

@media (max-width: 768px) {
  .motorhomes-slider-container {
    padding: 0 8px;
  }
  .homepage-campers-heading h2 {
    font-size: 28px;
    margin-bottom: 50px;
    padding: 0 8px;
  }
  .motorhomes-slider-section {
    padding: 48px 0 60px 0;
  }
}

/*END HOMEPAGE RENT SECTION*/

/*DUK PAGE AND HOMEPAGE SECTION CSS*/
.content-area {
  max-width: 1920px;
  padding: 0 40px;
  margin: 10px 0 120px 0;
  margin-right: auto;
  margin-left: auto;
  background: #f2f2f2;
}
nav.custom-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 20px;
}
.breadcrumb-home {
  border-radius: 360px;
  background: #cbcbcb;
  box-shadow: 0 1px 2px 0 rgba(31, 41, 55, 0.08);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.breadcrumb-home .circle-icon {
  width: 16px;
  height: 22px;
}
.breadcrumb-current {
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.72px;
}
.page-header .title-page {
  color: #2a2b2e;
  font-family: "Source Sans 3";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.92px;
  margin-bottom: 24px;
}

.duk-item {
  margin-bottom: 22px;
  overflow: hidden;
  transition: all 0.3s ease;
  border-radius: 8px;
  background: #e5e5e5;
  box-shadow: 0 2px 2px 0 rgba(39, 39, 39, 0.1),
    0 1px 1px 0 rgba(39, 39, 39, 0.11);
}

.duk-item:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.duk-question {
  padding: 16px 24px 16px 24px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.duk-question::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  transition: left 0.5s ease;
}

.duk-question:hover::before {
  left: 100%;
}

.duk-question h3 {
  margin: 0;
  flex: 1;
  padding-right: 1rem;
  color: #2a2b2e;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 1.08px;
  text-transform: uppercase;
}

.duk-toggle {
  font-size: 1.2rem;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.duk-item.active .duk-toggle {
  transform: rotate(180deg);
}

.duk-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.duk-item.active .duk-answer {
  max-height: 1000px;
}

.duk-answer-content {
  padding: 0 24px 16px 24px;
  line-height: 1.6;
}

.duk-answer-content p {
  margin: 0 0 1rem 0;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 1.08px;
}

.duk-answer-content p:last-child {
  margin-bottom: 0;
}

.duk-answer-content ul,
.duk-answer-content ol {
  margin: 1rem 0;
  padding-left: 1.5rem;
}

.duk-answer-content li {
  margin-bottom: 0.5rem;
}
.more-questions-duk-page {
  display: flex;
  gap: 22px;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.more-questions-duk-page p {
  color: #2a2b2e;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 1.08px;
  margin: 0;
}
.more-questions-duk-page-btn {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.more-questions-duk-page-btn a {
  border-radius: 8px;
  border: 2px solid #c52628;
  padding: 12px 24px;
  color: #c52628;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  height: 48px;
  width: 200px;
}
.more-questions-duk-page a {
  border-radius: 40px;
  background: #306065;
  padding: 12px 24px;
  color: #fff;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
}

.duk-homepage-container {
  max-width: 1360px;
  margin: auto;
  padding: 24px;
  position: relative;
  border-radius: 26px;
  background: #e5e5e5;
  box-shadow: 0 2px 2px 0 rgba(39, 39, 39, 0.1),
    0 1px 1px 0 rgba(39, 39, 39, 0.11);
}
.duk-homepage-container h2 {
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 1.92px;
  margin-bottom: 28px;
}
.duk-homepage-container .duk-item {
  box-shadow: none !important;
  background: none;
}
.duk-homepage-container .duk-item {
  box-shadow: none !important;
  background: none;
  border-bottom: 2px solid #cbcbcb;
  border-radius: 0;
  margin-bottom: 24px;
}
.duk-homepage-container .duk-question {
  padding: 0 0 24px 0;
}
.duk-homepage-container .duk-answer-content {
  padding: 0 0 24px 0;
}
.duk-homepage-button {
  display: flex;
  justify-content: flex-end;
  margin-top: 48px;
}
.duk-homepage-button a {
  color: #2a2b2e;
  text-align: right;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 1.08px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 10%; /* 1.8px */
  text-underline-offset: 10%;
  text-transform: uppercase;
}
.duk-container > .duk-item:nth-last-child(2) {
  border-bottom: none !important;
}
img.camper-img {
  position: absolute;
  max-width: 336px;
  bottom: 0;
  left: 200px;
}
img.tree-2 {
  position: absolute;
  max-width: 430px;
  max-height: 434px;
  right: 8px;
  top: 200px;
}
img.tree-3 {
  position: absolute;
  max-width: 355px;
  top: 54px;
  left: 8px;
}
section.homepage-duk-section {
  position: relative;
  padding-top: 65px;
  padding-bottom: 126px;
  margin: auto;
  padding-right: 32px;
  padding-left: 32px;
  background: #f2f2f2;
}

.duk-homepage-container .duk-question span {
  width: 24px;
  height: 24px;
  transition: transform 0.4s;
}

@media (max-width: 1440px) {
  img.tree-3 {
    position: absolute;
    max-width: 355px;
    top: 29px;
    left: -85px;
  }
  img.tree-2 {
    position: absolute;
    max-width: 360px;
    max-height: 434px;
    right: -90px;
    top: 200px;
  }
  img.camper-img {
    position: absolute;
    max-width: 336px;
    bottom: 33px;
    left: 38px;
  }
}

@media (max-width: 950px) {
  img.tree-2 {
    display: none;
  }
  img.tree-3 {
    display: none;
  }
  img.camper-img {
    max-width: 270px;
    bottom: 0;
    left: 8px;
  }
}

@media (max-width: 768px) {
  .page-header .title-page {
    font-size: 28px;
    margin-bottom: 32px;
  }
  .content-area {
    padding: 0 16px;
    margin: 10px 0 60px 0;
  }
  .duk-question h3 {
    font-size: 16px;
  }
  .duk-question {
    padding: 16px 16px 16px 16px;
  }
  .duk-item {
    margin-bottom: 16px;
  }
  .duk-answer-content p {
    font-size: 15px;
  }
  .duk-answer-content {
    padding: 0 16px 16px 16px;
  }
  .duk-homepage-container h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .duk-homepage-button {
    margin-top: 24px;
  }
  .duk-homepage-container {
    padding: 16px;
    border-radius: 16px;
  }
  section.homepage-duk-section {
    padding-top: 48px;
    padding-bottom: 80px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (max-width: 640px) {
  .more-questions-duk-page {
    align-items: flex-start;
    flex-direction: column;
  }
}
/*END DUK PAGE AND HOMEPAGE SECTION CSS*/

/*ABOUT US PAGE CSS*/
.about-us-div-with-img {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 48px;
  align-items: end;
}

.about-us-div-with-img.firs-div {
  grid-template-columns: 1fr;
}

.about-us-div-with-img .left-text-div h1,
.about-us-div-with-img .left-text-div h2 {
  margin-bottom: 24px;
}

.about-us-div-with-img.second-div {
  margin-top: 64px;
}
.about-us-div-with-img.second-div img {
  max-width: 272px;
}
.about-us-div-with-img.firs-div img {
  max-width: 272px;
}

.about-us-div-with-img .left-text-div p {
  margin-bottom: 24px;
}

.es-info-div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.es-info-div p {
  margin: 0 !important;
}

.about-us-footer-div {
  margin-top: 64px;
}

.about-us-footer-div .text-div p {
  margin-bottom: 8px;
}

.about-us-footer-div .button-div {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

.about-us-footer-div .button-div a {
  border-radius: 8px;
  background: transparent;
  padding: 12px 24px;
  color: #c52628;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
  border: 2px solid #c52628;
  min-width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .about-us-div-with-img .left-text-div p {
    font-size: 16px;
  }
  .about-us-div-with-img {
    gap: 32px;
  }
  .about-us-div-with-img .left-text-div h1,
  .about-us-div-with-img .left-text-div h2 {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  .about-us-div-with-img {
    grid-template-columns: 1fr;
    justify-items: center;
    margin-top: 48px;
  }
  .about-us-footer-div {
    margin-top: 48px;
  }
}
/*END ABOUT US PAGE CSS*/

/*TRAVEL INFORMATION PAGE CSS*/

.travel-information-bg {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 24px;
  gap: 40px;
  margin-bottom: 48px;
}
.travel-information-inner {
  border-radius: 8px;
  background: #e5e5e5;
  padding: 48px 48px 64px 48px;
}
.travel-information-inner h2 {
  margin-bottom: 24px;
}
.travel-information-inner .info-divs .location-text {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
}
.travel-information-inner .info-divs .location-text p {
  margin: 0;
}
.travel-information-inner .info-divs {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.travel-information-inner .info-divs .location-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.travel-information-inner .info-divs .location-links a {
  color: #15338d;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.travel-information-inner .info-divs .location-links p {
  color: #2a2b2e;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.96px;
  margin: 0;
}

@media (max-width: 992px) {
  .travel-information-inner {
    border-radius: 8px;
    padding: 24px 24px 32px 24px;
  }
}
@media (max-width: 768px) {
  .travel-information-bg {
    grid-template-columns: 1fr;
    margin-top: 32px;
    gap: 32px;
    margin-bottom: 32px;
  }
}

/*END TRAVEL INFORMATION PAGE CSS*/

/*TRAVEL POLICY PAGE CSS*/

.travel-policy-section h1 {
  margin-bottom: 24px;
}
.travel-policy-section {
  margin-bottom: 24px;
}
.travel-policy-div {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 48px;
}

.travel-policy-text .travel-policy-inner-text-div {
  display: grid;
  gap: 8px;
  align-items: flex-start;
  grid-template-columns: 1fr 40fr;
}
.travel-policy-text .travel-policy-inner-text-div p {
  color: #2a2b2e;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  margin: 0;
}
.travel-policy-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 640px) {
  .travel-policy-div .travel-policy-img {
    display: none;
  }
  .travel-policy-div {
    grid-template-columns: 1fr;
  }
  .travel-policy-section h1 {
    margin-bottom: 32px;
  }
}
/*END TRAVEL POLICY PAGE CSS*/

/*CONTACT US PAGE CSS*/
.contact-us-section .contact-us-info-div {
  display: grid;
  grid-template-columns: 2.74fr 1.01fr;
  gap: 48px;
}
.contact-us-section .contact-us-left-div {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.contact-info,
.company-info {
  border-radius: 8px;
  background: #e5e5e5;
  padding: 24px;
}
.contact-us-contact-info-div {
  display: grid;
  grid-template-columns: 1.36fr 2fr;
  gap: 22px;
}
.contact-us-section p.contact-us-name {
  margin-bottom: 16px;
}
.contact-us-section .contact-us-info {
  margin-bottom: 8px;
  display: flex;
  gap: 8px;
}
.contact-us-section .contact-us-info a {
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
}
.contact-us-section .company-info-p {
  font-size: 16px;
  margin: 0;
  letter-spacing: 0.96px;
  color: #272727 !important;
}
.contact-us-section h1 {
  margin-bottom: 24px;
}
.contact-us-how-find-us {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.contact-us-how-find-us-info-div {
  border-radius: 8px;
  background: #e5e5e5;
  padding: 24px;
}
.contact-us-section .contact-us-info p {
  margin: 0;
  font-size: 16px;
}
.contact-us-how-find-us-map-div iframe {
  border-radius: 8px;
}
.contact-us-right-div img {
  object-fit: cover;
  width: 100%;
}
.contact-us-form-div h2 {
  text-align: center;
  margin-top: 64px;
  margin-bottom: 24px;
}
.wpforms-container {
  max-width: 865px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.wpforms-container input:not(input[type="checkbox"]) {
  border-radius: 8px !important;
  border: 1px solid #525252 !important;
  background: #fff !important;
  padding: 14px 24px !important;
  height: 52px !important;
}
.wpforms-container .choices {
  border-radius: 8px !important;
  border: 1px solid #525252 !important;
  background: #fff !important;
  height: 52px !important;
  padding: 14px 24px !important;
}
.wpforms-container textarea {
  border-radius: 8px !important;
  border: 1px solid #525252 !important;
  background: #fff !important;
  padding: 14px 24px !important;
}
.wpforms-container textarea:focus,
.wpforms-container input:focus,
.wpforms-container select:focus {
  border: 2px solid #306065 !important;
  box-shadow: none !important;
}
.wpforms-container input::placeholder,
.wpforms-container textarea::placeholder {
  color: #707070 !important;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  opacity: 1 !important;
}
/*.choices[data-type*=select-one]::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 11.5px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    width: 12px;*/
/*    height: 16px;*/
/*    background-image: url('/wp-content/uploads/2025/09/Vector.png');*/
/*    background-repeat: no-repeat;*/
/*    background-size: contain;*/
/*    pointer-events: none;*/
/*    border: none;*/
/*    transition: transform 0.3s;*/
/*    top: 26px;*/
/*}*/

/*.choices[data-type*=select-one].is-open::after {*/
/*    margin-top: 0 !important;*/
/*    border: none;*/
/*    transform: rotate(90deg);*/
/*}*/
.choices__item.choices__placeholder.choices__item--selectable {
  color: #707070 !important;
  font-family: "Source Sans 3" !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px !important;
  opacity: 1 !important;
}
.wpforms-submit-container .wpforms-submit {
  border-radius: 8px !important;
  background: #c52628 !important;
  width: 200px;
  padding: 12px 24px !important;
  height: 48px !important;
  color: #fff;
  font-family: "Source Sans 3" !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 24px;
  letter-spacing: 1.2px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wpforms-container .wpforms-field {
  padding: 4px 0 !important;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
  border-radius: 8px !important;
  right: 0;
  border: none;
}
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  padding: 8px 16px;
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background: #e5e5e5;
}
.choices__item.choices__item--selectable {
  font-family: "Source Sans 3" !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px !important;
}
@media (max-width: 1440px) {
  .contact-us-section .contact-us-info-div {
    grid-template-columns: 2fr 1.2fr;
  }
}
@media (max-width: 1024px) {
  .contact-us-section .contact-us-info-div {
    grid-template-columns: 1fr;
  }
  .contact-us-section .contact-us-right-div {
    display: none;
  }
}
@media (max-width: 767px) {
  .contact-us-contact-info-div .contact-info {
    display: block;
  }
  .contact-us-section h1 {
    margin-bottom: 32px;
  }
  .contact-us-form-div h2 {
    margin-top: 48px;
    margin-bottom: 32px;
  }
}
@media (max-width: 640px) {
  .contact-us-contact-info-div {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 600px) {
  div.wpforms-container
    .wpforms-form
    .wpforms-field:not(.wpforms-field-phone):not(
      .wpforms-field-select-style-modern
    ):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(
      .wpforms-field-layout
    ):not(.wpforms-field-repeater) {
    overflow-x: unset !important;
  }
}
/*END CONTACT US PAGE CSS*/

/*CAMPER SERVICE PAGE CSS*/

.camper-service-header-div h1 {
  margin-bottom: 24px;
}
.camper-service-header-div P {
  margin-bottom: 22px;
}
.camper-service-header-div a {
  display: flex;
  justify-content: center;
  border-radius: 8px;
  background: #c52628;
  max-width: 370px;
  margin: auto;
  gap: 12px;
  padding: 12px 24px;
  color: #f2f2f2;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
}
.camper-service-body-div h2 {
  margin-top: 64px;
  margin-bottom: 24px;
}

.paslaugos-grid {
  /* display: grid; */
  /* grid-template-columns: repeat(auto-fit, minmax(700px, 1fr)); */
  gap: 24px;
  align-items: start;
  column-count: 2;
  column-gap: 24px;
}

.paslaugos-grid .paslauga-item {
  break-inside: avoid;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .paslaugos-grid {
    grid-template-columns: 1fr;
    column-count: 1;
    gap: 15px;
  }
}

.paslauga-item {
  overflow: hidden;
  transition: all 0.3s ease;
  border-radius: 8px;
  background: #e5e5e5;
  box-shadow: 0 2px 2px 0 rgba(39, 39, 39, 0.1),
    0 1px 1px 0 rgba(39, 39, 39, 0.11);
}

.paslauga-header {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  padding: 16px 24px 16px 24px;
}

.paslauga-header:hover::before {
  left: 100%;
}

.paslauga-title-wrapper {
  display: grid;
  align-items: center;
  flex: 1;
  justify-content: space-between;
  grid-template-columns: 1fr 17px;
  gap: 12px;
}

.paslauga-title {
  margin: 0;
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 1.08px;
  text-transform: uppercase;
}

.paslauga-item.active svg {
  transform: rotate(90deg);
}

.paslauga-item svg {
  transition: transform 0.4s;
}

.paslauga-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
}
.paslauga-item .paslauga-content {
  padding: 0 24px 0px 24px;
}

.paslauga-item.active .paslauga-content {
  max-height: 500px;
  padding: 0 24px 16px 24px;
  margin-top: -8px;
}
.paslauga-description {
  margin: 0;
  text-align: justify;
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 1.08px;
}

@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@media (max-width: 640px) {
  .camper-service-header-div h1 {
    margin-bottom: 32px;
  }
  .camper-service-body-div h2 {
    margin-top: 48px;
    margin-bottom: 32px;
  }
  .paslauga-description {
    font-size: 16px;
  }

  .camper-service-header-div a {
    align-items: center;
    font-size: 17px;
    gap: 8px;
    padding: 12px 12px;
  }
  .camper-service-header-div a svg {
    width: 24px;
    height: 24px;
  }
}
/*END CAMPER SERVICE PAGE CSS*/

/*NEW CAMPERS PAGE CSS*/
.new-campers-heading {
  margin-bottom: 64px;
}

.new-campers-heading h1 {
  margin-bottom: 24px;
}

.new-campers-heading p {
  margin-bottom: 24px;
}

.new-campers-heading a {
  display: flex;
  justify-content: center;
  border-radius: 8px;
  background: #c52628;
  padding: 12px 24px;
  gap: 12px;
  color: #f2f2f2;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
  align-items: center;
  flex-direction: row;
  max-width: 370px;
  margin: auto;
}

.new-campers-why-us {
  border-radius: 8px;
  background: #cbcbcb;
  justify-items: center;
  padding: 48px 40px 48px 40px;
  margin-bottom: 64px;
}
.new-campers-why-us-inner-divs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 996px;
  justify-content: space-between;
}

.new-campers-why-us-inner-div {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.new-campers-why-us-inner-div .new-campers-why-us-point {
  display: grid;
  grid-template-columns: 1fr 6fr;
  align-items: center;
  gap: 16px;
}

.new-campers-why-us-inner-div .new-campers-why-us-point p {
  color: #272727;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.08px;
  text-transform: uppercase;
  margin: 0;
}

.new-campers-why-us-inner-div.left svg {
  border-radius: 8px;
  background: #e5e5e5;
  width: 56px;
  height: 56px;
  padding: 8px;
}
.new-campers-why-us-inner-div.right svg {
  border-radius: 8px;
  background: #e5e5e5;
  width: 56px;
  height: 56px;
  padding: 8px;
}

.new-campers-our-brands h2 {
  margin-bottom: 24px;
}

.new-campers-our-brands-logo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px;
  align-items: center;
}

.new-campers-our-brands {
  margin-bottom: 64px;
}

.new-campers-popular-models h2 {
  margin-bottom: 24px;
}

.new-campers-popular-models-div {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 22px;
}

.new-campers-popular-models-inner-div p {
  margin-top: 16px;
  margin-bottom: 0;
}

.new-campers-popular-models-inner-div img {
  max-height: 208px;
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
}
.new-campers-popular-inner-div-video {
  position: relative;
}

.new-campers-popular-inner-div-video svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}
.new-campers-popular-models-inner-div:hover
  .new-campers-popular-inner-div-video
  svg {
  transform: translate(-50%, -50%) scale(1.1);
}
@media (max-width: 1024px) {
  .new-campers-popular-models-div {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .new-campers-why-us {
    padding: 48px 24px 60px 24px;
  }
  .new-campers-why-us-inner-divs {
    gap: 48px;
  }
}
@media (max-width: 640px) {
  .new-campers-heading h1 {
    margin-bottom: 32px;
  }
  .new-campers-heading {
    margin-bottom: 48px;
  }
  .new-campers-why-us-inner-div .new-campers-why-us-point p {
    font-size: 18px;
  }
  .new-campers-why-us {
    grid-template-columns: 1fr;
    padding: 32px 24px 32px 24px;
    gap: 22px;
    margin-bottom: 48px;
  }
  .new-campers-our-brands h2 {
    margin-bottom: 32px;
  }
  .new-campers-our-brands-logo {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  .new-campers-why-us-inner-divs {
    gap: 24px;
    grid-template-columns: 1fr;
  }
  .new-campers-our-brands {
    margin-bottom: 48px;
  }
  .new-campers-popular-models h2 {
    margin-bottom: 32px;
  }
  .new-campers-popular-models-div {
    grid-template-columns: 1fr;
  }
  .new-campers-heading a {
    padding: 12px 6px;
    font-size: 17px;
  }
}
/*END NEW CAMPERS PAGE CSS*/

/*PRIVATE POLICY CSS*/

.private-policy .travel-policy-text .travel-policy-inner-text-div {
  grid-template-columns: 1fr;
}
.private-policy .travel-policy-text {
  gap: 24px;
}

/*END PRIVATE POLOCY CSS*/

/*TESTIMONIALS SECTION AND PAGE CSS*/

.testimonial-section-homepage {
  background: #e5e5e5;
  padding: 64px 0;
}
.testimonial-homepage-inner-div {
  max-width: 1240px;
  margin: auto;
  padding: 0 32px;
}

.testimonial-homepage-inner-div h2 {
  text-align: center;
  margin-bottom: 64px;
}

.testimonials-slider {
  margin: 0px 0;
}

.testimonial-slide {
  padding: 0 24px;
}

.testimonial-content {
  padding: 24px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: linear-gradient(240deg, #272727 7.12%, #484848 94.25%);
  align-items: flex-end;
}

.testimonial-content .testimonial-info {
  width: 100%;
}

.testimonial-photo {
  margin-bottom: 20px;
}

.testimonial-photo img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.testimonial-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #f2f2f2;
  text-align: left;
  font-family: "Source Sans 3";
}

.testimonial-rating {
  margin-bottom: 16px;
}

.testimonial-rating .star {
  font-size: 20px;
  margin: 0 2px;
}

.testimonial-rating .star.empty {
  display: none;
}
.testimonial-text {
  font-style: italic;
  color: #666;
  line-height: 1.6;
}

.testimonial-text p {
  margin: 0;
  color: #f2f2f2;
  font-size: 16px;
  text-align: left;
  font-family: "Source Sans 3";
}

.testimonial-section-homepage .slick-prev:before,
.testimonial-section-homepage .slick-next:before {
  display: none;
}

.testimonials-slider .slick-dots {
  bottom: -50px;
}

.testimonials-slider .slick-dots li button:before {
  color: #333;
  font-size: 12px;
}

.testimonials-slider .slick-dots li.slick-active button:before {
  color: #ffd700;
}

.testimonials-slider .slick-arrow {
  z-index: 10;
}

.testimonials-slider .slick-prev {
  left: -25px;
}

.testimonials-slider .slick-next {
  right: -25px;
}

.testimonials-section h1 {
  margin-bottom: 24px;
}
.testimonials-grid {
  /* display: grid; */
  /* grid-template-columns: 1fr 1fr 1fr; */
  /* gap: 24px; */
  margin-bottom: 24px;
  column-count: 3;
  column-gap: 24px;
}

.testimonials-grid .testimonial-item {
  break-inside: avoid;
  margin-bottom: 24px;
}

.testimonials-grid .testimonial-item:nth-child(n + 9) {
  display: none;
}

.testimonials-grid .testimonial-item:nth-child(n + 9).show-item {
  display: block;
}

@media (max-width: 1024px) {
  .testimonials-grid {
    grid-template-columns: 1fr 1fr;
    column-count: 2;
  }
}

@media (max-width: 768px) {
  .testimonial-content {
    padding: 20px;
  }

  .testimonial-photo img {
    width: 60px;
    height: 60px;
  }

  .testimonial-name {
    font-size: 16px;
  }
  .testimonial-homepage-inner-div {
    padding: 0 0;
  }
  .testimonial-homepage-inner-div h2 {
    margin-bottom: 32px;
  }
  .testimonial-section-homepage {
    padding: 48px 0;
  }
}

@media (max-width: 640px) {
  .testimonials-grid {
    grid-template-columns: 1fr;
    column-count: 1;
  }
}

/* END TESTIMONIALS SECTION AND PAGE CSS*/

/*404 PAGE CSS*/
.content-area.not-found-page-section {
  margin-top: 70px;
}
.not-found-text-div {
  max-width: 395px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.not-found-inner-divs {
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  max-width: 1300px;
}
.not-found-text-div a {
  border-radius: 8px;
  background: #c52628;
  padding: 12px 24px;
  color: #f2f2f2;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  max-width: 245px;
}
.not-found-sign-div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.not-found-sign-div h2 {
  font-size: 224px;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 13.44px;
  margin: 0;
}
.not-found-sign-div img {
  max-width: 370px;
}
@media (max-width: 1100px) {
  .not-found-inner-divs {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .not-found-text-div {
    align-items: center;
  }
  .not-found-text-div h1 {
    text-align: center;
    margin: 0;
  }
}

@media (max-width: 768px) {
  .not-found-sign-div img {
    max-width: 270px;
  }
}
@media (max-width: 640px) {
  .not-found-sign-div img {
    max-width: 170px;
  }
  .not-found-sign-div h2 {
    font-size: 90px;
  }
}
/*END 404 PAGE CSS*/

/*GLOBAL CSS*/
#page {
  min-height: unset !important;
  background: #f2f2f2;
}

h1,
h2 {
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 1.92px;
}

p {
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 1.08px;
}
@media (max-width: 768px) {
  h1,
  h2 {
    font-size: 28px;
    margin-bottom: 32px;
    line-height: 32px;
  }
  p {
    font-size: 16px;
  }
}

/*KEMPER CATALOG PAGE CSS*/

.content-area.camper-catalog #kemper-catalog .kemper-filters {
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.content-area.camper-catalog .content-title-div {
  margin-bottom: 48px;
}

.content-area.camper-catalog #kemper-catalog .kemper-filters h3 {
  display: none;
}

.content-area.camper-catalog #kemper-catalog .kemper-filters * {
  color: black;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-row
  .filter-group {
  display: flex;
  flex-direction: column;
  position: relative;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  label {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  label {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group:has(#travelers) {
  display: none;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  input {
  visibility: hidden;
  height: 48px;
  padding: 0px;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .search-btn {
  display: flex;
  width: 201px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background: var(--Brand-Secondary, #c52628);
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 120% */
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: white;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .fake-date-inputs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: white;
  border-radius: 8px;
  gap: 8px;
  width: fit-content;
  border: 1px solid white;
  transition: border 0.3s ease;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .fake-date-inputs:has(.active) {
  border: 1px solid #c52628;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .fake-date-inputs
  .date-div,
.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .fake-date-inputs
  .time-div {
  padding: 4px;
  display: flex;
  gap: 4px;
  color: var(--Text-Black, #272727);
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

@media (min-width: 992px) and (max-width: 1100px) {
  .kemper-details-container .kemper-blocks .kemper-blocks-info {
    flex-direction: column;
  }
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .fake-date-inputs
  .time-div
  span {
  width: 41px;
}

.content-area.camper-catalog #kemper-catalog #kemper-results .kemper-card {
  background: #e5e5e5;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  height: fit-content;
  transition: none;
  border: 2px solid #f2f2f2;
}

.content-area.camper-catalog
  #kemper-catalog
  #kemper-results
  .kemper-card:hover {
  border: 2px solid #c52628;
}

.content-area.camper-catalog #kemper-catalog #kemper-results .kemper-grid {
  grid-template-columns: repeat(auto-fill, minmax(316px, 1fr));
}

.content-area.camper-catalog
  #kemper-catalog
  #kemper-results
  .kemper-card:hover {
  transform: none;
}

.content-area.camper-catalog
  #kemper-catalog
  #kemper-results
  .kemper-card
  .kemper-image {
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 3.5 / 2;
  width: 100%;
  height: auto;
  background: white;
}

.content-area.camper-catalog
  #kemper-catalog
  #kemper-results
  .kemper-card
  .kemper-image
  .price-badge {
  padding: 8px;
  background: #f2f2f2;
  color: #272727;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.96px;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}

.content-area.camper-catalog
  #kemper-catalog
  #kemper-results
  .kemper-card
  .kemper-image
  img {
  width: 100%;
  height: 100%;
  display: block;
  max-height: 100%;
  object-fit: cover;
}

.content-area.camper-catalog
  #kemper-catalog
  #kemper-results
  .kemper-card
  .kemper-details {
  padding: 16px 16px 24px;
}

.content-area.camper-catalog
  #kemper-catalog
  #kemper-results
  .kemper-card
  .kemper-details
  .kemper-specs {
  margin-bottom: 0;
}

.content-area.camper-catalog
  #kemper-catalog
  #kemper-results
  .kemper-card
  .kemper-details
  .kemper-specs
  .kemper-spec {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
  color: #272727;
  gap: 22px;
}

.content-area.camper-catalog
  #kemper-catalog
  #kemper-results
  .kemper-card
  .kemper-details
  .kemper-title {
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px; /* 150% */
  letter-spacing: 1.08px;
}

.content-area.camper-catalog
  #kemper-catalog
  #kemper-results
  .kemper-card
  .kemper-details
  .view-details-btn {
  display: none;
}

.flatpickr-calendar {
  transition: all 0.3s ease !important;
  transform: translate(-8px, 14px) !important;
}

.flatpickr-calendar .flatpickr-day.selected {
  background-color: #c52628;
  border-color: #c52628;
}

.flatpickr-calendar .flatpickr-day.selected:hover {
  background-color: #c52628;
  border-color: #c52628;
}

.flatpickr-calendar.open:before,
.flatpickr-calendar.open:after {
  display: none !important;
}

.flatpickr-calendar .flatpickr-month .flatpickr-current-month select,
.flatpickr-calendar
  .flatpickr-month
  .flatpickr-current-month
  .numInputWrapper
  input {
  color: #272727;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
  -webkit-appearance: none;
  font-weight: 600;
}

.flatpickr-calendar .flatpickr-month .flatpickr-current-month .numInputWrapper {
  width: 4ch;
}

.flatpickr-calendar
  .flatpickr-month
  .flatpickr-current-month
  .numInputWrapper
  .arrowUp,
.flatpickr-calendar
  .flatpickr-month
  .flatpickr-current-month
  .numInputWrapper
  .arrowDown {
  display: none;
}

#kemper-catalog .kemper-filters .filter-group .time-selector {
  position: absolute;
  top: calc(100% + 8px);
  background: white;
  padding: 16px;
  border-radius: 8px;
  z-index: 99;
  width: fit-content;
  left: 0;
  padding-right: 0;
  opacity: 0;
  visibility: hidden;
}

#kemper-catalog .kemper-filters .filter-group .time-selector.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

#kemper-catalog
  .kemper-filters
  .filter-group
  .time-selector
  .time-selector-title {
  padding-bottom: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
}

#kemper-catalog
  .kemper-filters
  .filter-group
  .time-selector
  .time-selector-title
  span {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

#kemper-catalog
  .kemper-filters
  .filter-group
  .time-selector
  .time-selector-times {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 8px;
  overflow-y: auto;
  max-height: 392px;
  padding-right: 16px;
}

#kemper-catalog
  .kemper-filters
  .filter-group
  .time-selector
  .time-selector-times
  .time-option {
  padding: 8px 48px;
  background-color: #f2f2f2;
  border-radius: 8px;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#kemper-catalog
  .kemper-filters
  .filter-group
  .time-selector
  .time-selector-times
  .time-option:hover {
  background-color: #cbcbcb;
}

#kemper-catalog
  .kemper-filters
  .filter-group
  .time-selector
  .time-selector-times
  .time-option.selected-time {
  background-color: #c52628;
  color: white;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .search-btn.inverted {
  width: fit-content;
  background: transparent;
  border: 2px solid #c52628;
  padding: 10px 24px;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .select-btn
  .btn-title {
  display: flex;
  gap: 12px;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .select-btn
  .btn-title
  span {
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #c52628;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .select-btn
  .button-options {
  position: absolute;
  top: calc(100% + 8px);
  z-index: 2;
  width: 100%;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s ease;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .select-btn.active
  .button-options {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .select-btn
  .button-options
  .option {
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 1.08px;
  padding: 8px 16px;
  text-transform: capitalize;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .select-btn
  .button-options
  .option.selected {
  background-color: #c52628;
  color: white;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .select-btn
  .button-options
  .option:first-child {
  padding-top: 12px;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .select-btn
  .button-options
  .option:last-child {
  padding-bottom: 12px;
}

.content-area.camper-catalog
  #kemper-catalog
  .kemper-filters
  #kemper-filter-form
  .filter-group
  .select-btn
  .button-options
  .option:not(.selected):hover {
  background-color: #e5e5e5;
}

.single-camper .kemper-details-container {
  max-width: 1400px;
}

.single-camper .kemper-hero-section {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.single-camper .kemper-hero-section .kemper-gallery-section {
  min-height: 376px;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 8px;
}

.single-camper .kemper-hero-section .kemper-gallery-section.single-image {
  width: 100%;
  grid-template-columns: auto;
}

.single-camper .kemper-hero-section .kemper-gallery-section.single-image a {
  width: 100%;
}

.single-camper .kemper-hero-section .kemper-gallery-section .main-gallery {
  height: 100%;
  /* aspect-ratio: 11/4; */
  aspect-ratio: 7/4;
  display: block;
  max-width: 100%;
  border-radius: 0;
  overflow: hidden;
}

.single-camper .kemper-hero-section .kemper-gallery-section .main-gallery img {
  border-radius: 0;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.single-camper
  .kemper-hero-section
  .kemper-gallery-section
  .main-gallery
  img:hover {
  transform: scale(1.02);
}

.single-camper .kemper-hero-section .kemper-gallery-section .thumbnails-grid {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.single-camper
  .kemper-hero-section
  .kemper-gallery-section
  .thumbnails-grid
  .thumbnail-item {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.single-camper
  .kemper-hero-section
  .kemper-gallery-section
  .thumbnails-grid.hidden-grid {
  display: none;
}

.single-camper
  .kemper-hero-section
  .kemper-gallery-section
  .thumbnails-grid
  .thumbnail-item:nth-child(n + 5) {
  visibility: hidden;
  opacity: 0;
}

.single-camper .kemper-hero-section .kemper-gallery-section .main-gallery img {
  height: 100%;
}

.single-camper .content-title-div {
  margin-bottom: 24px;
}

.single-camper .kemper-info-section {
  padding: 0;
}

.single-camper .kemper-info-section .toggle-info-section {
  display: none;
  justify-content: space-between;
}

.single-camper .kemper-info-section .toggle-info-section svg {
  transition: transform 0.3s ease;
}

.single-camper .kemper-info-section .toggle-info-section.active svg {
  transform: rotate(90deg);
}

.single-camper .kemper-info-section .toggle-info-section span {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.single-camper .specs-table .specs-table-single {
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
}

.single-camper .specs-table .specs-table-single:nth-child(even) {
  background: #e5e5e5;
  border-radius: 8px;
}

.single-camper .specs-table .specs-table-single .specs-table-single-label,
.single-camper .specs-table .specs-table-single .specs-table-single-value {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  max-width: 40%;
  width: 100%;
  display: flex;
  align-items: center;
}

.single-camper .specs-table .specs-table-single .specs-table-single-value {
  justify-content: flex-end;
  text-align: right;
  word-break: break-all;
}

@media (max-width: 991.98px) {
  .single-camper .kemper-hero-section .kemper-gallery-section .main-gallery {
    aspect-ratio: 4/3;
  }

  .single-camper .kemper-hero-section .kemper-gallery-section {
    min-height: auto;
  }

  .single-camper .kemper-hero-section .kemper-gallery-section {
    display: flex;
    flex-direction: column;
  }

  .single-camper .kemper-hero-section .kemper-gallery-section .main-gallery {
    margin-bottom: 0;
  }

  .single-camper
    .kemper-hero-section
    .kemper-gallery-section
    .thumbnails-grid
    .thumbnail-item:nth-child(n + 4) {
    display: none;
  }

  .single-camper .kemper-hero-section .kemper-gallery-section .thumbnails-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .single-camper .kemper-info-section .toggle-info-section {
    display: flex;
  }

  .single-camper .kemper-info-section .specifications-table {
    margin-top: 16px;
    display: none;
  }
}

/*END GLOBAL CSS*/

/* 
*
*
*
* Date Picker CSS 
*
*
*
*
*/

.kemper-filters {
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.kemper-filters .filter-row .filter-group {
  display: flex;
  flex-direction: column;
  position: relative;
}

.kemper-filters .filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.kemper-filters .filter-group label {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.kemper-filters .filter-group label {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.kemper-filters .filter-group:has(#travelers) {
  display: none;
}

.kemper-filters .filter-group input {
  visibility: hidden;
  height: 48px;
  padding: 0px;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.kemper-filters .filter-group .search-btn {
  display: flex;
  width: 201px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background: var(--Brand-Secondary, #c52628);
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 120% */
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: white;
}

.kemper-filters .filter-group .fake-date-inputs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: white;
  border-radius: 8px;
  gap: 8px;
  width: fit-content;
  border: 1px solid white;
  transition: border 0.3s ease;
  position: relative;
}

.kemper-filters .filter-group .fake-date-inputs:has(.active) {
  border: 1px solid #c52628;
}

.kemper-filters .filter-group .fake-date-inputs .date-div,
.kemper-filters .filter-group .fake-date-inputs .time-div {
  padding: 4px;
  display: flex;
  gap: 4px;
  color: var(--Text-Black, #272727);
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
  white-space: nowrap;
}

.kemper-filters .filter-group .fake-date-inputs .time-div span {
  width: 41px;
}

.kemper-filters .filter-group .time-selector {
  position: absolute;
  top: calc(100% + 8px);
  background: white;
  padding: 16px;
  border-radius: 8px;
  z-index: 99;
  width: fit-content;
  left: 0;
  padding-right: 0;
  opacity: 0;
  visibility: hidden;
}

.kemper-filters .filter-group .time-selector.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.kemper-filters .filter-group .time-selector .time-selector-title {
  padding-bottom: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.kemper-filters .filter-group .time-selector .time-selector-title span {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.kemper-filters .filter-group .time-selector .time-selector-times {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 8px;
  overflow-y: auto;
  max-height: 392px;
  padding-right: 16px;
}

.kemper-filters .filter-group .time-selector .time-selector-times .time-option {
  padding: 8px 48px;
  background-color: #f2f2f2;
  border-radius: 8px;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.kemper-filters
  .filter-group
  .time-selector
  .time-selector-times
  .time-option:hover {
  background-color: #cbcbcb;
}

.kemper-filters
  .filter-group
  .time-selector
  .time-selector-times
  .time-option.selected-time {
  background-color: #c52628;
  color: white;
}

.default-full-btn {
  display: flex;
  width: 201px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background: var(--Brand-Secondary, #c52628);
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 120% */
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: white;
  cursor: pointer;
}

.default-full-btn:hover {
  background-color: #c52628;
}

.default-full-btn a {
  color: white;
}

.default-full-btn.inverted {
  width: fit-content;
  background: transparent;
  border: 2px solid #c52628;
  padding: 10px 24px;
  color: #c52628;
}

/* Date Picker CSS End */

/* Single Camper Css */

.kemper-details-container p {
  margin-bottom: 0px;
  line-height: 27px;
}

.kemper-details-container .kemper-pricing-section {
  padding: 24px;
  background: #e5e5e5;
  border-radius: 8px;
  height: fit-content;
}

.kemper-details-container .kemper-pricing-section .kemper-filters {
  display: flex;
  gap: 8px;
  color: black;
  margin-bottom: 16px;
}

.kemper-details-container .kemper-pricing-section .kemper-filters label {
  color: black;
}

.kemper-details-container
  .kemper-pricing-section
  .kemper-filters
  .filter-group {
  flex: 1;
}

.kemper-details-container
  .kemper-pricing-section
  .kemper-filters
  .fake-date-inputs {
  width: 100%;
  justify-content: space-between;
}

.kemper-details-container .kemper-pricing-section .price-calculation-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.kemper-details-container
  .kemper-pricing-section
  .price-calculation-line.total-line {
  padding-top: 6px;
  border-top: 1px solid #cbcbcb;
}

.kemper-details-container .kemper-pricing-section .price-calculation-line div {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.kemper-details-container h3 {
  font-family: "Source Sans 3";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px; /* 150% */
  letter-spacing: 1.92px;
  margin-bottom: 24px;
}

.text-row-block .text-row {
  display: flex;
  margin-bottom: 8px;
  gap: 8px;
}

.text-row-block .text-row p {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
  margin-bottom: 0;
}

.kemper-blocks {
  display: flex;
  flex-direction: column;
  gap: 64px;
  margin-bottom: 90px;
}

.kemper-blocks .kemper-blocks-info {
  display: flex;
  gap: 48px;
  flex-direction: row-reverse;
}

.kemper-blocks .kemper-blocks-info > div {
  flex: 0 0 calc(50% - 24px);
}

.kemper-blocks .kemper-blocks-info .default-full-btn {
  margin: 0 auto;
}

@media (max-width: 991.98px) {
  .kemper-blocks .kemper-blocks-info {
    flex-direction: column-reverse;
    gap: 24px;
  }

  .kemper-blocks .kemper-blocks-info > div {
    flex: 1;
  }

  .kemper-blocks .kemper-filters {
    flex-direction: column;
    gap: 16px;
  }
}

/* End Single Camper Css */

/* login form css */

.content-area.login,
.content-area.register {
  max-width: 1400px;
  padding: 60px 16px;
}

.content-area.login a,
.content-area.register a {
  color: #000000;
  text-decoration: underline;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
  text-underline-offset: 2px;
}

.form-div {
  max-width: 492px;
  width: 100%;
  margin: 24px auto 0;
}

.form-div form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.form-div form .default-full-btn {
  margin: 12px auto 0;
}

.form-div form p {
  margin-bottom: 12px;
}

.form-div form input:not(input[type="submit"], input[type="checkbox"]) {
  border-radius: 8px !important;
  border: 1px solid #525252 !important;
  background: #fff;
  padding: 14px 24px;
  height: auto;

  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.96px;
}

.form-div
  form
  input:not(input[type="submit"], input[type="checkbox"])::placeholder,
.form-div form label {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.form-div form label {
  font-weight: 600;
  padding: 0 8px;
}

.login-form-div .register-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
}

.login-form-div .register-div p {
  margin-bottom: 24px;
}

.login-form-div .register-div .register-link {
  width: fit-content;
}

.form-div .also-use {
  position: relative;
  margin: 24px 0 36px;
}

.form-div .also-use p {
  background: #f2f2f2;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  padding: 0 12px;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.form-div .also-use .line {
  width: 100%;
  height: 1px;
  background: #cbcbcb;
}

.form-div form .register-privacy-note {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: 10%;
  text-underline-position: from-font;
}

.wpforms-field.wpforms-field-text.hidden-field {
  display: none;
}

.wpforms-error::before {
  display: none !important;
}

.reservation-form
  .wpforms-container
  form
  .wpforms-field-container
  .wpforms-field
  input.wpforms-error {
  border: 1.5px solid #c52628 !important;
}

.wpforms-container
  form
  .wpforms-field-container
  .wpforms-field
  input[type="checkbox"]:focus {
  border: none !important;
}

.wpforms-container
  form
  .wpforms-field-container
  .wpforms-field
  input[type="checkbox"]::before {
  content: "" !important;
  display: block !important;
}

.wpforms-field.wpforms-field-checkbox label {
  padding: 0px !important;
  margin-left: 0;
}

/* end login form css */

/* reservation form css */

.reservation {
  max-width: 1400px;
  margin: 0 auto 60px;
  padding: 60px 16px;
}

.reservation .reservation-form-div {
  display: flex;
}

.reservation .reservation-form-div:has(.wpforms-confirmation-container-full) {
  width: 100%;
  flex: auto;
}

.reservation .reservation-form-div:has(.wpforms-confirmation-container-full) {
  width: 100%;
  flex: auto;
}

.reservation .reservation-content:has(.wpforms-confirmation-container-full) {
  flex-wrap: wrap;
}

.reservation .reservation-content {
  margin-top: 24px;
  display: flex;
  gap: 48px;
}

.reservation .reservation-content div {
  flex: 1;
}

.reservation .reservation-content .chosen-camper {
  background: #e5e5e5;
  padding: 24px;
  border-radius: 24px;
  height: fit-content;
  max-width: 608px;
  width: 100%;
  margin: 0 auto;
}

.reservation .reservation-content .chosen-camper .camper-info {
  display: flex;
  gap: 22px;
  margin-bottom: 16px;
}

.reservation .reservation-content .chosen-camper .camper-info .camper-image {
  width: 204px;
  height: 114px;
  border-radius: 8px;
  background-color: white;
  overflow: hidden;
  max-width: 204px;
}

.reservation
  .reservation-content
  .chosen-camper
  .camper-info
  .camper-image
  img {
  height: auto;
  object-fit: cover;
  aspect-ratio: 4 / 3;
  width: 100%;
  max-height: 100%;
}

@media (max-width: 991.98px) {
  .reservation
    .reservation-content
    .chosen-camper
    .camper-info
    .camper-image
    img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: none;
  }
}

.reservation
  .reservation-content
  .chosen-camper
  .camper-info
  .camper-details
  h2 {
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px; /* 150% */
  letter-spacing: 1.08px;
  margin-bottom: 16px;
}

.reservation
  .reservation-content
  .chosen-camper
  .camper-info
  .camper-details
  p {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
  margin-bottom: 0px;
}

.reservation
  .reservation-content
  .chosen-camper
  .reservation-info
  .price-calculation-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.reservation
  .reservation-content
  .chosen-camper
  .reservation-info
  .price-calculation-line
  div:last-child {
  text-align: right;
}

.reservation
  .reservation-content
  .chosen-camper
  .reservation-info
  .price-calculation-line.total-line {
  padding-top: 6px;
  border-top: 1px solid #cbcbcb;
}

.reservation
  .reservation-content
  .chosen-camper
  .reservation-info
  .price-calculation-line.total-line
  p {
  margin-bottom: 0;
}

.reservation
  .reservation-content
  .chosen-camper
  .reservation-info
  .price-calculation-line
  div {
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.reservation .reservation-form-div .reservation-form {
}

.reservation .reservation-form-div .reservation-form .wpforms-container {
}

.reservation
  .reservation-form-div
  .reservation-form
  .wpforms-container
  .wpforms-form {
  width: 100%;
}

.reservation
  .reservation-form-div
  .reservation-form
  .wpforms-container
  .wpforms-form
  a {
  color: #000000;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.reservation
  .reservation-form-div
  .reservation-form
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  label {
  margin: 0px 8px 0px;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.96px;
}

.reservation
  .reservation-form-div
  .reservation-form
  .wpforms-container
  .wpforms-form
  .wpforms-submit-container
  button[type="submit"] {
  margin: 12px 0 0;
}

.wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  input:not(input[type="submit"], input[type="checkbox"]) {
  max-width: none;
  width: 100%;
}

.wpforms-container .wpforms-confirmation-container-full {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  margin-bottom: 0 !important;
}

.wpforms-container .wpforms-confirmation-container-full p {
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 1.08px;
  text-transform: uppercase;
  text-align: center;
}

@media (max-width: 991.98px) {
  .reservation .reservation-content {
    flex-direction: column-reverse;
  }

  .reservation .reservation-content .chosen-camper,
  .reservation .reservation-content .reservation-form {
    width: 100%;
  }

  .reservation .reservation-content .chosen-camper .camper-info {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .reservation .reservation-content .chosen-camper .camper-info .camper-image {
    aspect-ratio: 4/3;
    object-fit: cover;
  }

  .reservation
    .reservation-content
    .chosen-camper
    .camper-info
    .camper-details
    h2 {
    margin-bottom: 8px;
  }
}

/* language switcher css */

.language-switcher {
  position: relative;
  width: 40px;
  height: 40px;
}

.language-switcher .gtranslate_wrapper {
  position: absolute;
  height: auto;
  background: #cbcbcb;
  border-radius: 9999px;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
  top: -2px;
}

.language-switcher .gtranslate_wrapper .gt_switcher {
  background: #cbcbcb;
  border-radius: 9999px;
  overflow: hidden;
  padding: 6px;
  width: 44px;
}

.language-switcher .gtranslate_wrapper .gt_switcher .gt_option {
  height: auto;
  background: #cbcbcb;
  border: none;
  height: auto !important;
  transition: height 0.1s ease;
  -webkit-transition: height 0.1s ease;
  transition-delay: 0ms;
}

.language-switcher .gtranslate_wrapper .gt_switcher .gt_option a {
  background: #cbcbcb;
  border: none;
  height: auto !important;
  width: 32px;
  border-radius: 9999px;
}

.language-switcher .gtranslate_wrapper .gt_switcher a {
  font-size: 0;
  padding: 0 !important;
  margin-bottom: 8px;
  height: auto;
}

.language-switcher .gtranslate_wrapper .gt_option a:hover,
.language-switcher .gtranslate_wrapper .gt_switcher .gt_selected a:hover {
  background: transparent !important;
  filter: brightness(0.7);
}

.language-switcher .gtranslate_wrapper .gt_switcher .gt_selected a:after {
  display: none;
}

.language-switcher .gtranslate_wrapper .gt_switcher .gt_selected {
  background: #cbcbcb;
  border: none;
}

.language-switcher .gtranslate_wrapper .gt_switcher .gt_selected a {
  font-size: 0;
  padding: 0;
  border: none;
  margin-bottom: 0;
}

.language-switcher .gtranslate_wrapper .gt_switcher a img {
  object-fit: cover;
  width: 32px;
  height: 32px;
}

.site-header.kemperi-custom-header .mobile-menu-container .gtranslate_wrapper {
  background: transparent;
  transition: background 0.3s ease;
}

.site-header.kemperi-custom-header
  .mobile-menu-container
  .gtranslate_wrapper
  .gt_switcher {
  background: transparent;
  transition: background 0.3s ease;
}

.site-header.kemperi-custom-header
  .mobile-menu-container
  .gtranslate_wrapper
  .gt_switcher
  .gt_option {
  background: transparent;
  transition: background 0.3s ease;
}

.site-header.kemperi-custom-header
  .mobile-menu-container
  .gtranslate_wrapper
  .gt_switcher
  .gt_selected {
  background: transparent;
  transition: background 0.3s ease;
}

.site-header.kemperi-custom-header
  .mobile-menu-container
  .gtranslate_wrapper:has(.open) {
  background: white;
}

.site-header.kemperi-custom-header
  .mobile-menu-container
  .gtranslate_wrapper:has(.open)
  .gt_switcher {
  background: white;
}

.site-header.kemperi-custom-header
  .mobile-menu-container
  .gtranslate_wrapper:has(.open)
  .gt_switcher
  .gt_option {
  background: white;
}

.site-header.kemperi-custom-header
  .mobile-menu-container
  .gtranslate_wrapper:has(.open)
  .gt_switcher
  .gt_selected {
  background: white;
}

.home
  .site-header.kemperi-custom-header
  .kemperi-main-header
  .gtranslate_wrapper {
  background: transparent;
  transition: background 0.3s ease;
}

.home
  .site-header.kemperi-custom-header
  .kemperi-main-header
  .gtranslate_wrapper
  .gt_switcher {
  background: transparent;
  transition: background 0.3s ease;
}

.home
  .site-header.kemperi-custom-header
  .kemperi-main-header
  .gtranslate_wrapper
  .gt_switcher
  .gt_option {
  background: transparent;
  transition: background 0.3s ease;
}

.home
  .site-header.kemperi-custom-header
  .kemperi-main-header
  .gtranslate_wrapper
  .gt_switcher
  .gt_selected {
  background: transparent;
  transition: background 0.3s ease;
}

.home
  .site-header.kemperi-custom-header
  .kemperi-main-header
  .gtranslate_wrapper:has(.open) {
  background: #fff;
}

.home
  .site-header.kemperi-custom-header
  .kemperi-main-header
  .gtranslate_wrapper:has(.open)
  .gt_switcher {
  background: #fff;
}

.home
  .site-header.kemperi-custom-header
  .kemperi-main-header
  .gtranslate_wrapper:has(.open)
  .gt_switcher
  .gt_option {
  background: #fff;
}

.home
  .site-header.kemperi-custom-header
  .kemperi-main-header
  .gtranslate_wrapper:has(.open)
  .gt_switcher
  .gt_selected {
  background: #fff;
}

.language-switcher .flag {
  display: none;
}

.testimonials-grid .testimonial-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.paslaugos-grid .paslaugos-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.motorhome-image.placeholder {
  background: linear-gradient(to bottom right, #727272 0%, #ffffff 100%);
  border-radius: 0 0 8px 8px;
}

.testimonials-section .default-full-btn {
  margin: 32px auto;
}

.testimonials-slider .slick-track {
  height: 264px;
}

.testimonials-slider .slick-track .testimonial-slide .testimonial-info {
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
}

.new-campers-our-brands-logo img {
  width: 100%;
}

.footer-menu-section .footer-menu-section-inner ul {
  list-style-type: none;
  margin: 0;
}

.flatpickr-innerContainer {
  overflow: visible !important;
}

.flatpickr-innerContainer .flatpickr-days {
  overflow: visible !important;
}

.flatpickr-day {
  position: relative;
}

.flatpickr-day.invalid-day {
  pointer-events: none;
  color: #cbcbcb;
}

.day-warning {
  color: #272727;
  position: absolute;
  bottom: calc(100% + 8px);
  width: fit-content;
  display: flex;
  min-width: 150px;
  left: 50%;
  transform: translate(-50%, 0%);
  justify-content: center;
  box-shadow: 0 2px 2px 0 rgba(39, 39, 39, 0.1),
    0 1px 1px 0 rgba(39, 39, 39, 0.11);
  padding: 2px 8px;
  border-radius: 8px;
  background: #f2f2f2;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.96px;
}

.thumbnail-item .more-photos {
  position: absolute;
  right: 16px;
  bottom: 16px;
  padding: 8px;
  background: white;
  border-radius: 8px;
  display: none;
}

.thumbnail-item {
  position: relative;
}

#ast-scroll-top {
  background-color: #c52628;
}

body:not(.home) #mobile-menu-toggle {
  background: #e5e5e5;
}

body:not(.home) #mobile-menu-toggle svg path {
  stroke: #272727;
}

body:not(.home) #mobile-menu-toggle:hover svg path {
  stroke: #e5e5e5;
}

.mobile-menu-container .contact-item {
  background: #525252;
}

.mobile-menu-container .contact-item a {
  color: #ffffff;
}

body:not(.home) .contact-item:hover {
  background: #525252;
}

body:not(.home) .contact-item:hover a {
  color: #ffffff;
}

body:not(.home) .contact-item:hover .phone-icon svg path,
body:not(.home) .contact-item:hover .email-icon svg path {
  fill: #ffffff;
}

.mobile-menu-container .contact-item .phone-icon svg path,
.mobile-menu-container .contact-item .email-icon svg path {
  fill: #ffffff;
}

.mobile-menu-container {
  border-radius: 8px 0px 8px 8px;
}

.kemper-grid.empty {
  grid-template-columns: auto;
}

.kemper-grid.empty p {
  margin-bottom: 0;
}

.kemper-grid.empty p strong {
  font-weight: 600;
}

@media (max-width: 991.98px) {
  #kemper-filter-form .filter-row .filter-group {
    width: 100%;
  }

  .content-area.camper-catalog
    #kemper-catalog
    .kemper-filters
    #kemper-filter-form
    .filter-group
    .fake-date-inputs {
    width: 100%;
    justify-content: space-between;
  }
}

.site-content
  .wpforms-container
  .wpforms-form
  .wpforms-field-container
  .wpforms-field
  label {
  margin: 0px 8px 0px;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.96px;
}

.site-content .wpforms-container .wpforms-form a {
  color: #000000;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.96px;
}

.wpforms-error {
  font-family: "Source Sans 3";
  font-style: normal;
  letter-spacing: 0.96px;
  font-weight: 400;
  line-height: 150%;
}

.hero-image-mobile {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: 50% 80%;
  display: none;
}

.thumbnail-item .default-full-btn.mobile {
  display: none;
}

.thumbnail-item:has(.default-full-btn:not(.mobile)) img {
  filter: blur(2px);
}

.thumbnail-item .default-full-btn {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  width: fit-content;
  white-space: nowrap;
  background: white;
  pointer-events: none;
}

.wpforms-submit-spinner {
  position: absolute !important;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}

@media (max-width: 991.98px) {
  .hero-image-mobile {
    display: block;
  }

  .hero-container {
    padding: 128px 32px 0;
  }

  .hero-container .hero-text h1 {
    font-size: 44px;
    line-height: 66px;
  }

  .hero-content a p {
    width: 100%;
    min-width: 201px;
  }

  .hero-content a span {
    min-width: 48px;
  }

  .hero-section {
    height: 812px;
    align-items: flex-start;
  }

  .home .site-header.kemperi-custom-header .kemperi-main-header {
    padding-top: 20px;
  }

  .kemperi-main-header .header-content .site-logo .logo-img {
    min-width: 134px;
  }

  .thumbnail-item .default-full-btn.mobile {
    display: flex;
    padding: 7px;
  }

  .thumbnail-item:has(.default-full-btn.mobile) img {
    filter: blur(2px);
  }
}

@media (max-width: 767.98px) {
  .home .site-header.kemperi-custom-header .kemperi-main-header {
    padding: 20px 16px;
  }
}

/* 
*
*
*
*
* TEMPORARY HIDDEN ELEMENTS
*
*
*
*/

.kemper-details-container .kemper-pricing-section .price-calculation-line {
  display: none;
}

.kemper-details-container .kemper-pricing-section .price-calculation-line.show {
  display: flex;
}

.reservation
  .reservation-content
  .chosen-camper
  .reservation-info
  .price-calculation-line.show {
  display: flex;
  margin-top: 16px;
}

.kemper-filters .filter-row .filter-group:nth-child(n + 3) {
  display: none !important;
}

.content-area.camper-catalog
  #kemper-catalog
  #kemper-results
  .kemper-card
  .kemper-image
  .price-badge {
  display: none;
}

.reservation
  .reservation-content
  .chosen-camper
  .reservation-info
  .price-calculation-line {
  display: none;
}

.reservation .reservation-content .chosen-camper .camper-info {
  margin-bottom: 0;
}

.header-cart-div {
  display: none;
}

@media (min-width: 992px) {
  .services-section-homepage {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
