:root{
    --main-color: #34000a;
    --secondary-color: #adcef3;
    --black-color: #000;
    --white-color: #ffffff;

    --font-family-Heebo-Light: 'Heebo-Light';
    --font-family-Heebo-Regular: 'Heebo-Regular';
    --font-family-Heebo-Medium: 'Heebo-Medium';
    --font-family-Heebo-SemiBold: 'Heebo-SemiBold';
    --font-family-Heebo-Bold: 'Heebo-Bold';

    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 900;
}
*{
    box-sizing: border-box;
}
html{
    scroll-padding-top: 105px;
    scroll-behavior: smooth;
    overflow: auto;
}
body{
    direction: rtl;
    font-family: var(--font-family-Heebo-Regular);
    font-weight: var(--font-weight-regular);
    font-size: 18px;
    line-height: 26px;
    color: var(--black-color) !important;
    /* background: #34000a */
}
h1,h2,h3,h4,h4,h5{
    font-family: var(--font-family-Heebo-Bold);
    font-weight: var(--font-weight-bold);
}
ul, ol{
    padding-right: 0;
    list-style: none;
}
a{
    text-decoration: none;
}
p{
    margin-bottom: 0;
}


/* CSS */
.hide-in-desktop.custom-hidden-sec{
    display: none !important;
}
.givat-bereshit-wrapper {
    width: 100vw;
    height: 106vh;
    background: url('/wp-content/uploads/sites/6/2025/09/givatbereshit-bg-scaled.webp') no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.overlay-content {
    display: flex;
    width: 98vw;
    height: 100vh;
    justify-content: space-between;
}

.left-section {
    width: 40vw;
    color: #fff;
    padding: 2vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.left-section .main-description {
    font-size: 1vw;
    line-height: 1.6vw;
    margin-bottom: 2vh;
    font-family: var(--font-family-Heebo-Regular);
    max-width: 78%;
    text-align: center;
    margin-top: 5vh;
}

.left-section .price-tag {
    font-size: 1.9vw;
    font-weight: 500;
    margin: 0;
    width: 40%;
    height: 4vh;
    border-right: 1px solid #ffffff8a;
    padding-right: 2vw;
}

.left-section .property-desc {
    font-size: 1vw;
    margin-bottom: 2vh;
    width: 47%;
    text-align: center;
    margin: 0;
    line-height: 3vh;
    padding-left: 2vw;
}
.features{
    margin-top: 8vh;
    max-width: 95%;
}
.left-section .features ul {
    list-style: none;
    padding: 0;
    margin: 0 0 2vh 0;
    display: flex;
    direction: ltr;
}

.left-section .features li {
    display: flex;
    align-items: center;
    margin-bottom: 1vh;
    font-size: 1.1vw;
    flex-wrap: wrap;
    justify-content: center;
}
.left-section .features li span {
    font-size: 0.8vw;
    line-height: 2vh;
    text-align: center;
}
.left-section .features li img {
    width: 2vw;
    height: 2vw;
    margin-right: 0.8vw;
    margin-bottom: 1.5vh;
}

.left-section .disclaimer {
    font-size: 0.9vw;
    margin-top: 2vh;
    position: absolute;
    bottom: -2vh;
    left: 2vw;
}

.left-section .contact-form {
    margin-top: 2vh;
    font-size: 1vw;
    height: 33%;
    text-align: right;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}

.left-section .logos {
    margin-top: auto;
    display: flex;
    gap: 1vw;
    flex-wrap: wrap;
}

.left-section .logos img {
    max-height: 4vh;
}
.top-sec{
    padding-top: 6vh;
}
.right-section {
    width: 50vw;
    height: 102vh;
    display: flex;
    flex-direction: column;
    color: #fff;
    text-align: center;
    justify-content: space-between;
}

.right-section .main-heading {
    font-size: 3.5vw;
    margin: 0;
}

.right-section .sub-heading {
    font-family: var(--font-family-Heebo-Regular);
    font-size: 2.5vw;
    font-weight: 400;
}
.bottom-sec{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.brand-logo{
    align-items: flex-end;
    display: flex;
    direction: rtl;
    justify-content: end;
    width: 66%;
}
.logos.brand-logo img{
    width: 80%;
    margin-right: 3vw;
}
.main-logo{
    width: 34%;
}
.main-logo img{
    width: 97%;
    margin-bottom: 11px;
}

.property-details{
    display: flex;
    max-width: 86%;
    padding: 0 2vw;
    border-top: 1px solid #ffffff8a;
    border-bottom: 1px solid #ffffff8a;
    padding: 1vh 0;
    justify-content: center;
    align-items: center;
}




/* Contact Form */
.hebrew-contact-form{
    direction: rtl;
    padding-top: 5vh;
}
.hebrew-contact-form h2{
    font-size: 0.8vw;
    font-weight: var(--font-family-Heebo-Regular);
    color: #34000a;
}
.hebrew-contact-form input{
    direction: rtl;
    border: 0;
    margin-bottom: 8px;
}
.hebrew-contact-form .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
    direction: rtl !important;
}
.hebrew-contact-form .form-grid{
    width: 95%;
}
.hebrew-contact-form .form-grid input{
    width: 100%;
    padding-right: 1vw;
}
.disclaimer-contact-text{
    margin-bottom: -1vh;
    margin-top: 1vh;
}
.disclaimer-contact-text p{
    font-size: 0.8vw;
    line-height: 2vh;
    width: 80%;
}
.hebrew-contact-form .wpcf7-list-item-label{
    font-size: 0.8vw;
    line-height: 2vh;
    margin-right: 0.5vw;
}
.hebrew-contact-form .form-container{
    display: flex;
    align-items: end;
}
.hebrew-contact-form .right-side{
    width: 57%;
}
.hebrew-contact-form .left-side{
    width: 43%;
}
.hebrew-contact-form .wpcf7-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 3.4vw;
    height: 2.5vh;
    border: 2px solid #fff;
    cursor: pointer;
    background: transparent;
    border-radius: 4px;
    border-radius: 3px;
    margin-right: 0.5vw;
}

.wpcf7-checkbox input[type="checkbox"]:checked {
    background-color: #fff;
    border-color: #fff;
    position: relative;
}

/* White tick */
.wpcf7-checkbox input[type="checkbox"]:checked::after {
    content: "✔";
    color: #32010c;
    font-size: 0.8vw;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
    pointer-events: none;
}
.wpcf7-not-valid-tip{
    position: relative !important;
    font-size: 0.8vw;
    font-weight: normal;
    display: block;
    top: 0;
    margin: 0;
    padding: 0;
    line-height: 0.8vh;
}
.wpcf7-response-output{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.8vw;
    width: fit-content;
    float: right;
}
.wpcf7-list-item{
    display: flex;
}
.submit-container{
    text-align: center;
    height: 7vh;
}
.submit-container input{
    border-radius: 1vw 0px 0px 0px;
    padding: 0.8vh 3.2vw;
    margin-top: 2vh;
    background: #34000a;
    color: #fff;
    font-size: 1.1vw;
    font-weight: 500;
    line-height: 3vh;
}

/* Border radius for the 'name' field */
input[name="customer_name"] {
    border-radius: 1vw 0 0 0;
}

/* Border radius for the 'email' field */
input[name="customer_email"] {
    border-radius: 0 0 1vw 0;
}
.checkbox-container.custom-check{
    width: 75%;
}


/* Cookie CSS */
.cky-notice > .cky-title{
    display: none !important;
}
.cky-notice .cky-notice-group{
    justify-content: center !important;
    gap: 0 2vw !important;
}
.cky-notice .cky-notice-group :where(.cky-notice-des > p, .cky-notice-des a){
    color: var(--black-color) !important;
    font-size: 0.9vw;
    line-height: 3vh;
}
.cky-consent-container .cky-consent-bar{
    padding: 1vh 1vw !important;
    background: rgba(255,255,255,0.8) !important;
    border: none !important;
}
.cky-btn{
    font-size: 1vw !important;
    line-height: 2.5vh !important;
    padding: 0.8vh 0.8vw !important;
    margin: 0 !important;
    border-radius: 0 !important;
    color: var(--white-color) !important;
    background-color: #34000a !important;
    border-color: #34000a !important;
}
.cky-revisit-bottom-left{
    background-color: #34000a;
}

.content-section{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 66%;
    position: relative;
}


/****************
Privacy Modal CSS
*****************/
.privacy-wrapper {
    position: absolute;
    top: 1vw;
    left: 10vw;
    width: 60vw;
    height: 86vh !important;
    background-color: #000;
    padding: 6vh 4vw;
    z-index: 9999999;
}
.privacy-wrapper .privacy-content{
    overflow-y: auto;
    max-height: 95vh;
}
.privacy-wrapper .privacy-content a{
    color: var(--white-color);
    text-decoration: underline;
}
.privacy-wrapper .privacy-content h2 {
    margin-bottom: 3vh;
    font-size: 1.4vw;
    line-height: 2.6vh;
    color: #fff;
}
.privacy-wrapper .privacy-content :where(p, li, a){
    margin-bottom: 1.3vh;
    font-size: 0.8vw;
    line-height: 2.8vh;
    color: #fff !important;
}
.privacy-close-btn{
    position: absolute;
    top: 2vh;
    right: 1.8vw;
}
.privacy-close-btn > img{
    object-fit: contain;
    object-position: center center;
    width: 1.5vw;
    height: auto;
}


.mobile-menu{
    display: none;
}

.gallery-btn{
    bottom: -29vh;
    position: absolute;
    left: 40vw;
}
.gallery-btn img{
    height: 9vh;
}
.gallery-modal-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #34000a94;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
/* Swiper Container with FIXED SIZE */
.swiper {
    width: 70vw;     /* fixed width */
    height: 70vh;    /* fixed height */
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
}

/* Swiper Slide */
.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

/* Slide Image: contain inside box */
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
}
/* Optional: Adjust nav */
.swiper-button-next,
.swiper-button-prev {
    color: #000;
}

.swiper-pagination-bullet-active {
    background: #000;
}
.swiper-button-next, .swiper-button-prev{
    color: #fff !important;
    font-weight: 800;
}
.swiper-button-next::after{
    margin-right: -3vw;
}
.swiper-button-prev::after{
    margin-left: -3vw;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    font-size: 3vw !important;
}
.field-wrapper{
    margin-bottom: 0.3vh;
}
.hebrew-contact-form .form-grid input{
    height: 4.5vh;
}

body.modal-open{
    overflow: hidden;
    height: 100vh;
}
.swiper-horizontal{
    width: 65vw;
    border-radius: 1.2vw;
    height: 93vh;
    background: #34000a52;
}
.modal-close-btn{
    position: absolute;
    top: 4vh;
    right: 14vw;
}
.modal-close-btn img{
    width: 1.8vw;
    height: auto;
}
.mobile-auto-slider {
    display: none;
}