#floater a,
.pkg-intro p strong,
h1,
h2,
h3,
h4 {
    font-family: var(--heading)
}

#book-modal h3,
#services h2 {
    margin: 0 0 clamp(13.333333333333px, 1.0416666666667vw, 20px)
}

.bg-dark video,
.services .elementor-image-box-wrapper .elementor-image-box-img {
    width: 100% !important
}

@font-face {
    font-family: Satoshi;
    src: url(../../../../../../../themes/nsc/fonts/Satoshi-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Satoshi;
    src: url(../../../../../../../themes/nsc/fonts/Satoshi-Medium.woff2) format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Satoshi;
    src: url(../../../../../../../themes/nsc/fonts/Satoshi-Light.woff2) format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Satoshi;
    src: url(../../../../../../../themes/nsc/fonts/Satoshi-MediumItalic.woff2) format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Satoshi;
    src: url(../../../../../../../themes/nsc/fonts/Satoshi-Bold.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Satoshi;
    src: url(../../../../../../../themes/nsc/fonts/Satoshi-Italic.woff2) format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Satoshi;
    src: url(../../../../../../../themes/nsc/fonts/Satoshi-BoldItalic.woff2) format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

:root {
    --heading: "indivisible", sans-serif;
    --font: "Satoshi", sans-serif;
    --spacing: clamp(60px, 4.6875vw, 90px);
    --radius: 0;
    --transition: all 0.35s ease;
    --mainFontSize: clamp(16px, 1.3020833333333vw, 25px);
    --smallFontSize: clamp(14px, 0.88541666666667vw, 17px);
    --h1FontSize: clamp(30px, 4.4791666666667vw, 86px);
    --h2FontSize: clamp(30px, 3.6458333333333vw, 70px);
    --h3FontSize: clamp(20px, 1.7708333333333vw, 34px);
    --h4FontSize: clamp(18px, 1.5625vw, 30px);
    --lineHeight: 1.5;
    --lineHeightSm: 1.25;
    --lineHeightLg: 1.75;
    --headingLineHeight: 1;
    --containerAbove1600: 75.521vw;
    --containerAbove1368: 1308px;
    --blue: #1756A7;
    --blueBackground: #0A4B9D;
    --lightblue: #53D1FF;
    --red: #D81130;
    --text: #414141;
    --dark: #02224D;
    --light: #EDF1F6;
    --primary: var(--blue);
    --secondary: var(--lightblue);
    --gradientBlue: linear-gradient(180deg, #1756A7 0%, #034397 100%);
    --gradientBlueFallback: var(--blue);
    --gradientRed: linear-gradient(180deg, #D81130 0%, #B40722 100%);
    --gradientRedFallback: var(--red);
    --gradientDark: linear-gradient(180deg, #072B59 0%, #001939 100%);
    --gradientDarkFallback: var(--dark);
    --buttonPaddingTop: clamp(9.3333333333333px, 0.72916666666667vw, 14px);
    --buttonPaddingBottom: var(--buttonPaddingTop);
    --buttonPaddingLeft: clamp(26.666666666667px, 2.0833333333333vw, 40px);
    --buttonPaddingRight: var(--buttonPaddingLeft);
    --buttonCasing: none;
    --buttonRadius: 0;
    --buttonFontSize: clamp(15px, 1.3020833333333vw, 25px);
    --buttonWeight: 600;
    --buttonLetterSpacing: 0;
    --buttonBorderWidth: 0;
    --buttonFont: var(--font);
    --buttonTextColour: var(--dark);
    --buttonBackgroundPrimary: var(--gradientBlue);
    --buttonBackgroundSecondary: var(--gradientRed);
    --formFieldBorder: #ddd;
    --formFieldPaddingTop: clamp(9px, 0.67708vw, 13px);
    --formFieldPaddingBottom: clamp(9px, 0.67708vw, 13px);
    --formFieldPaddingLeft: clamp(17px, 1.30208vw, 25px);
    --formFieldPaddingRight: clamp(17px, 1.30208vw, 25px);
    --formFieldRadius: clamp(0px, 0vw, 0px)
}

html {
    background-color: var(--blueBackground);
    padding: clamp(26.666666666667px, 2.0833333333333vw, 40px);
    overflow-x: hidden
}

body {
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

h1,
h2,
h3,
h4 {
    font-weight: 700
}

.link-button a,
.link-button a:focus,
.link-button a:hover,
html .button.primary,
html .button.primary:focus,
html .button.primary:hover,
html .elementor-button,
html .elementor-button:focus,
html .elementor-button:hover {
    background: var(--gradientRedFallback);
    background: var(--gradientRed);
    color: #fff
}

#floater a,
.pkg-lead #pkg-switch ul li a:before {
    background: var(--gradientBlueFallback);
    transition: var(--transition)
}

html .button.secondary,
html .button.secondary:focus,
html .button.secondary:hover,
html .elementor-element.elementor-button-info .elementor-button,
html .elementor-element.elementor-button-info .elementor-button:focus,
html .elementor-element.elementor-button-info .elementor-button:hover,
html .woocommerce #respond input#submit,
html .woocommerce #respond input#submit.alt,
html .woocommerce #respond input#submit.alt:focus,
html .woocommerce #respond input#submit.alt:hover,
html .woocommerce #respond input#submit:focus,
html .woocommerce #respond input#submit:hover,
html .woocommerce a.button,
html .woocommerce a.button.alt,
html .woocommerce a.button.alt:focus,
html .woocommerce a.button.alt:hover,
html .woocommerce a.button:focus,
html .woocommerce a.button:hover,
html .woocommerce button.button,
html .woocommerce button.button.alt,
html .woocommerce button.button.alt:focus,
html .woocommerce button.button.alt:hover,
html .woocommerce button.button:focus,
html .woocommerce button.button:hover,
html .woocommerce input.button,
html .woocommerce input.button.alt,
html .woocommerce input.button.alt:focus,
html .woocommerce input.button.alt:hover,
html .woocommerce input.button:focus,
html .woocommerce input.button:hover {
    background: var(--gradientBlueFallback);
    background: var(--gradientBlue);
    color: #fff !important;
    transition: var(--transition)
}

html .elementor-element.elementor-button-warning .elementor-button,
html .elementor-element.elementor-button-warning .elementor-button:focus,
html .elementor-element.elementor-button-warning .elementor-button:hover {
    background: var(--gradientDarkFallback);
    background: var(--gradientDark);
    color: #fff
}

#floater a:before,
.locations .map-loc p a strong:before,
.pkg-lead #pkg-switch ul li a strong em:before,
.testimonials .elementor-swiper-button,
.testimonials span.elementor-testimonial__name:after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.link-button a:focus,
.link-button a:hover,
html .button.ghost:focus,
html .button.ghost:hover,
html .button.primary:focus,
html .button.primary:hover,
html .button.secondary:focus,
html .button.secondary:hover,
html .elementor-button:focus,
html .elementor-button:hover,
html .elementor-element.elementor-button-info .elementor-button:focus,
html .elementor-element.elementor-button-info .elementor-button:hover,
html .elementor-element.elementor-button-success .elementor-button:focus,
html .elementor-element.elementor-button-success .elementor-button:hover,
html .elementor-element.elementor-button-warning .elementor-button:focus,
html .elementor-element.elementor-button-warning .elementor-button:hover,
html .woocommerce #respond input#submit.alt:focus,
html .woocommerce #respond input#submit.alt:hover,
html .woocommerce #respond input#submit:focus,
html .woocommerce #respond input#submit:hover,
html .woocommerce a.button.alt:focus,
html .woocommerce a.button.alt:hover,
html .woocommerce a.button:focus,
html .woocommerce a.button:hover,
html .woocommerce button.button.alt:focus,
html .woocommerce button.button.alt:hover,
html .woocommerce button.button:focus,
html .woocommerce button.button:hover,
html .woocommerce input.button.alt:focus,
html .woocommerce input.button.alt:hover,
html .woocommerce input.button:focus,
html .woocommerce input.button:hover {
    filter: grayscale(1);
    opacity: .9
}

html .button.ghost,
html .button.ghost:focus,
html .button.ghost:hover,
html .elementor-element.elementor-button-success .elementor-button,
html .elementor-element.elementor-button-success .elementor-button:focus,
html .elementor-element.elementor-button-success .elementor-button:hover {
    border: none;
    background-color: var(--lightblue);
    color: var(--dark)
}

html .button.ghost:focus,
html .button.ghost:hover,
html .elementor-element.elementor-button-success .elementor-button:focus,
html .elementor-element.elementor-button-success .elementor-button:hover {
    opacity: 1;
    color: #fff
}

h1,
h2 {
    color: var(--dark)
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark li,
.bg-dark p,
.copyright p a:focus,
.copyright p a:hover {
    color: #fff
}

.locations .map-loc p a:focus,
.locations .map-loc p a:hover,
h1 strong,
h2 strong {
    color: var(--lightblue)
}

.bg-dark {
    background: var(--gradientDarkFallback);
    background: var(--gradientDark)
}

.fw-section-padding {
    padding: clamp(70px, 5.46875vw, 105px) clamp(46.666666666667px, 3.6458333333333vw, 70px) !important
}

.mission .fw-section-padding {
    padding: clamp(30px, 9.375vw, 180px) clamp(30px, 5.46875vw, 105px) !important
}

.services-lead .fw-section-padding {
    padding: 0 clamp(70px, 5.46875vw, 105px) !important
}

#header {
    transition: var(--transition);
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0 clamp(2px, .15625vw, 3px) transparent;
    padding: clamp(3.3333333333333px, .26041666666667vw, 5px) clamp(20px, 1.5625vw, 30px) !important;
    z-index: 3000 !important
}

#footer,
#header.fixed-header.active,
.locations .map-loc p a:focus strong:after,
.locations .map-loc p a:hover strong:after,
.product-modal__left {
    background-color: #fff
}

@media (min-width:768px) {
    #header {
        left: clamp(26.666666666667px, 2.0833333333333vw, 40px);
        right: clamp(26.666666666667px, 2.0833333333333vw, 40px);
        max-width: calc(100% - clamp(53.333333333333px, 4.1666666666667vw, 80px))
    }
}

#header.fixed-header {
    top: clamp(26.666666666667px, 2.0833333333333vw, 40px) !important
}

#header.fixed-header.active {
    top: 0 !important;
    box-shadow: 0 clamp(2px, .15625vw, 3px) clamp(6px, .46875vw, 9px) rgba(0, 0, 0, .25);
    padding: clamp(1.3333333333333px, .10416666666667vw, 2px) 30px !important
}

.admin-bar:not(.admin-bar.home) #header.fixed-header {
    top: clamp(65px, 3.75vw, 72px) !important
}

.admin-bar.home #header.fixed-header {
    top: 72px !important
}

.admin-bar #header.fixed-header.active,
.admin-bar.home #header.fixed-header.active,
.admin-bar:not(.admin-bar.home) #header.fixed-header.active {
    top: 32px !important
}

#header .navigation li:not(.link-button, :first-child) a {
    color: var(--dark);
    font-weight: 700;
    padding: clamp(13.333333333333px, 1.0416666666667vw, 20px) clamp(8px, 1.0416666666667vw, 20px);
    font-size: clamp(15px, 1.3020833333333vw, 25px)
}

#header .navigation li.link-button {
    margin-left: clamp(13.333333333333px, 1.0416666666667vw, 20px)
}

#header .navigation li:first-child {
    margin-right: auto
}

#header .navigation li:first-child a img {
    width: clamp(125px, 15vw, 288px);
    height: auto;
    transition: var(--transition);
    position: relative;
    top: clamp(2px, .15625vw, 3px)
}

#header .navigation li:not(.link-button, :first-child) a:after {
    content: "";
    display: block;
    margin: auto;
    height: clamp(2.6666666666667px, .20833333333333vw, 4px);
    background: var(--lightblue);
    position: absolute;
    width: auto;
    left: clamp(23.333333333333px, 1.8229166666667vw, 35px);
    right: clamp(23.333333333333px, 1.8229166666667vw, 35px);
    max-width: 65%;
    transition: var(--transition);
    bottom: clamp(3.3333333333333px, .26041666666667vw, 5px);
    opacity: 0
}

#header .navigation li:not(.link-button, :first-child) a:focus:after,
#header .navigation li:not(.link-button, :first-child) a:hover:after,
#header .navigation li:not(.link-button, :first-child).current-menu-item a:after {
    opacity: 1;
    bottom: clamp(10.666666666667px, .83333333333333vw, 16px)
}

#header.active .navigation li:first-child a img {
    width: clamp(106.66666666667px, 8.3333333333333vw, 160px)
}

.mission {
    z-index: 100 !important;
    position: relative
}

.mission h2+p,
.wash-club-lead h2+p {
    max-width: 85%;
    font-weight: 300;
    margin: 0 0 clamp(30px, 2.34375vw, 45px)
}

.bg-dark video {
    height: 100% !important
}

.copyright p {
    display: flex;
    font-size: clamp(13.333333333333px, 1.0416666666667vw, 20px)
}

.copyright p a:not(:last-child) {
    margin-left: clamp(3.3333333333333px, .26041666666667vw, 5px)
}

.copyright p a:last-child {
    margin-left: auto
}

.copyright p a {
    color: #53d1ff;
    font-weight: 600
}

.copyright {
    padding: clamp(31.333333333333px, 2.4479166666667vw, 47px) clamp(20px, 1.5625vw, 30px)
}

#footer {
    padding: clamp(30px, 1.875vw, 36px) clamp(20px, 1.5625vw, 30px)
}

#footer img {
    max-width: clamp(188.66666666667px, 14.739583333333vw, 283px);
    margin: 0 0 30px
}

#footer ul li a {
    color: var(--text)
}

#footer ul li a:focus,
#footer ul li a:hover {
    color: var(--blue)
}

#footer ul li a svg {
    width: clamp(15px, 1.6666666666667vw, 32px);
    height: clamp(15px, 1.6666666666667vw, 32px);
    margin-right: clamp(4px, .36458333333333vw, 7px);
    position: relative;
    top: clamp(1.3333333333333px, .10416666666667vw, 2px)
}

#footer ul li a svg *,
.pkg-lead #pkg-switch ul li a svg * {
    transition: var(--transition)
}

#footer ul li a:focus svg *,
#footer ul li a:hover svg * {
    fill: var(--blue)
}

#footer ul li,
.pp-price {
    margin: 0
}

#footer ul li:nth-child(2) {
    margin: 0 clamp(38px, 2.96875vw, 57px)
}

.testimonials h2 {
    margin: 0 0 clamp(20px, 1.5625vw, 30px)
}

.testimonials .elementor-widget-testimonial-carousel .elementor-testimonial__text {
    font-style: normal;
    font-size: clamp(16px, 1.6666666666667vw, 32px);
    padding: 0 clamp(10px, 6.5104166666667vw, 125px)
}

.testimonials span.elementor-testimonial__name {
    font-size: var(--mainFontSize);
    color: var(--dark);
    margin-top: clamp(10px, 2.6041666666667vw, 50px)
}

.testimonials span.elementor-testimonial__name:after {
    content: '';
    display: block;
    width: clamp(94.666666666667px, 7.3958333333333vw, 142px);
    height: clamp(15.333333333333px, 1.1979166666667vw, 23px);
    background-image: url(../../../../../../../themes/nsc/i/icons/icon-stars.svg);
    margin: clamp(6.6666666666667px, .52083333333333vw, 10px) auto 0
}

.testimonials .elementor-swiper-button {
    width: clamp(14.666666666667px, 1.1458333333333vw, 22px);
    height: clamp(26.666666666667px, 2.0833333333333vw, 40px);
    top: clamp(70px, 5.46875vw, 105px) !important;
    transition: var(--transition)
}

.testimonials .elementor-swiper-button.elementor-swiper-button-prev {
    background-image: var(--wpr-bg-50b6700c-908b-44f9-8fc6-d0a13b268357)
}

.testimonials .elementor-swiper-button.elementor-swiper-button-next {
    background-image: var(--wpr-bg-a2bd9d3c-d28b-4011-b297-c9ee9fa2210f)
}

#cart .product-thumbnail,
#packages .package .package-footer .pkg-price:not(.active),
#review-order ul li img,
.hero .gallery br,
.page-id-215 .pkg-lead-outro+.elementor-widget-button,
.testimonials .elementor-swiper-button svg,
.woocommerce-cart #floater,
.woocommerce-checkout #floater {
    display: none
}

.testimonials .elementor-swiper-button:focus,
.testimonials .elementor-swiper-button:hover {
    opacity: .5
}

.home .pkg-lead {
    margin-top: clamp(10px, 5.2083333333333vw, 100px) !important
}

.pkg-lead .pkg-lead-outro {
    margin: clamp(46.666666666667px, 3.6458333333333vw, 70px) 0 clamp(20px, 1.5625vw, 30px) !important
}

.pkg-lead #pkg-switch {
    margin: clamp(33.333333333333px, 2.6041666666667vw, 50px) 0
}

.pkg-lead #pkg-switch ul {
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: stretch;
    justify-content: space-between
}

.pkg-lead #pkg-switch ul,
.pkg-lead #pkg-switch ul li,
.pkg-lead #pkg-switch ul li a strong {
    display: flex;
    flex-wrap: wrap
}

.pkg-lead #pkg-switch ul li {
    width: 33%;
    max-width: 33%;
    margin: 0
}

.pkg-lead #pkg-switch ul li a {
    background-color: #f3f3f3;
    display: block;
    color: #6c6c6c;
    width: 100%;
    padding: clamp(13.333333333333px, 1.0416666666667vw, 20px);
    position: relative
}

.pkg-lead #pkg-switch ul li a strong {
    position: relative;
    z-index: 2;
    font-weight: 400;
    width: 100%;
    flex: 0 0 100%;
    align-items: center;
    justify-content: center;
    transition: var(--transition)
}

.pkg-lead #pkg-switch ul li a strong em {
    position: relative;
    font-style: normal
}

.pkg-lead #pkg-switch ul li a strong em:before {
    position: absolute;
    top: clamp(-8px, -.41666666666667vw, -5.3333333333333px);
    left: clamp(-95px, -4.9479166666667vw, -63.333333333333px);
    content: '';
    display: block;
    width: clamp(19.333333333333px, 1.5104166666667vw, 29px);
    height: clamp(19.333333333333px, 1.5104166666667vw, 29px);
    background-image: var(--wpr-bg-fc5270e0-752b-41c3-a7e5-882cec2fba30);
    transition: var(--transition);
    transform-origin: bottom right;
    transform: scale(0);
    opacity: 0
}

.pkg-lead #pkg-switch ul li a svg {
    height: clamp(26.666666666667px, 2.0833333333333vw, 40px);
    width: auto;
    max-width: clamp(36.666666666667px, 2.8645833333333vw, 55px);
    margin: 0 clamp(13.333333333333px, 1.0416666666667vw, 20px) 0 0
}

.pkg-lead #pkg-switch ul li:not(.active) a:focus,
.pkg-lead #pkg-switch ul li:not(.active) a:hover {
    background-color: var(--light);
    color: var(--dark)
}

.pkg-lead #pkg-switch ul li:not(.active) a:focus svg *,
.pkg-lead #pkg-switch ul li:not(.active) a:hover svg * {
    fill: var(--dark)
}

.pkg-lead #pkg-switch ul li a:before {
    background: var(--gradientBlue);
    content: "";
    display: block;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.pkg-lead #pkg-switch ul li.active a:before {
    opacity: 1
}

.pkg-lead #pkg-switch ul li.active a strong {
    font-weight: 700;
    color: #fff
}

.pkg-lead #pkg-switch ul li.active a svg *,
.why-choose .elementor-icon svg * {
    fill: #fff
}

.pkg-lead #pkg-switch ul li.active a strong em:before {
    transform: scale(1);
    opacity: 1
}

.wash-club-lead img {
    margin: clamp(53.333333333333px, 4.1666666666667vw, 80px) 0 clamp(-210px, -10.9375vw, -140px)
}

.wash-club-lead h2 em {
    font-style: normal;
    margin-left: clamp(120px, 9.375vw, 180px);
    display: block
}

.wash-club-lead h2 {
    margin: 0 0 clamp(13.333333333333px, 1.0416666666667vw, 20px) clamp(-345px, -17.96875vw, -230px)
}

.wash-club-lead h2+p {
    max-width: unset
}

.wash-club-lead h2+p strong {
    font-weight: 600
}

.services-lead .swiper {
    padding: 0 !important
}

.services-lead .elementor-widget-n-accordion .e-n-accordion-item-title {
    padding: 0;
    border: none
}

.services-lead .elementor-widget-n-accordion .e-n-accordion-item-title+.elementor-element {
    border: none
}

.services-lead .e-n-accordion-item {
    border-bottom: solid rgba(255, 255, 255, .1) !important
}

.services-lead .e-n-accordion-item h3 {
    font-size: clamp(20px, 1.5625vw, 30px);
    padding: clamp(8px, .625vw, 12px) 0
}

.services-lead .e-n-accordion-item:last-child {
    border-bottom: none !important
}

.services-lead .e-n-accordion {
    margin: 0 0 clamp(33.333333333333px, 2.6041666666667vw, 50px)
}

.services-lead .e-n-accordion-item p {
    font-size: clamp(13.333333333333px, 1.0416666666667vw, 20px);
    padding-bottom: clamp(8px, .625vw, 12px)
}

.locations .elementor-widget-google_maps .elementor-custom-embed,
.services-lead .services-lead-images>.elementor-widget-container {
    position: relative
}

.services-lead .services-lead-images>.elementor-widget-container:before {
    content: "";
    display: block;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute
}

#washclub-modal .label,
#washclub-modal .quantity,
#washclub-modal .related.products,
#washclub-modal .reset_variations,
#washclub-modal .summary.entry-summary>.price,
#washclub-modal .summary.entry-summary>.product_meta,
#washclub-modal .summary.entry-summary>.product_title.entry-title,
#washclub-modal .woocommerce-product-gallery,
#washclub-modal .woocommerce-tabs.wc-tabs-wrapper,
#washclub-modal .woocommerce-variation-price,
#washclub-modal label[for=months],
#washclub-modal label[for=type],
.product-modal .label,
.product-modal .quantity,
.product-modal .related.products,
.product-modal .reset_variations,
.product-modal .summary.entry-summary>.price,
.product-modal .summary.entry-summary>.product_meta,
.product-modal .summary.entry-summary>.product_title.entry-title,
.product-modal .woocommerce-product-gallery,
.product-modal .woocommerce-tabs.wc-tabs-wrapper,
.product-modal .woocommerce-variation-price,
.product-modal label[for=months],
.product-modal label[for=type],
.services-lead .swiper-pagination,
.woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta:last-child,
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child {
    display: none !important
}

.locations iframe {
    height: clamp(306.66666666667px, 23.958333333333vw, 460px) !important;
    position: relative;
    z-index: 1
}

.locations .elementor-widget-google_maps .elementor-custom-embed:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    margin: auto;
    z-index: 10;
    background: #072b59;
    background: linear-gradient(180deg, rgba(7, 43, 89, 0) 0, #001939 100%)
}

.locations .map-loc p {
    z-index: 200;
    position: relative;
    margin: clamp(-67px, -3.4895833333333vw, -44.666666666667px) 0 0;
    padding: 0 clamp(13.333333333333px, 1.0416666666667vw, 20px)
}

.locations .map-loc p a {
    display: block;
    color: #fff
}

.locations .map-loc p a strong {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative
}

.locations .map-loc p a strong:before {
    content: '';
    display: block;
    width: clamp(15.333333333333px, 1.1979166666667vw, 23px);
    height: clamp(18px, 1.40625vw, 27px);
    background-image: var(--wpr-bg-cadbef0b-5dc0-4ed9-aa84-7ff359d462f7);
    margin: 0 clamp(6.6666666666667px, .52083333333333vw, 10px) 0 0
}

.locations .map-loc p a strong:after {
    content: '';
    display: block;
    width: clamp(34px, 2.65625vw, 51px);
    height: clamp(34px, 2.65625vw, 51px);
    background-image: var(--wpr-bg-266e5d21-16e2-4c92-80b9-f01406e7d022);
    background-repeat: no-repeat;
    background-position: center;
    background-size: clamp(14.666666666667px, 1.1458333333333vw, 22px);
    background-color: var(--lightblue);
    transition: .3s;
    margin-left: auto
}

.hero {
    height: clamp(450px, 43.697916666666664vw, 839px) !important
}

.hero .gallery {
    position: relative;
    height: 100%
}

.hero .gallery .gallery-item img {
    max-width: unset;
    height: auto;
    border: none !important
}

.hero .gallery .gallery-item {
    position: absolute;
    display: block;
    float: none !important;
    height: auto;
    margin: 0 !important
}

.hero .gallery .gallery-item:first-of-type {
    z-index: 20;
    right: clamp(66.666666666667px, 5.2083333333333vw, 100px);
    bottom: clamp(-9px, -.46875vw, -6px)
}

.hero .gallery .gallery-item:first-of-type img {
    max-width: clamp(350px, 57.291666666667vw, 1100px)
}

.hero .gallery .gallery-item:nth-of-type(2) {
    bottom: clamp(53.333333333333px, 4.1666666666667vw, 80px);
    right: clamp(4.6666666666667px, .36458333333333vw, 7px);
    z-index: 10
}

.hero .gallery .gallery-item:nth-of-type(2) img {
    max-width: clamp(250px, 44.270833333333vw, 850px)
}

.hero .gallery .gallery-item:nth-of-type(3) {
    z-index: 3;
    right: 0;
    bottom: clamp(80px, 6.25vw, 120px)
}

.hero .gallery .gallery-item:nth-of-type(3) img {
    max-width: clamp(250px, 50vw, 960px)
}

.hero h1 {
    margin-top: clamp(33.333333333333px, 2.6041666666667vw, 50px)
}

.hero h1+p {
    max-width: clamp(343.33333333333px, 26.822916666667vw, 515px);
    margin: clamp(11.333333333333px, .88541666666667vw, 17px) 0 clamp(36.666666666667px, 2.8645833333333vw, 55px)
}

#floater a {
    position: fixed;
    z-index: 999;
    bottom: clamp(36.666666666667px, 2.8645833333333vw, 55px);
    right: clamp(36.666666666667px, 2.8645833333333vw, 55px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: clamp(200px, 15.625vw, 300px);
    height: clamp(200px, 15.625vw, 300px);
    transform: scale(1);
    transform-origin: bottom right;
    background: var(--gradientBlue) !important;
    border-radius: 100%;
    border: clamp(4.6666666666667px, .36458333333333vw, 7px) solid var(--lightblue);
    text-align: center;
    color: #fff;
    font-size: clamp(20px, 1.5625vw, 30px);
    line-height: 1;
    padding: clamp(8.6666666666667px, .67708333333333vw, 13px) clamp(26.666666666667px, 2.0833333333333vw, 40px) 0
}

#floater a:before {
    position: absolute;
    top: 10%;
    left: 10%;
    right: 10%;
    bottom: 10%;
    margin: auto;
    content: '';
    display: block;
    width: auto;
    height: auto;
    background-image: var(--wpr-bg-12171428-d07f-4eca-bd7b-30c886a6abf8);
    opacity: .15
}

#floater.scrolled a {
    transform: scale(.7)
}

#floater a strong {
    display: block;
    font-size: 190%;
    margin: clamp(16.666666666667px, 1.3020833333333vw, 25px) 0 0
}

#floater a em {
    font-style: normal;
    display: block;
    font-size: clamp(14px, .8333333333333334vw, 16px);
    width: clamp(120px, 9.375vw, 180px);
    margin: clamp(5.3333333333333px, .41666666666667vw, 8px) auto 0
}

#floater a:focus,
#floater a:hover {
    background-color: #bb0925!important;
}

#footer,
.copyright {
    z-index: 1000 !important;
    position: relative !important
}

.pg-title {
    margin: clamp(85px, 7.96875vw, 153px) 0 0 !important;
    padding: clamp(45px, 3.125vw, 60px) 0 !important
}

.section-intro {
    margin: 0 0 clamp(16.666666666667px, 1.3020833333333vw, 25px) !important
}

.why-choose .elementor-icon-box-wrapper .elementor-icon-box-content h3 {
    color: var(--dark);
    padding: 0 clamp(20px, 1.5625vw, 30px);
    margin: clamp(13.333333333333px, 1.0416666666667vw, 20px) 0 clamp(3.3333333333333px, .26041666666667vw, 5px) !important
}

.why-choose p {
    font-size: var(--smallFontSize);
    padding: 0 clamp(6.6666666666667px, .52083333333333vw, 10px)
}

.why-choose {
    margin-top: clamp(43.333333333333px, 3.3854166666667vw, 65px) !important
}

.why-choose .elementor-icon {
    width: clamp(80px, 6.25vw, 120px);
    height: clamp(80px, 6.25vw, 120px);
    background: var(--gradientRedFallback);
    background: var(--gradientRed);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto clamp(16.666666666667px, 1.3020833333333vw, 25px)
}

.why-choose .elementor-icon svg {
    max-width: 58%
}

.page-id-202 .locations {
    border-top: clamp(20px, 1.5625vw, 30px) solid var(--light);
    background: #fff
}

.captcha-note {
    text-align: left;
    margin: 0;
    padding-right: clamp(100px, 7.8125vw, 150px)
}

.pg-contact .elementor-field-group-message {
    margin: 0 0 clamp(20px, 1.5625vw, 30px) !important
}

.pg-contact label {
    font-size: var(--smallFontSize);
    color: var(--dark);
    font-weight: 600;
    margin: 0 0 clamp(3.3333333333333px, .26041666666667vw, 5px)
}

.pg-contact .elementor-field-group {
    margin: 0 0 clamp(13.333333333333px, 1.0416666666667vw, 20px) !important
}

.contact-box {
    padding: clamp(23.333333333333px, 1.8229166666667vw, 35px) !important
}

.contact-box svg {
    width: clamp(16px, 1.25vw, 24px) !important;
    height: clamp(16px, 1.25vw, 24px) !important
}

.contact-box ul li:not(:last-child) {
    margin: 0 0 clamp(6.6666666666667px, .52083333333333vw, 10px)
}

#packages {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap
}

#packages .package {
    flex: 0 0 23%;
    max-width: 23%;
    text-align: center;
    border: solid #d9d9d9;
    border-top: none;
    display: flex;
    flex-direction: column;
    transition: .3s
}

#packages .package.small {
    flex: 0 0 31%;
    max-width: 31%;
    margin: clamp(13.333333333333px, 1.0416666666667vw, 20px) 0 0
}

#packages .package:hover {
    border-color: var(--blue)
}

#packages .package .package-heading {
    background: var(--gradientDarkFallback);
    background: var(--gradientDark);
    color: #fff;
    padding: clamp(20px, 1.5625vw, 30px) clamp(10px, .78125vw, 15px);
    margin: clamp(-1px, -.052083333333333vw, -.66666666666667px) clamp(-1px, -.052083333333333vw, -.66666666666667px) 0
}

#book-modal,
#packages .package .package-body {
    padding: clamp(26.666666666667px, 2.0833333333333vw, 40px)
}

#packages .package .package-heading h3 {
    font-size: clamp(15.333333333333px, 1.1979166666667vw, 23px)
}

#packages .package .package-body li,
#packages .package .package-heading p {
    font-size: var(--smallFontSize)
}

#packages .package .package-heading p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: clamp(3.3333333333333px, .26041666666667vw, 5px) 0 0
}

#book-modal ul,
#packages .package .package-body ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#packages .package .package-heading p svg {
    margin: 0 clamp(5.3333333333333px, .41666666666667vw, 8px) 0 0;
    width: 18px !important;
    height: 18px !important;
    display: block
}

#packages .package .package-body li {
    margin: 0 0 clamp(10px, .78125vw, 15px)
}

#packages .package .package-footer {
    margin-top: auto;
    padding: 0 clamp(26.666666666667px, 2.0833333333333vw, 40px) clamp(26.666666666667px, 2.0833333333333vw, 40px)
}

#packages .package .package-footer .pkg-price .pp-price {
    color: var(--dark);
    font-weight: 700;
    font-size: clamp(28.666666666667px, 2.2395833333333vw, 43px);
    line-height: 1;
    transition: var(--transition);
    transform-origin: center
}

#packages .package .package-footer .pkg-price.active.highlight .pp-price {
    animation-name: pkgPulseOnActive;
    animation-duration: .3s
}

#packages .package .package-footer p.pkg-price small {
    display: block;
    font-weight: 600;
    line-height: 1
}

@keyframes pkgPulseOnActive {

    0%,
    100% {
        transform: scale(1) rotate(0);
        color: var(--dark)
    }

    50% {
        transform: scale(1.2) rotate(-2deg);
        color: var(--blue)
    }
}

.pkg-intro img {
    margin-top: clamp(33.333333333333px, 2.6041666666667vw, 50px);
    margin-bottom: clamp(33.333333333333px, 2.6041666666667vw, 50px)
}

.pkg-intro p strong {
    font-size: 150%;
    color: var(--dark)
}

.special-note p {
    font-size: clamp(9.3333333333333px, .72916666666667vw, 14px);
    margin: clamp(13.333333333333px, 1.0416666666667vw, 20px) 0 clamp(-40px, -2.0833333333333vw, -26.666666666667px)
}

.page-id-215 .wash-club-lead img {
    margin-top: clamp(13.333333333333px, 1.0416666666667vw, 20px)
}

#book-modal {
    display: none;
    z-index: 9999999999 !important;
    background: #fff;
    max-width: clamp(300px, 23.4375vw, 450px);
    text-align: center;
    box-sizing: border-box
}

#book-modal h3 {
    color: var(--dark)
}

#book-modal ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#book-modal ul li {
    flex: 0 0 49%;
    max-width: 49%
}

#book-modal ul li:last-child,
#washclub-modal .woocommerce div.product form.cart .variations tbody tr,
.product-modal .woocommerce div.product form.cart .variations tbody tr {
    flex: 0 0 100%;
    max-width: 100%
}

#book-modal ul li:last-child a {
    text-decoration: underline;
    color: #444;
    font-weight: 600;
    font-size: 15px
}

#book-modal ul li:not(:last-child) a {
    background: var(--dark);
    background: var(--gradientDark);
    display: block;
    color: #fff;
    padding: clamp(7.3333333333333px, .57291666666667vw, 11px)
}

#book-modal ul li:not(:last-child) a:focus,
#book-modal ul li:not(:last-child) a:hover {
    opacity: .8;
    filter: grayscale(1)
}

#book-modal .closeThis {
    position: absolute;
    top: clamp(-58px, -3.0208333333333vw, -38.666666666667px);
    right: clamp(-58px, -3.0208333333333vw, -38.666666666667px);
    width: clamp(23.333333333333px, 1.8229166666667vw, 35px);
    height: clamp(23.333333333333px, 1.8229166666667vw, 35px);
    background-color: var(--red);
    border-radius: 100%;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: clamp(12px, .9375vw, 18px);
    background-image: var(--wpr-bg-c6139999-c6fd-4604-b84c-e52f49e1dc81)
}

#book-modal .closeThis:focus,
#book-modal .closeThis:hover {
    background-color: #777
}

#book-modal ul li:last-child a:focus,
#book-modal ul li:last-child a:hover {
    color: var(--red)
}

.services .elementor-image-box-wrapper {
    margin: clamp(20px, 1.5625vw, 30px) 0
}

.services .elementor-image-box-wrapper .elementor-image-box-img img {
    border-bottom: clamp(10px, .78125vw, 15px) solid var(--light);
    display: block
}

.services .elementor-image-box-wrapper h3 {
    color: var(--dark);
    margin-bottom: clamp(5.3333333333333px, .41666666666667vw, 8px)
}

.services .elementor-image-box-wrapper p {
    font-size: var(--smallFontSize);
    padding: 0 clamp(16.666666666667px, 1.3020833333333vw, 25px)
}

.woocommerce-order ul.order-details {
    list-style: none;
    margin: 0 0 clamp(33.333333333333px, 2.6041666666667vw, 50px);
    padding: 0
}

.woocommerce .woocommerce-customer-details address {
    border: none;
    font-size: var(--smallFontSize);
    padding: 0;
    margin: clamp(4.6666666666667px, .36458333333333vw, 7px) 0 0
}

.woocommerce .woocommerce-customer-details address * {
    font-size: var(--smallFontSize);
    margin: 0
}

.b-modal.__b-popup1__ {
    z-index: 9999999998 !important
}

#washclub-modal,
.product-modal {
    display: none;
    width: 767px;
    max-width: 90%;
    height: max-content;
    background-color: #fff;
    margin: clamp(33.333333333333px, 2.6041666666667vw, 50px) auto 0;
    left: 0 !important;
    right: 0 !important;
    position: relative;
    z-index: 9999999999 !important
}

#washclub-modal {
    width: clamp(333.33333333333px, 26.041666666667vw, 500px)
}

#washclub-modal .closeThis,
.product-modal .closeThis {
    position: absolute;
    top: clamp(-13px, -.67708333333333vw, -8.6666666666667px);
    right: clamp(-13px, -.67708333333333vw, -8.6666666666667px);
    display: block;
    width: 30px;
    height: 30px;
    background-image: var(--wpr-bg-524d84db-b701-4a89-8b9a-35c505392291);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center
}

#washclub-modal .product-modal__wrapper,
.product-modal .product-modal__wrapper {
    display: flex
}

#washclub-modal .woocommerce div.product div.summary,
.product-modal .woocommerce div.product div.summary {
    float: unset !important;
    width: 100% !important;
    clear: unset !important;
    margin: 0 !important
}

.product-modal__left,
.product-modal__right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: clamp(15px, 3.125vw, 60px) clamp(15px, 1.5625vw, 30px);
    width: 50%
}

#washclub-modal .product-modal__right {
    width: 100%
}

.product-modal__right {
    background: var(--gradientBlue)
}

.product-modal__left h3,
.product-modal__right h3 {
    font-size: clamp(20px, 1.5625vw, 30px);
    font-weight: 900;
    line-height: 1.35;
    font-family: var(--font)
}

.product-modal__right h3 strong {
    display: block;
    color: #fff;
    text-align: center;
    font-size: clamp(14px, .8333333333333334vw, 16px);
    font-weight: 400
}

.product-modal__left * {
    color: #02224c
}

.product-modal__right * {
    color: #fff
}

.product-modal__left .pm-price,
.product-modal__right .pm-price {
    font-size: clamp(28.666666666667px, 2.2395833333333vw, 43px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: clamp(-1.72px, -.08958333333333333vw, -1.1466666666666667px);
    margin: clamp(15px, 2.0833333333333vw, 40px) 0 0
}

.product-modal__left .pm-price small,
.product-modal__right .pm-price small {
    display: block;
    font-size: clamp(10px, .78125vw, 15px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0
}

.product-modal__left .pm-heading,
.product-modal__right .pm-heading {
    font-size: var(--smallFontSize);
    font-weight: 700;
    margin: clamp(15px, 2.0833333333333vw, 40px) 0 0
}

.product-modal__left .pm-heading {
    color: #525252 !important
}

.product-modal__right .pm-heading {
    color: #fff !important
}

.product-modal__left .variations_form.cart,
.product-modal__right .variations_form.cart {
    display: flex !important;
    margin: 0 !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    grid-gap: 5px
}

.product-modal__left .variations,
.product-modal__right .variations {
    margin: 0 !important
}

.product-modal__left .single_variation_wrap,
.product-modal__left .variations,
.product-modal__right .single_variation_wrap,
.product-modal__right .variations {
    width: 50% !important;
    height: clamp(35px, 2.1875vw, 42px) !important
}

.product-modal__left #months,
.product-modal__left #months option,
.product-modal__left #type,
.product-modal__left #type option,
.product-modal__left .button,
.product-modal__right #months,
.product-modal__right #months option,
.product-modal__right #type,
.product-modal__right #type option,
.product-modal__right .button {
    font-family: var(--font) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important
}

.product-modal__left #months,
.product-modal__left #type,
.product-modal__left .button,
.product-modal__right #months,
.product-modal__right #type,
.product-modal__right .button {
    width: 100% !important;
    padding: 0 clamp(8.6666666666667px, .67708333333333vw, 13px) !important;
    height: clamp(35px, 2.1875vw, 42px) !important;
    margin: 0 !important
}

.product-modal__left #months,
.product-modal__left #months option,
.product-modal__left #type,
.product-modal__left #type option,
.product-modal__right #months,
.product-modal__right #months option,
.product-modal__right #type,
.product-modal__right #type option {
    color: #02224c !important
}

.product-modal__left .button,
.product-modal__right .button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    float: none !important;
    position: relative !important;
    filter: grayscale(0) !important;
    opacity: 1 !important;
    font-weight: 700 !important
}

.product-modal__left .woocommerce div.product form.cart::after,
.product-modal__left .woocommerce div.product form.cart::before {
    content: none !important
}

.product-modal__left .button {
    background: var(--gradientRedFallback) !important;
    background: var(--gradientRed) !important;
    color: #fff !important
}

#washclub-modal .product-modal__right .button,
.product-modal__right .button,
html #washclub-modal .product-modal__right .woocommerce button.button,
html #washclub-modal .product-modal__right .woocommerce button.button.alt,
html .product-modal__right .woocommerce button.button,
html .product-modal__right .woocommerce button.button.alt {
    background: #53d1ff !important;
    color: #02224c !important
}

#washclub-modal .product-modal__right .button:focus,
#washclub-modal .product-modal__right .button:hover,
.product-modal__left .button:focus,
.product-modal__left .button:hover,
.product-modal__right .button:focus,
.product-modal__right .button:hover,
.woocommerce .woocommerce-message .button:focus,
.woocommerce .woocommerce-message .button:hover,
html #washclub-modal .product-modal__right .woocommerce button.button.alt:focus,
html #washclub-modal .product-modal__right .woocommerce button.button:focus,
html .product-modal__right .woocommerce button.button.alt:hover,
html .product-modal__right .woocommerce button.button:hover {
    -webkit-filter: grayscale(1) !important;
    filter: grayscale(1) !important;
    opacity: .9 !important
}

.product-modal__right .disclaimer {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin: clamp(6.6666666666667px, .52083333333333vw, 10px) 0 0
}

.pp-price+small {
    display: block;
    margin: 0 0 clamp(20px, 1.5625vw, 30px)
}

.elementor-element .swiper .elementor-swiper-button,
.elementor-element .swiper-container .elementor-swiper-button,
.elementor-element .swiper-container~.elementor-swiper-button,
.elementor-element .swiper~.elementor-swiper-button,
.elementor-lightbox .swiper .elementor-swiper-button,
.elementor-lightbox .swiper-container .elementor-swiper-button,
.elementor-lightbox .swiper-container~.elementor-swiper-button,
.elementor-lightbox .swiper~.elementor-swiper-button {
    top: 50% !important;
    transform: translateY(-50%) !important
}

a.checkout-button.button.alt.wc-forward {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.cart-actions .button,
a.checkout-button.button.alt.wc-forward {
    height: clamp(50px, 3.125vw, 60px) !important;
    line-height: 1 !important
}

.woocommerce-message {
    border-top-color: var(--gradientBlueFallback) !important
}

.woocommerce-message::before {
    color: var(--gradientBlueFallback) !important
}

.woocommerce .woocommerce-message .button {
    background: var(--gradientBlueFallback) !important;
    background: var(--gradientBlue) !important;
    color: #fff !important
}

.mail-copied {
    z-index: 999999 !important
}

.woocommerce-info a.showcoupon {
    position: unset !important
}

.product-modal__left ul,
.product-modal__right ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: clamp(13.333333333333334px, 1.0416666666666667vw, 20px);
    margin: clamp(10px, .8333333333333334vw, 16px) 0 0;
    padding: 0;
    flex-wrap: wrap
}

.product-modal__left ul li,
.product-modal__right ul li {
    margin: 0;
    width: calc(50% - clamp(20px, 1.5625vw, 30px));
    font-size: clamp(13px, .78125vw, 15px);
    background-color: #53d1ff;
    color: var(--dark);
    font-weight: 600;
    padding: clamp(5.333333333333333px, .4166666666666667vw, 8px)
}

.product-modal__left .pm-price.mb,
.product-modal__right .pm-price.mb {
    margin: clamp(15px, 2.0833333333333vw, 40px) 0
}

@media (min-width:850px) {

    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message,
    .woocommerce-notices-wrapper {
        flex-direction: row !important;
        grid-gap: 10px;
        width: 100%
    }
}

#packages .section-heading {
    margin: 100px auto 40px;
    text-align: center;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 80px;
    border-top: 2px solid #eee
}

@media (max-width:1600px) {

    #footer,
    .copyright,
    .hero,
    .pg-section,
    .pg-title {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .admin-bar:not(.admin-bar.home) #header.fixed-header {
        top: clamp(60px, 3.75vw, 72px) !important
    }
}

@media (max-width:1199px) {
    .services-lead .fw-section-padding {
        padding: 30px !important
    }

    .content-right {
        padding-left: 0 !important
    }
}

@media (max-width:991px) {

    .drop991,
    .drop991>.e-con-inner,
    .locations>.e-con-inner {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important
    }

    .locations>.e-con-inner>.elementor-element {
        width: calc(50% - 20px) !important
    }

    .drop991>.e-con-inner>.elementor-element,
    .drop991>.elementor-element,
    .locations>.e-con-inner>.elementor-element.content-left {
        width: 100% !important
    }

    .contact-box,
    .locations>.e-con-inner>.elementor-element.content-left {
        margin: 0 0 30px !important
    }

    #menu-item-35 span,
    .wash-club-lead h2+p br {
        display: none
    }

    .wash-club-lead h2+p strong {
        display: block
    }

    .locations h2,
    .locations p {
        text-align: center
    }

    #packages {
        grid-gap: 15px 0 !important
    }

    #packages .package {
        flex: 0 0 49%;
        max-width: 49%
    }

    .pkg-lead #pkg-switch ul,
    .pkg-lead #pkg-switch ul li,
    .pkg-lead #pkg-switch ul li a strong {
        justify-content: center;
        grid-gap: 10px
    }

    .pkg-lead #pkg-switch ul li {
        width: 0 0 30%;
        max-width: 30%
    }

    .pkg-lead #pkg-switch ul li a strong em:before {
        top: 1px;
        left: -95px;
        content: none !important
    }

    .services-lead-images .swiper,
    .services-lead-images .swiper-slide img,
    .services-lead-images .swiper-wrapper {
        height: 300px !important
    }

    .services-lead-images .swiper-slide img {
        width: 100% !important;
        object-fit: cover !important
    }

    .home .pkg-lead {
        margin-top: 0 !important
    }

    .why-choose .elementor-icon-box-wrapper .elementor-icon-box-content h3 {
        padding: 0
    }

    .admin-bar:not(.admin-bar.home) #header.fixed-header {
        top: 56px !important
    }

    .pg-title {
        margin: clamp(72px, 7.96875vw, 153px) 0 0 !important
    }

    #footer ul {
        justify-content: center;
        align-items: center
    }

    .drop991 .content-img.alt {
        -webkit-order: 2 !important;
        -ms-order: 2 !important;
        order: 2 !important;
        margin: 40px 0 0 !important
    }

    .drop991 .content-img.alt img {
        max-width: 60% !important;
        margin: 0 auto !important
    }
}

@media (max-width:850px) {
    .pkg-lead #pkg-switch ul li a strong {
        flex-direction: column;
        text-align: center
    }

    .pkg-lead #pkg-switch ul li a svg {
        display: block;
        margin: 0
    }

    .pkg-lead #pkg-switch ul li a strong em {
        font-size: clamp(14px, 1.3020833333333vw, 25px);
        line-height: 1.3
    }

    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message {
        padding: 1em !important
    }

    .woocommerce-error::before,
    .woocommerce-info::before,
    .woocommerce-message::before {
        content: none !important
    }

    .woocommerce-error a.button,
    .woocommerce-info a.button,
    .woocommerce-message a.button,
    .woocommerce-notices-wrapper a.button {
        margin-left: 0 !important
    }

    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message,
    .woocommerce-notices-wrapper {
        flex-direction: column !important;
        justify-content: center !important;
        grid-gap: 10px !important;
        text-align: center !important
    }
}

@media (max-width:767px) {

    #floater a,
    #floater.scrolled a {
        transform: scale(1)
    }

    .copyright p,
    .hero *,
    .mission *,
    .pg-title * {
        text-align: center
    }

    .pg-title,
    html {
        margin: 0 !important
    }

    #floater a,
    .mobile-navigation li.mobile-button span {
        line-height: 1
    }

    #header.fixed-header,
    .admin-bar #header.fixed-header,
    .admin-bar #header.fixed-header.active {
        top: 0 !important;
        z-index: 999999 !important;
        background-color: #fff !important;
        box-shadow: 0 clamp(2px, .15625vw, 3px) clamp(6px, .46875vw, 9px) rgba(0, 0, 0, .25) !important;
        padding: 10px 15px !important
    }

    .mobile-logo a {
        max-width: 125px;
        display: flex
    }

    #washclub-modal .product-modal__wrapper,
    .mobile-button a,
    .mobile-navigation li:not(li.mobile-button) a,
    .product-modal .product-modal__wrapper {
        display: flex;
        flex-direction: column
    }

    html {
        padding: calc(25px + 79px) 25px 25px !important
    }

    #floater a {
        bottom: 10px;
        right: 10px;
        left: 10px;
        width: calc(100% - 20px);
        height: auto;
        transition: .3s;
        transform-origin: bottom;
        border-radius: unset;
        padding: 15px;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    #floater a.end {
        opacity: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    #floater a em {
        font-style: normal;
        display: block;
        font-size: 12px;
        width: 100%;
        margin: clamp(5.3333333333333px, .41666666666667vw, 8px) auto 0
    }

    .hero {
        height: auto !important;
        padding: 50px 30px
    }

    .hero .gallery {
        position: relative;
        height: 300px
    }

    .hero .gallery .gallery-item img {
        max-width: calc(100% - 40px) !important
    }

    .hero .gallery .gallery-item {
        position: absolute;
        right: 0 !important;
        left: 0 !important
    }

    .hero .gallery .gallery-item:first-of-type {
        bottom: -60px
    }

    .hero .gallery .gallery-item:nth-of-type(2) {
        bottom: -25px
    }

    .hero .gallery .gallery-item:nth-of-type(3) {
        bottom: -100px
    }

    .hero h1 {
        margin-top: 0
    }

    #packages .package,
    #packages .package.small {
        flex: 0 0 100%;
        max-width: 500px;
        margin: 0 auto
    }

    .product-modal__left,
    .product-modal__right {
        box-sizing: border-box;
        width: 100%
    }

    .testimonials .elementor-widget-testimonial-carousel .elementor-testimonial__text,
    .why-choose p {
        padding: 0
    }

    .elementor-element .swiper .elementor-swiper-button-prev,
    .elementor-element .swiper-container .elementor-swiper-button-prev,
    .elementor-element .swiper-container~.elementor-swiper-button-prev,
    .elementor-element .swiper~.elementor-swiper-button-prev,
    .elementor-lightbox .swiper .elementor-swiper-button-prev,
    .elementor-lightbox .swiper-container .elementor-swiper-button-prev,
    .elementor-lightbox .swiper-container~.elementor-swiper-button-prev,
    .elementor-lightbox .swiper~.elementor-swiper-button-prev {
        left: -10px !important
    }

    .elementor-element .swiper .elementor-swiper-button-next,
    .elementor-element .swiper-container .elementor-swiper-button-next,
    .elementor-element .swiper-container~.elementor-swiper-button-next,
    .elementor-element .swiper~.elementor-swiper-button-next,
    .elementor-lightbox .swiper .elementor-swiper-button-next,
    .elementor-lightbox .swiper-container .elementor-swiper-button-next,
    .elementor-lightbox .swiper-container~.elementor-swiper-button-next,
    .elementor-lightbox .swiper~.elementor-swiper-button-next {
        right: -10px !important
    }

    #footer ul {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        grid-gap: 10px
    }

    .copyright p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        grid-gap: 3px
    }

    .copyright p a:last-child {
        margin-left: unset
    }

    .hero h1+p,
    .mission h2+p,
    .wash-club-lead h2+p {
        max-width: 100%
    }

    .locations>.e-con-inner>.elementor-element {
        width: 100% !important
    }

    .elementor-element.elementor-element-652acf0.e-con-full.e-flex.e-con.e-child {
        margin: 0 0 30px !important
    }

    .wash-club-lead img {
        display: block !important;
        margin: 0 auto 0 0 !important;
        max-width: 80% !important
    }

    #footer ul li:nth-child(2),
    .wash-club-lead h2,
    .wash-club-lead h2 em {
        margin: 0
    }

    .wash-club-lead * {
        text-align: center !important
    }

    .wash-club-lead .fw-section-padding {
        -webkit-order: -1 !important;
        -ms-order: -1 !important;
        order: -1 !important
    }

    #menu-item-35 span,
    .wash-club-lead h2 em {
        display: unset
    }

    #header .navigation {
        position: fixed;
        top: 79px;
        left: 0;
        right: 0
    }

    #menu-item-32,
    #menu-item-37 {
        display: none !important
    }

    #header .navigation li {
        margin: 0 !important;
        width: 100% !important
    }

    #header .navigation li a {
        display: block;
        padding: 15px !important;
        background: unset !important;
        background-color: var(--blue) !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        border-bottom: 1px solid #fff;
        line-height: 1 !important
    }

    #header .navigation li:not(.link-button, :first-child) a:after {
        content: none !important
    }

    #header .navigation li a:focus,
    #header .navigation li a:hover,
    #header .navigation li.current-menu-item>a {
        background-color: var(--lightblue) !important;
        color: var(--dark) !important;
        filter: grayscale(0);
        opacity: 1
    }

    .admin-bar #header.fixed-header.active,
    .admin-bar.home #header.fixed-header,
    .admin-bar.home #header.fixed-header.active,
    .admin-bar:not(.admin-bar.home) #header.fixed-header,
    .admin-bar:not(.admin-bar.home) #header.fixed-header.active {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        max-width: 100% !important
    }

    .content-img {
        -webkit-order: -1 !important;
        -ms-order: -1 !important;
        order: -1 !important;
        max-width: 500px;
        margin: 0 auto 20px !important
    }

    .why-choose>.e-con-inner {
        grid-gap: 20px !important
    }

    .why-choose .elementor-icon {
        width: clamp(60px, 6.25vw, 120px);
        height: clamp(60px, 6.25vw, 120px)
    }

    tr.cart-subtotal,
    tr.order-total {
        display: flex !important
    }

    .woocommerce-cart table.cart tr.cart_item {
        padding: 60px 15px !important
    }

    .woocommerce-info::before {
        height: 20px !important
    }

    .woocommerce-info a.showcoupon {
        position: unset !important
    }

    #checkout .woocommerce-form-coupon-toggle .woocommerce-info {
        text-indent: unset !important
    }

    .captcha-note {
        text-align: center;
        padding-right: 0
    }

    .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-33.e-form__buttons {
        justify-content: center;
        margin: 20px 0 0 !important
    }

    .pg-title p {
        line-height: 1.3;
        padding: 0 20px !important
    }

    .pg-section.testimonials {
        padding-bottom: 30px !important
    }

    .mobile-navigation li:not(li.mobile-button) strong {
        width: 40px;
        height: 40px;
        display: flex;
        background-color: var(--primary);
        background-image: var(--wpr-bg-1bab051c-9c27-4c7a-9e8f-288844a9f435);
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 5px;
        align-items: center;
        justify-content: center
    }

    .mobile-navigation li:not(li.mobile-button) span {
        display: block;
        font-size: 11px;
        color: #333;
        text-transform: uppercase;
        margin: 5px 0 0;
        line-height: 1;
        text-align: center
    }
}

@media (max-width:650px) {
    .hero .gallery {
        height: 250px
    }
}

@media (max-width:500px) {

    #floater a,
    #floater.scrolled a {
        transform: scale(.7);
        transform-origin: bottom right
    }

    .hero .gallery {
        height: 185px
    }

    .product-modal__left ul li,
    .product-modal__right ul li {
        width: 100%
    }
}