/*
Theme Name: X-Rent
Theme URI: https://x-rent.eu
Description: A custom theme for new X-Rent website. Based on Hello Elementor theme.
Author: Agma Studio
Author URI: https://agma.bg
Template: hello-elementor
Version: 1.0.0
Text Domain: x-rent
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-background, custom-logo, custom-menu, featured-images
*/


/*** ELEMENTOR FIXES ***/
.elementor-icon-wrapper{
    display: flex;
}
.dialog-lightbox-widget-content{
    .dialog-close-button{
        position: absolute;
        cursor: pointer;
        display: flex;
        cursor: pointer; will-change: transform;
        color: var(--e-global-color-secondary);

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;

        &:hover{
            color: var(--e-global-color-text);
            transform: rotate(90deg); 
            -moz-transform: rotate(90deg); 
            -webkit-transform: rotate(90deg); 
            -o-transform: rotate(90deg); 
            -ms-transform: rotate(90deg); 
            transform-origin: center; 
            -moz-transform-origin: center; 
            -webkit-transform-origin: center; 
            -o-transform-origin: center; 
            -ms-transform-origin: center; 
            transform-style: preserve-3d; 
            -moz-transform-style: preserve-3d; 
            -webkit-transform-style: preserve-3d; 
            -o-transform-style: preserve-3d; 
            -ms-transform-style: preserve-3d; 
            -webkit-backface-visibility: hidden;
        }
    }
    & .dialog-message{
        & .elementor-widget-text-editor{
            & p:only-child,
            & p:last-child{
                margin: 0;
            }
        }
    }
}
.elementor-widget-text-editor p:only-child,
.elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}
.elementor-widget-woocommerce-cart .woocommerce{
    font-family: var(--e-global-typography-primary-font-family);
}
/*** ELEMENTOR FIXES ***/


/*** GLOBALS ***/
.noSelect,
a,
button,
.button{
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    -webkit-tap-highlight-color: transparent;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
/*** GLOBALS ***/


/*** WOO NOTICES ***/
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{
    display: flex;
    align-items: center;
    gap: 10px;

    border: none;
    background-color: var(--e-global-color-light_background);
    border-radius: 10px;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-primary-font-family);
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: 18px;

    & a{
        font-family: var(--e-global-typography-secondary-font-family);
        font-size: var(--e-global-typography-secondary-font-size);
        font-weight: var(--e-global-typography-secondary-font-weight);
        line-height: 18px;
        color: var(--e-global-color-text);
        text-decoration: none;
        display: inline-block;

        -webkit-transition: all 0.3s ease; 
        transition: all 0.3s ease;

        &:hover{
            color: var(--e-global-color-black_60);
            text-decoration: underline;
        }

        strong{font-weight: inherit;}
    }

    & button{
        font-family: var(--e-global-typography-secondary-font-family);
        font-size: var(--e-global-typography-secondary-font-size);
        font-weight: var(--e-global-typography-secondary-font-weight);
        line-height: var(--e-global-typography-secondary-line-height);
        color: var(--e-global-color-white);
        border: none;
        border-radius: 18px;
        padding: 10px 50px;
        background-color: var(--e-global-color-black_60);

        -webkit-transition: all 0.3s ease; 
        transition: all 0.3s ease;

        &:hover{
            background-color: var(--e-global-color-secondary);
        }
    }
}
/*** WOO NOTICES ***/


/*** CLASSES ***/
ul.elementor-nav-menu li a:before,
.styled-link a:before {
	background: var( --e-global-color-accent );
	bottom: 0rem;
	content: "";
	display: inline-block;
	height: 1px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform .5s;
	transition-timing-function: cubic-bezier(.14, 0, 0, 1.01);
	width: 100%;
}
ul.elementor-nav-menu li a:hover:before,
.styled-link a:hover:before{
	transform: scaleX(1);
  	transform-origin: bottom left;
	text-decoration: none;
}
.styled-link.for-light-background a:before {
	background: var( --e-global-color-text );
}
.centered-horizontaly{
	transform: translate(-50%, 0);
}
.centered-horizontaly-verticaly{
	transform: translate(-50%, -50%);
}
.aspect-ratio-1-1,
.aspect-ratio-1-1 img{
    aspect-ratio: 1 / 1;
}
.hover-effect{
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.hover-effect-fast{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.return-to-shop a.button{
    font-family: var(--e-global-typography-secondary-font-family);
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
    color: var(--e-global-color-text);
    border: none;
    border-radius: 18px;
    padding: 10px 50px;
    background-color: var(--e-global-color-accent);

    -webkit-transition: all 0.3s ease; 
    transition: all 0.3s ease;

    &:hover{
        background-color: var(--e-global-color-secondary);
        color: var(--e-global-color-white);
    }
}
/*** CLASSES ***/


/*** HEADER ***/
.phone-link-header:hover{
    & .elementor-icon{
        color: var(--e-global-color-white) !important;
    }
    & .elementor-heading-title{
        color: var(--e-global-color-accent) !important;
    }
}

.elementor-widget-woocommerce-menu-cart{
    & .elementor-menu-cart__wrapper{
        display: flex;

        & .elementor-menu-cart__toggle{
            display: flex;
        }
    }
}

ul.elementor-nav-menu li a:hover{
    color: var( --e-global-color-accent ) !important;
    fill: var( --e-global-color-accent ) !important;
}
/*** HEADER ***/


/*** HAMBURGER ***/
.hamburger:active,
.hamburger:focus{
    border: 0 none; 
    outline: none;
    background-color: transparent;
    color: inherit;
}
.hamburger{
    display: block; 
    cursor: pointer; 
    transition-property: opacity, filter; 
    transition-duration: 0.15s; 
    transition-timing-function: linear; 
    font: inherit; 
    color: inherit; 
    text-transform: none; 
    background-color: transparent; 
    border: 0;
    margin: 0; 
    padding: 0;
    overflow: visible; 
    order: 2; 
    z-index: 20; 
    position: relative;
}
.hamburger:hover{
    opacity: 1; 
    border: 0 none; 
    outline: 0; 
    background: transparent;
}
.hamburger.is-active:hover{
    opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after{
    background-color: var(--e-global-color-white);
}
.hamburger-box{
    width: 24px; 
    height: 24px; 
    display: flex; 
    position: relative; 
}
.hamburger-inner{
    display: block; 
    top: 50%; 
    margin-top: 0;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after{
    width: 24px; 
    height: 2px; 
    background-color: var(--e-global-color-white); 
    border-radius: 0; 
    position: absolute; 
    transition-property: transform; 
    transition-duration: 0.15s; 
    transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after{
    content: ""; 
    display: block;
}
.hamburger-inner::before{
    top: -8px;
}
.hamburger-inner::after{
    bottom: -8px;
}

.hamburger--squeeze .hamburger-inner{
    transition-duration: 0.075s; 
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before{
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after{
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner{
    transform: rotate(-45deg); 
    transition-delay: 0.12s; 
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before{
    top: 0; 
    opacity: 0; 
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after{
    bottom: 0; 
    transform: rotate(90deg); 
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*** HAMBURGER ***/


/*** FOOTER ***/
.copywrite-container p{
    margin: 0;
}
/*** FOOTER ***/


/*** FILTER FORM ***/
form.xr-search-form,
form.xr-single-bus-form{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;

    @media (width <= 1280px) {
        flex-wrap: wrap;
    }

    & .select-container{
        max-width: calc(20% - 16px);
        width: 100%;
        margin: 35px 0 0 0;
        font-family: var(--e-global-typography-primary-font-family);
        font-size: var(--e-global-typography-primary-font-size);
        font-weight: var(--e-global-typography-primary-font-weight);
        color: var(--e-global-color-text);
        position: relative;

        @media (width <= 1280px) {
            max-width: calc(50% - 10px);
        }
        @media (width <= 620px) {
            max-width: 100%;
        }
        @media (width <= 480px) {
            margin: 25px 0 0 0;
        }

        & label{
            position: absolute;
            bottom: calc(100% + 20px);
            left: 15px;
            font-weight: 700;

            @media (width <= 620px) {
                bottom: calc(100% + 10px);
            }
        }

        & .prettydropdown{
            position: relative;
            min-width: auto !important;

            &:before{
                content: "\e811";
                position: absolute;
                width: 20px;
                height: 20px;
                top: 50%;
                left: 20px;
                transform: translate(0, -50%);
                font-family: "x-rent-icons";
                font-style: normal;
                font-weight: normal;
                font-size: 20px;
                line-height: 1;
                z-index: 100;
            }
        }
        & .prettydropdown:has(> ul.active):before{
            z-index: 102;
        }
    }

    & .date-time-container{
        max-width: calc(20% - 16px);
        width: 100%;
        margin: 35px 0 0 0;
        display: flex;
        position: relative;
        font-family: var(--e-global-typography-primary-font-family);
        font-size: var(--e-global-typography-primary-font-size);
        font-weight: var(--e-global-typography-primary-font-weight);
        color: var(--e-global-color-text);

        @media (width <= 1280px) {
            max-width: calc(33.3333333333% - 13px);
        }
        @media (width <= 1024px) {
            max-width: calc(50% - 10px);
        }
        @media (width <= 620px) {
            max-width: 100%;
        }
        @media (width <= 480px) {
            margin: 25px 0 0 0;
        }

        &:before{
            content: "\e819";
            position: absolute;
            width: 20px;
            height: 20px;
            top: 50%;
            left: 20px;
            transform: translate(0, -50%);
            font-family: "x-rent-icons";
            font-style: normal;
            font-weight: normal;
            font-size: 20px;
            line-height: 1;
            z-index: 1;
        }

        & label{
            position: absolute;
            bottom: calc(100% + 20px);
            left: 15px;
            font-weight: 700;

            @media (width <= 620px) {
                bottom: calc(100% + 10px);
            }
        }

        & .flat-date,
        & .flat-time{
            position: relative;
            height: auto;
            line-height: 20px;
            border-color: var(--e-global-color-light_borders);
            cursor: pointer;
            font-size: inherit;
            font-weight: inherit;
            color: inherit;

            -webkit-transition: all 0.6s ease;
            -moz-transition: all 0.6s ease;
            -o-transition: all 0.6s ease;
            -ms-transition: all 0.6s ease;
            transition: all 0.6s ease;

            -webkit-touch-callout: none; 
            -webkit-user-select: none; 
            -khtml-user-select: none; 
            -moz-user-select: none; 
            -ms-user-select: none; 
            user-select: none; 
            -webkit-tap-highlight-color: transparent;

            &:focus,
            &:focus-visible{
                outline: none;
            }
        }
        & .flat-date{
            width: 60%;
            padding: 16px 16px 16px 50px;
            border-radius: 20px 0 0 20px;
            border-width: 1px;
        }
        & .flat-time{
            width: 40%;
            padding: 16px;
            border-radius: 0 20px 20px 0;
            border-width: 1px 1px 1px 0;
        }

        &:hover .flat-date,
        &:hover .flat-time{
            border-color: var(--e-global-color-secondary);
        }
    }

    & button[type="submit"]{
        max-width: calc(20% - 16px);
        width: 100%;
        fill: var( --e-global-color-text );
        color: var( --e-global-color-text );
        border-radius: 25px 25px 25px 25px;
        margin: 35px 0 0 0;
        padding: 15px 50px 15px 50px;
        background-color: var( --e-global-color-accent );
        font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
        font-size: var( --e-global-typography-accent-font-size );
        font-weight: var( --e-global-typography-accent-font-weight );
        text-transform: var( --e-global-typography-accent-text-transform );
        font-style: var( --e-global-typography-accent-font-style );
        text-decoration: var( --e-global-typography-accent-text-decoration );
        line-height: var( --e-global-typography-accent-line-height );
        border: none;

        overflow: hidden; 
        text-overflow: ellipsis; 
        white-space: nowrap;

        &:hover{
            background-color: var( --e-global-color-secondary );
            color: var( --e-global-color-white );
            border: none;
        }

        @media (width <= 1280px) {
            max-width: calc(33.3333333333% - 14px);
        }
        @media (width <= 1024px) {
            max-width: 100%;
            margin: 10px 0 0 0;
        }
        @media (width <= 480px) {
            margin: 0;
        }
    }

}
/*** FILTER FORM ***/


/*** VEHICLES LOOP FRONT PAGE ***/
@media (width <= 1280px) {
    .vehicles-loop .e-con-inner{
        padding-block-start: 263px;
    }
}
@media (width <= 800px) {
    .vehicles-loop .e-con-inner{
        padding-block-start: 300px;
    }
}
@media (width <= 768px) {
    .vehicles-loop .e-con-inner{
        padding-block-start: 320px;
    }
}
@media (width <= 620px) {
    .vehicles-loop .e-con-inner{
        padding-block-start: 550px;
    }
}
@media (width <= 480px) {
    .vehicles-loop .e-con-inner{
        padding-block-start: 450px;
    }
}
/*** VEHICLES LOOP FRONT PAGE ***/


/*** OTHER HOME PAGE ***/
.three-boxes .box .elementor-icon{
    margin-left: -10px;
}

.faq-container{

    & .e-n-accordion{
        display: flex;
        flex-direction: column;
        /*gap: 0 40px;*/
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;

        & details{
            /*width: calc(50% - 20px);*/
            width: 100%;
            border-radius: 20px;
            overflow: hidden;

            & .e-n-accordion-item-title-icon{
                padding-top: 2px;

                & .icon{
                    display: flex;
                }
            }

            & .elementor-widget{

                & ul{
                    list-style: disc;
                }
                & ol{
                    list-style: decimal;
                }
                ul,
                ol{
                    list-style-position: inside;
                    margin-bottom: 15px;

                    & li{
                        padding-bottom: 5px;
                    }
                }
                & p{
                    margin-bottom: 20px;
                }

                :last-child{
                    margin-bottom: 0;
                }
            }
        }
    }
}

& .google-profile-link{
    & .elementor-heading-title{
        & a{
            text-decoration: underline;
        }
    }
}

.icon-box-element p{
    margin-bottom: 0;
}
.icon-box-element a{
    font-weight: bold;
    text-decoration: underline;
    color: var(--e-global-color-text);
}
.icon-box-element a:hover{
    text-decoration: none;
    color: var(--e-global-color-secondary);
}
/*** OTHER HOME PAGE ***/


/*** CONTACT FORM ***/
.elementor-widget-form{
    & form{
        & .elementor-form-fields-wrapper{
            & .elementor-field-group{
                & input[type="text"],
                & input[type="tel"],
                & input[type="email"],
                & textarea{
                    padding: 10px 0;

                    &:focus{
                        outline: 0;
                        box-shadow: none;
                    }
                }
            }
            & .elementor-field-type-submit{
                padding-top: 40px;
                margin-bottom: 0;
            }
        }
    }
}
/*** CONTACT FORM ***/


/*** SINGLE PRODUCT ***/
.vehicle-container{

    h1, h2, h3, h4, h5, h6{
        margin-block-end: 0;
        margin-block-start: 0;
    }

    & .woocommerce-breadcrumb{
        margin: 0;

        & a:hover{
            text-decoration: underline;
        }
    }

    & .vehicle-data{
        
        & .elementor-widget-image-carousel{
            & .elementor-image-carousel-wrapper{
                & .swiper-slide-image{
                    display: block;
                }
                & .elementor-swiper-button-prev,
                & .elementor-swiper-button-next{
                    width: 30px;
                    height: 30px;
                    background-color: var(--e-global-color-accent);
                    border-radius: 50%;
                    justify-content: center;
                    align-items: center;

                    &:hover{
                        background-color: var(--e-global-color-light_borders);
                    }

                    & .icon{
                        display: flex;
                    }
                }
            }
        }
    }
}

.xr-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;

    & .xr-modal-content {
        background: var(--e-global-color-white);
        padding: 30px;
        max-width: 420px;
        width: 90%;
        border-radius: 10px;
        text-align: center;
        animation: xrFadeIn .25s ease;
        position: relative;

        & .xr-modal-close {
            position: absolute;
            right: 10px;
            top: 10px;
            cursor: pointer;
            font-size: 12px;
            display: flex;
            cursor: pointer; will-change: transform;
            color: var(--e-global-color-secondary);

            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            transition: all 0.4s ease;

            &:hover{
                color: var(--e-global-color-text);
                transform: rotate(90deg); 
                -moz-transform: rotate(90deg); 
                -webkit-transform: rotate(90deg); 
                -o-transform: rotate(90deg); 
                -ms-transform: rotate(90deg); 
                transform-origin: center; 
                -moz-transform-origin: center; 
                -webkit-transform-origin: center; 
                -o-transform-origin: center; 
                -ms-transform-origin: center; 
                transform-style: preserve-3d; 
                -moz-transform-style: preserve-3d; 
                -webkit-transform-style: preserve-3d; 
                -o-transform-style: preserve-3d; 
                -ms-transform-style: preserve-3d; 
                -webkit-backface-visibility: hidden;
            }

            & i{
                display: flex;
            }
        }

        & .xr-modal-message {
            font-family: var(--e-global-typography-primary-font-family);
            font-size: var(--e-global-typography-primary-font-size);
            font-weight: var(--e-global-typography-primary-font-weight);
            line-height: 20px;
            color: var(--e-global-color-text);
            text-align: left;
        }
    }
}
@keyframes xrFadeIn {
    from { transform: translateY(10px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
}

.xr-error {
    border-color: #e53935 !important;
    animation: xrShake .3s;
}

@keyframes xrShake {
    0%,100% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    75% { transform: translateX(4px); }
}
/*** SINGLE PRODUCT ***/


/*** CART MODAL ***/
.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container{
    min-width: 430px;

    @media (width <= 480px) {
        min-width: calc(100% - 40px);
        width: calc(100% - 40px);
        position: fixed;
        top: 120px;
        left: 20px !important;
        right: 20px !important;
    }

    .elementor-menu-cart__main{
        & .elementor-menu-cart__close-button-custom{
            display: flex;
            margin-left: auto;
            margin-right: auto;
            background-color: var(--e-global-color-light_borders);
            padding: 7px;
            border-radius: 50%;

            -webkit-touch-callout: none; 
            -webkit-user-select: none; 
            -khtml-user-select: none; 
            -moz-user-select: none; 
            -ms-user-select: none; 
            user-select: none; 
            -webkit-tap-highlight-color: transparent;

            &:hover{
                background-color: var(--e-global-color-secondary);

                & .icon-close{
                    color: var(--e-global-color-white);
                }
            }
        }

        .widget_shopping_cart_content{
            & .cart_item{
                & .product-name{
                    & .variation{
                        display: flex;
                        width: 100%;
                        gap: 10px;
                        flex-wrap: wrap;

                        dt{
                            width: calc(50% - 5px);
                            min-width: calc(50% - 5px);
                            margin: 0 auto 0 0;
                            flex: 1;
                            font-weight: 500;
                        }
                        dd{
                            width: calc(50% - 5px);
                            min-width: calc(50% - 5px);
                            margin: 0 0 0 auto;
                            flex: 1;
                            color: var(--e-global-color-secondary);
                        }
                    }
                }

                & .product-remove{
                    border: none;
                    background-color: var(--e-global-color-white);
                    border-radius: 50%;
                }
                & .product-remove:hover{
                    border: none;
                    background-color: var(--e-global-color-secondary);
                }

                & .product-price .quantity > *:not(.xr-price-wrapper):not(.xr-location-fee){
                    display: none;
                }
            }

            & .elementor-menu-cart__subtotal{
                strong{
                    font-weight: var( --e-global-typography-e4cfb35-font-weight );
                }
            }
        }
    }
}

/*** CART MODAL ***/


/*** CART PAGE ***/
form.woocommerce-cart-form{
    & .e-cart-section{}
    & .e-shop-table{
        table.cart{
            & td,
            & td span{
                font-family: var( --e-global-typography-vehicle_loop_price-font-family ), Sans-serif !important;
            }

            thead .product-name > span,
            thead .product-price > span,
            thead .product-subtotal > span{
                display: inline-block;
                line-height: 18px;
                border-bottom: 1px solid var(--e-global-color-text);
            }
            tbody{
                .cart_item{

                    @media (width <= 480px) {
                        padding: 0;
                    }

                    & > td{
                        border: none;
                    }

                    & .product-remove{
                        padding-right: 10px;

                        @media (width <= 768px) {
                            padding: 20px 0;
                        }

                        & .remove{
                            width: 18px;
                            height: 18px;
                            font-size: 8px;
                            background-color: var(--e-global-color-light_borders);
                            border-radius: 50%;
                            color: var(--e-global-color-white) !important;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            &:hover{
                                background-color: var(--e-global-color-accent);
                            }

                            & .icon-close{
                                display: flex;
                                width: 100%;
                                height: 100%;
                                justify-content: center;
                                align-items: center;
                                font-size: inherit;
                            }
                        }
                    }

                    & .product-thumbnail{
                        & a{
                            max-width: 100px;
                            display: inline-block;

                            @media (width <= 1024px) {
                                max-width: 70px;
                            }

                            & img{
                                width: 100px;

                                @media (width <= 1024px) {
                                    max-width: 70px;
                                }
                            }
                        }
                    }
                    
                    & .product-name{
                        width: 40%;
                        font-family: "Mont", Sans-serif;
                        font-size: 20px;
                        font-weight: 600;
                        text-transform: none;
                        font-style: normal;
                        text-decoration: none;
                        line-height: 120%;
                        color: var(--e-global-color-text);

                        @media (width <= 768px) {
                            width: 100%;
                            padding: 0 0 20px 0;
                        }

                        & a{
                            color: inherit !important;
                            font-size: inherit;
                            position: relative;
                            display: inline-block;
                            margin: 0 0 10px 0;
                        }

                        & .variation{
                            /*font-family: var( --e-global-typography-vehicle_loop_price-font-family ), Sans-serif;*/
                            font-family: var( --e-global-typography-primary-font-family ), Sans-serif;

                            @media (width <= 768px) {
                                font-size: 14px;;
                            }

                            & dt{
                                width: auto;
                                clear: none;
                                margin-bottom: 3px;
                            }
                            & dd{
                                width: auto;
                                font-weight: 500;
                                color: var(--e-global-color-text);
                                margin-bottom: 3px;
                            }
                            & p{
                                margin: 0;
                                display: inline-block;
                            }
                        }
                    }

                    & .product-price{
                        @media (width <= 768px) {
                            padding: 0 0 20px 0;
                        }
                    }

                    & .product-subtotal{
                        padding-right: 0px;

                        @media (width <= 768px) {
                            padding: 0 0 20px 0;
                            font-weight: bold;

                            & .amount{
                                font-weight: inherit;
                            }
                        }
                    }
                }
            }
        }

    }
    & .coupon{
        position: relative; 

        @media (width <= 1024px) {
            padding-top: 20px;
        }

        & .form-row{
            align-items: center;

            input[type="text"]{
                width: 100%;
                height: auto;
                padding: 16px;
                border-radius: 20px;
                border-width: 1px;
                border-color: var(--e-global-color-light_borders);
                line-height: 20px;
                font-family: var(--e-global-typography-primary-font-family);
                font-size: var(--e-global-typography-primary-font-size);
                font-weight: var(--e-global-typography-primary-font-weight);
                color: var(--e-global-color-text);

                &:focus, &:focus-visible{
                    outline: none;
                }
            }
        }
        & .coupon-error-notice{
            margin: 0;
            position: absolute;
            left: 70px;
            bottom: 25px;
            font-size: 12px;
            font-family: var( --e-global-typography-vehicle_loop_price-font-family ), Sans-serif;

            @media (width <= 1024px) {
                left: 40px;
                right: 40px;
                bottom: -20px;
                line-height: 1;
                width: calc(100% - 80px);
            }
            @media (width <= 768px) {
                bottom: unset;
                top: calc(100% + 7px);
                left: 20px;
                right: 20px;
                width: calc(100% - 40px);
            }
        }
    }
}
.cart-collaterals{
    & .shop_table{
        tr.fee{
            td{
                display: inline-table;
                width: 100%;
            }
            td:before{
                text-align: left;
                max-width: 80%;
            }
        }
    }
}

@media (width <= 1024px) {
    .e-cart__container{
        grid-template-columns: 100% !important;
        grid-gap: 20px !important;

        & .e-cart__column.e-cart__column-end .e-cart-totals{
            margin-left: 0;
        }
    }
}
/*** CART PAGE ***/


/*** CHECKOUT PAGE ***/
form.checkout .e-checkout__container{
    grid-column-gap: 60px;

    @media (width <= 1024px) {
        grid-template-columns: 100%;
        grid-column-gap: 30px;
    }

    & .e-checkout__column-start{

        & #customer_details{
            display: flex;
            flex-direction: column;
            gap: 60px;

            &:before,
            &:after{
                display: none;
            }

            & .col-1{
                margin: 0;
                padding: 0;

                & .woocommerce-billing-fields__field-wrapper{
                    display: flex;
                    gap: 20px;
                    flex-wrap: wrap;

                    @media (width <= 620px) {
                        flex-direction: column;
                    }

                    & .form-row{
                        margin: 0;
                        padding: 0;
                        width: calc(50% - 10px);

                        @media (width <= 620px) {
                            width: 100%;
                        }
                    }
                }
            }
            & .col-2{

                & .woocommerce-additional-fields{
                    display: flex;
                    flex-direction: column;
                    gap: 60px;

                    & .xr-switch-wrapper{
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        gap: 20px;

                        & .section-title{
                            margin: 0 0 10px 0;
                        }
                        & .switch-container{
                            display: flex;
                            flex-direction: row;
                            gap: 20px;
                            padding: 25px;
                            border-radius: 16px;
                            border: 1px solid var(--e-global-color-light_borders);
                            align-items: center;
                            line-height: 22px;

                            -webkit-touch-callout: none; 
                            -webkit-user-select: none; 
                            -khtml-user-select: none; 
                            -moz-user-select: none; 
                            -ms-user-select: none; 
                            user-select: none; 
                            -webkit-tap-highlight-color: transparent;

                            & .switch-title{
                                color: var(--e-global-color-text);
                                font-family: var(--e-global-typography-accent-font-family);
                                font-size: var(--e-global-typography-accent-font-size);
                                font-weight: 500;
                            }
                            & .switch-details-link{
                                color: var(--e-global-color-text);
                                font-family: var(--e-global-typography-accent-font-family);
                                font-size: var(--e-global-typography-accent-font-size);
                                font-weight: 500;
                                line-height: 16px;
                                margin-left: auto;
                                border-bottom: 1px solid var(--e-global-color-text);

                                &:hover{
                                    border-color: var(--e-global-color-accent);
                                }
                            }
                            & .switch{
                                margin-left: 10px;
                            }
                        }
                        & .switch-container.is-active{
                            border-color: var(--e-global-color-text);
                            box-shadow: 0px 0px 2px var(--e-global-color-text);
                        }
                    }

                    & .xr-radio-wrapper{
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        gap: 30px;

                        & .section-title{
                            margin: 0;
                        }
                        & .radio-container{
                            /*
                            display: flex;
                            flex-direction: row;
                            gap: 30px;
                            flex-wrap: wrap;
                            */
                            display: grid;
                            grid-template-columns: repeat(2, 1fr);
                            grid-template-rows: repeat(2, 1fr);
                            gap: 30px;

                            @media (width <= 768px) {
                                grid-template-columns: 100%;
                                grid-template-rows: auto;
                                gap: 20px;
                            }

                            & .custom-radio-container{
                                /*width: calc(50% - 15px);*/
                                padding: 35px 30px 35px 35px;
                                border-radius: 16px;
                                border: 1px solid var(--e-global-color-light_borders);
                                position: relative;
                                display: flex;
                                flex-direction: column;

                                -webkit-touch-callout: none; 
                                -webkit-user-select: none; 
                                -khtml-user-select: none; 
                                -moz-user-select: none; 
                                -ms-user-select: none; 
                                user-select: none; 
                                -webkit-tap-highlight-color: transparent;

                                @media (width <= 480px) {
                                    padding: 30px;
                                }

                                & .custom-radio-title{
                                    color: var(--e-global-color-text);
                                    font-family: var( --e-global-typography-cd484ab-font-family ), Sans-serif;
                                    font-size: var( --e-global-typography-cd484ab-font-size );
                                    font-weight: var( --e-global-typography-cd484ab-font-weight );
                                    line-height: 150%;
                                    margin: 0 0 25px 0;
                                }
                                & .custom-radio{
                                    position: absolute;
                                    top: 20px;
                                    right: 20px;
                                    width: 16px;
                                    height: 16px;

                                    input{
                                        width: 100%;
                                        height: 100%;
                                    }
                                }
                                & ul.insurance-details{
                                    font-family: var(--e-global-typography-text-font-family);
                                    font-size: 12px;
                                    font-weight: 500;
                                    text-decoration: none;
                                    line-height: 130%;
                                    margin: 0 0 55px 0;
                                    padding: 0 0 0 25px;
                                    display: flex;
                                    flex-direction: column;
                                    gap: 10px;
                                    list-style: none;
                                    color: var(--e-global-color-text);

                                    li{
                                        position: relative;

                                        &:before{
                                            content: '\e803';
                                            font-family: "x-rent-icons";
                                            color: var(--e-global-color-accent);
                                            position: absolute;
                                            left: -22px;
                                            top: 0;
                                            font-size: 14px;
                                        }
                                    }
                                }
                                & .bottom-data{
                                    margin-top: auto;
                                    display: flex;
                                    justify-content: space-between;
                                    align-items: center;

                                    & .custom-radio-details-link{
                                        color: var(--e-global-color-text);
                                        font-family: var(--e-global-typography-accent-font-family);
                                        font-size: var(--e-global-typography-accent-font-size);
                                        font-weight: 500;
                                        line-height: 16px;
                                        margin-right: auto;
                                        border-bottom: 1px solid var(--e-global-color-text);

                                        &:hover{
                                            border-color: var(--e-global-color-accent);
                                        }
                                    }
                                    & .price{
                                        font-family: var( --e-global-typography-cd484ab-font-family ), Sans-serif;
                                        color: var(--e-global-color-text);
                                        font-size: 16px;
                                        font-weight: 600;
                                    }
                                }
                            }
                            & .custom-radio-container.is-active{
                                border-color: var(--e-global-color-text);
                                box-shadow: 0px 0px 2px var(--e-global-color-text);
                            }
                        }
                        & .switch-container.is-active{
                            border-color: var(--e-global-color-text);
                            box-shadow: 0px 0px 2px var(--e-global-color-text);
                        }
                    }
                }
            }
        }
    }
    & .e-checkout__column-end{

        & .e-checkout__column-inner{
            display: flex;
            flex-direction: column;
            gap: 25px;

            & .e-checkout__order_review{
                margin: 0;
                padding: 0;

                & .woocommerce-checkout-review-order{
                    border: 1px solid var(--e-global-color-light_borders);
                    border-radius: 16px;

                    table{
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;

                        thead{
                            display: none;
                        }
                        tbody tr.cart_item{
                            padding: 35px;
                            border-bottom: 1px solid var(--e-global-color-light_borders);
                            display: flex;
                            width: 100%;
                            justify-content: space-between;

                            @media (width <= 480px) {
                                padding: 35px 20px;
                                flex-direction: column;
                                justify-content: flex-start;
                                gap: 20px;
                            }

                            td{
                                padding: 0;
                                min-width: 50%;
                                max-width: unset;

                                @media (width <= 480px) {
                                    min-width: 100%;
                                }

                                & .variation{
                                    margin: 10px 0 0 0;

                                    dd{
                                        font-weight: 600;
                                    }
                                }
                            }
                            td.product-total{
                                text-align: right;

                                @media (width <= 480px) {
                                    min-width: 100%;
                                    text-align: left;
                                }
                            }
                        }
                        tfoot{
                            tr{
                                padding: 35px;
                                border-bottom: 1px solid var(--e-global-color-light_borders);
                                display: flex;
                                width: 100%;
                                justify-content: space-between;
                                align-items: center;

                                @media (width <= 480px) {
                                    padding: 35px 20px;
                                }

                                th, td{
                                    padding: 0;

                                    & .woocommerce-remove-coupon{
                                        font-size: 12px;
                                        color: var(--e-global-color-black_40);
                                        display: block;

                                        &:hover{
                                            color: var(--e-global-color-black_60);
                                        }
                                    }
                                }
                                td{
                                    text-align: right;

                                    @media (width <= 480px) {
                                        padding-left: 20px;
                                    }
                                }
                            }
                        }
                        tfoot tr.order-total{
                            border: none;

                            th{
                                font-size: 24px;
                                display: block;
                            }
                            td{
                                font-size: 36px;
                                display: block;
                                line-height: 1;

                                strong{
                                    font-weight: 600;
                                }
                                *{
                                    display: inline-block;
                                }
                            }
                        }
                    }
                }
            }
            & .e-coupon-box{
                margin: 0;
                padding: 0;

                & .e-woocommerce-coupon-nudge{
                    display: none !important;
                }
                & .e-coupon-anchor{
                    display: block !important;
                    margin: 0;
                    padding: 30px 35px;

                    & .e-coupon-anchor-description{
                        display: none;
                    }
                    & .form-row{
                        padding: 0;

                        & .coupon-container-grid{
                            display: flex;
                            justify-content: space-between;
                            gap: 40px;

                            & .coupon-col-1 {
                                flex: 1;
                            }

                            input#coupon_code{
                                margin: 0;
                                padding: 0;
                                border-radius: 0;
                                border-width: 0 0 1px 0;
                                line-height: 24px;

                                &:focus-visible{
                                    outline: 0;
                                    border-color: var(--e-global-color-secondary);
                                }
                            }
                            button{
                                padding: 3px;
                                background-color: transparent;
                                border-bottom: 1px solid var(--e-global-color-text);
                                border-radius: 0;
                                width: fit-content;
                                line-height: 16px;

                                &:hover{
                                    border-color: var(--e-global-color-accent);
                                    color: var(--e-global-color-text);
                                }
                            }
                        }
                    }
                }
            }
            & .e-checkout__order_review-2{
                margin: 0;
                padding: 0;

                & #payment{
                    margin: 0;
                    padding: 0;

                    ul.wc_payment_methods{
                        padding: 35px;
                        background-color: var(--e-global-color-light_background);
                        border-radius: 16px;
                        display: flex;
                        flex-direction: column;
                        gap: 20px;

                        &:before,
                        &:after{
                            display: none;
                        }

                        li{
                            input{
                                margin: 0 10px 2px 0;
                                width: 16px;
                                height: 16px;
                            }
                            label{
                                line-height: 20px;
                                display: inline-block;
                                width: fit-content;
                            }
                            & .payment_box{
                                background-color: var(--e-global-color-light_background);
                                margin: 10px 0 0 0;
                                padding: 0;
                            }
                        }
                    }

                    button#place_order{
                        width: 100%;
                    }
                }
            }
        }
    }
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  min-width: 40px;
}
/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--e-global-color-light_borders);
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: var(--e-global-color-white);
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: var(--e-global-color-text);
}
input:focus + .slider {
  box-shadow: 0 0 1px var(--e-global-color-text);
}
input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}
.slider.round {
  border-radius: 11px;
}
.slider.round:before {
  border-radius: 50%;
}

.xr-checkout-elementor-template .e-n-accordion-item-title-icon .icon{
    display: flex;
}
.xr-checkout-elementor-template .elementor-widget-n-accordion .e-n-accordion-item-title{
    align-items: flex-start;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    -webkit-tap-highlight-color: transparent;
}
/*** CHECKOUT PAGE ***/


/*** SHOP PAGE ***/
.shop-loop{

    & .e-loop-item:not(:last-child):not(:only-child){
        border-bottom: 1px solid var(--e-global-color-light_borders);
    }
}

.fwp-reset{
    & button{
        border-width: 0 0 1px 0;
        border-color: var(--e-global-color-text);
        border-style: solid;
        color: var(--e-global-color-text);
        border-radius: 0;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700;
        padding: 0 2px;
        background-color: var(--e-global-color-white);

        &:hover{
            background-color: var(--e-global-color-white);
            border-width: 0 0 1px 0;
            border-color: var(--e-global-color-white);
        }
    }
}

.elementor-widget-facetwp-facet{
    & .facet-wrap{
        & > p{
            font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
            font-size: var( --e-global-typography-accent-font-size );
            font-weight: var( --e-global-typography-accent-font-weight );
            text-transform: var( --e-global-typography-accent-text-transform );
            font-style: var( --e-global-typography-accent-font-style );
            text-decoration: var( --e-global-typography-accent-text-decoration );
            line-height: var( --e-global-typography-accent-line-height );
            color: var( --e-global-color-text );
            margin: 0 0 20px 0;
        }
        & .facetwp-facet{
            font-family: var( --e-global-typography-vehicle_icons_text-font-family ), Sans-serif;
            font-size: var( --e-global-typography-vehicle_icons_text-font-size );
            font-weight: 400;
            text-transform: var( --e-global-typography-vehicle_icons_text-text-transform );
            font-style: var( --e-global-typography-vehicle_icons_text-font-style );
            text-decoration: var( --e-global-typography-vehicle_icons_text-text-decoration );
            line-height: var( --e-global-typography-vehicle_icons_text-line-height );
            letter-spacing: var( --e-global-typography-vehicle_icons_text-letter-spacing );
            color: var( --e-global-color-black_60 );
            margin-bottom: 0;

            & .facetwp-radio{
                background: url('../x-rent/images/RadioButton-unchecked.webp');
                background-repeat: no-repeat;
                background-size: 24px;
                background-position: left center;
                margin-bottom: 5px;
                padding-left: 34px;

                -webkit-touch-callout: none; 
                -webkit-user-select: none; 
                -khtml-user-select: none; 
                -moz-user-select: none; 
                -ms-user-select: none; 
                user-select: none; 
                -webkit-tap-highlight-color: transparent;

                & .facetwp-counter{
                    display: none;
                }
            }
            & .facetwp-radio.checked{
                background: url('../x-rent/images/RadioButton.webp');
                background-repeat: no-repeat;
                background-size: 24px;
                background-position: left center;
            }
        }
    }
}

.fwp-sorting{
    & .facetwp-type-sort{
        position: relative;

        &:after{
            content: '\e804';
            font-family: "x-rent-icons";
            font-size: 12px;
            width: 14px;
            height: 14px;
            position: absolute;
            top: calc(50% - 7px);
            right: 10px;
            transform: translate(-50%, 0);
            line-height: 14px;
            text-align: center;
        }

        & select{
            width: fit-content;
            padding: 10px 25px;
            border: 1px solid var(--e-global-color-light_borders);
            font-size: 12px;
            line-height: 12px;
            font-weight: 700;
            background-color: var(--e-global-color-white);
            border-radius: 18px;
            cursor: pointer;
            position: relative;
            appearance: none;
            outline: none;

            -webkit-touch-callout: none; 
            -webkit-user-select: none; 
            -khtml-user-select: none; 
            -moz-user-select: none; 
            -ms-user-select: none; 
            user-select: none; 
            -webkit-tap-highlight-color: transparent;

            &::-ms-expand {
                display: none;
            }

            &:focus-visible{
                outline: none;
            }
        }
    }
}
/*** SHOP PAGE ***/


/*** THANK YOU PAGE ***/
.elementor-widget-woocommerce-purchase-summary{
    & .woocommerce-order-details{
        & table{
            & thead tr th.product-total{text-align: right;}
            & tbody{
                & .product-total{text-align: right;}
                & ul.wc-item-meta{
                    padding: 0;

                    & li{
                        strong{
                            font-size: 12px !important;
                        }
                        p{
                            font-size: 12px !important;
                            font-weight: bold !important;
                        }
                    }
                }
            }
            & tfoot tr td{text-align: right;}
        }
    }
}
/*** THANK YOU PAGE ***/


/*** VEHICLE LOOP TEMPLATE - HORIZONTAL ***/
.xr-checkout-product-banners{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 0 60px 0;

    & .xr-product-banner{
        display: flex;
        flex-direction: row;
        gap: 30px;
        align-items: center;
        border: 1px solid var(--e-global-color-light_borders);
        border-radius: 16px;
        padding: 60px 40px;

        @media (width <= 768px) {
            flex-direction: column;
            padding: 40px;
        }
        @media (width <= 480px) {
            padding: 25px;
        }

        & .xr-banner-image{
            width: 370px;

            @media (width <= 1280px) {
                width: 270px;
            }
            @media (width <= 768px) {
                width: 370px;
            }
            @media (width <= 480px) {
                width: 100%;
            }

            img{
                width: 100%;
                height: auto;
            }
        }
        & .xr-banner-content{
            display: flex;
            flex-direction: column;
            gap: 40px;
            width: calc(100% - 400px);

            @media (width <= 1280px) {
                width: calc(100% - 300px);
            }
            @media (width <= 768px) {
                width: 100%;
            }
            @media (width <= 480px) {
                gap: 30px;
            }

            & .titles{
                display: flex;
                align-items: flex-end;
                gap: 10px;

                @media (width <= 480px) {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 5px;
                }

                & .product-title{
                    font-family: var( --e-global-typography-15f6e1c-font-family ), Sans-serif;
                    font-size: var( --e-global-typography-15f6e1c-font-size );
                    font-weight: var( --e-global-typography-15f6e1c-font-weight );
                    text-transform: var( --e-global-typography-15f6e1c-text-transform );
                    font-style: var( --e-global-typography-15f6e1c-font-style );
                    text-decoration: var( --e-global-typography-15f6e1c-text-decoration );
                    line-height: var( --e-global-typography-15f6e1c-line-height );
                    letter-spacing: var( --e-global-typography-15f6e1c-letter-spacing );
                    color: var( --e-global-color-text );
                    margin: 0;
                }
                & .product-cat{
                    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
                    font-size: var( --e-global-typography-text-font-size );
                    font-weight: var( --e-global-typography-text-font-weight );
                    text-transform: var( --e-global-typography-text-text-transform );
                    font-style: var( --e-global-typography-text-font-style );
                    text-decoration: var( --e-global-typography-text-text-decoration );
                    line-height: var( --e-global-typography-text-line-height );
                    letter-spacing: var( --e-global-typography-text-letter-spacing );
                    color: var( --e-global-color-text );
                    margin: 0 0 3px 0;
                }
            }
            & .content{
                display: flex;
                gap: 60px;
                justify-content: space-between;

                @media (width <= 1280px) {
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    gap: 30px 60px;
                }
                @media (width <= 620px) {
                    gap: 30px;
                }
                @media (width <= 480px) {
                    flex-direction: column;
                }

                & .characteristics{
                    display: flex;
                    flex-direction: column;
                    gap: 15px;

                    @media (width <= 1280px) {
                        width: calc(60% - 30px);
                    }
                    @media (width <= 900px) {
                        width: 100%;
                    }
                    @media (width <= 768px) {
                        width: calc(60% - 30px);
                    }
                    @media (width <= 620px) {
                        width: calc(60% - 15px);
                    }
                    @media (width <= 480px) {
                        width: 100%;
                    }

                    & .section-title{
                        font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
                        font-size: var( --e-global-typography-accent-font-size );
                        font-weight: var( --e-global-typography-accent-font-weight );
                        text-transform: var( --e-global-typography-accent-text-transform );
                        font-style: var( --e-global-typography-accent-font-style );
                        text-decoration: var( --e-global-typography-accent-text-decoration );
                        line-height: var( --e-global-typography-accent-line-height );
                        color: var( --e-global-color-text );
                        margin: 0 0 7px 0;

                        @media (width <= 480px) {
                            margin: 0 0 3px 0;
                        }
                    }
                    & .characteristics-inner{
                        font-family: var( --e-global-typography-vehicle_icons_text-font-family ), Sans-serif;
                        font-size: var( --e-global-typography-vehicle_icons_text-font-size );
                        font-weight: var( --e-global-typography-vehicle_icons_text-font-weight );
                        text-transform: var( --e-global-typography-vehicle_icons_text-text-transform );
                        font-style: var( --e-global-typography-vehicle_icons_text-font-style );
                        text-decoration: var( --e-global-typography-vehicle_icons_text-text-decoration );
                        line-height: var( --e-global-typography-vehicle_icons_text-line-height );
                        letter-spacing: var( --e-global-typography-vehicle_icons_text-letter-spacing );
                        color: var( --e-global-color-black_60 );

                        display: grid;
                        min-height: fit-content;
                        grid-template-columns: repeat(3, 1fr);
                        grid-template-rows: repeat(2, 1fr);
                        gap: 15px 15px;
                        row-gap: 15px;
                        column-gap: 15px;
                        grid-auto-flow: row;
                        justify-items: start;
                        align-items: start;

                        @media (width <= 768px) {
                            grid-template-columns: repeat(2, 1fr);
                        }

                        & .item{
                            display: flex;
                            align-items: center;
                            text-align: start;
                            gap: 9px;

                            i{
                                width: 20px;
                                height: 20px;
                                font-size: 20px;
                                color: var( --e-global-color-vehicle_icons );
                            }
                            span{
                                line-height: 20px;
                            }
                        }
                    }
                    & .age{
                        font-family: var( --e-global-typography-vehicle_icons_text-font-family ), Sans-serif;
                        font-size: var( --e-global-typography-vehicle_icons_text-font-size );
                        font-weight: var( --e-global-typography-vehicle_icons_text-font-weight );
                        text-transform: var( --e-global-typography-vehicle_icons_text-text-transform );
                        font-style: var( --e-global-typography-vehicle_icons_text-font-style );
                        text-decoration: var( --e-global-typography-vehicle_icons_text-text-decoration );
                        line-height: var( --e-global-typography-vehicle_icons_text-line-height );
                        letter-spacing: var( --e-global-typography-vehicle_icons_text-letter-spacing );
                        color: var( --e-global-color-black_60 );
                        display: flex;
                        align-items: center;
                        text-align: start;
                        gap: 9px;

                        i{
                            width: 20px;
                            height: 20px;
                            font-size: 20px;
                            color: var( --e-global-color-vehicle_icons );
                        }
                        span{
                            line-height: 20px;
                        }
                    }
                }
                & .includes{
                    display: flex;
                    flex-direction: column;
                    gap: 15px;

                    @media (width <= 1280px) {
                        width: calc(40% - 30px);
                    }
                    @media (width <= 900px) {
                        width: 100%;
                    }
                    @media (width <= 768px) {
                        width: calc(40% - 30px);
                    }
                    @media (width <= 620px) {
                        width: calc(40% - 15px);
                    }
                    @media (width <= 480px) {
                        width: 100%;
                    }

                    & .section-title{
                        font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
                        font-size: var( --e-global-typography-accent-font-size );
                        font-weight: var( --e-global-typography-accent-font-weight );
                        text-transform: var( --e-global-typography-accent-text-transform );
                        font-style: var( --e-global-typography-accent-font-style );
                        text-decoration: var( --e-global-typography-accent-text-decoration );
                        line-height: var( --e-global-typography-accent-line-height );
                        color: var( --e-global-color-text );
                        margin: 0 0 7px 0;

                        @media (width <= 480px) {
                            margin: 0 0 3px 0;
                        }
                    }
                    & .includes-inner{
                        font-family: var( --e-global-typography-vehicle_icons_text-font-family ), Sans-serif;
                        font-size: var( --e-global-typography-vehicle_icons_text-font-size );
                        font-weight: var( --e-global-typography-vehicle_icons_text-font-weight );
                        text-transform: var( --e-global-typography-vehicle_icons_text-text-transform );
                        font-style: var( --e-global-typography-vehicle_icons_text-font-style );
                        text-decoration: var( --e-global-typography-vehicle_icons_text-text-decoration );
                        line-height: var( --e-global-typography-vehicle_icons_text-line-height );
                        letter-spacing: var( --e-global-typography-vehicle_icons_text-letter-spacing );
                        color: var( --e-global-color-black_60 );

                        display: flex;
                        flex-direction: column;
                        gap: 5px;

                        & .item{
                            display: flex;
                            align-items: center;
                            text-align: start;
                            gap: 9px;
                            margin: 0;

                            i{
                                width: 20px;
                                height: 20px;
                                font-size: 15px;
                                color: var( --e-global-color-accent);
                            }
                            span{
                                line-height: 20px;
                            }
                        }
                    }
                }
                & div.price{
                    display: flex;
                    justify-content: flex-end;
                    flex-direction: column;
                    position: relative;

                    @media (width <= 1280px) {
                        width: 100%;
                    }
                    
                    & p.price{
                        margin: 0;

                        & > .amount{
                            font-family: var( --e-global-typography-15f6e1c-font-family ), Sans-serif;
                            font-size: var( --e-global-typography-15f6e1c-font-size );
                            font-weight: var( --e-global-typography-15f6e1c-font-weight );
                            text-transform: var( --e-global-typography-15f6e1c-text-transform );
                            font-style: var( --e-global-typography-15f6e1c-font-style );
                            text-decoration: var( --e-global-typography-15f6e1c-text-decoration );
                            line-height: var( --e-global-typography-15f6e1c-line-height );
                            letter-spacing: var( --e-global-typography-15f6e1c-letter-spacing );
                            color: var( --e-global-color-text );
                        }
                        & > span:not(.amount){
                            font-family: var( --e-global-typography-text-font-family ), Sans-serif;
                            font-size: var( --e-global-typography-text-font-size );
                            font-weight: var( --e-global-typography-text-font-weight );
                            text-transform: var( --e-global-typography-text-text-transform );
                            font-style: var( --e-global-typography-text-font-style );
                            text-decoration: var( --e-global-typography-text-text-decoration );
                            line-height: var( --e-global-typography-text-line-height );
                            letter-spacing: var( --e-global-typography-text-letter-spacing );
                            color: var( --e-global-color-text );
                        }
                    }
                    & .price-total{
                        font-family: var( --e-global-typography-text-font-family ), Sans-serif;
                        font-size: 14px;
                        font-weight: var( --e-global-typography-text-font-weight );
                        text-transform: var( --e-global-typography-text-text-transform );
                        font-style: var( --e-global-typography-text-font-style );
                        text-decoration: var( --e-global-typography-text-text-decoration );
                        line-height: var( --e-global-typography-text-line-height );
                        letter-spacing: var( --e-global-typography-text-letter-spacing );
                        color: var( --e-global-color-black_40 );
                        position: absolute;
                        top: calc(100% + 5px);
                        right: 0;

                        @media (width <= 1280px) {
                            position: relative;
                            top: unset;
                            right: unset;
                        }
                    }
                }
            }
        }
    }
}
/*** VEHICLE LOOP TEMPLATE - HORIZONTAL ***/


/*** PRETTYDROPDOWN ***/
.prettydropdown {
    position: relative;
    min-width: 72px; /* 70px + borders */
    display: inline-block;
}
.prettydropdown.loading {
    in-width: 0;
}
.prettydropdown > ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-light_borders);
    box-sizing: content-box;
    color: var(--e-global-color-text);
    cursor: pointer;
    font-family: var(--e-global-typography-primary-font-family);
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
    z-index: 1;
    border-radius: 20px;

    font-family: var(--e-global-typography-primary-font-family);
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    color: var(--e-global-color-text);

    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    -webkit-tap-highlight-color: transparent;

    @media (width >= 1280px) {
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }
}
.prettydropdown.loading > ul {
    visibility: hidden;
    white-space: nowrap;
}
.prettydropdown > ul:focus{
    border-color: var(--e-global-color-light_borders);
}
.prettydropdown:not(.disabled) > ul:hover {
    border-color: var(--e-global-color-secondary);
}
.prettydropdown:not(.disabled) > ul.active {
    width: auto;
    max-height: none !important;
    border-color: var(--e-global-color-light_borders);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 101;
}
.prettydropdown > ul.active:focus {
    outline: none;
}
.prettydropdown > ul.active.reverse {
    top: auto;
    bottom: 0;
}
.prettydropdown > ul > li {
    position: relative;
    min-width: 70px;
    height: 48px; /* 50px - borders */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
    display: none;
    line-height: 46px; /* 48px - borders */
    margin: 0;
    padding-left: 50px;
}
.prettydropdown > ul > li:not([data-value]){
    color: var( --e-global-color-black_40 );
}
.prettydropdown.loading > ul > li {
    min-width: 0;
    display: block;
    padding-right: 16px;
}
.prettydropdown > ul:not(.active) > li:not(.selected):first-child {
    visibility: hidden; /* Prevent FOUC */
}
.prettydropdown > ul > li:first-child, 
.prettydropdown > ul.active > li {
    display: block;
}
.prettydropdown > ul.active > li:not(.label):hover, 
.prettydropdown > ul.active > li.hover:not(.label), 
.prettydropdown > ul.active > li:first-child:hover:after {
    background: var(--e-global-color-accent);
    color: var(--e-global-color-text);
}
.prettydropdown > ul.active > li.nohover {
    background: inherit !important;
    color: inherit !important;
}
.prettydropdown > ul.active > li.hover:before, 
.prettydropdown > ul.active > li.nohover:after {
    border-top-color: var(--e-global-color-white) !important;
}
.prettydropdown > ul.active > li.hover:after, 
.prettydropdown > ul.active > li.nohover:before {
    border-top-color: var(--e-global-color-secondary) !important;
}
.prettydropdown.arrow > ul > li.selected:before, 
.prettydropdown.arrow > ul > li.selected:after {
    position: absolute;
    top: 8px;
    bottom: 0;
    right: 8px;
    height: 16px;
    border: 8px solid transparent; /* Arrow size */
    box-sizing: border-box;
    content: '';
    display: block;
    margin: auto;
}
.prettydropdown.arrow.small > ul > li.selected:before, .prettydropdown.arrow.small > ul > li.selected:after {
    top: 4px;
    height: 8px;
    border-width: 4px;
}
.prettydropdown.arrow > ul > li.selected:before {
    border-top-color: var(--e-global-color-light_borders); /* Arrow color */
}
.prettydropdown.arrow > ul > li.selected:after {
    top: 4px; /* Chevron thickness */
    border-top-color: var(--e-global-color-white); /* Match background colour */
}
.prettydropdown.arrow.small > ul > li.selected:after {
    top: 2px; /* Chevron thickness */
}
.prettydropdown.arrow.triangle > ul > li.selected:after {
    content: none;
}
.prettydropdown > ul:hover > li.selected:before {
    border-top-color: #7f7f7f;
}
.prettydropdown > ul.active > li.selected:before,
.prettydropdown > ul.active > li.selected:after {
    border: none;
}
.prettydropdown > ul:not(.active) > li > span.checked {
    display: none;
}

/* Multi-Select */
.prettydropdown.multiple > ul > li.selected {
    overflow: hidden;
    padding-right: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prettydropdown > ul > li > span.checked {
    clear: both;
    float: right;
    font-weight: bold;
    margin-right: 0.8rem;
}

/* Option Groups */
.prettydropdown > ul > li.label {
    cursor: default;
    font-weight: bold;
}
.prettydropdown > ul > li.label:first-child,
.prettydropdown.classic > ul > li.label ~ li.selected{
    border-top: none;
}
.prettydropdown > ul > li.label ~ li:not(.label):not(.selected),
.prettydropdown.classic > ul.active > li.label ~ li:not(.label) {
    padding-left: 1.6rem;
}

/* Classic Behavior */
.prettydropdown.classic > ul:not(.active) > li.selected:not(:first-child) {
    position: absolute;
    top: 0;
    display: block;
}

/* Disabled */
.prettydropdown.disabled, .prettydropdown > ul > li.disabled {
    opacity: 0.3;
}
.prettydropdown.disabled > ul > li, .prettydropdown > ul > li.disabled {
    cursor: not-allowed;
}

/* Divider Lines */
.prettydropdown.multiple > ul > li.selected + li, .prettydropdown.multiple > ul.reverse > li.selected,
.prettydropdown > ul > li.label, .prettydropdown > ul > li.label ~ li.selected {
    border-top-color: #dedede;
}
/*** PRETTYDROPDOWN ***/


/*** ELEMENTOR ELEMENTS ***/
.open-close-column{
    & .open-close-trigger{
        cursor: pointer; 
        will-change: transform;
    }
    & .open-close-trigger.clicked{
        transform: rotate(180deg); 
        -moz-transform: rotate(180deg); 
        -webkit-transform: rotate(180deg); 
        -o-transform: rotate(180deg); 
        -ms-transform: rotate(180deg); 
        transform-origin: center; 
        -moz-transform-origin: center; 
        -webkit-transform-origin: center; 
        -o-transform-origin: center; 
        -ms-transform-origin: center; 
        transform-style: preserve-3d; 
        -moz-transform-style: preserve-3d; 
        -webkit-transform-style: preserve-3d; 
        -o-transform-style: preserve-3d; 
        -ms-transform-style: preserve-3d; 
        -webkit-backface-visibility: hidden;

        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;

        & .elementor-icon{
            background-color: var( --e-global-color-accent ) !important;
            color: var( --e-global-color-white ) !important;
        }
    }
    & .visible-content{

    }
    & .hidden-content{
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: 
            max-height 0.4s ease,
            opacity 0.3s ease;
    }
    & .hidden-content.visible {
        max-height: fit-content;
        opacity: 1;
        padding-top: 80px;
    }
}

@media (620px < width <= 1024px) {
    .insurances-container{
        & .insurance-box{
            width: calc(50% - 10px);
        }
    }
}

@media (width <= 620px) {
    .page-content .buses-cargo-box{
        background-image: url('../x-rent/images/tovaren-bus-small.webp') !important;
        background-size: 80% !important;
        background-position: center 40px !important;
    }
    .page-content .buses-transport-box{
        background-image: url('../x-rent/images/patnicheski-bus-small.webp') !important;
        background-size: 80% !important;
        background-position: center 40px !important;
    }
}
@media (width <= 480px) {
    .page-content .buses-cargo-box{
        background-position: center 20px !important;
    }
}
/*** ELEMENTOR ELEMENTS ***/


/*** FIX TITLES SIZE ON MOBILES ***/
@media (width <= 480px) {

    .useful-info,
    .insurances,
    .faq-container,
    .contact-form,
    .contact-page{
        & .font-size-40{
            & .elementor-heading-title{
                font-size: 35px !important;
            }
        }
    }

    .font-size-12{
        & p,
        & .elementor-heading-title,
        & .elementor-icon-box-title,
        & .elementor-icon-box-description{
            font-size: 14px !important;
        }
    }

}
/*** FIX TITLES SIZE ON MOBILES ***/