.elementor-kit-7{--e-global-color-primary:#1D2031;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#1D2031;--e-global-color-accent:#EA1970;--e-global-color-e429041:#1D2031;--e-global-color-3120da0:#403c5c;--e-global-color-babdd43:#C4C1D5;--e-global-color-b057a54:#DFDEE6;--e-global-color-a2d3ffb:#DFDEE6;--e-global-typography-primary-font-family:"Ploni";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-letter-spacing:-0.5px;--e-global-typography-secondary-font-family:"Ploni";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-letter-spacing:-0.5px;--e-global-typography-text-font-family:"Ploni";--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:-0.5px;--e-global-typography-accent-font-family:"Ploni";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-letter-spacing:-0.5px;background-color:#F6F6F6;font-family:"Ploni", Sans-serif;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:500ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-accent );--e-preloader-size:168px;}.elementor-kit-7 e-page-transition{background-color:var( --e-global-color-e429041 );}.elementor-kit-7 a{font-family:"Ploni", Sans-serif;}.elementor-kit-7 h1{font-family:"Ploni", Sans-serif;}.elementor-kit-7 h2{font-family:"Ploni", Sans-serif;}.elementor-kit-7 h3{font-family:"Ploni", Sans-serif;}.elementor-kit-7 h4{font-family:"Almoni Tzar", Sans-serif;}.elementor-kit-7 h5{font-family:"Ploni", Sans-serif;}.elementor-kit-7 h6{font-family:"Ploni", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.attachment-full.size-full{
    margin: 0 !important;
}

#ru-search-by-range-btn {
    cursor: pointer;
}


/* ---- Adds 2 lines under "big trunk" ---- */
.big-trunk-text h2::after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background-color: #707070;
    transform: rotate(2deg);
    position: absolute;
    left: 20px;
    bottom: -5px;
}

.big-trunk-text h2::before {
    content: "";
    display: block;
    width: 70px;
    height: 2px;
    background-color: #707070;
    transform: rotate(2deg);
    position: absolute;
    left: 20px;
    bottom: -10px;
}

/* ---- Adds 2 lines for mobile ---- */
.big-trunk-text-mobile::after {
    content: "";
    display: block;
    width: 35px;
    height: 1px;
    background-color: #707070;
    transform: rotate(2deg);
    position: absolute;
    left: 40px;
    bottom: 2px;
}

.big-trunk-text-mobile::before {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #707070;
    transform: rotate(2deg);
    position: absolute;
    left: 40px;
    bottom: -1px;
}



/* ---- Replaces the popup close icon ----*/
.jet-popup__close-button{
    background-image: url('https://motopia.co.il/wp-content/uploads/2024/01/PopupCloseIcon.svg');
        background-size: cover; /* Or contain, depending on how you want to fit your image */
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.jet-popup__close-button svg{
    display: none; /* Hide the original SVG */
}


/* ---- Adds a text under the upload file in the form ----*/
#trade-in-form, #trade-in-form-2 .elementor-field-type-upload.elementor-field-group.elementor-column.elementor-field-group-field_e0cc881.elementor-col-50::after {
    content: "יש לצרף עד 4 תמונות בפורמט JPG PNG PDF";
    display: block;
    text-align: right;
    margin-top: 5px;
    color: white;
    font-size: 16px;
}


/* ---- Checkbox Design on Forms ----*/
.upload-form .elementor-field-option input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}



/* Create a custom square for the checkbox with a pink border and white background */
.upload-form .elementor-field-option label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #EA1970;
    background-color: white;
    border-radius: 0;
    margin-left: 8px;
    vertical-align: middle;
}



/* Create the pink circle inside the square when checked */
.upload-form .elementor-field-option input[type="checkbox"]:checked + label::before {
    content: '\25CF';
    font-size: 20px;
    color: #EA1970;
    line-height: 17px;
    text-align: center;
    background-color: white;
}

.upload-form .elementor-field-option label {
    line-height: 30px;
}




/*---- Design for form upload button ---- */
.upload-form .elementor-field-type-upload.elementor-field-group.elementor-column.elementor-field-group-field_e0cc881.elementor-col-50 input{
    display: none;
}

.elementor-field-label{
    background-color: #EA1970;
    width: 100%;
    padding: 8px !important;
    padding-right: 15px !important;
}

.elementor-field-label::after{
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-image: url('https://motopia.co.il/wp-content/uploads/2024/01/arrow-with-white-background.svg');
        background-size: cover;
    background-position: center;
    position: absolute;
    left: 5px;
    top: 0;
}



/*---- Design for the send button in the trade-in form*/
#send-icon-tradein-form{
    margin-left: 60px;
}
#send-icon-tradein-form::after {
    content: "";
    display: block;
    width: 62px; 
    height: 62px;
    background-image: url('https://motopia.co.il/wp-content/uploads/2024/01/arrow-with-white-background.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10px; 
    background-color: white;
    position: absolute;
    left: 5px;
    top: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ploni';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://motopia.co.il/wp-content/uploads/2024/04/ploni-regular-aaa.eot');
	src: url('https://motopia.co.il/wp-content/uploads/2024/04/ploni-regular-aaa.eot?#iefix') format('embedded-opentype'),
		url('https://motopia.co.il/wp-content/uploads/2024/04/ploni-regular-aaa.woff2') format('woff2'),
		url('https://motopia.co.il/wp-content/uploads/2024/04/ploni-regular-aaa.woff') format('woff');
}
@font-face {
	font-family: 'Ploni';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://motopia.co.il/wp-content/uploads/2024/04/ploni-bold-aaa.eot');
	src: url('https://motopia.co.il/wp-content/uploads/2024/04/ploni-bold-aaa.eot?#iefix') format('embedded-opentype'),
		url('https://motopia.co.il/wp-content/uploads/2024/04/ploni-bold-aaa.woff2') format('woff2'),
		url('https://motopia.co.il/wp-content/uploads/2024/04/ploni-bold-aaa.woff') format('woff');
}
/* End Custom Fonts CSS */