/*!
Theme Name: smartlending
Theme URI: https://concept1.co.il/
Author: Roman Dydnuk
Author URI: http://dudnyk.rb@gmail.com
Description: This is wordpress theme made by Concept1. The url: <a target=\"_blank\" href=\"https://concept1.co.il/\">Concept1</a>
Version: 1.0.0
*/

/*
* Description: This is the main style that is used in all languages.
*              The /--- (Example text) ---/ allow you to navigate in file.
*              Comments tells about the code where it used.
*/

/*---------------- Import fonts.css ------------------*/

@import "fonts.css";

/*-------------- End import fonts.css ----------------*/
/*----------------------------------------------------*/
/*------------------- Default code -------------------*/


/*special color and sizes*/

:root {

    /*The colors (cr - to find by search)*/

    /*The background (bg - to find by search)*/

    /*The text sizes (sz - to find by search)*/

    /*Post sizes*/

}

* {
    box-sizing: border-box;
}

/*rest of all not standard style for texts*/

::placeholder, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
menu, nav, output, ruby, section, summary,
time, mark {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    appearance: none;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-rendering: optimizeLegibility;
    text-decoration: inherit;
    color: inherit;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: 'ploni', sans-serif;
    font-style: normal;
    font-weight: normal;
}
body .container {
    max-width: 2600px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
body section {
    max-width: 2600px;
    width: 100%;
    margin: 0 auto;
}
body .site-main {
    /*background-image: url("");*/
    background-position: center;
    background-repeat: repeat;
    background-size: 100%;
    max-width: 2600px;
    width: 100%;
    margin: 0 auto;
}
body img {
    display: block;
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: transform 0.7s ease-in-out;
}
body select, body input, body textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* Chrome and other browsers*/
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
body select::-ms-expand {
    display: none;
}
body input[type="submit"] {
    cursor: pointer;
}
body .wpcf7-spinner,
body .wpcf7 form .wpcf7-response-output,
body .wpcf7-not-valid-tip,
body .wpcf7 form.invalid .wpcf7-response-output,
body .wpcf7 form.unaccepted .wpcf7-response-output,
body .wpcf7 form.payment-required .wpcf7-response-output {
    display: none !important;
}
body .mob {
    display: none;
}
body .fancybox-container {
    z-index: 9999999 !important;
}
body.stop {
    overflow: hidden;
}
body .woocommerce {
    width: 100%;
}
body #primary {
    position: relative;
    padding: 0;
    z-index: 1;
}

/*------------------ End default code ----------------*/
/*----------------------------------------------------*/
/*------------------- Header code --------------------*/



/*----------------- End header code ------------------*/
/*----------------------------------------------------*/
/*-------------------- page code ---------------------*/


/*------------------ End page code -------------------*/
/*----------------------------------------------------*/
/*--------------- Fixed elements code ----------------*/

/*Captcha*/

.grecaptcha-badge {
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
}

/*whatsapp*/

/*colphone*/

/*------------- End Fixed elements code --------------*/
/*----------------------------------------------------*/
/*-------------- Animate elements code ---------------*/

/*------------ End Animate elements code -------------*/
/*----------------------------------------------------*/
/*====================================================================*/
/*========================  SMART CAR LANDING  =======================*/
/*====================================================================*/

/* neutralize the theme's stretching `body img` inside the landing.
   NB: do NOT set width/display here — component classes define their own
   width, and a display rule here would override the --mobile/--desktop
   show/hide toggles. We only undo height:100% / object-fit:cover / scale. */
.smart-landing img{
    height:auto;
    max-width:100%;
    object-fit:contain;
    transform:none;
    transition:none;
}

.smart-landing{
    --c-blue:#111c3f;
    --c-orange:#ff5a23;
    --c-purple:#6a76dd;
    --c-lavender:#e3e7fc;
    --c-teal:#96f2e3;
    --card-grad:linear-gradient(135deg,#ebeefd 0%,#d9e2fb 100%);
    --page-pad:clamp(16px,4vw,90px);

    direction:rtl;
    text-align:right;
    color:var(--c-blue);
    font-family:'ploni',sans-serif;
    width:100%;
    overflow:hidden;
}

/* -------------------- Top bar / logos -------------------- */
.smart-nav{
    background:var(--c-lavender);
    direction:ltr;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:clamp(16px,2.4vw,45px) var(--page-pad) 0;
}
.smart-nav__smart{width:clamp(118px,13.4vw,193px);}
.smart-nav__halperin{width:clamp(150px,16vw,232px);}

/* -------------------- Hero -------------------- */
.smart-hero{
    background:var(--c-lavender);
    direction:ltr;
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    justify-content:center;
    gap:clamp(16px,2.5vw,56px);
    padding:clamp(10px,1.5vw,24px) var(--page-pad) clamp(36px,4vw,60px);
}
.smart-hero__media{
    flex:0 1 780px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.smart-hero__offer{
    position:relative;
    flex:0 0 auto;
    width:48%;
    z-index:1;
}
.smart-hero__offer-img{width:100%;}
.smart-hero__car--mobile{display:none;}
.smart-hero__car{
    order:-1;
    flex:0 0 auto;
    align-self:flex-end;
    width:56%;
    margin-right:-9%;
    margin-bottom:-1%;
    z-index:2;
}
.smart-hero__ribbon{
    position:absolute;
    top:-7%;
    right:5%;
    width:18%;
    z-index:3;
}
.smart-hero__content{
    flex:0 1 560px;
    direction:rtl;
    text-align:right;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:clamp(10px,1.4vw,18px);
}
.smart-hero__club{font-weight:700;font-size:clamp(24px,2.9vw,37px);line-height:1.1;}
.smart-hero__title{color:var(--c-orange);font-weight:700;font-size:clamp(40px,5.1vw,72px);line-height:.92;}
.smart-hero__sub{font-weight:400;font-size:clamp(24px,2.9vw,37px);line-height:1.1;}
.smart-hero__content .smart-button{margin-top:clamp(8px,1.2vw,16px);}
.smart-hero .smart-button--hero-mobile{display:none;}

/* -------------------- Button -------------------- */
.smart-button{
    align-items:center;
    background:var(--c-orange);
    border-radius:200px;
    color:#fff;
    display:inline-flex;
    font-weight:600;
    font-size:clamp(18px,1.7vw,24px);
    justify-content:center;
    line-height:1;
    padding:clamp(14px,1.3vw,18px) clamp(28px,3vw,46px);
    text-align:center;
    white-space:nowrap;
}

/* -------------------- Body (white) -------------------- */
.smart-body{
    background:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:clamp(28px,3.4vw,48px);
    padding:clamp(34px,3.6vw,52px) var(--page-pad) clamp(28px,3vw,44px);
}
.smart-body__title{font-weight:700;font-size:clamp(28px,3.1vw,44px);line-height:1.1;text-align:center;}

/* cards */
.smart-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(16px,2.2vw,34px);
    width:100%;
    max-width:1308px;
    margin-top:clamp(18px,2.4vw,40px);
}
.smart-card{
    position:relative;
    background:var(--card-grad);
    border-radius:18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:0;
    min-height:151px;
    padding:60px 26px 28px;
}
.smart-card__icon{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,-55%);
    width:clamp(58px,6.4vw,92px);
}
.smart-card__icon img{width:100%;}
.smart-card h3{font-weight:700;font-size:clamp(18px,1.6vw,22.2px);line-height:1.05;}
.smart-card p{font-weight:500;font-size:clamp(18px,1.6vw,22.2px);line-height:1.02;}

/* -------------------- Disclaimer -------------------- */
.smart-disclaimer{
    font-weight:500;
    font-size:clamp(12px,1vw,14px);
    line-height:1.25;
    text-align:center;
    color:#000;
    max-width:1308px;
}

/* -------------------- Footer -------------------- */
.smart-footer{
    background:var(--c-teal);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:30px;
    min-height:43px;
    padding:10px var(--page-pad);
}
.smart-footer a{font-weight:600;font-size:14px;line-height:1.1;white-space:nowrap;}