﻿

/*MAZDA COPY*/
/*@font-face {
    font-family: 'BMWTypeNextProHebrew-Regular';
    src: url('fonts/BMWTypeNextProHebrew-Regular.otf') format('opentype');
}*/
@font-face {
    font-family: 'delekHebLight';
    src: url('fonts/OENaPro-Light.woff') format('opentype');
    /* Add additional properties if needed, e.g., font-weight, font-style */
}

@font-face {
    font-family: 'delekEngReg';
    src: url('fonts/MazdaType-Regular.woff') format('opentype');
    /* Add additional properties if needed, e.g., font-weight, font-style */
}


/* BMW Fonts Type Next Pro */
@font-face {
    font-family: 'BMWTypeNext';
    src: url('fonts/BMW/BMWTypeNext-Bold.otf') format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: 'BMWTypeNext';
    src: url('fonts/BMW/BMWTypeNext-Light.otf') format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'BMWTypeNext';
    src: url('fonts/BMW/BMWTypeNext-Medium.otf') format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: 'BMWTypeNext';
    src: url('fonts/BMW/BMWTypeNext-Regular.otf') format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: 'BMWTypeNext';
    src: url('fonts/BMW/BMWTypeNext-Thin.otf') format('opentype');
    font-weight: 100;
}

/* Hebrew fonts*/
@font-face {
    font-family: 'BMWTypeNextProHebrew';
    src: url('fonts/BMW/BMWTypeNextProHebrew-Bold.otf') format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: 'BMWTypeNextProHebrew';
    src: url('fonts/BMW/BMWTypeNextProHebrew-Light.otf') format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'BMWTypeNextProHebrew';
    src: url('fonts/BMW/BMWTypeNextProHebrew-Medium.otf') format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: 'BMWTypeNextProHebrew';
    src: url('fonts/BMW/BMWTypeNextProHebrew-Regular.otf') format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: 'BMWTypeNextProHebrew';
    src: url('fonts/BMW/BMWTypeNextProHebrew-Thin.otf') format('opentype');
    font-weight: 100;
}

:root {
    --white: #fff;
    --grey-medium: #BBBBBB;
    --grey-dark: #4D4D4D;
    --grey-text: #666666;
    --grey-light: #E6E6E6;
    --main-blue: #1C69D4;
    --black: #262626;
    --site-padding-x: 24px;
    --btn-site-padding-y: 24px;
    --btn-site-padding-x: 20px;
}
/*********Site command model selection (selectSiteTemplate)*********/
body {
    font-family: 'BMWTypeNext', 'BMWTypeNextProHebrew', delekEngReg, sans-serif !important;
}

/*Navbar*/

#flowNB {
    padding: 0px !important;
    border-bottom: 1px solid var(--grey-medium) !important;
    background-color: var(--white) !important;
    min-height: unset !important;
    display: flex;
    justify-content: center;
    z-index: 10 !important;
}

    #flowNB .container-fluid {
        padding: 0 !important;
    }

#flowNavUl {
    display: flex;
    margin: 0;
    justify-content: space-between;
    width: 100%;
}

    #flowNavUl li:first-child,
    #flowNavUl li:last-child {
        display: none !important;
    }

.fNBLI > a {
    color: var(--grey-text) !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.3 !important;
    border: 0 !important;
    text-align: center !important;
    flex-grow: 1;
    padding: 10px 8px !important;
}

.fNBLI.active > a,
.fNBLI.previous-active > a {
    color: var(--black) !important;
}


.fNBLI {
    --padding-fnbli: 8px;
    display: flex !important;
    gap: var(--padding-fnbli);
    width: 100% !important;
    max-width: 25%;
    padding-right: var(--padding-fnbli);
}

#fNBModelLi,
#fNBSiteLi,
#fNBTimeLi,
#fNBContactLi {
    width: 100% !important;
}

    #fNBModelLi .fNBLI-text:before {
        content: 'סדרה ו';
    }

.fNBLI.active,
.fNBLI.previous-active {
    border-bottom: 2px solid var(--main-blue);
}


li.fNBLI.active a > div {
    display: none !important;
}

.fnavLink {
    padding: 0 !important;
}

.topNavSep {
    position: relative !important;
    color: var(--grey-text);
    position: relative;
    border: none;
    align-items: stretch;
    top: unset !important;
    left: unset !important;
    display: inline-flex !important;
    background-color: currentColor;
    width: 12px;
    height: 12px !important;
    mask: url(../../../Icons/Delek/BMW/next-icon.svg) no-repeat center / contain;
    margin-top: 15px;
    flex-shrink: 0;
}

#fNBContactLi > .topNavSep {
    display: none !important;
}
/*#fNBContactBtn {
    padding: 0 !important;
}*/
/*.topNavSep:before {
    content: "";

}*/
/*End navbar*/

#wrapper {
    --bmw-header-padding-x: 0;
    --wrapper-padding-x: 15px;
    margin-left: calc(var(--bmw-header-padding-x) - var(--wrapper-padding-x));
    margin-right: calc(var(--bmw-header-padding-x) - var(--wrapper-padding-x));
}

    #wrapper > .container-fluid {
        padding: 0 var(--wrapper-padding-x);
    }

#dMainWrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 80px;
}

#flowNB {
    order: 1;
}

#divSchedule,
.topPageServiceTitle {
    order: 2;
}

.topPageServiceTitle {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    text-align: start !important;
    margin-top: 36px !important;
    margin-bottom: 24px !important;
    padding: 0 var(--site-padding-x) !important;
}

.service-top-dynamic-title:before {
    content: 'בחירת אולם תצוגה';
}

#headerPageServiceTitle.select-model-title .service-top-title {
    display: block !important;
}

#headerPageServiceTitle.select-model-title .service-top-dynamic-title {
    display: none !important;
}

#headerPageServiceTitle.select-site-title .service-top-title {
    display: none !important;
}

#headerPageServiceTitle.select-site-title .service-top-dynamic-title {
    display: block !important;
}

#headerPageServiceTitle > .section-title-header__subtitle {
    display: flex !important;
    column-gap: 3px;
    flex-wrap: wrap;
}

#headerPageServiceTitle.select-model-title > .section-title-header__subtitle::after {
    content: 'איזה רכב מעניין אותך?';
}

#headerPageServiceTitle.select-site-title > .section-title-header__subtitle::after {
    content: 'לאיזה אולם נוח לך להגיע?';
}

#dMain {
    padding: 0 var(--site-padding-x);
    order: 3;
}


#dResourcesContainer {
    padding: 0;
}

#dResourceSelectionComp,
#resourceSelectionMain {
    margin-left: 0;
    margin-right: 0;
}

.hiddenCss {
    display: none !important;
}

.icon,
.update-time__dynamic-text::before {
    display: inline-block !important;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    padding: 0 4px;
}

    .icon.icon-plus {
        mask: url('../../../Icons/Delek/BMW/plus-icon.svg') no-repeat center / contain;
    }

    .icon.icon-x-white {
        mask: url('../../../Icons/Delek/BMW/x-white-icon.svg') no-repeat center / contain;
    }

    .icon.icon-car-plus {
        mask: url('../../../Icons/Delek/BMW/car-plus-icon.svg') no-repeat center / contain;
    }

    .icon.icon-two-cars {
        mask: url('../../../Icons/Delek/BMW/two-cars-icon.svg') no-repeat center / contain;
    }

    .icon.icon-edit-pen,
    .icon.update-time__icon {
        mask: url('../../../Icons/Delek/BMW/edit-pen-icon.svg') no-repeat center / contain;
    }

    .icon.icon-location {
        mask: url('../../../Icons/Delek/BMW/location-icon.svg') no-repeat center / contain;
    }

    .icon.icon-contact {
        mask: url('../../../Icons/Delek/BMW/contact-icon.svg') no-repeat center / contain;
    }

    .icon.icon-engine {
        mask: url('../../../Icons/Delek/BMW/engine-icon.svg') no-repeat center / contain;
    }

    .icon.icon-calendar,
    .update-time__dynamic-text::before {
        mask: url('../../../Icons/Delek/BMW/calendar-icon.svg') no-repeat center / contain;
    }

    .icon.icon-person {
        mask: url('../../../Icons/Delek/BMW/person-icon.svg') no-repeat center / contain;
    }

    .icon.icon-arrow-left {
        mask: url(../../../Icons/Delek/BMW/arrow-left-icon.svg) no-repeat center / contain;
    }

    .icon.icon-arrow-top {
        mask: url(../../../Icons/Delek/BMW/arrow-top-icon.svg) no-repeat center / contain;
    }

.wizard-step-header,
.update-time__dynamic-text {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px !important;
    line-height: 1.4;
    margin-bottom: 16px !important;
    color: var(--black);
    margin-top: 0 !important;
}

    .wizard-step-header__icon,
    .update-time__dynamic-text::before {
        color: var(--black);
        width: 28px;
        height: 28px;
    }

    .wizard-step-header__title,
    .update-time__dynamic-text::after {
        font-size: 20px !important;
        line-height: 1.4;
        color: var(--black);
    }

.icon-text-block,
#otpSectionDynamicTitle,
#otpSectionDynamicTitle2 {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

#sectionSlotsTitle {
    position: initial !important;
    top: -100px;
    bottom: unset !important;
    right: 24px !important;
    left: 24px;
    background-color: #fff;
}

.section-title-header {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: flex-start;
    margin-bottom: 48px !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.section-title-header__title,
.section-title-header__subtitle {
    color: var(--black) !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.section-title-header__title {
    font-size: 32px !important;
}

.section-title-header__subtitle {
    font-size: 18px !important;
}

.icon-text-block__icon,
.dynamic-icon {
    width: 48px;
    height: 48px;
}

.icon-text-block__title,
.dynamic-title {
    font-weight: 300;
    font-size: 32px;
    text-align: center;
    line-height: 1;
}

.icon-text-block__description,
.otpSectionTitle {
    font-size: 16px !important;
    font-weight: 300;
    text-align: center;
    line-height: 1;
}

#selectedRGParentItemClean {
    display: block !important;
}

#selectedRGParentItemCleanTitle {
    text-align: center;
    font-size: 22px;
}

.form-builder-forms-model-selector__series-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
}

.form-builder-forms-model-selector__series {
    float: none;
    width: fit-content;
    border: 1px solid var(--grey-medium);
    background-color: transparent;
    font-size: 14px !important;
    line-height: 1.3;
    color: var(--grey-text);
    padding: 10px;
}

    .form-builder-forms-model-selector__series.serie-hidden:not(.serie-visible) {
        display: none;
    }


    .form-builder-forms-model-selector__series.selected {
        border: 0;
        background-color: var(--grey-dark);
        color: var(--white);
    }

    .form-builder-forms-model-selector__series:hover {
        color: var(--grey-text) !important;
    }

    .form-builder-forms-model-selector__series.selected:hover {
        color: var(--white) !important;
    }

    .form-builder-forms-model-selector__series img {
        display: none;
    }

.form-builder-forms-model-selector__series-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px !important;
    line-height: 1.3;
}

.form-builder-forms-model-selector__series .icon {
    mask: url('../../../Icons/Delek/BMW/plus-icon.svg') no-repeat center / contain;
}

.form-builder-forms-model-selector__series.selected .icon {
    mask: url('../../../Icons/Delek/BMW/x-white-icon.svg') no-repeat center / contain;
}

.show-more-container {
    display: block !important;
    margin-top: 16px;
}

.show-more__button {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    color: var(--main-blue);
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    line-height: 1.3;
    gap: 8px;
}

.show-more__text.more:before {
    content: 'עוד סדרות';
}

.show-more__text.less:before {
    content: 'פחות סדרות';
}

.show-more__icon {
    width: 16px;
    height: 16px;
}

#rgContainer {
    margin-top: 48px;
}

.parentModelsLi-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    list-style: none;
}

.form-builder-forms-model-selector__series {
    cursor: pointer;
}

.form-builder-forms-model-selector__model,
.card-model {
    border: 1px solid var(--grey-light);
    background-color: #fff;
    padding: 16px 13px;
    max-height: max-content;
}

    .form-builder-forms-model-selector__model.selected,
    .card-model.selected {
        background: #F6F6F6;
    }

.form-builder-forms-model-selector__model-header {
    display: flex;
    gap: 8px;
    align-items: center;
}

.car-model__content {
    position: relative;
}

.select-car-model-button {
    position: absolute;
    top: -16px;
    left: -13px;
    right: -13px;
    bottom: 0;
    background-color: transparent;
    border: 0;
}
/*
.car-model.selected .select-car-model-button {
    cursor: default;
}*/

.model-header__title {
    font-size: 20px;
    line-height: 100%;
    font-weight: 400;
    color: var(--black);
}

.rgCheckIconSpan {
    width: 24px;
    height: 24px;
    display: flex;
    background: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: var(--white);
    border: 1px solid var(--grey-medium);
}

.form-builder-forms-model-selector__model.selected .rgCheckIconSpan {
    border-color: transparent;
    background-color: var(--main-blue);
}

.form-builder-forms-model-selector__model img,
.card-model__img {
    display: block;
    margin: 0 auto !important;
    /*    width: 303px !important;
*/
    width: 100% !important;
    height: auto;
    aspect-ratio: 303 / 181.8;
    object-fit: cover;
}

.model-footer {
    display: flex;
    min-height: 48px;
    flex-direction: column;
}

.model-footer--button {
    display: flex;
    justify-content: flex-end;
    text-align: end;
    width: 100%;
    flex-grow: 1;
}

.under-layers__trim-levels {
    margin-bottom: 24px;
}

.under-layers__buttons,
.under-layers__trim-levels-buttons {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.under-layers__button,
.under-layers__trim-levels-button {
    padding: 9px 16px;
}

.under-layers__button,
.under-layers__trim-levels-button,
.slotBtn {
    background-color: transparent !important;
    color: var(--grey-text) !important;
    border: 1px solid var(--grey-medium);
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    box-shadow: none !important;
    outline: none !important;
}

.slotBtn {
    padding: 6px 16px !important;
}

.under-layers__button.selected,
.under-layers__trim-levels-button.selected,
.slotBtn.active {
    background-color: var(--grey-dark) !important;
    color: var(--white) !important;
}

.features-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.under-layers__features {
    margin-bottom: 24px;
}

.under-layers__features-feature,
.trim-levels__details {
    display: flex;
    justify-content: space-between;
    font-weight: 300;
}

.feature-title,
.trim-levels__details-title {
    font-size: 12px;
    line-height: 1.5;
    color: var(--grey-text);
}

.feature-data {
    font-size: 16px;
    line-height: 1.125;
    color: var(--black);
}

.under-layers__footer {
    display: flex;
    justify-content: flex-end;
}

.next-button,
.confirm-button {
    background-color: var(--main-blue) !important;
    color: var(--white) !important;
    text-decoration: none !important;
}

.next-button,
.confirm-button,
.exCssMainbtn {
    font-size: 14px !important;
    line-height: 1.3;
    padding: 10px 20px !important;
    display: flex;
    align-items: center;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.rgNextBtn {
    z-index: 1;
}

.under-layers-content {
    padding-top: 12px;
    border-top: 1px solid var(--grey-light);
    margin: 0 -13px;
    padding-left: 13px;
    padding-right: 13px;
}

#selectedresourceItem.selected-resource-item {
    margin: 0 !important;
    width: 100% !important;
}

#dResourcesAndSites {
    /*    display: flex;
    flex-direction: column;*/
    display: grid;
    row-gap: 48px;
    column-gap: 60px;
}


#dSitesContainer {
    order: 1;
}

#siteFooter {
    order: 2;
}

#dResourcesContainer {
    order: 3;
}

.sites-footer {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.form-builder-c-request-summary__header {
    border-bottom: 0;
    background-color: #efefef;
    height: 55px;
    font-size: 22px;
    padding: 15px 20px;
}

.summary-step__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 28px;
    row-gap: 12px;
}

.summary-step__header-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header-box__title {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
    color: var(--grey-text);
}

.header-box__summary {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.box-summary__name {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--black);
    display: flex;
    flex-direction: column;
}

.display__title-subtitle {
    font-size: 12px;
}

.box-summary__btn,
.update-time__button {
    height: 24px;
    text-decoration: none;
    background-color: transparent !important;
    border: 0;
    font-size: initial;
    padding: 0;
    outline: none !important
}

    .box-summary__btn .change-text,
    .box-summary__btn .change-icon,
    .update-time__button .update-time__icon {
        color: var(--main-blue) !important;
    }

    .box-summary__btn .change-text {
        display: none;
    }

    .box-summary__btn .change-icon,
    .update-time__button .update-time__icon {
        display: block;
        width: 24px;
        height: 24px;
    }

.summary_rg_title {
    display: inline-block;
    padding: 0px 20px;
}

#dSitesContainer {
    padding: 0;
}

.d-sites-content {
    margin: 0 !important;
}

#dSitesTitle {
    margin: 0 !important;
    padding: 0 !important;
}

#dSitesSelectionComp {
    margin: 0 !important;
}

.siteSection {
    margin: 0;
}

.locations-container {
    float: none !important;
    padding: 0;
}

#pickLocation .locations {
    margin: 0 !important;
}

.locationSites {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.locationSite {
    float: none !important;
    margin: 0;
    padding: 0;
    width: 100%;
}

#locationsContainerRow {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}

#locationsContainerDiv {
    width: 100%;
    margin: 0 auto;
    align-items: center;
    list-style: none;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.areaBtnDiv {
    background-color: transparent !important;
    width: fit-content;
}

    .areaBtnDiv:not(.areaBtnDiv-main) {
        flex-grow: unset;
        width: fit-content;
    }

.btnLocation {
    margin: 0 !important;
    color: var(--black) !important;
    border: 0 !important;
    width: fit-content;
    box-shadow: none;
    padding: 10px;
    float: none;
    margin: 0;
    padding-bottom: 0px;
    background-color: transparent !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

    .btnLocation.active,
    .btnLocation.active:focus,
    .btnLocation.active:active,
    .btnLocation:hover,
    .btnLocation.active:hover {
        border-bottom: 2px solid !important;
        background-color: transparent !important;
        color: var(--black) !important;
        border-color: var(--main-blue) !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

.btnSite {
    margin: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    width: 100%;
    height: auto !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    padding: 24px 20px;
    row-gap: 8px;
    font-size: 14px;
    line-height: 1;
    border: 1px solid var(--grey-light);
    box-shadow: none;
    box-shadow: 0px 0px 6px 0px #0E1F351F !important;
    overflow: visible !important;
    outline: none !important;
    outline-offset: 0 !important;
}

    .btnSite:hover {
        background-color: var(--grey-light) !important;
        border-color: var(--grey-medium);
        opacity: 1;
        box-shadow: 0px 0px 6px 0px #0E1F351F;
    }

    .btnSite.selected {
        border-color: var(--main-blue);
    }

    .btnSite > br {
        display: none;
    }

.btnSiteTitle,
.btnSiteAddress {
    /*    font-size: 14px;
*/
    font-size: 15px;
    line-height: 1;
}

.btnSiteTitle {
    font-weight: 400;
    color: var(--black);
}

.btnSiteAddress {
    font-weight: 300;
    color: var(--black);
}

.selectSiteIcon {
    display: none;
    position: absolute;
    top: calc(var(--btn-site-padding-y) / 2 * -1);
    right: calc(var(--btn-site-padding-x) / 2 * -1);
    width: 24px;
    height: 24px;
    color: var(--white);
    background-color: var(--main-blue);
    border-radius: 50%;
}

    .selectSiteIcon:before {
        content: "";
    }

.btnSite.selected .selectSiteIcon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dNoSitesLinkText {
    margin-top: 16px;
}

#noSitesLinkText {
    width: fit-content;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 500;
    color: var(--main-blue);
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

    #noSitesLinkText::after {
        content: "";
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: "Font Awesome 5 Pro";
    }

#dResourceSelectionComp {
    margin-top: 0 !important;
}

.modal-header {
    border: 0;
    display: flex;
}

.modal-header__title {
    display: none !important;
}

.modal-body__header {
    display: block !important;
}

#uaModelLeadModal .icon-text-block__title::after {
    content: 'צור קשר';
    display: block;
}

#uaModelLeadModal .icon-text-block__description::after {
    content: "הנציגים שלנו ישמחו למצוא את אולם התצוגה המושלם בשבילך";
    display: block;
}

#uaModelLeadModalBody {
    padding: 0 !important;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.leadHeaderTxt {
    display: none;
}

.leadInputSec,
.group,
.form-group-validation {
    margin: 0 !important;
}

    .leadInputSec:not(.mailing-confirmation),
    .group:not(.group-checkbox),
    .form-group-validation {
        width: 100%;
        max-width: 100%;
        position: relative;
        margin: 0;
        height: 50px;
        padding: 9px 20px;
        border: 0.5px solid var(--black);
        transition: all 0.3s ease;
        border-radius: 0.5px;
    }

        .leadInputSec > .lead-input-label,
        .group > label,
        .form-group-validation > .form-validation-label {
            position: absolute;
            right: 20px;
            top: 16px;
            line-height: 1.16;
            font-weight: 300;
            transition: all 0.2s ease;
            pointer-events: none;
            z-index: 2;
            color: var(--grey-text) !important;
            width: 100%;
        }

        .leadInputSec .form-control,
        .group input,
        .form-group-validation .form-control {
            border: 0;
            box-shadow: none !important;
            background-color: transparent;
            height: 18px;
            padding: 0;
            margin: 0;
            color: var(--black) !important;
            font-size: 14px !important;
            line-height: 1.3;
        }

            .leadInputSec .form-control[type="text"],
            .leadInputSec .form-control[type="number"],
            .group input[type="text"],
            .group input[type="number"],
            .form-group-validation .form-control {
                position: absolute;
                position: absolute;
                right: 20px;
                top: 16px;
                left: 20px;
                width: calc(100% - 40px);
                text-align: start !important;
            }

                .form-control[type="text"]::placeholder,
                .form-control[type="number"]::placeholder,
                .group input[type="text"]::placeholder,
                .group input[type="number"]::placeholder {
                    color: transparent;
                    text-align: start !important;
                }

                .leadInputSec .form-control[type="text"]:focus + .lead-input-label,
                .leadInputSec .form-control[type="number"]:focus + .lead-input-label,
                .leadInputSec .form-control[type="text"]:not(:placeholder-shown) + .lead-input-label,
                .leadInputSec .form-control[type="number"]:not(:placeholder-shown) + .lead-input-label,
                .leadInputSec .form-control[type="text"]:focus-visible + .lead-input-label,
                .leadInputSec .form-control[type="number"]:focus-visible + .lead-input-label,
                .leadInputSec .lead-input-label.input-active,
                .group input[type="text"]:focus ~ label,
                .group input[type="number"]:focus ~ label,
                .group input[type="text"]:focus-within ~ label,
                .group input[type="number"]:focus-within ~ label,
                .group input[type="text"]:valid ~ label,
                .group input[type="number"]:valid ~ label,
                .form-group-validation .form-control[type="text"]:focus ~ .form-validation-label,
                .form-group-validation .form-control[type="text"]:not(:placeholder-shown) ~ .form-validation-label,
                .form-group-validation .form-control[type="number"]:focus ~ .form-validation-label,
                .form-group-validation .form-control[type="number"]:not(:placeholder-shown) ~ .form-validation-label,
                .form-group-validation .form-control[type="text"]:focus-within ~ .form-validation-label,
                .form-group-validation .form-control[type="number"]:focus-within ~ .form-validation-label {
                    top: 9px !important;
                    transform: translateY(0);
                    font-size: 12px;
                    line-height: 14px;
                }

                .leadInputSec .form-control[type="text"]:focus,
                .leadInputSec .form-control[type="number"]:focus,
                .leadInputSec .form-control[type="text"]:not(:placeholder-shown),
                .leadInputSec .form-control[type="number"]:not(:placeholder-shown),
                .leadInputSec .form-control[type="text"]:focus-visible,
                .leadInputSec .form-control[type="number"]:focus-visible,
                .group input[type="text"]:focus,
                .group input[type="number"]:focus,
                .group input[type="text"]:valid,
                .group input[type="number"]:valid,
                .form-group-validation .form-control[type="text"]:focus
                .form-group-validation .form-control[type="number"]:focus
                .form-group-validation .form-control[type="text"]:valid,
                .form-group-validation .form-control[type="number"]:valid {
                    bottom: 9px;
                    top: unset;
                }

    .group :is(input, select, textarea)[validate] ~ label::before {
        content: " *";
        color: #D00100;
    }

.required-fields-mention {
    display: block !important;
    color: #D00100;
    font-size: 15px;
    margin-bottom: 10px;
}
/*#sectionBooking .group-checkbox input[type="checkbox"] {
    width: 36px !important;
}*/

.leadInputSec.has-error {
    border-color: #D00100;
}

.leadInputSec span[id$="RegAlert"] {
    display: none;
    color: #D00100 !important;
    position: absolute;
    bottom: -15px;
    left: 0;
}

.leadInputSec span[id$="RegAlert"],
.AlertSpanCss,
.static-alert-span,
span[validation-error] {
    font-size: 11px !important;
    font-weight: 300 !important;
    color: #D00100 !important;
    line-height: 1;
}

.lead-input-select.lead-input-select {
    padding: 16px 20px;
}

.lead-input-select .lead-input-label {
    display: none;
}

.lead-input-select select {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

    .lead-input-select select option:first-child {
        color: var(--grey-text);
    }

.mailing-confirmation,
.checkbox-item {
    display: flex;
    align-items: flex-start;
    column-gap: 8px;
}

    .mailing-confirmation label[for="cbMailing"],
    .checkbox-item label.cblbl {
        font-size: 12px !important;
        line-height: 1.5;
        color: var(--black);
        font-weight: 300 !important;
    }


.cblbl a {
    pointer-events: auto;
}

#dbtnSendUaModelLead {
    display: flex;
    justify-content: center;
}

#btnSendUaModelLead {
    width: fit-content !important;
    margin: 0 auto;
    margin-top: 0 !important;
}

#noSlots {
    background-color: transparent !important;
    color: var(--black) !important;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    padding: 0;
    margin: 0;
    margin-top: 24px;
}

    #noSlots .btn {
        margin-top: 16px !important;
        background-color: transparent !important;
        color: var(--black) !important;
        padding: 0 !important;
        color: var(--main-blue) !important;
        border: none !important;
        box-shadow: none !important;
    }
/*input checkbox*/
/*input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 42.9px;
    height: 18px;
    background-color: transparent;
    border: 1px solid var(--grey-text);
    border-radius: 50%;
    cursor: pointer;
    outline: none !important;
}

input[type="checkbox"]:checked {
    background-color: var(--main-blue);
    border-color: var(--main-blue);
    position: relative;
}

input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D'10'%20height%3D'8'%20viewBox%3D'0%200%2010%208'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20fill-rule%3D'evenodd'%20clip-rule%3D'evenodd'%20d%3D'M9.50603%201.0944C9.72043%201.3088%209.72043%201.65642%209.50603%201.87083L4.79226%206.58459C4.14904%207.22781%203.10619%207.22781%202.46297%206.58459L0.4943%204.61593C0.279895%204.40152%200.279895%204.0539%200.4943%203.8395C0.708706%203.62509%201.05633%203.62509%201.27073%203.8395L3.2394%205.80816C3.4538%206.02257%203.80142%206.02257%204.01583%205.80816L8.72959%201.0944C8.944%200.879992%209.29162%200.879992%209.50603%201.0944Z'%20fill%3D'white'/%3E%3C/svg%3E") center center no-repeat;
    background-size: 10px 8px;
}*/
#defaultTemplateHeader {
    display: block !important;
}

#divSchedule {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    padding: 0 var(--site-padding-x);
    column-gap: 60px;
    row-gap: 48px;
    max-width: 460px;
    margin: 0 auto;
    margin-top: 24px;
    width: 100%;
}

/*#divSchedule.schedule-first-step {
    margin-top: 80px;
}
*/
.time-select {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    column-gap: 48px
}

.change-date {
    display: none !important;
}

#dResourceServiceContainer {
    width: auto !important;
    float: none !important;
}

#sectionSlotsTitle .sectionSlotsTitleTxt {
    display: none;
}

#sectionSlotsTitle .section-title-header__title {
    display: block !important;
}

    #sectionSlotsTitle .section-title-header__title:after {
        content: 'מתי נוח לך להגיע?' !important;
    }

#sectionSlotsTitle .section-title-header__subtitle:after {
    content: 'הדרך הכי טובה להכיר רכב היא לנהוג בו. שנתאם מועד?' !important;
}

#sectionSelectRG {
    padding: 0;
}

#sectionSlotsTitleMDSD {
    display: none;
}

/*#sectionServices {
    display: none;
}*/
#siteSelectedresourceItem3 {
    display: block !important;
    margin: 0px;
}


#selectedResourceItemAddress, #selectedResourceItemPhone {
    display: none !important;
}

#siteSelectedresourceItem3 .card-model__img {
    aspect-ratio: 468 / 281;
    width: 100% !important;
}

#contSelectedresourceItem2 {
    width: auto !important;
    padding: 0;
}

.timeSlots {
    margin: 0 !important;
    padding: 0;
    float: none;
}

#dResourceServiceContainer #sectionServices {
    display: none !important;
}

#sectionSlots,
#sectionSlotsMDSD {
    padding: 0 !important;
    border-bottom: none;
}

.section-slots-container {
    width: fit-content !important;
    margin: 0;
}

.daysAction {
    float: none !important;
}

.pull-right, .pull-left {
    float: none !important
}

.TBL_Calendar {
    margin: 0;
}

.section-slots-container {
    padding: 0;
}

.time-select-container {
    float: none;
    padding: 0;
    margin: 0 !important;
}

.daysForSlots {
    display: block !important;
}

#wizardStepCalendar {
    display: flex !important;
}

.months-navigation {
    font-size: 24px;
    padding: 0 !important;
    text-align: unset;
    display: flex;
    align-items: flex-end;
    color: var(--black) !important;
    line-height: 1;
    font-weight: 400;
    gap: 8px;
    margin-bottom: 16px;
}

.weekActionLink {
    line-height: 1 !important;
    font-size: 24px;
    padding: 0 7.9px !important;
    display: block !important;
}

    .weekActionLink a.disbaleLink {
        color: var(--grey-text) !important;
    }

#monthText {
    font-size: 20px;
}

ul.week-day-header {
    margin-bottom: 20px;
}

.week-day-header .long {
    display: none;
}

.week-day-header .short {
    display: block !important;
    text-align: center;
}

.day-sunday .short::after {
    content: 'א';
}

.day-monday .short::after {
    content: 'ב';
}

.day-tuesday .short::after {
    content: 'ג';
}

.day-wednesday .short::after {
    content: 'ד';
}

.day-thursday .short::after {
    content: 'ה';
}

.day-friday .short::after {
    content: 'ו';
}

.day-saturday .short::after {
    content: 'ש';
}

table.dates {
    border-spacing: 17px 20px;
    width: 100%;
}

.dates > thead::after {
    display: none;
}

td.calDay, th.weekDay,
.calDay, .weekDay {
    font-size: 16px !important;
    text-align: center !important;
    /*    padding: 4px 0 !important;
*/
    margin: 0 !important;
    width: fit-content;
    background-color: transparent !important;
    border: 0;
    width: 24px;
    height: 24px;
    padding: 0 !important;
    padding: 5px 2px !important;
}

.days-container,
.week-row,
.week-day-header:not(tr) {
    display: grid;
    grid-template-columns: repeat(7, 32px);
    text-align: center;
    column-gap: 17px;
    row-gap: 20px;
    justify-content: center;
}

.week-row {
    display: grid !important;
    text-align: center;
    column-gap: 17px !important;
    row-gap: 20px !important;
}

.weekDay:not(th) {
    float: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.weekDay:not(th),
.calDay:not(td) {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px !important;
}

.weekDaysDesk:not(tr) {
    display: none !important;
}

td.calDay, th.weekDay,
.calDay, .weekDay,
.calDay .LB_CalendarDay,
.week-day-header .short {
    line-height: 1 !important;
}

.calDay-active:not(.disbaleLink) .LB_CalendarDay {
    color: #fff;
}

th.weekDay,
.weekDay {
    color: var(--black) !important;
    font-weight: 500 !important;
}

.calDay {
    color: var(--black) !important;
    font-weight: 400;
    border-radius: 50%;
}

.disbaleLink.calDay {
    color: var(--grey-text) !important;
    font-weight: 300;
}

.calDay-today.calDay {
    border: 1px solid var(--black);
}

td.calDay .today,
.calDay .today {
    display: none;
}

.calDay-active.calDay {
    background-color: var(--main-blue) !important;
    color: var(--white) !important;
}

.time-slots-list {
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

.time-slots-list__container,
.time-slots-list__content {
    padding: 0 !important;
    float: none !important;
}

.time-slot-group {
    margin-bottom: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    /*10-4-2025 יישור בעקבות הסתרת בוקר/צוהריים וכו*/
    margin-right: -15px;
    /*10-4-2025*/
}

    .time-slot-group::before, .time-slot-group:after {
        display: none;
    }

.slotsTimeRangeTitle,
.slots-time-title {
    flex-grow: 1;
    width: 100%;
    color: var(--grey-text) !important;
}
/*10-4-2025 הסתרת בוקר/צוהריים וכו*/
.slotsTimeRangeTitle {
    display: none;
}
/*10-4-2025*/
.slotItem {
    width: auto;
    padding: 0 !important;
    margin: 0 !important;
    /*10-4-2025 after hiding slotsTimeRangeTitle הסתרת בוקר/צוהריים וכו*/
    margin-top: 10px !important;
    /*10-4-2025*/
}

.slotBtn {
    margin: 0 !important;
}

#dNextFromSlotsPickBtn {
    padding: 0 !important;
    position: absolute;
    bottom: -80px;
    left: var(--site-padding-x);
    width: fit-content;
}

#nextFromSlotsPickBtn {
    margin-top: 0 !important;
    background-color: var(--main-blue) !important;
    border-radius: 0 !important;
}

    #nextFromSlotsPickBtn > i {
        display: none;
    }

.timeSlots .timeSlotsTitle {
    padding: 0;
    padding-top: 20px;
    margin: 0 !important;
    border-top: 1px solid var(--grey-light);
    border-bottom: 0;
}

#sectionBooking {
    padding: 0 !important;
    border: none;
}

    #sectionBooking .container {
        width: 100%;
        margin: 0 !important;
        padding: 0;
    }

#dDetailsInnerContainer {
    float: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: unset;
}

.pickTimeSlotText {
    padding: 0 !important;
}

.pickTimeSlotText,
#pickTimeSlotDefaultText,
.timeSlots .timeSlotsTitle {
    color: var(--black) !important;
    font-size: 18px !important;
    line-height: 1.56 !important;
    font-weight: 400 !important;
}

#d-selectedTime {
    padding: 0 !important;
    margin-bottom: 48px;
    display: flex;
    flex-direction: column-reverse;
    row-gap: 16px;
}

.selected-date-time-title-container {
    padding: 0;
    width: 100%;
}

#selectedDateTimeTitle {
    text-align: start !important;
    font-size: 18px;
    color: var(--black);
    font-weight: 400;
    line-height: 1.56;
}

.update-time {
    display: flex;
    align-items: center;
    padding: 0;
    width: 100%;
    margin: 0 !important;
}

.update-time__dynamic-text {
    display: flex !important;
    margin-bottom: 0 !important;
    flex-grow: 1;
    margin: 0 !important;
}


    .update-time__dynamic-text::before {
        content: '';
    }

    .update-time__dynamic-text::after {
        content: "מועד הנסיעה";
        display: block;
    }

.update-time__button {
    width: fit-content !important;
    min-width: auto !important;
    margin: 0 !important;
    padding: 0 !important
}

.update-time__text {
    display: none;
}


#d-selectedTimeMDSD,
#d-selectedTimeMDED {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
}

    #d-selectedTimeMDSD .update-time,
    #d-selectedTimeMDED .update-time {
        width: fit-content;
        gap: 8px;
    }

    #d-selectedTimeMDSD .update-time__dynamic-text::after {
        content: 'לשינוי תחילת מועד'
    }

    #d-selectedTimeMDED .update-time__dynamic-text::after {
        content: 'לשינוי סיום מועד'
    }

.group .highlight,
.group .bar {
    display: none;
}

#NameAlertSpan, #MobileAlertSpan, #EmailAlertSpan {
    display: none !important;
}

/* Show the desired text using the content attribute */
#NameAlertSpanCss::before {
    content: "* נצטרך את השם שלך, בבקשה :)";
}

#MobileAlertSpanCss::before {
    content: "* באיזה מספר נוכל להשיג אותך בקשר לפגישה? ";
}

#EmailAlertSpanCss::before {
    content: "* לאיזה מייל נשלח אישור על הפגישה? מבטיחים לא לשלוח שום דבר אחר ";
}

.group.group-error {
    border-color: #D00100 !important;
}

.AlertSpanCss,
.static-alert-span,
span[validation-error] {
    position: absolute;
    bottom: -28px;
    left: -20px;
    right: -20px;
}

input:focus ~ label .AlertSpanCss,
input:valid ~ label .AlertSpanCss,
input:focus-within ~ label .AlertSpanCss,
input:focus ~ label .static-alert-span,
input:valid ~ label .static-alert-span,
input:focus-within ~ label .static-alert-span,
input:focus ~ label > span[validation-error],
input:valid ~ label > span[validation-error] {
    bottom: -40px;
}

span[validation-error]:not(.has-error) {
    display: none;
}

.has-error {
    display: block !important;
}

.clearfix-empty {
    display: none;
}

.form-footer__buttons {
    display: flex;
    width: 100%;
    margin: 0 !important;
    position: absolute;
    bottom: -70px;
    width: fit-content;
    left: var(--site-padding-x);
}

#saveForm {
    width: 100% !important;
    margin: 0 !important;
}

#backToSlotsBtn {
    display: none;
}

#otpModal {
    padding: 0 !important;
    margin-top: 10% !important;
}

    #otpModal .modal-dialog {
        max-width: 80%;
        margin: 0 auto;
        width: 600px;
    }

    #otpModal .modal-content {
        padding: 16px;
    }
    /*
#otpModal .modal-header {
    display: flex;
}*/

    #otpModal .close {
        color: var(--grey-text) !important;
    }

    #otpModal .modal-body {
        padding: 0;
    }

    #otpModal .modal-header__title {
        display: none !important;
    }

.otpSectionTitle {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 16px !important;
}

#otpSectionDynamicTitle > .dynamic-icon,
#otpSectionDynamicTitle2 > .dynamic-icon {
    mask: url('../../../Icons/Delek/BMW/phone-icon.svg') no-repeat center / contain;
}

#otpSectionDynamicTitle .dynamic-title::before {
    content: "אימות פרטים";
    display: block;
}

#otpSectionDynamicTitle2 .dynamic-title::before {
    content: "קיבלת קוד?";
    display: block;
}

.otpSection-footer {
    margin-top: 32px !important;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

.exCssMainbtn {
    background-color: transparent !important;
    border: none !important;
    font-size: 13px;
    line-height: 1;
    color: var(--main-blue) !important;
    font-weight: 400;
}

.input-group-addon {
    display: none !important;
}

#divSaveBtnOTP,
#btnGoOTP,
.exCssMainbtn {
    transform: none !important;
    width: fit-content !important;
}


#otpSectionDynamicTitle,
#otpSectionDynamicTitle2 {
    margin-bottom: 8px;
}

.form-group-validation {
    margin-bottom: 32px !important;
}

.form-validation-label {
    display: block !important;
}

.form-group-validation__footer {
    margin-top: 0 !important;
}

.form-group-validation__footer-button {
    display: flex;
    justify-content: center;
}


#dEventViewMain {
    padding: 0 var(--site-padding-x) !important;
    width: 100%;
    margin-bottom: 16px;
    order: 3;
    margin-top: 24px;
}

.cernteredNoMob {
    width: 100%;
    margin: auto;
    box-shadow: none !important;
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    border: 0;
}

#dServiceHeader {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    color: var(--black) !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

    #dServiceHeader h2 {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        font-size: 32px;
        align-items: center;
    }

        #dServiceHeader h2:before {
            content: "";
            display: inline-block;
            width: 64px;
            height: 64px;
            mask: url("../../../Icons/Delek/BMW/success-icon.svg") no-repeat center / contain;
            display: inline-block !important;
            background-color: currentColor;
            padding: 0 4px;
        }

#serviceHeader {
    font-size: 18px;
}

.scheduleTotalBox {
    padding: 16px;
    margin: 0;
    background: #F6F6F6;
    border: 1px solid var(--grey-light);
    box-shadow: none;
    min-height: none;
}

.dataSection:not(:last-child) {
    border-bottom: 1px solid var(--grey-light);
}

.dataSection:not(:first-child) {
    padding-top: 12px;
}

.dataSection {
    display: flex;
    flex-direction: column;
    font-weight: 400 !important;
    color: var(--black) !important;
    width: 100%;
    padding-bottom: 12px !important;
    margin: 0 !important;
}

.dataSectionTitle {
    font-size: 20px;
    line-height: 1.4;
    display: flex;
    gap: 8px;
}

    .dataSectionTitle::before {
        content: "";
        display: inline-block;
        width: 28px;
        height: 28px;
        display: inline-block !important;
        background-color: currentColor;
        padding: 0 4px;
    }

.dataSectionCont {
    font-size: 18px;
    line-height: 1.56;
    float: none;
    padding-right: 36px;
}

#dDate .dataSectionTitle::before {
    mask: url("../../../Icons/Delek/BMW/calendar-v-icon.svg");
}

#dTime .dataSectionTitle::before {
    mask: url("../../../Icons/Delek/BMW/clock-icon.svg");
}

#dSiteTitle .dataSectionTitle::before {
    mask: url("../../../Icons/Delek/BMW/loaction-pointer-icon.svg");
}

#sectionServices {
    padding: 0 !important;
}

    #sectionServices > .container {
        padding: 0 !important;
        width: 100% !important;
    }

.sectionOptions .btn {
    color: var(--black) !important;
}

#sectionServices .sectionOptions {
    border: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
    display: flex;
    justify-items: center;
    row-gap: 36px;
    flex-direction: column;
}

.section-option-top,
.section-option-bottom {
    display: flex;
    align-items: center;
}

.section-option-top {
    justify-content: space-between;
}

.section-option-bottom {
    justify-content: center;
    column-gap: 16px;
}

.view-action-btn-container {
    margin: 0 !important;
}

.eViewActionBtn,
.eViewActionBt.btn {
    border-radius: 0 !important;
    margin: 0 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    width: fit-content;
    display: flex;
    gap: 11px;
    justify-content: center;
    align-items: center;
    padding: 11px 20px !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
    color: var(--black) !important;
    border: 1px solid var(--black) !important;
}

    .eViewActionBtn:hover,
    .eViewActionBtn.btn:focus,
    .eViewActionBtn.btn:active {
        border: 1px solid var(--black) !important;
    }

#btn_editEvent,
#btn_editEvent.btn,
#btn_saveCancel,
#btn_saveCancel.btn,
#btn_saveApprove,
#btn_saveApprove.btn {
    border: 0 !important;
    color: var(--white) !important;
    background-color: var(--main-blue) !important;
}

    #btn_editEvent i,
    #btn_saveApprove i,
    #btn_saveCancel i {
        display: none;
    }

#dbtn_saveSendMeeting {
    display: none;
}

#sectionServices:not(.summary-site) #dbtn_saveApprove,
#sectionServices:not(.summary-site) #dbtn_site-phone {
    display: none !important;
}

#sectionServices.summary-site .calendar-button {
    display: none !important;
}

#btn_saveNavigate .view-button-text,
#btn_ANDROIDSaveICS .view-button-text,
#dsaveICS .view-button-text {
    display: none;
}

#mainHeaderInfo {
    display: block !important;
}

#mainHeaderInfo, #footerText {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: var(--grey-text);
    column-gap: 5px;
}


    #mainHeaderInfo::before,
    #footerText::before {
        content: 'חשוב!';
        margin-left: 5px;
        color: var(--main-blue);
    }

    #mainHeaderInfo::after,
    #footerText::after {
        content: 'יש לזכור להגיע עם רישיון נהיגה בתוקף, גיל הנהיגה המינימלי לנסיעה עומד על 24';
    }

.timeSum {
    display: flex;
}

.timeSum-btn-container {
    width: fit-content !important;
}

.exCssMainbtn {
    color: var(--main-blue) !important;
}

    .exCssMainbtn:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }

@media screen and (min-width: 768px) {
    #wrapper {
        --bmw-header-padding-x: 3rem;
    }
}

@media screen and (min-width: 992px) {
    #flowNB {
        --bmw-logo-size: 3.25rem;
        --bmw-logo-marging-left: 1.5rem;
        justify-content: flex-start !important;
        padding-right: calc(var(--bmw-logo-size) + var(--bmw-logo-marging-left)) !important;
    }

    .fNBLI {
        --padding-fnbli: 25px;
    }

        .fNBLI > a {
            padding: 12px 8px !important;
        }

    .topNavSep {
        margin-top: 17px;
    }

    .wizard-step-header {
        margin-bottom: 28px;
    }

    .wizard-step-header__title {
        font-size: 24px;
    }

    .wizard-step-header__icon {
        width: 32px;
        height: 32px;
    }

    .section-title-header {
        margin-bottom: 60px;
        row-gap: 12px;
    }

    .section-title-header__title {
        font-size: 42px !important;
    }

    .section-title-header__subtitle {
        font-size: 20px !important;
    }

    .icon-text-block__title,
    .dynamic-title {
        font-size: 32px;
    }

    .serie-hidden {
        display: initial !important;
    }

    .show-more-container {
        display: none !important;
    }

    .icon-text-block__description,
    .otpSectionTitle {
        font-size: 18px !important;
    }

    .header-box__title {
        font-size: 14px;
    }

    .box-summary__name {
        font-size: 18px;
    }

    .form-builder-forms-model-selector__model.selected .car-model__sub-content {
        margin-top: 12px;
    }

    .under-layers-content {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .under-layers__buttons,
    .under-layers__trim-levels-buttons {
        margin-bottom: 36px;
    }

    .features-list {
        flex-direction: row;
        /*        justify-content: space-between;
*/
        column-gap: 66px;
    }

    .under-layers__features-feature,
    .trim-levels__details {
        flex-direction: column;
        row-gap: 20px;
    }

    .next-button,
    .confirm-button,
    .exCssMainbtn {
        font-size: 16px !important;
        font-weight: 500;
    }

    .parentModelsLi-list {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 28px;
        column-gap: 24px;
    }

    #dResourcesAndSites.select-sites-section {
        grid-template-columns: repeat(3, 1fr);
    }
    /*#dResourcesAndSites {
        flex-direction: row;*/
    /*        max-width: 1060px;
*/
    /*}*/

    #dResourcesContainer {
        order: 1;
    }

    #dSitesContainer {
        order: 2;
    }

    #siteFooter {
        order: 3;
    }

    .sites-footer {
        justify-content: flex-start;
        width: 100%;
    }

    .locationSites {
        gap: 24px;
    }

    .locationSite {
        max-width: 500px;
    }

    .dNoSitesLinkText {
        margin-top: 28px;
    }

    .btnSiteTitle {
        font-size: 20px;
    }

    .btnSiteAddress {
        font-size: 16px;
    }

    #noSitesLinkText {
        margin: 0;
        font-size: 16px;
    }

    #uaModelLeadModalBody {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    #uaModelLeadModalBody > .leadInputSec:not(:nth-child(2)):not(:nth-child(3)),
    #dbtnSendUaModelLead {
        grid-column: span 2;
    }

    #uaModelLeadModalBody #dUaModelLeadSuccess {
        grid-column: 1 / -1;
        justify-self: center;
    }

    #noSlots {
        margin-top: 0;
        padding-top: 24px;
    }

    #divSchedule {
        flex-direction: row;
        max-width: 100%;
        margin-top: 40px;
    }

        #divSchedule.schedule-first-step {
            margin-top: 120px;
        }

    .time-select {
        flex-direction: row;
        position: relative;
    }

    .timeSlots {
        max-width: 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #sectionSlotsTitle {
        position: absolute !important
    }

    .timeSlots .timeSlotsTitle {
        border-top: 0;
        padding-top: 0;
        border-right: 1px solid var(--grey-light);
        padding-right: 48px !important;
    }

    .time-slots-list,
    #noSlots {
        border-right: 1px solid var(--grey-light);
        padding-right: 48px !important;
    }

    .time-select-container {
        width: fit-content;
        min-width: 300px;
    }

    table.dates {
        width: auto;
    }

    .weekDaysMobile {
        display: none !important;
    }

    .weekDaysDesk:not(tr) {
        display: grid !important;
    }

    td.calDay, th.weekDay,
    .calDay, .weekDay {
        /*        padding: 6px 3px !important;
*/
        width: 32px;
        height: 32px;
        font-size: 18px !important;
    }

    #sectionSelectResource {
        display: none !important;
    }

    #dNextFromSlotsPickBtn {
        align-self: flex-end;
        left: 0;
        bottom: -48px;
    }

    #d-selectedTime {
        row-gap: 28px;
    }

        #d-selectedTime::before,
        #d-selectedTime::after {
            content: unset;
            display: none;
        }

    #dDetailsInnerContainer {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

        #dDetailsInnerContainer > .group:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)),
        .form-footer {
            grid-column: span 2;
        }

    #nextFromSlotsPickBtn,
    #saveForm {
        padding: 14px 24px !important;
    }

    .form-footer__buttons {
        justify-content: flex-end;
        position: unset;
        width: 100%;
    }

    #saveForm {
        width: fit-content !important;
    }


    #siteSelectedresourceItem3 .card-model {
        min-width: 400px;
    }

    #divGetOTP {
        max-width: 70%;
        margin: 0 auto;
    }

    #dEventViewMain {
        margin-top: 60px;
    }

    .cernteredNoMob {
        row-gap: 60px;
    }

    #dServiceHeader h2 {
        font-size: 42px;
        row-gap: 12px;
    }

        #dServiceHeader h2:before {
            width: 128px;
            height: 128px;
        }

    #dServiceHeader {
        row-gap: 12px;
    }

    #serviceHeader {
        font-size: 20px;
    }

    #sectionServices .sectionOptions {
        row-gap: 48px;
    }

    .eViewActionBtn,
    .eViewActionBt.btn {
        padding: 14px 25px
    }

    .section-option-bottom {
        column-gap: 24px;
    }

    #mainHeaderInfo, #footerText {
        font-weight: 500;
        font-size: 14px;
        margin-top: 48px;
    }

    #mainHeaderInfo {
        display: none !important;
    }

    #footerText {
        display: block !important
    }
}

@media screen and (min-width: 1280px) {
    #wrapper {
        --bmw-header-padding-x: 6rem;
    }
}

@media screen and (min-width: 1600px) {
    .parentModelsLi-list {
        grid-template-columns: repeat(3, 478.67px);
        column-gap: unset;
        justify-content: space-between;
    }
}
/*End of my code*/


/*.logoPlaceHolder{
    display:none;
}*/
/*#flowNB{
    background-color:#fff !important;
}*/
/*CAST stop INLINE*/
.dResourcesInline {
    /*    width: 50% !important;
    float: right !important;
    margin-top: 40px;
*/
}

/*#dSitesContainer {
    width: 50% !important;
    float: left !important;
}*/

/*.leadInputSec.mailing-confirmation,
.checkbox-item {
    display: grid;
    grid-template-columns: 18px 1fr;
    column-gap: 7px;
}*/
/*
#cbMailing,
.checkbox-item input[type="checkbox"]{
    margin: 0;
}*/

/*.mailing-confirmation label[for="cbMailing"],
.checkbox-item label {
    font-size: 12px !important;
    font-weight: 400;
}*/

/*9-1-2025 hide mailing confirmation*/
#leadMailingTitle {
    display: none;
}
/*9-1-2025 hide mailing confirmation*/
.col-sm-6.selectSiteDiv {
    max-width: 100% !important;
    width: 100% !important;
}

.form-builder-forms-o-selected-model-display__image_container {
    width: 100%;
}
/*END*/
#dMain {
    width: 100%;
}

    #dMain .container {
        width: 100%;
    }

#pickResourceHeader, #pickChildResourceHeader {
    display: none !important;
}
/*28-1-2025*/
#dResourcesTitle {
    /*    display: block !important;
    margin-bottom: 0px;
    padding-bottom: 0px;    */
}

#pickResourceHeaderCustomTxt {
    display: none !important; /* Ensure it's inline-block to show ::after content */
    font-size: 30px;
    text-align: center;
}

    #pickResourceHeaderCustomTxt::after {
        content: 'זה הזמן לגלות את הרכב הבא שלך' !important;
    }

/*28-1-2025*/

#dServiceTitle {
    border: none !important;
}

    #dServiceTitle .sectionTitleLarge {
        font-size: 22px !important;
    }

/*.sectionTitle {
    color: #333 !important;
}*/

/*.siteSection .sectionTitle {
    margin-bottom: auto !important;
}*/


/*.btnLocation {*/
/*background: #fff;*/
/*background: #f5f5f5;*/
/*color: #607D8B !important;
    border: 0 !important;
    width: fit-content;
    box-shadow: none;
    padding: 10px;
    float: right;
    margin: 5px 10px;
    padding-bottom: 0px
}*/

/*.btnLocation.active {
        background: #fff !important;*/
/*background: #f5f5f5;*/
/*color: #333 !important;
        box-shadow: none;
        border-bottom: solid 2px #333 !important;
        padding-bottom: 0px
    }

    .btnLocation:hover {
        background-color: #fff;*/
/*background: #f5f5f5;*/
/*opacity: 1 !important;
        color: #333 !important;
        box-shadow: none;
        border-bottom: solid 2px #333 !important;
    }

    .btnLocation.active:hover {
        background-color: #fff;*/
/*background: #f5f5f5;*/
/*opacity: 1 !important;
        color: #333 !important;
        box-shadow: none;
    }*/

/*.areaBtnDiv {
    width: fit-content;
    float: right;
    background: #fff;*/
/*background: #f5f5f5;*/
/*}

    .areaBtnDiv:last-child {
        border-left: none;
    }*/

/*#locationsContainerRow {
    width: 50%;
    margin: 0 auto;
}
*/
/*#locationsContainerDiv {
    width: fit-content;
    margin: 0 auto;
}
*/
#AllOverTheCountryTxt {
    display: none;
}

#btnAllOverTheCountry:after {
    content: 'הכל' !important;
}

/*#selectedresourceItem {
    width: 90%;
    margin: auto;
    margin-top: -30px;
}*/
#selectedresourceItem2 {
    width: 90%;
    margin: auto;
    margin-top: -30px;
}

/*#selectedresourceItemClean {
    display: block !important;
}*/

#selectedresourceItemCleanTitle {
    text-align: center;
    font-size: 22px;
    /*font-family: delekEngReg;*/
}

#selectedRGParentItem {
    display: none !important;
}

/*1-1-2025*/
/*.form-builder-forms-model-selector__model{
    float:right;
}*/
/*1-1-2025*/
.form-builder-forms-model-selector__series:hover img {
    opacity: .8;
}

.form-builder-forms-model-selector__series img, .form-builder-forms-model-selector__model img {
    /*6-2-2024*/
    /*width: 100%;*/
    width: 400px;
    margin: auto;
    /*END*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity .15s ease-in-out;
}

/*.form-builder-c-request-summary__step__change, .dNoSitesLinkText > a {
    color: #0066B1 !important;
}*/

.form-builder-forms-model-selector__series:hover {
    color: #0066B1;
}

.series-title {
    /*font-family: delekHebReg,delekEngReg, sans-serif !important;*/
    font-size: large;
}

#ddlLeadSites {
    /*background: #f5f5f5;*/
}

#ddlLeadSites option[value="FLe8tOJqi"],
#ddlLeadSites option[value="gzsA5BmvVx"] {
    display: none!important;
}

.resourceContainer {
    box-shadow: none;
}

.resourceParentContainer {
    box-shadow: none;
}

.resourceTitleInner {
    background-color: transparent;
    color: #333;
    opacity: 1;
    font-size: 22px;
    /*font-family: delekEngReg sans-serif;*/
}

.resourceSubTitleInner {
    font-size: 18px;
}

.resourceDescriptionTitleInner {
    color: #8b8b8b;
    font-size: 12px;
}

.footer {
    display: none;
    background-color: #f5f5f5;
}

    .footer > a {
        /*display: none;*/
        color: #bbb;
    }

    .footer .desc {
        display: none !important;
    }

/*.btnSite {
    color: #333 !important;*/
/*box-shadow: hsl(0, 0%, 70%) 0 0 16px;
    background-color: #222 !important;
    border-radius: 15px !important;*/
/*}

    .btnSite:hover {
        background-color: #fff !important;
        color: #333 !important;
        opacity: 1 !important;
        border-color: #d1d1d1 !important;
    }*/


/*.btnSiteTitle {
    font-weight: 500;
    font-size: 22px;
}*/

/*.whereTo {
    font-size: 22px;
}*/

.alert-info {
    background-color: #333;
    color: #fff;
    font-size: larger;
}

.hiddenServTitle {
    display: none !important;
}
/*.loadingDiv {
    color: #333;
    opacity: 0.8;
}*/
/*#SitesLoading {
    position: fixed;
    top: 140px;
    left: 45%;
}*/
/*********Site level*********/
#selectedresourceItem1 {
    display: none !important;
}

#siteSelectedresourceItem2 {
    display: none !important;
    /*    display: block !important;
    */
    /*margin-right: -150px;*/
}

#btnBackToSiteSelection {
    display: none;
}

/*.btnBackToSiteSelection2 {
    color: #333 !important;
    text-decoration: none !important;
    display: block !important;
}*/

.siteTitleLarge {
    margin-top: 0px;
    padding-top: 0px;
    /*display: none;*/
}

#dEventViewMain,
#sectionServices {
    max-width: 750px;
}

#sectionServices {
    border: none;
    order: 3;
    padding: 0 var(--site-padding-x) !important;
    margin: 0 auto;
    width: 100%;
}

.navbar-inverse {
    background-color: #0066B1;
}
/*.minSelectedRG {
    display: inline-block !important;
}*/
/*3-12-2023*/
#sectionSelectRG {
    /*    padding-top: 0px;
    width: 60%;
    margin: auto;*/
    /*margin-top: -30px;*/
}

/*#dResourceServiceContainer {
    width: 50%;
    float: right;
}*/
/*#dTimeAndBookingContainer {
    width: 50%;
    float: left;
}*/
/*#sectionSlots .container {
    width: auto;
    margin-left: 10px;
}*/
/*#sectionBooking .container {
    width: auto;
    margin-left: 10px;
}*/
/*END*/
/*9-10-2023*/
/*#sectionSlotsTitle:after {
    content: 'מתי נוח לך להגיע?' !important;
}
*/
/*#sectionSlotsTitle {
    font-size: 26px;
    padding-bottom: 10px;
}*/

.sectionSlotsTitleTxt {
    display: none;
}
/*.sectionSlotsTitleTxt {
    display:none;*/ /* Remove any existing content */
/*}
.sectionSlotsTitleCustomTxt::before {
    text-align: center;
    display: block;
    content: 'מתי נוח לך להגיע?';
}*/
/*END*/
#s-titleRef {
}

    #s-titleRef::before {
        content: 'בחרו מועד' !important;
    }

.mobileH2 {
    font-size: 22px !important;
}

/*time selection*/
/*.calDay {
    border-radius: 5px;
    border: none;
}

    .calDay:hover {
        background-color: #0066B1;
        color: #fff !important;
    }*/

/*.calDay-active {
    background-color: #0066B1;
    color: #fff !important;
}
*/
/*    .calDay-active > .LB_CalendarDay {
        color: #fff !important;
    }

    .calDay-active .LBL_CalendarDayTitle {
        color: #fff !important;
    }*/

/*.today {
    color: #333 !important;
}*/

/*.slotBtn {*/
/*border: none;*/
/*transition: transform 0.5s ease;*/
/*color: #fff !important;*/
/*background-color: #003158 !important;*/ /*#333 !important;*/
}

/*.slotBtn.active {*/
/*border: none;*/
/*color: #fff !important;
        background-color: #0066B1 !important;*/ /*#333 !important;*/
/*}*/

/*.slotBtn:hover {*/
/*border: none;*/
/*color: #fff !important;
        background-color: #0066B1 !important;*/ /*#333 !important;*/
/*transform: scale(0.9);
    }*/

/*booking details*/
#cbRememberMeLbl {
    font-size: 18px;
}

input[type="text"],
input[type="number"] {
    /*background: #f5f5f5;*/
}

/*.group > input {
    border: 1px solid #999;
    border-radius: 8px;
}*/

/*#saveForm, #btnClearTime, #displayMonth, #nextFromSlotsPickBtn, #backToSlotsBtn {
    border: none;
    color: #fff !important;
    background-color: #0066B1 !important;
}*/

/*#saveForm, #nextFromSlotsPickBtn, #backToSlotsBtn {
    border-radius: 6px !important;
}*/

/*    #saveForm:hover, #btnClearTime:hover, #displayMonth:hover {
        transform: scale(0.9);
    }*/

.loadingDivLBL {
    display: none;
}

.loadingDivContent:after {
    content: 'כבר איתך :)' !important;
}

#redirectLoading > .loadingDivContent:after {
    content: 'מיד יופיעו פרטי הנסיעה שקבעת' !important;
}

.loadingDivContent {
    text-align: center;
}

.loadingDiv {
    /*background-color: #222;*/
    background: rgba(56, 56, 56, 0.81);
    color: #fff;
    min-height: 40px;
    padding: 10px !important;
    text-align: center !important;
    /*opacity: 0.4;*/
    margin: 0 auto;
    border-radius: 5px !important;
    /*width: 30% !important;*/
    /*8-8-2023*/
    z-index: 1;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.resourceImage:hover {
    transform: none !important;
}

/*1-08-2023*/
.clearResourceItemCleanText {
    position: absolute;
    right: 20px;
    /*top: 15px;*/
    top: 75px;
    color: #333;
    font-size: smaller;
}

/*EVENT VIEW*/
/*.mainBtn {
    border: none;
    color: #fff !important;*/
/*background-color: #000 !important;*/
/*background-color: #0066B1 !important;
    border-radius: 6px;
}*/

/*.mainBtn.active {
        border: none;
        color: #fff !important;*/
/*background-color: #000 !important;*/ /*#333 !important;*/
/*background-color: #0066B1 !important;
    }

    .mainBtn:hover {
        border: none;
        color: #fff !important;*/
/*background-color: #000 !important;*/ /*#333 !important;*/
/*background-color: #0066B1 !important;
        transform: scale(0.9);
    }*/

/*.eViewActionBtn {
    border: none;
    color: #fff !important;*/
/*background-color: #000 !important;*/
/*background-color: #0066B1 !important;
    border-radius: 6px;
}

    .eViewActionBtn.active {
        border: none;
        color: #fff !important;*/
/*background-color: #000 !important;*/ /*#333 !important;*/
/*background-color: #0066B1 !important;
    }

    .eViewActionBtn:hover {
        border: none;
        color: #fff !important;*/
/*background-color: #000 !important;*/ /*#333 !important;*/
/*background-color: #0066B1 !important;
        transform: scale(0.9);
    }*/
/*END*/

/*#divSaveBtnOTP {
    background-color: #0066B1 !important;
}*/

/*li.fNBLI.active a {
    background-color: #0066B1 !important;*/
/*background-color: #222 !important;*/
/*color: #333 !important;
                background-color: #f5f5f5 !important;
                border-bottom: solid 1px #222;*/
/*}*/

/*  li.fNBLI.active a > div {
        border-bottom: 2px solid #fff;
    }*/
/*#sectionSlotsTitle, #sectionSlots {
    text-align: right;
    position: relative;
    right: 15px;
}*/

/*#sectionSlotsTitle {
    bottom: 15px;
}*/

#sectionServices, #sectionSlots {
    /*padding-top: 0 !important;*/
}

.calDay .today {
    font-size: 13px;
}
/*21-1-2024*/
.btn-primary.primary-otp {
    border: none;
    color: #fff !important;
    background-color: #0066B1 !important;
    border-radius: 6px;
}

    .btn-primary.primary-otp.active {
        border: none;
        color: #fff !important;
        background-color: #0066B1 !important;
    }

    .btn-primary.primary-otp:hover {
        border: none;
        color: #fff !important;
        background-color: #0066B1 !important;
        transform: scale(0.9);
    }
/*#btnSendUaModelLead {
    border: none;
    color: #fff !important;
    background-color: #0066B1 !important;
}
    #btnSendUaModelLead:hover {
        border: none;
        color: #fff !important;
        background-color: #0066B1 !important;
        transform: scale(0.9);
    }
    #btnSendUaModelLead.active {
        border: none;
        color: #fff !important;
        background-color: #0066B1 !important;
    }*/
#dUaModelLeadSuccess {
    background-color: #0066B1 !important;
}

.btn-default.primary-otp {
    border-color: #0066B1 !important;
    padding: 8px;
    /*color: #333;
    background-color: #fff;*/
    color: #0066B1 !important;
    background-color: #fff !important;
    border-radius: 6px;
}

    .btn-default.primary-otp.active {
        border-color: #0066B1 !important;
        padding: 8px;
        /*color: #333;
        background-color: #fff;*/ /*#333 !important;*/
        color: #0066B1 !important;
        background-color: #fff !important;
    }

    .btn-default.primary-otp:hover {
        border-color: #0066B1 !important;
        padding: 8px;
        /*color: #333;
        background-color: #fff;*/ /*#333 !important;*/
        color: #0066B1 !important;
        background-color: #fff !important;
        transform: scale(0.9);
    }

/*END*/
/*BOOKING DETAILS*/
/* Hide the original text in the span */
/*#NameAlertSpan, #MobileAlertSpan, #EmailAlertSpan {
    display: none !important;
}*/
/* Show the desired text using the content attribute */
/*#NameAlertSpanCss::before {
    content: "* נצטרך את השם שלך, בבקשה :)";
}

#MobileAlertSpanCss::before {
    content: "* באיזה מספר נוכל להשיג אותך בקשר לפגישה? ";
}

#EmailAlertSpanCss::before {
    content: "* לאיזה מייל נשלח אישור על הפגישה? מבטיחים לא לשלוח שום דבר אחר ";
}*/
/*1-1-2025*/
/*.logoPlaceHolder {
    position: absolute;
    top: 2px;
    left: 1rem;
    background-image: url('../../Images/clients/Delek/BMWLOGO.png');
    height: 50px;
    width: 46px;
    background-repeat: no-repeat;
    background-size: contain;
}*/

.eventType.active {
    margin-bottom: 0 !important;
}

    .eventType.active h2 {
        display: none;
    }

/*עריכת הפגישה מעמוד הפגישה בקליינט*/
.editModalHeader {
    border: none;
}

/*.topNavSep {
    position: absolute;
    border-left: 2px solid #9d9d9d;
    height: 1.5rem;
    top: 2rem;
    left: 0;
}
*/
#footerImg {
    content: url("/Content/Images/logo180h.png");
}

#btnBackToSiteSelection2 {
    max-width: 50%;
}

body {
    overflow-x: hidden;
}

@media screen and (max-width:568px) {
    /*1-1-2025*/
    /*.logoPlaceHolder {
        height: 37px;
        top: 4px;
        left: 0.5rem;
    }*/
    /*28-1-2025*/
    #pickResourceHeaderCustomTxt {
        font-size: 20px;
    }
    /*28-1-2025*/

    /*    #locationsContainerRow {
        width: 100%;
        margin: auto;
    }*/

    /*    #locationsContainerDiv {
        max-width: fit-content;
        margin: 0 auto;
        position: relative;
        padding-right: 0px;
    }*/
    /*
    .resourceImage {
        float: left;
    }
    .clearResourceItemCleanText {
        top: 10px;
    }*/
    /*8-4-2024*/
    .topPageServiceTitle {
        /*display: block !important;*/
        /*23-12-2024*/
        /*line-height: 1.5;*/
    }

    #dServiceTitle {
        /* margin-top: 50px !important;*/
        /*8-4-2024*/
        display: none;
    }

    /* #SitesLoading {
        top: 180px;
        left: 30%;
    }*/
    .loadingDivLBL {
        display: none;
    }

    .loadingDivContent:after {
        content: 'כבר איתך :)' !important;
    }

    .loadingDiv {
        /*width: 70%;*/
    }

    .AlertSpanCss {
        font-size: small;
    }
    /*15-10-2023*/
    /*#sectionServices {
        border-bottom: none;
    }*/

    .siteTitleLarge {
        margin-top: 30px;
        padding-bottom: 0px;
    }

    #siteDetailsAndDefNavsContainer {
        margin-top: 0px;
    }

    #siteTitleComp {
        color: #333;
        margin-top: 20px;
    }

    /*.minSelectedRG {
        color: #333;
        border-top: solid 1px #ccc;
        margin-top: 10px;
        padding-top: 10px;
    }*/

    .btnBackToSiteSelection2 {
        font-size: 15px !important;
    }

    /*.topNavSep {*/
    /*height: 1.5rem;
        top: 2rem;*/
    /*height: 2rem !important;
        top: 1.5rem !important;
    }*/

    /*.logoPlaceHolder {
        top: 60px !important;
    }*/
    /*.fnavLink {
        padding: 10px !important;
    }*/
    /*end 15-10-2023*/

    /*23-10-2023*/
    /*    .group input[type="text"],
    .group input[type="number"] {
        min-height: 60px;
    }*/

    /*    #d-bookingDetails {
        padding-top: 15px;
    }*/

    /*    #sectionSlots .container {
        width: auto;
        margin-left: auto !important;
    }
*/
    #sectionBooking .container {
        width: auto;
        margin-left: auto !important;
    }

    .form-builder-forms-model-selector__series img, .form-builder-forms-model-selector__model img {
        /*width: 350px !important;*/ /*15-7-2024*/
        /*width: 400px !important;*/
        /*1-1-2025*/
        /*https://app.asana.com/0/1205410817379686/1208981925656678/f 1-1-2025  לטובת מרכוז במובייל 👇🏼*/
        width: 100% !important;
    }
    /*15-7-2024*/
    /*    .form-builder-forms-o-selected-model-display__image_container img {
        max-width: 300px;
    }*/
    /*END 15-7-2024*/

}

@media screen and (max-width: 768px) {
    .divResourceImage {
        text-align: center;
    }

    /*    li.fNBLI a {
        font-size: 2rem;
        text-align: center;
    }*/

    /*.logoPlaceHolder {*/
    /*top: 80px;*/
    /*top: 5px;
    }*/
    /*
    #nextFromSlotsPickBtn {
        margin-left: 15px;
    }*/

    #pickResourceHeader {
        font-size: 20px !important;
    }

    #pickChildResourceHeader {
        font-size: 20px !important;
    }

    .resourceImage {
        width: 100% !important;
        height: auto !important;
    }

    /*    #sectionSlotsTitle, #sectionSlots {
        position: initial !important;
    }
*/

    /*EVENT SUM*/
    /*EDIT EVENT*/
    /*#sectionSlotsTitle:after {
        content: 'מתי נוח לך להגיע?' !important;
    }*/

    /*    #sectionSlotsTitle {
        font-size: 20px;
        padding-bottom: 10px;
    }*/
    /*7-1-2025*/
    /*    .h3.dateTime {
        font-size: 20px;
        padding-bottom: 10px;
        line-height: normal;
    }
    .pickTimeSlotText {
        font-size: 20px;
        padding-bottom: 10px !important;
        line-height: normal;
    }*/
    /*7-1-2025*/
    /*.sectionSlotsTitleTxt {
        display: none;
    }*/
    .selectedTimeEdit::before {
        content: "האם לקבוע";
    }

    /*    .exCssMainbtn {
        border: none;
        color: #fff !important;
        background-color: #0066B1 !important;
        border-radius: 6px;
    }*/

    /*.exCssMainbtn.active {
            border: none;
            color: #fff !important;
            background-color: #0066B1 !important;*/ /*#333 !important;*/
    /*}*/

    /*.exCssMainbtn:hover {
            border: none;
            color: #fff !important;
            background-color: #0066B1 !important;*/ /*#333 !important;*/
    /*transform: scale(0.9);*/
    /*}*/

    /*    .dResourcesInline {
        width: 100% !important;
        float: none !important;
        margin-top: auto;
    }*/

    /*    #dSitesContainer {
        width: 100% !important;
        float: none !important;
    }*/
    /*
    .form-builder-forms-o-selected-model-display__image_container img {
        max-width: 330px;
    }*/

    /*    #selectedresourceItem {
        width: 90% !important;
        margin: auto !important;
    }*/

    /*    #selectedresourceItem2 {
        width: 90% !important;
        margin: auto !important;
    }    */

    /*3-12-2023*/
    /*    #sectionSelectRG {
        width: 100% !important;
    }*/
    /*
    #dResourceServiceContainer {
        width: 100%;
        float: none;
    }*/

    /*#dTimeAndBookingContainer {
        width: 100%;
        float: none;
    }
    #siteTitleComp {
        margin-top:0px;
    }*/
    /*END*/

    /*.form-builder-forms-model-selector__series img, .form-builder-forms-model-selector__model img {
        width: 300px;
    }*/

}

/*16-7-2024*/

/*6-2-2024*/


/*END*/
/*15-1-2025*/
.cblbl {
    color: #333 !important;
    font-size: 14px !important;
}

.xCheckbox {
    vertical-align: text-bottom;
}
    /*05-10-2025*/
    .xCheckbox.linkTextCB {
        display: none !important;
    }
span.cblbl.linkTextSpan {
    font-size: 12px !important;
    line-height: 1.5;
    color: var(--black);
    font-weight: 300 !important;
}
.linkTextSpan a {
    text-decoration: underline;
}
/*05-10-2025*/