:root {
    --Foundation-Accent-accent-100: #BAEAF2;
    --Foundation-Accent-accent-500: #1FBCD6;
    --Foundation-Accent-accent-700: #168598;
    --Foundation-Accent-accent-800: #116776;
    --Foundation-Primary-primary-500: #FCA82D;
    --Foundation-Primary-primary-600: #E59929;
    --Foundation-Primary-primary-900: #6A4713;
    --Foundation-Secondary-secondary-50: #FDFDFD;
    --Foundation-Secondary-secondary-100: #C6CCD8;
    --Foundation-Secondary-secondary-200: #AAB3C5;
    --Foundation-Secondary-secondary-400: #6B7A99;
    --Foundation-Secondary-secondary-500: #465980;
    --Foundation-Secondary-secondary-600: #405174;
    --Foundation-Secondary-secondary-800: #273146;
    --Foundation-Background-background-50: #FDFDFD;
    --Static-Label-Large-Tracking: 0.1px;
    --Static-Label-Large-Line-Height: 20px;
    --Static-Label-Large-Size: 14px;
    --Static-Label-Large-3XL: 40px;
    --Static-Label-Large-L: 20px;
    --Static-Label-Large-S: 16px;
    --Static-Label-Large-XS: 8px;
}

::marker {
    color: transparent;
}

html,
body,
.navbar {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
    background: var(--Foundation-Secondary-secondary-50);
    font-style: normal;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    font-family: 'DM Sans';
}

a {
    text-decoration: none;
}

@media (min-width: 769px) {
    .navbar {
        height: 73px;
        display: flex;
        align-items: center;
        padding: 8px 32px 8px 39px;
        overflow: visible;
    }

    .navbar a.logo {
        width: 62px;
        height: 50px;
        margin-right: auto;
    }

    .navbar .menu {
        display: flex;
        gap: 32px;
    }

    .navbar .menu a {
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: -0.28px;
        color: #273146;
        text-decoration: none;
        transition: color 0.2s;
    }

    .navbar .menu a:hover {
        color: var(--Foundation-Primary-primary-500);
    }

    .wSelect-theme-classic.wSelect {
        margin: unset !important;
    }

    .lang-container {
        display: flex;
        gap: 8px;
        align-items: center;
        margin-left: 14px;
    }

    .navbar .right-section .lang-container #alg_currency_selector,
    .navbar .right-section .lang-container form#sls-lang-form {
        margin: unset;
    }

    form#sls-lang-form select {
        font-family: 'Lexend';
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        text-transform: uppercase;
        color: #273146;
        display: flex;
        align-items: center;
        margin-left: 8px;
        border: unset;
    }

    .download-btn {
        padding: 8px 16px;
        background: var(--Foundation-Primary-primary-500);
        color: #6A4713;
        border: unset;
        border-radius: 8px;
        font-family: 'Lexend';
        margin-left: 25px;
    }

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

    .navbar .hamburger {
        display: none;
    }

    .background-content {
        position: absolute;
        top: 192px;
        left: 39px;
        z-index: 3;
    }

    .background-content .header {
        color: #FFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-size: 56px;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -1.12px;
        width: 786px;
        flex-shrink: 0;
        margin-bottom: 23px;
    }

    .background-content .paragraph {
        color: #FFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-size: 32px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -0.64px;
    }

    .background-container {
        background: url(../img/background.jpg);
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: auto;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    .mask1,
    .mask2 {
        position: relative;
        z-index: 2;
        height: 100%;
        margin: 0;
    }

    .car-img {
        width: 51%;
        height: auto;
        display: block;
        z-index: 3;
        position: absolute;
        bottom: 31px;
        left: 20px;
    }

    .get-the-app {
        position: absolute;
        padding: 0 31px;
        background: white;
        width: -webkit-fill-available;
    }

    .get-the-app .content {
        background: var(--Foundation-Secondary-secondary-50);
        border-radius: 8px;
        position: relative;
        top: -31px;
        left: 0;
        z-index: 10;
        padding: 29px 31px 31px 39px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: calc(100vw - 62px);
        box-sizing: border-box;
    }

    .content .left {
        display: flex;
    }

    .get-the-app .content .box {
        background: #465980;
        width: 93px;
        height: 90px;
        padding: 13px 9px 16px 10px;
        border-radius: 8px;
        margin-right: 22px;
    }

    .get-the-app .content .left .box .box-img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

    .get-the-app .text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        text-align: left;
    }

    .get-the-app .text .header {
        color: #273146;
        font-size: 32px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0.1px;
        margin-bottom: 16px;
    }

    .get-the-app .text .paragraph {
        color: #1D2536;
        font-size: 20px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0.1px;
    }

    .right {
        display: flex;
    }

    .right .qr-code {
        width: 114px;
        height: 114px;
        margin-right: 24px;
    }

    .right .download {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        text-align: left;
    }

    .get-the-app .content .right .download .google-play {
        margin-bottom: 8px;
    }

    .about-us {
        background: #1D2536;
        position: relative;
    }

    .about-us .content {
        padding: 198px 61px 0 33px;
    }

    .about-us .row-1 {
        display: flex;
        justify-content: space-between;
        border-radius: 16px;
        border: 1px solid #FFF;
        background: linear-gradient(153deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
        backdrop-filter: blur(21px);
        padding: 14px 0px 14px 33px;
    }

    .about-us .box-1 {
        width: 40%;
        border-right: 1px solid var(--Foundation-Secondary-secondary-400);
    }

    .about-us .box-2 {
        border-right: 1px solid var(--Foundation-Secondary-secondary-400);
        width: 30%;
        align-content: center;
        padding: 0 5%;
    }

    .about-us .content h3 {
        color: var(--Foundation-Primary-primary-600);
        font-size: 48px;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
        margin: 0 0 24px 0;
    }

    .about-us p {
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        color: var(--Foundation-Secondary-secondary-50);
        padding-right: 29px;
    }

    .about-us .box-2 .img-box {}

    .about-us .box-2 .img-box .left {
        margin: 0 0px 40px 0;
    }

    .about-us .box-2 .img-box .left img {
        margin-right: 32px;
        width: 100px;
        height: 81px;
    }

    .about-us .box-2 .img-box .right img {
        margin-right: 32px;
        width: 100px;
    }

    .about-us .box-2 .img-box span {
        color: var(--Foundation-Secondary-secondary-50);
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .about-us .mobile {
        width: 30%;
        background-size: cover;
        padding: 0 6%;
    }

    .about-banner {
        width: 100%;
        position: relative;
        top: 3px;
    }

    .about-banner img {
        width: 100%;
    }

    /*Beginning of About Us*/
    .about-page {
        text-align: center;
        padding: 0 10%;
        background: #fff;
    }

    .about-page h1 {
        color: var(--Foundation-Secondary-secondary-800);
        font-size: 48px;
        font-weight: 600;
        line-height: normal;
        margin: unset;
    }

    .about-page .slogan {
        border-radius: 10px;
        border: 1px dashed var(--Foundation-Accent-accent-500);
        background: var(--Foundation-Accent-accent-100, #BAEAF2);
        padding: 20px 30px;
    }

    .about-page p {
        color: var(--Foundation-Secondary-secondary-800);
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
    }

    .about-page .download {
        display: flex;
        justify-content: center;
        padding-bottom: 85px;
        gap: 35px;
        align-items: center;
    }

    .about-page .download .row {
        display: flex;
        gap: 1px;
    }

    .about-page .download .row .column-2 {
        width: fit-content;
        border-radius: 0px 8px 8px 0px;
        background: #FCA82D;
        box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.10);
        border: unset;
        padding: 10px;
        height: 46px;
    }

    .about-page .download .row button {
        background: var(--Foundation-Primary-primary-500);
        border-radius: 8px 0px 0 8px;
        display: flex;
        border: unset;
        align-items: center;
        padding: 13px 64px;
        gap: 8px;
        box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.10);
    }

    .about-page .download .row button span {
        color: var(--Foundation-Primary-primary-900);
        font-size: var(--Static-Label-Large-Size);
        font-weight: 600;
        line-height: var(--Static-Label-Large-Line-Height);
        letter-spacing: var(--Static-Label-Large-Tracking);
    }

    .about-page .download .row button #appStoreImages a img {
        background: var(--Foundation-Primary-primary-500);
        border-radius: 8px 4px 0 0;
        display: flex;
        width: 190px;
        height: 36px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .about-page .download .row .column-1 {
        width: 79%
    }

    .about-page .download .row .column-1 #appStoreImages img {
        width: 200px;
    }

    .about-page .download .qr-code {
        border: 5px solid #273146;
    }

    .about-counter {
        margin-bottom: -4px;
    }

    .about-counter img {
        width: 100%;
    }

    /*End of About Us*/
    /*Beginning of FAQ*/
    .faq-page {
        padding: 68px 10% 73px 10%;
        background: var(--Foundation-Secondary-secondary-50);
        display: grid;
        gap: 20px;
        position: relative;
        top: 3px;
    }

    .faq-page .search {
        display: grid;
        gap: 20px;
        margin-bottom: 56px;
    }

    .faq-page .search .search-input {
        border-radius: 8px;
        border: 1px solid var(--Foundation-Secondary-secondary-200);
        background: #FFF;
        display: flex;
        width: 100%;
        padding: 10px;
        align-items: center;
        gap: 10px;
        color: var(--Foundation-Secondary-secondary-400);
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.096px;
    }

    .faq-page h1 {
        color: var(--Foundation-Primary-primary-500);
        font-size: 24px;
        font-weight: 700;
        line-height: 26.4px;
        margin: unset;
    }

    .faq-page .subtitle {
        display: flex;
        border-radius: 8px;
        background: var(--Foundation-Secondary-secondary-100);
        padding: 25px 0 25px 20px;
        align-items: center;
        gap: 16px;
        margin-bottom: 4px;
    }

    .faq-page h2 {
        color: var(--Foundation-Secondary-secondary-800);
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: 700;
        line-height: 17.6px;
        margin: unset;
    }

    .faq-page h3 {
        color: var(--Foundation-Accent-accent-800);
        font-family: 'Lexend';
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        margin: unset;
    }

    .faq-page h3.accordion.active {
        color: var(--Foundation-Accent-accent-700);
    }

    .faq-page hr {
        margin: 20px 0;
        color: #465980;
    }

    .faq-page .faq-item .panel {
        display: none;
    }

    /*End of FAQ*/
    /*Beginning of Instructions*/
    .instructions-page {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .instructions-page .sidebar {
        padding: 25px 15px 49px 20px;
        width: 26%;
        border-right: 1px solid var(--Foundation-Secondary-secondary-600);
        background: var(--Foundation-Secondary-secondary-50);
        top: 67px;
        position: fixed;
    }

    .instructions-page .sidebar .social-icons {
        padding-bottom: 43px;
    }

    .instructions-page .sidebar .search-input {
        border-radius: 8px;
        border: 1px solid var(--Foundation-Secondary-secondary-200);
        background: url(/wp-content/themes/rentbutik/core-library/img/search.png);
        background-position: calc(100% - 10px) 10px;
        background-repeat: no-repeat;
        display: flex;
        padding: 10px;
        align-items: center;
        gap: 10px;
        color: #979797;
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.096px;
        margin-bottom: 48px;
        width: 98%;
    }

    .instructions-page .sidebar ul {
        padding: unset;
    }

    .instructions-page .sidebar .social-icons .icons {
        display: flex;
        gap: 20px;
    }

    .instructions-page .sidebar .social-icons h1 {
        color: var(--Foundation-Secondary-secondary-800);
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
        margin: 12px 0;
    }

    .instructions-page .sidebar ul hr {
        color: var(--Foundation-Secondary-secondary-600);
        margin: 0;
        width: 97%;
        position: absolute;
        left: 0;
    }

    .instructions-page .sidebar ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .instructions-page .sidebar ul li a {
        color: var(--Foundation-Secondary-secondary-800);
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
    }

    .instructions-page .container h2[id] {
        scroll-margin-top: 67px;
    }

    .instructions-page .container {
        width: 100%;
        padding: 130px 13% 0 39%;
    }

    .instructions-page .container h1 {
        color: var(--Foundation-Secondary-secondary-600);
        text-align: center;
        font-size: 40px;
        font-weight: 600;
        line-height: normal;
        margin: unset;
    }

    .instructions-page .container h2 {
        color: var(--Foundation-Secondary-secondary-600);
        font-size: 24px;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 16px;
    }

    .instructions-page .container h3 {
        color: var(--Foundation-Secondary-secondary-600);
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
        margin: 0 0 11px 0;
    }

    .instructions-page .container img {
        display: flex;
        place-self: center;
        margin: 60px 0 36px 0;
    }

    .instructions-page .container ol,
    .instructions-page .container ul {
        padding: 0 0 0 18px;
    }

    .instructions-page .container ol li {
        color: var(--Foundation-Secondary-secondary-800);
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
    }

    .instructions-page .container ol li::marker,
    .instructions-page .container ul li::marker {
        color: unset;
    }

    .instructions-page .container .feedback-container {
        display: flex;
        justify-self: center;
        margin-bottom: 37px;
    }

    .instructions-page .container .feedback {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 367px;
        background: #fff;
        padding: 12px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.20);
    }

    .instructions-page .container .feedback .buttons {
        display: flex;
        align-self: center;
        justify-content: space-between;
        gap: 12px;
    }

    .instructions-page .container .feedback .buttons .yes-button {
        border-radius: 6px;
        background: #465980;
        padding: 9px 12px 10px 12px;
        align-items: center;
        align-self: stretch;
        color: var(--Foundation-Secondary-secondary-50);
        font-size: 17px;
        font-weight: 400;
        line-height: 20px;
        width: 165px;
        height: 40px;
    }

    .instructions-page .container .feedback .buttons .no-button {
        border-radius: 6px;
        background: var(--Foundation-Secondary-secondary-100);
        color: #050505;
        width: 165px;
        height: 40px;
        border: unset;
    }

    /*End of Instructions*/
    /*Beginning Of How Rentbutik Works*/
    .how-rent-page {
        background: var(--Foundation-Secondary-secondary-50);
        justify-items: center;
    }

    .container {
        width: 50%;
    }

    .how-rent-page .buttons {
        justify-self: center;
        padding: 65px 0 32px 0;
    }

    .how-rent-page .buttons .active-button {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
        background: var(--Foundation-Primary-primary-500);
        padding: 9px 12px 10px 12px;
        align-items: center;
        align-self: stretch;
        color: var(--Foundation-Secondary-secondary-50);
        font-size: 17px;
        font-weight: 400;
        line-height: 20px;
        width: 165px;
        height: 40px;
        border: unset;
    }

    .how-rent-page .second {
        width: 45px;
        height: 45px;
    }

    #renters-btn {
        margin-right: -4px;
        border-radius: 4px 0 0 4px;
    }

    .how-rent-page .buttons .passive-button {
        background: var(--Foundation-Secondary-secondary-100);
        color: #050505;
        width: 165px;
        height: 40px;
        border: unset;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15) inset;
    }

    #hosts-btn {
        border-radius: 0 4px 4px 0;
    }

    .how-rent-page h1 {
        color: var(--Foundation-Secondary-secondary-600);
        font-size: 48px;
        font-weight: 600;
        line-height: normal;
        margin: unset;
        width: 70%;
        text-align: center;
        place-self: center;
    }

    .how-rent-page .line2 {
        background: var(--Foundation-Secondary-secondary-200);
        width: 1px;
        position: absolute;
        left: 51px;
        top: 27px;
        height: 86%;
    }

    .how-rent-page .container ul {
        padding: unset;
        position: relative;
    }

    .how-rent-page .container ul li {
        display: flex;
        align-items: center;
        gap: 36px;
        border-radius: 16px;
        background: var(--Foundation-Secondary-secondary-600);
        padding: 0 42px 0 40px;
        width: 100%;
        margin-bottom: 12px;
    }

    .how-rent-page .container ul li:last-child {
        margin-bottom: 0;
    }


    .how-rent-page .container ul li span.number {
        color: var(--Foundation-Secondary-secondary--100, #C6CCD8);
        font-size: 46px;
        font-weight: 400;
        line-height: 71.672px;
        width: 52px;
    }

    .how-rent-page .container ul li p {
        width: 65%;
        color: var(--Foundation-Secondary-secondary-50);
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.096px;
    }

    /*End Of How Rentbutik Works*/
    /*Beginning of Benefits*/
    .benefits-page {
        background: var(--Foundation-Secondary-secondary-50);
        padding: 60px 5% 40px 5%;
        text-align: center;
    }

    .benefits-page .banner {
        margin-bottom: 40px;
    }

    .benefits-page h1 {
        color: var(--Foundation-Secondary-secondary-800);
        font-size: 48px;
        font-weight: 600;
        line-height: normal;
        margin: unset;
        width: 56%;
    }

    .benefits-page h2 {
        color: var(--Foundation-Secondary-secondary-800);
        font-family: "DM Sans";
        font-size: 24px;
        font-weight: 600;
        line-height: normal;
        margin: unset;
        display: flex;
        justify-content: space-between;
    }

    .benefits-page p {
        color: var(--Foundation-Secondary-secondary-800);
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.096px;
        margin: 16px 0 21px 0;
    }

    .benefits-page .renter,
    .benefits-page .host {
        padding: 0 5%;
        display: flex;
        gap: 100px;
        text-align: left;
    }

    .benefits-page .renter {
        margin-bottom: 56px;
    }

    .benefits-page ul {
        margin: unset;
        padding: unset;
        width: 100%;
    }

    .benefits-page hr {
        width: 90%;
        place-self: center;
        background: var(--Foundation-Secondary-secondary-200);
        height: 1px;
        margin: 0 0 16px 0;
    }

    .benefits-page li hr {
        margin: 21px 0 24px 0;
        height: 1px;
        width: 100%;
    }

    /*End of Benefits*/
    /*Beginning of Terms & Conditions*/
    .terms-page {
        background: var(--Foundation-Secondary-secondary-50);
        padding: 0 10%;
    }

    .terms-page .content {
        margin-bottom: 42px;
    }

    .terms-page .banner {
        padding: 60px 0 0 0;
        text-align: center;
        margin: 0 0 40px 0;
    }

    .terms-page h1 {
        color: var(--Foundation-Secondary-secondary-600);
        text-align: center;
        font-size: 48px;
        font-weight: 600;
        line-height: normal;
        margin: 0 0 56px 0;
    }

    .terms-page h2 {
        color: var(--Foundation-Secondary-secondary-600);
        font-size: 28px;
        font-weight: 500;
        line-height: normal;
        margin: 0 0 20px 0;
    }

    .terms-page h3 {
        color: var(--Foundation-Secondary-secondary-600);
        font-size: 24px;
        font-weight: 600;
        line-height: normal;
        margin: 0 0 20px 0;
    }

    .terms-page p {
        color: var(--Foundation-Secondary-secondary-800);
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.096px;
    }

    .terms-page strong {
        font-weight: bold;
    }

    .terms-page ol li {
        color: var(--Foundation-Secondary-secondary-500);
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
    }

    .terms-page ol li a {
        color: var(--Foundation-Secondary-secondary-500);
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
    }

    /*End of Terms & Conditions*/
    /*Beginning of Privacy Policy*/
    .privacy-page .banner {
        padding: 60px 0 0 0;
        text-align: center;
        margin: 0 0 40px 0;
    }

    .privacy-page h1 {
        color: var(--Foundation-Secondary-secondary-600);
        text-align: center;
        font-size: 48px;
        font-weight: 600;
        line-height: normal;
        margin: 0 0 56px 0;
    }

    .privacy-page h2 {
        color: var(--Foundation-Secondary-secondary-600);
        font-size: 28px;
        font-weight: 500;
        line-height: normal;
        margin: 0 0 20px 0;
    }

    .privacy-page p {
        color: var(--Foundation-Secondary-secondary-800);
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.096px;
    }

    .privacy-page {
        background: var(--Foundation-Secondary-secondary-50);
        padding: 0 10%;
    }

    .privacy-page .content {
        padding-bottom: 42px;
    }

    /*End of Privacy Policy*/
    /*Beginning of Payout Methods*/
    .payout-page {
        background: var(--Foundation-Secondary-secondary-50);
        padding: 0 25%;
    }

    .payout-page .banner {
        padding: 60px 0 0 0;
        text-align: center;
        margin: 0 0 40px 0;
    }

    .payout-page h1 {
        color: var(--Foundation-Secondary-secondary-600);
        text-align: center;
        font-size: 48px;
        font-weight: 600;
        line-height: normal;
        margin: 0 0 36px 0;
    }

    .payout-page .content {
        margin-bottom: 20px;
        border-bottom: 1px solid #E1DCD4;
    }

    .payout-page .content .open,
    .payout-page .content .close {
        float: left;
        margin-right: 16px;
    }

    .payout-page h2 {
        color: var(--Foundation-Secondary-secondary-600);
        font-family: "DM Sans";
        font-size: 24px;
        font-weight: 600;
        line-height: normal;
        margin: 0 0 28px 0;
    }

    .payout-page p {
        color: var(--Foundation-Secondary-secondary-800);
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.096px;
        padding: 0 60px 12px 49px;
        margin: unset;
        display: none;
    }

    /*End of Payout Methods*/
    /*Beginning of Cancellation Page*/
    .cancellation-page {
        background: var(--Foundation-Secondary-secondary-50);
        padding: 0 10%;
    }

    .cancellation-page .banner {
        text-align: center;
        margin: 0 0 56px 0;
    }

    .cancellation-page .banner img {
        width: 100%;
    }

    .cancellation-page h1 {
        color: var(--Foundation-Secondary-secondary-600);
        text-align: center;
        font-size: 48px;
        font-weight: 600;
        line-height: normal;
        margin: 61px 0 36px 0;
    }

    .cancellation-page h2 {
        color: var(--Foundation-Secondary-secondary-600);
        margin: 0 0 32px 0;
        font-size: 40px;
        font-weight: 600;
        line-height: normal;
    }

    .cancellation-page p {
        color: var(--Foundation-Secondary-secondary-800);
        font-family: 'Lexend';
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0.12px;
        margin: 0 0 46px 0;
    }

    /*End of Cancellation Page*/
    /*Beginning of Contact Us*/
    .contact-page {
        padding: 56px 10% 75px 10%;
        background: url(/wp-content/themes/rentbutik/core-library/img/contact-page-bg.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .contact-page .row-1 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 52px;
    }

    .contact-page .row-1 h1 {
        color: var(--Foundation-Secondary-secondary-600);
        font-size: 48px;
        font-weight: 600;
        line-height: normal;
        margin: 0 0 16px 0;
    }

    .contact-page .row-1 p {
        color: var(--Foundation-Secondary-secondary-400);
        font-size: 24px;
        font-weight: 600;
        line-height: normal;
    }

    .contact-page .row-2 {
        display: flex;
        justify-content: space-between;
        height: fit-content;
    }

    .contact-page .row-2 .column {
        width: 20%;
        background: linear-gradient(0deg, rgba(70, 89, 128, 0.20) 0%, rgba(70, 89, 128, 0.20) 100%), linear-gradient(153deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
        border-radius: 12px;
        padding: 50px 30px 27px 30px;
        backdrop-filter: blur(18.446056365966797px);
        height: fit-content;
    }

    .contact-page .row-2 .column fieldset.hidden-fields-container {
        display: none;
    }

    .contact-page .row-2 .column form {
        display: grid;
    }

    .contact-page .row-2 .column form label {
        color: var(--Foundation-Secondary-secondary-50);
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }

    .contact-page .row-2 .column form label input {
        display: flex;
        width: -webkit-fill-available;
        background: transparent;
        height: 40px;
        padding: 8px 16px;
        align-items: center;
        gap: 2px;
        align-self: stretch;
        color: var(--Foundation-Secondary-secondary-800);
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        border-radius: 4px;
        border: 1px solid var(--Foundation-Secondary-secondary-50);
    }

    .contact-page .row-2 .column textarea.wpcf7-form-control.wpcf7-textarea {
        width: -webkit-fill-available;
        background: transparent;
        display: flex;
        padding: 8px 16px;
        align-items: flex-start;
        gap: 2px;
        border-radius: 4px;
        border: 1px solid var(--Foundation-Secondary-secondary-50);
        color: var(--Foundation-Secondary-secondary-800);
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }

    .contact-page .row-2 .column img {
        position: absolute;
        display: flex;
        justify-self: center;
        margin: -92px 0 0px 0;
    }

    .contact-page .row-2 .column h2 {
        color: var(--Foundation-Secondary-secondary-600);
        font-size: 20px;
        font-weight: 400;
        line-height: normal;
        margin: 0 0 10px 0;
    }

    .contact-page .row-2 .column p {
        color: var(--Foundation-Secondary-secondary-600);
        font-family: 'Lexend';
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
    }

    .contact-page .row-2 .column ul {
        display: grid;
        gap: 12px;
        margin: 0 0 18px 0;
        padding: unset;
    }

    .contact-page .row-2 .column ul li {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .contact-page .row-2 .column ul li a {
        color: #465980;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.1px;
    }

    .contact-page .row-2 .column ul li a span:hover {
        color: var(--Foundation-Primary-primary-500);
    }

    .contact-page .row-2 .column .social-icons {
        display: flex;
        gap: 8px;
    }

    .contact-page .row-2 .column .social-icons svg {
        fill: #465980;
    }

    .contact-page .row-2 .column .social-icons svg:hover {
        fill: var(--Foundation-Primary-primary-500);
    }

    .contact-page .row-2 .column button,
    input.wpcf7-form-control.wpcf7-submit.has-spinner {
        border-radius: 8px;
        background: var(--Foundation-Primary-primary-500);
        box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.10);
        display: flex;
        height: 32px;
        padding: 10px 10px 10px 12px;
        align-items: center;
        gap: 8px;
        border: unset;
        margin-top: 20px;
    }

    .contact-page .row-2 .column button,
    input.wpcf7-form-control.wpcf7-submit.has-spinner {
        border-radius: 8px;
        background: var(--Foundation-Primary-primary-500);
        box-shadow: unset;
        display: unset;
        width: -webkit-fill-available;
        height: unset;
        padding: 10px 10px 10px 12px;
        align-items: center;
        border: unset;
        margin-top: unset;
        color: var(--Foundation-Primary-primary-900);
        font-size: 16px;
        font-weight: 600;
        line-height: var(--Static-Label-Large-Line-Height);
        letter-spacing: var(--Static-Label-Large-Tracking);
    }

    .contact-page .row-2 .column button span {
        color: var(--Foundation-Primary-primary-900);
        font-size: 16px;
        font-weight: 600;
        line-height: var(--Static-Label-Large-Line-Height);
        letter-spacing: var(--Static-Label-Large-Tracking);
    }

    .contact-page .row-2 #form-1 ul {
        display: none;
    }

    .contact-page .row-2 .column form {
        margin: unset;
    }

    .contact-page .row-2 .column form input.button {
        border-radius: 8px;
        background: var(--Foundation-Primary-primary-500);
        box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.10);
        display: flex;
        height: 40px;
        padding: 10px;
        margin-top: 21px;
        align-items: center;
        border: unset;
        color: var(--Foundation-Primary-primary-900);
        font-size: 16px;
        font-weight: 600;
        line-height: var(--Static-Label-Large-Line-Height);
        letter-spacing: var(--Static-Label-Large-Tracking);
    }

    input.wpcf7-form-control.wpcf7-submit.has-spinner {
        background: var(--Foundation-Secondary-secondary-50);
        color: var(--Foundation-Secondary-secondary-800);
    }

    /*End of Contact Us*/
    .cars {
        background: #1D2536;
    }

    .cars .row-1 {
        padding-left: 9%;
    }

    .cars .arrow {
        position: relative;
        top: 183px;
        right: 20px;
    }

    .line {
        margin: -310px 0 -100px 0;
        width: -webkit-fill-available;
        position: relative;
    }

    .cars .row-2 h3 {
        color: var(--Foundation-Secondary-secondary-50);
        position: relative;
        text-align: center;
        margin-top: -155px;
        margin-bottom: 40px;
        font-size: 48px;
        font-weight: 500;
        line-height: normal;
    }

    .cars .row-3 {
        padding: 0 33px 1px 33px;
        margin-bottom: 36px;
        display: flex;
        overflow: hidden;
        justify-content: space-between;
        align-items: flex-end;
    }

    .cars .row-3 .column-1 {
        width: 48%;
        margin-right: -7%;
        border: 0px solid #5c5c5c;
        background: linear-gradient(153deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.20) 100%);
        backdrop-filter: blur(18.446056365966797px);
        height: 320px;
        padding: 20px;
        display: flex;
        align-items: center;
        overflow: hidden;
        clip-path: polygon(2.83% 0.133%, 97.513% 0.133%, 97.513% 0.133%, 98.081% 0.236%, 98.601% 0.531%, 99.065% 0.993%, 99.464% 1.598%, 99.789% 2.323%, 100.032% 3.144%, 100.183% 4.036%, 100.234% 4.977%, 100.176% 5.942%, 100% 6.907%, 77.617% 97.119%, 77.617% 97.119%, 77.471% 97.625%, 77.295% 98.091%, 77.092% 98.514%, 76.864% 98.89%, 76.614% 99.216%, 76.346% 99.49%, 76.06% 99.709%, 75.761% 99.868%, 75.45% 99.967%, 75.13% 100%, 2.83% 100%, 2.83% 100%, 2.39% 99.937%, 1.971% 99.754%, 1.581% 99.461%, 1.225% 99.069%, 0.909% 98.586%, 0.637% 98.024%, 0.416% 97.391%, 0.251% 96.698%, 0.148% 95.955%, 0.113% 95.172%, 0.113% 4.96%, 0.113% 4.96%, 0.148% 4.177%, 0.251% 3.434%, 0.416% 2.742%, 0.637% 2.109%, 0.909% 1.547%, 1.225% 1.064%, 1.581% 0.672%, 1.971% 0.379%, 2.39% 0.196%, 2.83% 0.133%);
    }

    .cars .row-3 .left {
        position: relative;
    }

    .cars .column-1 h3 {
        color: var(--Foundation-Accent-accent-500);
        font-size: 29px;
        font-weight: 500;
        line-height: normal;
        margin: 0 0 12px 0;
    }

    .cars .row-3 .span {
        display: flex;
        gap: 9px;
        margin-bottom: 18px;
    }

    .cars .row-3 .span-2 {
        display: block;
        margin-bottom: 60px;
    }

    .cars .row-3 .column-1 .span-2 svg {
        margin-right: 10px;
        float: left;
    }

    .cars .row-3 span {
        color: var(--Foundation-Secondary-secondary-50);
        font-size: 20px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.41px;
        display: flex;
    }

    .cars .row-3 .span-3 {
        display: flex;
        gap: 5px;
        align-items: center;
    }

    .cars .span-3 .cost {
        color: var(--Foundation-Accent-accent-500);
        font-size: 32px;
        font-weight: 700;
        line-height: normal;
    }

    .cars .span-3 .day {
        color: var(--Foundation-Accent-accent-500);
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: unset;
    }

    .cars .car-1 {
        width: 60%;
        position: absolute;
        left: 40%;
    }

    .cars .parallelogram-bg {
        width: 25%;
        aspect-ratio: 375 / 242;
        background: linear-gradient(153deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
        border-radius: 14px;
        border: 0.878px solid #5c5c5c;
        transform: skew(-28deg);
        display: block;
        position: relative;
        backdrop-filter: blur(18.446056365966797px);
        overflow: hidden;
    }

    .cars .parallelogram-bg h4 {
        color: var(--Foundation-Secondary-secondary-50);
        margin: unset;
        position: absolute;
        bottom: 20px;
        left: 20px;
        text-wrap-mode: nowrap;
        transform: skew(24deg);
        font-size: 18px;
        font-weight: 500;
        line-height: normal;
    }

    .cars .parallelogram-bg .car-2 {
        transform: skew(28deg);
        height: 100%;
        width: 74%;
        object-fit: contain;
        display: block;
        margin-left: 25%;
    }

    .cars .parallelogram-bg-2 {
        width: 25%;
        aspect-ratio: 375 / 242;
        background: linear-gradient(153deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
        border-radius: 14px;
        border: 0.878px solid #5c5c5c;
        transform: skew(-28deg);
        display: block;
        position: relative;
        backdrop-filter: blur(18.446056365966797px);
        overflow: hidden;
    }

    .cars .parallelogram-bg-2 h4 {
        color: var(--Foundation-Secondary-secondary-50);
        margin: unset;
        position: absolute;
        bottom: 20px;
        left: 20px;
        text-wrap-mode: nowrap;
        transform: skew(24deg);
        font-size: 18px;
        font-weight: 500;
        line-height: normal;
    }

    .cars .parallelogram-bg-2 .car-3 {
        transform: skew(28deg);
        height: 100%;
        width: 74%;
        object-fit: contain;
        display: block;
        margin-left: 25%;
    }

    .pagination {
        color: var(--Foundation-Primary-primary-500);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 19px;
    }

    .cars .row-4 {
        padding: 0px 33px 70px 33px;
    }

    .cars .row-4 .line-2 {
        position: relative;
        top: 0px;
        left: 18%;
        width: 70%;
    }

    .cars .row-4 .arrow-2 {
        position: relative;
        top: 31px;
        left: 203px;
    }

    .guide {
        padding: 57px 0 0 84px;
    }

    .guide h3 {
        color: #273146;
        font-size: 48px;
        font-weight: 500;
        line-height: normal;
        text-align: center;
        margin: unset;
    }

    .guide h4 {
        margin: 44px 0 36px 0;
        color: #273146;
        font-size: 40px;
        font-weight: 500;
        line-height: normal;
    }

    .guide p {
        color: #273146;
        font-family: 'Lexend';
        font-size: 24px;
        font-weight: 400;
        line-height: normal;
        width: 437px;
        margin-bottom: 44px;
    }

    .guide .road-bg {
        background: url('../img/road-bg.svg');
        background-size: 78%;
        background-repeat: no-repeat;
        background-position-x: 68%;
        background-position-y: 67%;
        height: 100%;
    }

    .guide .road-bg .road {
        height: 100%;
        position: absolute;
        right: 0;
    }

    .guide .road-bg .number-1 {
        position: relative;
        top: 75%;
        left: 59%;
    }

    .guide .road-bg .number-2 {
        position: relative;
        top: 11%;
        left: 59%;
    }

    .guide .road-bg .number-3 {
        position: relative;
        top: 48%;
        left: 21%;
    }

    .guide .road-bg .number-4 {
        position: relative;
        top: 66%;
        left: 46%;
    }

    .splide {
        overflow: hidden;
    }

    .splide .splide__track {
        border-radius: 15px;
    }

    .splide .splide__track .splide__list {
        cursor: grabbing;
    }

    .column-1 {
        width: 50%;
    }

    .column-2 {
        width: 50%;
    }

    .splide__slide {
        display: flex;
        height: 100%;
    }

    .splide__arrows {
        display: none;
    }

    .splide__pagination__page.is-active {
        background: #FDC572 !important;
    }

    .splide__pagination__page {
        width: 20px !important;
        height: 20px !important;
        background: #C6CCD8 !important;
        margin: 5px !important;
    }

    .splide--ttb>.splide__pagination,
    .splide--ttb>.splide__slider>.splide__pagination {
        right: 0.7em;
    }

    footer {
        background: #465980;
        padding: 67px 30px 10px 30px;
        position: relative;
    }

    footer .row {
        display: flex;
        gap: 75px;
        justify-content: space-between;
        margin-bottom: 68px;
    }

    footer h5 {
        color: #FFF;
        font-size: 24px;
        font-weight: 800;
        line-height: normal;
        text-transform: uppercase;
        margin: 0 0 24px 0;
    }

    footer p {
        color: var(--Foundation-Secondary-secondary-50);
        font-family: "Lexend-Regular", Helvetica;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        margin: 0 0 9px 0;
    }

    footer a {
        color: var(--Foundation-Secondary-secondary-50);
        font-family: "Lexend-Regular", Helvetica;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        text-transform: none;
        text-decoration: unset;
    }

    footer .column-1,
    footer .column-2,
    footer .column-3,
    footer .column-4 {
        width: 25%;
    }

    footer .row a p:hover,
    footer .row a:hover {
        color: var(--Foundation-Primary-primary-500);
    }

    footer .socials a svg:hover,
    footer .socials a svg path:hover,
    footer .socials a svg g circle:hover {
        fill: var(--Foundation-Primary-primary-500);
    }

    footer .column-4 .email {
        display: flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 11px;
    }

    footer .column-4 .email span {
        display: flex;
        align-items: center;
    }

    footer .column-4 .email svg {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }

    footer .column-4 .phone {
        display: flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 14px;
    }

    footer .column-4 .phone span {
        display: flex;
        align-items: center;
    }

    footer .column-4 .phone svg {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }

    footer .column-4 .socials {
        display: flex;
        gap: 24px;
        flex-flow: wrap;
    }

    footer .google-play {
        margin-right: 12px;
    }

    footer .row-2 .apple-icon {
        margin-right: 45px;
    }

    footer .row-2 .icon {
        align-content: center;
    }

    footer .row-2 .icon svg {
        vertical-align: middle;
    }

    footer .row-2 {
        margin-bottom: 29px;
        display: flex;
        justify-content: space-between;
    }

    footer .copyright p {
        font-family: "Lexend-Regular", Helvetica;
        font-weight: 400;
        color: var(--Foundation-Secondary-secondary-50);
        font-size: 14px;
        letter-spacing: 0;
        line-height: normal;
    }

    footer .row-2 .right {
        display: flex;
    }

    footer .row-2 .right .qr-code {
        margin: 0 26px 0 0;
        width: 98px;
        height: 98px;
        border: 5px solid #273146;
    }

    footer .row-2 .box {
        background: url(img/qr-bg.svg);
        padding: 5.5px 5.5px 2.5px 5.5px;
    }

    footer .row-2 .right .whatsapp {
        width: 108px;
        height: 108px;
    }
}