:root {
	--primary-color: #000;
	--secondary-color: #6c757d;
	--success-color: #28a745;
	--background-light: #f8f9fa;
	--text-muted: #6c757d;
	--shadow-color: rgba(0, 0, 0, 0.1);
	--transition: all 0.3s ease;
	--highlight-color: #ff6f61;
}

body {
	background-color: var(--background-light);
	font-family: 'Rubik', sans-serif;
}
header {
            background: var(--header-bg);
            color: #333;
            padding: 1rem 0;
            box-shadow: 0 2px 4px var(--shadow-color);
            /*position: sticky;*/
            top: 0;
            z-index: 1000;
        }

        .navbar {
            padding: 0.5rem 0;
        }

        .navbar-brand {
            font-weight: 700;
            font-size: 1.6rem;
            color: var(--primary-color);
            display: flex;
            align-items: center;
            gap: 8px;
            transition: var(--transition);
        }

        .navbar-brand:hover {
            color: var(--highlight-color);
        }

        .navbar-brand i {
            font-size: 1.3rem;
        }

        .navbar-nav .nav-link {
            color: #333;
            font-size: 1rem;
            padding: 8px 12px;
            border-radius: 6px;
            transition: var(--transition);
        }

        .navbar-nav .nav-link:hover {
            background: var(--primary-color);
            color: #fff;
        }

        .navbar-nav .nav-link i {
            margin-left: 6px;
        }

        .navbar-toggler {
            border: none;
        }

        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 123, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        .user-greeting {
            display: flex;
            align-items: center;
            gap: 10px;
            direction: <?php echo $dir; ?>;
        }

        .user-picture {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid var(--primary-color);
            transition: var(--transition);
        }

        .user-picture:hover {
            transform: scale(1.1);
        }

        .user-name {
            font-weight: 500;
            color: #333;
            font-size: 0.95rem;
        }

        .sign-out-btn {
            background: var(--primary-color);
            border: none;
            color: #fff;
            padding: 5px 10px;
            border-radius: 6px;
            font-size: 0.85rem;
            transition: var(--transition);
        }

        .sign-out-btn:hover {
            background: var(--highlight-color);
            transform: translateY(-2px);
        }

        .g_id_signin div[role="button"] {
            border-radius: 6px !important;
            box-shadow: 0 1px 4px var(--shadow-color);
        }

        .language-selector {
            position: relative;
            z-index: 1000;
        }

        .language-selector .dropdown-toggle {
            background: var(--primary-color);
            border: none;
            color: #fff;
            padding: 5px 10px;
            border-radius: 6px;
            font-size: 0.85rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 5px;
            transition: var(--transition);
        }

        .language-selector .dropdown-toggle:hover {
            background: var(--highlight-color);
        }

        .language-selector .dropdown-menu {
            background: #fff;
            border: none;
            border-radius: 6px;
            box-shadow: 0 2px 8px var(--shadow-color);
            min-width: 100px;
            margin-top: 5px;
        }

        .language-selector .dropdown-item {
            color: #333;
            font-size: 0.85rem;
            padding: 6px 12px;
			text-align:right;
            transition: var(--transition);
        }

        .language-selector .dropdown-item:hover {
            background: var(--primary-color);
            color: #fff;
        }

        .header-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 0.5rem;
        }

        @media (max-width: 767px) {
            .navbar-brand {
                font-size: 1.4rem;
            }

            .navbar-nav .nav-link {
                font-size: 0.95rem;
                padding: 6px 10px;
            }

            .user-picture {
                width: 28px;
                height: 28px;
            }

            .user-name {
                font-size: 0.85rem;
            }

            .sign-out-btn, .language-selector .dropdown-toggle {
                padding: 4px 8px;
                font-size: 0.8rem;
            }

            .header-top {
                flex-direction: row;
                gap: 0.5rem;
            }
        }
.index .myasd-5 {
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
}
.index .highlighted .btmborder{
	border:1px solid #fff;
	color:#fff;
}
.index .navbar-nav .nav-link:hover{
	background-color:#000;
}
.index .text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
    font-size: 14px;
}
.index .like-btn {
    position: absolute;
    top: 10px;
    z-index: 1;
}

.index .like-btn:hover .fa-heart {
    color: #dc3545 !important;
}

.index .like-btns {
    position: absolute;
    top: 10px;
    z-index: 1;
}
#lg-inner-2, #lg-inner-1{
	direction:ltr;
}
.index .like-btns:hover .fa-heart {
    color: #dc3545 !important;
}
.index .mod{
	display:none;
}
.index .des{
	display:block;
}
.index .d6{
	font-size: 1.2rem !important;
}
.index .d7{
	font-size: 1.4rem !important;
}
.index .d9 span{
	font-size: 0.9rem !important;
}
.index .scrt {
    justify-content: space-between;
    flex-direction: row-reverse;
}
.index .room-card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.index .me-2 {
    margin-left: 0.5rem !important;
}
.index .room-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px var(--shadow-color);
}
.index .room-card .card-img-top {
    object-fit: cover;
    transition: transform 0.5s ease;
}
.index .room-card:hover .card-img-top {
    transform: scale(1.05);
}
.index .highlighted {
        border: 2px solid #000000;
		background-color: #000000 !important;
		color: #fff;
    }
	.index .highlighted h3 a,.index .highlighted h4 a{
		color: #fff !important;
	}
	.index .highlighted .text-muted{
		color: #fff !important;
		font-size: 14px;
	}
	.index .highlighted button{
		color: #fff !important;
	}
    .index .highlighted .list-group-item {
        background-color: transparent;
    }

.index .room-container {
    transition: all 0.3s ease;
}
.index .badge {
    font-size: 0.82rem;
    display: block;
    padding: 6px 10px;
}
.index .room-container.list-view .room-item {
    width: 100%;
}
.index .room-container.list-view .room-card {
    display: flex;
    flex-direction: row;
    height: auto;
}
.index .asasd {
    display: block !important;
}
.index .room-container.list-view .room-card .card-img-top {
    width: 66.67%;
    min-height: 336px;
    max-height: 429px;
    object-fit: cover;
}
.index .room-container.list-view .room-card .card-body {
    width: 33.33%;
    padding: 8px 25px 15px;
}
.index .btn-hover-scale:hover {
    transform: scale(1.05);
}
.index .asdmnuh {
    padding: 0;
}
.index .pricing-list .list-group-item {
    background: transparent;
    border: none;
    padding: 3px 0;
    font-size: 0.9rem;
    color: #333;
    display: block;
    justify-content: space-between;
    align-items: center;
    transition: var(--transition);
}
.index .pricing-list .list-group-item:hover {
    background: var(--background-light);
    transform: translateX(5px);
}
.index .pricing-list .list-group-item:hover .price-icon {
    transform: rotate(360deg);
}
.index .price-icon {
    color: var(--primary-color);
    transition: transform 0.3s ease;
}
.index .room-container.grid-view .room-item {
    width: 25%;
}
.index .room-container.grid-view .room-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.index .room-container.grid-view .room-card .card-img-top {
    height: 180px;
    object-fit: cover;
}
.index .room-container.grid-view .card-body {
    flex-grow: 1;
    padding: 15px;
    display: flex;
    flex-direction: column;
	justify-content: space-between;
}
.index .room-container.grid-view .contact-buttons {
    flex-direction: column;
    gap: 8px;
}
.index .room-container.grid-view .show-route {
    margin-top: auto;
}
.index .card-img-top {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 4px;
}
.index .list-group {
    direction: rtl !important;
    text-align: right !important;
}
.index .list-group-item {
    border: none;
    padding: 0.75rem 0;
    font-size: 15px;
    color: #333;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    direction: rtl !important;
    text-align: right !important;
}
.index .list-group-item:last-child {
    border-bottom: none;
}
.index .list-group-item i {
    color: #007bff;
}
.index .btn-room {
    padding: 5px;
    border: 1px solid #007bff;
    color: #007bff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    direction: rtl !important;
    text-align: right !important;
}
.index .btn-room-whatsapp {
    border-color: #25d366;
    color: #25d366;
}
.index .btn-room-details {
    border-color: #6c757d;
    color: #6c757d;
}
.index .btn-room:hover {
    background-color: #007bff;
    color: white;
}
.index .btn-room-whatsapp:hover {
    background-color: #25d366;
    color: white;
}
.index .btn-room-details:hover {
    background-color: #6c757d;
    color: white;
}
.index .btn-primary:hover {
    background-color: #0056b3;
}
.index .input-group .btn-outline-secondary {
    border: 1px solid #ced4da;
    padding: 8px;
}
.index .form-check-label {
    font-size: 16px;
    direction: rtl;
    text-align: right;
}
.index .form-range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px;
    background: linear-gradient(to right, #007bff, #00aaff);
    border-radius: 5px;
    outline: none;
    opacity: 0.7;
    transition: opacity 0.2s;
}
.index .form-range:hover {
    opacity: 1;
}
.index .form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #007bff;
    border: none;
    border-radius: 50%;
    cursor: grab;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    transition: transform 0.2s;
}
.index .form-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #007bff;
    border: none;
    border-radius: 50%;
    cursor: grab;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    transition: transform 0.2s;
}
.index .form-range::-webkit-slider-thumb:hover {
    transform: scale(1.1);
}
.index .form-range::-moz-range-thumb:hover {
    transform: scale(1.1);
}
.index .form-range::-webkit-slider-thumb:active {
    cursor: grabbing;
    transform: scale(1.05);
}
.index .form-range::-moz-range-thumb:active {
    cursor: grabbing;
    transform: scale(1.05);
}
.index .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 12px;
    transition: border-color 0.2s;
}
.index .form-select:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
}
.index .advanced-search {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
}
.index .form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
}
.index .form-check {
    display: block;
    min-height: 1.5rem;
    padding-right: 1.5em;
    margin-bottom: .125rem;
}
@media (max-width: 767px) {
   .index  .form-select, .form-control, .btn-primary, .btn-outline-secondary, .form-check-label {
        font-size: 14px;
        padding: 6px;
    }
   .index  .star {
        font-size: 20px;
    }
   .index  #toggle-advanced {
        margin-bottom: 10px;
    }
   .index  .advanced-search {
        position: relative;
    }
   .index  .amenities-container {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
}
.index .asdasd{
	flex-direction: row-reverse;
}
.index .card {
    transition: transform 0.2s ease-in-out;
}
.index .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
    .index .display-5 {
        font-size: 2rem; 
    }
}
/* התאמת הכפתורים לפריסה אופקית */
.index .contact-buttons {
    flex-direction: row !important;
    gap: 8px !important;
}

/* סגנון לטקסט של עיר, רחוב ודירוג */
/* סגנון נוסף לדירוג המספרי */
.index .text-muted .rating-text {
    font-weight: 500;
    color: #555;
}

/* התאמה למובייל לדירוג */
@media (max-width: 767px) {
	.index .mod{
		display:block;
	}
	.index .des{
		display:none;
	}
   .index  .star-rating i {
        font-size: 14px;
    }
    .index .text-muted {
        font-size: 12px;
    }
	.index .d6{
		font-size: 1.4rem !important;
	}
}

/* סגנון לכוכבים בדירוג */
.index .star-rating i {
    font-size: 16px;
}

/* התאמות רספונסיביות */
@media (max-width: 767px) {
   .index  .room-container.grid-view .room-item {
        width: 50%;
    }
	.index .d8{
		font-size: 20px;
	}
    .index .card-img-top {
        height: 150px;
    }

    .index .card-title {
        font-size: 18px;
    }

    .index .badge {
        font-size: 1.2rem;
    }

    .index .text-muted {
        font-size: 18px;
    }

    .index .star-rating i {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
   .index  .room-container.grid-view .room-item {
        width: 100%;
    }
}
/* סגנון לכרטיסיית חדר באזורים */
.index .region-room-card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.index .region-room-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.index .region-room-img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    
}

.index .region-room-details {
    padding: 10px;
}

.index .region-room-container .region-room-item {
    width: 25%;
}

.index .region-room-details .card-title {
    font-size: 16px;
    line-height: 1.2;
}

.index .region-room-details .badge {
    font-size: 0.8rem;
}

.index .region-room-details .text-muted {
    font-size: 12px;
}

.index .region-room-details .star-rating i {
    font-size: 12px;
}

/* התאמות רספונסיביות */
@media (max-width: 767px) {
   .index  .region-room-container .region-room-item {
        width: 50%;
    }

   .index  .region-room-img {
        height: 120px;
    }

   .index  .region-room-details .card-title {
        font-size: 14px;
    }

   .index  .region-room-details .badge {
        font-size: 0.7rem;
    }

   .index  .region-room-details .text-muted {
        font-size: 17px;
    }

  .index   .region-room-details .star-rating i {
        font-size: 10px;
    }
}

@media (max-width: 576px) {
   .index  .region-room-container .region-room-item {
        width: 100%;
    }

   .index  .region-room-img {
        height: 150px;
    }
}
/* סגנון לכרטיסיית חדר באזורים */
.index .region-room-card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.index .region-room-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* עיצוב התמונה עם פינות מעוגלות רק משמאל */
.index .region-room-img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    
}

/* חלוקה אופקית של האזורים */
.index .region-row {
    display: flex;
    flex-wrap: wrap;
}

.index .region-row .col {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
}

.index .region-room-details {
    padding: 10px;
}

.index .region-room-container .region-room-item {
    width: 100%;
}

/* התאמות רספונסיביות */
@media (max-width: 991px) {
   .index  .region-row .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
   .index  .region-room-img {
        height: 120px;
    }

   .index  .region-room-details .card-title {
        font-size: 14px;
    }

   .index  .region-room-details .badge {
        font-size: 1.1rem;
    }

   .index  .region-room-details .text-muted {
        font-size: 10px;
    }
}

@media (max-width: 576px) {
   .index  .region-row .col {
        flex: 0 0 100%;
        max-width: 100%;
    }

   .index  .region-room-img {
        height: 150px;
    }
}
.search .highlighted .btmborder{
	border:1px solid #fff;
	color:#fff;
}
.search .navbar-nav .nav-link:hover{
	background-color:#000;
}
.search .like-btn {
    position: absolute;
    top: 10px;
    <?php echo $language === 'he' ? 'right' : 'left'; ?>: 10px;
    z-index: 1;
}

.search .like-btn:hover .fa-heart {
    color: #dc3545 !important;
}

.search .form-select{
	background-position: left .75rem center;
}
.search .city-list {
    padding: 0;
}
.search .city-list ul{
	padding: 0;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    flex-direction: row-reverse;
}
.search .city-list {
        width: 100%;
    }

    .search .city-list-ul {
        display: block;
		padding: 0;
    }

    .search .city-list-select {
        width: 100%;
        padding: 0.5rem;
        font-size: 1rem;
    }

    @media (max-width: 768px) {
        .search .city-list-ul {
            display: none;
        }
        .search .city-list-select {
            display: block !important;
        }
    }

    .search .city-list-select option.fw-bold {
        font-weight: bold;
    }
.search .list-group-item {
    border: none;
    padding: 5px 15px;
    font-size: 0.95rem;
    direction: inherit;
}

.search .list-group-item.fw-bold {
    background-color: #f8f9fa;
    color: #333;
}
.search .asdasa{
	margin: 0 0 0 5px;
	color: #000 !important;
}
.search .dfsf{
	border-radius: 50px;
}
.search .list-group-item a {
    color: #333;
	display:block;
    transition: color 0.3s ease;
}

.search .list-group-item a:hover {
    color: #007bff;
	
}
.search .city-list ul li:hover {
	background-color: #f8f9fa;
	display:block;
}
.search .icon-sm {
    font-size: 0.8rem;
    vertical-align: middle;
	margin-left: 10px;
}

@media (max-width: 600px) {
    .search .list-group-item {
        font-size: 0.9rem;
        padding: 4px 10px;
    }

    .search .icon-sm {
        font-size: 0.75rem;
    }
}





/* סגנון כללי לכרטיסיות */
.search .d7 {
	font-size: 1.4rem !important;
}
@media (max-width: 991px) {
	.search .enlarged-image {
		min-height: 200px; /* גובה מינימלי לתמונה */
		object-fit: cover; /* מבטיח שהתמונה תמלא את המיכל תוך שמירה על יחס גובה-רוחב */
		width: 100%; /* מבטיח שהתמונה תתפרס לרוחב המלא */
	}
    /* הסתרת view-toggle במובייל */
    .search .view-toggle {
        display: none !important;
    }
    /* תצוגת קוביות בלבד במובייל */
    .search .room-container {
        display: flex;
        flex-wrap: wrap;
    }
    .search .room-item.list-item {
        display: none !important;
    }
    .search .room-item.grid-item {
        width: 100% !important; /* קוביות מלאות רוחב במובייל */
        max-width: 100% !important;
    }
}

/* הגדלת התמונה בתצוגת קוביות */
.search .room-card .card-img-top {
    height: 200px; /* הגדלת גובה התמונה */
    object-fit: cover; /* שמירה על יחס גובה-רוחב */
}

/* הגדלת התמונה בתצוגת רשימה (רלוונטי לדסקטופ בלבד) */
.search .room-image img {
    height: 150px; /* הגדלת גובה התמונה */
    width: 100%;
    object-fit: cover; /* שמירה על יחס גובה-רוחב */
}
.search .room-card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.search .room-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* תצוגת קוביות */
.search .room-container.grid-view .grid-item {
    display: block;
}

.search .room-container.grid-view .list-item {
    display: none;
}

.search .room-container.grid-view .room-item {
    width: 100%;
}

.search .room-container.grid-view .card-img-top {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.search .room-container.grid-view .contact-buttons {
    display: flex;
    justify-content: space-between;
}

.search .room-container.grid-view .contact-buttons .btn {
    width: 48%;
}

/* תצוגת רשימה */
.search .room-container.list-view .grid-item {
    display: none;
}

.search .room-container.list-view .list-item {
    display: block;
}

.search .room-container.list-view .room-item {
    width: 100%;
}

.search .room-container.list-view .room-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.search .room-container.list-view .room-image {
    width: 30%;
	height: 100%;
}

.search .room-container.list-view .room-details {
    width: 70%;
    padding: 10px;
}

/* כפתורי פעולה */
.search .contact-buttons .btn {
    font-size: 14px;
}

.search .show-route {
    font-size: 14px;
}

/* התאמות רספונסיביות */
@media (max-width: 767px) {
   .search  .room-container.grid-view .card-img-top {
        height: 150px;
    }

    .search .room-container.list-view .room-img {
        height: 120px;
    }

    .search .room-container.list-view .room-image {
        width: 40%;
    }

    .search .room-container.list-view .room-details {
        width: 60%;
    }

    .search .room-details .card-title {
        font-size: 16px;
    }

    .search .room-details .badge {
        font-size: 0.7rem;
    }

    .search .room-details .text-muted {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .search .room-container.list-view .room-img {
        height: 100px;
    }

    .search .room-container.list-view .room-image {
        width: 100%;
    }

    .search .room-container.list-view .room-details {
        width: 100%;
    }

    .search .room-container.grid-view .contact-buttons .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    
}
/*דישט*/
    

    .search .room-card {
        border: none;
        border-radius: 15px;
        overflow: hidden;
        background: #fff;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

   .search  .me-2 {
        margin-left: 0.5rem !important;
    }

   .search  .room-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px var(--shadow-color);
    }

    .search .room-card .card-img-top {
        /*height: 200px;*/
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .search .room-card:hover .card-img-top {
        transform: scale(1.05);
    }

    .search .highlighted {
        border: 2px solid #000000;
		background-color: #000000;
		color: #fff;
    }
	.search .highlighted h3 a, .search .highlighted h2 a{
		color: #fff !important;
	}
	.search .highlighted .text-muted{
		color: #fff !important;
	}
	.search .highlighted button{
		color: #fff !important;
	}
    .search .highlighted .list-group-item {
        background-color: transparent;
    }

   .search  .section-title {
        color: #333;
        border-bottom: 2px solid var(--primary-color);
        padding-bottom: 8px;
        display: inline-block;
        transition: color 0.3s ease;
    }

    .search .section-title:hover {
        color: var(--primary-color);
    }

    .search .section-box {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 4px 15px var(--shadow-color);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
   .search  .asdasd {
        direction: ltr;
    }
    .search .asdasd button {
        direction: rtl;
    }

    .search .section-box:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px var(--shadow-color);
    }

    .search .filter-card {
        position: sticky;
        top: 20px;
        z-index: 1000;
    }

    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @keyframes slideUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .search .animate-slide {
        animation: slideUp 0.8s ease forwards;
    }

    .search .animate-slide-in {
        animation: fadeIn 0.8s ease forwards;
    }

    .search #map {
        height: 600px;
        max-height: 0;
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 4px 15px var(--shadow-color);
        transition: max-height 0.5s ease-in-out;
    }

    .search #map.active {
        max-height: 600px;
    }

    .search .map-error {
        padding: 20px;
        text-align: center;
        color: #dc3545;
        font-size: 1.1rem;
        background: #fff;
        border-radius: 8px;
        margin: 10px;
    }

    .search .map-toggle-btn, .view-btn {
        border-radius: 50px;
        padding: 8px 16px;
        transition: var(--transition);
    }

    .search .map-toggle-btn:hover, .view-btn:hover {
        background-color: var(--primary-color);
        color: #fff;
        transform: scale(1.05);
    }

    .search .input-group.rtl-input-group {
        direction: <?php echo $language === 'he' ? 'rtl' : 'ltr'; ?>;
        display: flex;
        flex-direction: row;
        gap: 0.25rem;
    }

    

    .search .room-container {
        transition: all 0.3s ease;
    }

    .search .room-container.list-view .room-item {
        width: 100%;
    }

    .search .room-container.list-view .room-card {
        display: flex;
        flex-direction: row;
        height: auto;
		overflow: hidden;
    }
	.search .asasd{
		display: block !important;
	}
    .search .room-container.list-view .room-card .card-img-top {
        width: 66.67%;
		min-height: 336px;
		max-height: 429px;
		object-fit: cover;
    }

    .search .room-container.list-view .room-card .card-body {
        width: 33.33%;
        padding: 8px 25px 15px;
    }

    .search .room-container.grid-view .room-item {
        width: 33.33%;
    }

    .search .room-container.grid-view .room-card {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .search .room-container.grid-view .room-card .card-img-top {
        height: 200px;
        object-fit: cover;
    }

    .search .room-container.grid-view .room-card .card-body {
        flex-grow: 1;
		padding: 15px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
    }
	.search .align-items-center, .index .align-items-center { 
		align-items: top !important;
	}
	.search .justify-content-between, .index .justify-content-between {
		justify-content: space-between !important;
	}
	.search .d-flex, .index .d-flex {
		display: flex !important;
		align-items: flex-start !important;
	}
	
    .search .room-container.grid-view .contact-buttons {
        flex-direction: row;
        gap: 8px;
    }

    .search .room-container.grid-view .show-route {
        margin-top: auto;
    }

	.search .highlighted .room-container.grid-view .show-route {
        margin-top: auto;
		border: 1px solid #fff;
    }
	

    @media (max-width: 991px) {
        .search .room-container.grid-view .room-item {
            width: 50%;
        }
    }

    @media (max-width: 767px) {
        .search .room-container.grid-view .room-item {
            width: 100%;
        }

        .search .room-card .card-img-top {
            height: 150px;
        }

       .search  #map {
            height: 350px;
        }

       .search  #map.active {
            max-height: 350px;
        }

        .search .filter-card {
            position: static;
        }

        .search .filter-card .section-box {
            padding: 15px;
        }

        .search .contact-buttons .btn {
            font-size: 0.85rem;
            padding: 6px;
        }

        .search .pricing-list .list-group-item {
            font-size: 0.85rem;
        }

        .search .room-card .card-title {
            font-size: 0.95rem;
        }

        .search .form-control, .btn-primary, .form-label, .range-values {
            font-size: 0.9rem;
        }

        .search .star-rating {
            font-size: 1rem;
        }
		.search .badge {
			font-size: 1.2rem;
		}
		

    }

    .search .form-control.input-shadow {
        border: none;
        box-shadow: 0 2px 10px var(--shadow-color);
        transition: box-shadow 0.3s ease;
    }

    .search .form-control.input-shadow:focus {
        box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);
        border-color: var(--primary-color);
    }

    .search .btn-hover-scale {
        transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    }

    .search .btn-hover-scale:hover {
        transform: scale(1.05);
    }
	.search .asdmnuh{
		padding: 0;
	}
    .search .pricing-list .list-group-item {
		background: transparent;
		border: none;
		padding: 3px 0;
		font-size: 0.9rem;
		color: #333;
		display: block;
		justify-content: space-between;
		align-items: center;
		transition: var(--transition);
	}

    .search .pricing-list .list-group-item:hover {
        background: var(--background-light);
        transform: translateX(5px);
    }

    .search .pricing-list .list-group-item:hover .price-icon {
        transform: rotate(360deg);
    }

    .search .price-icon {
        color: var(--primary-color);
        transition: transform 0.3s ease;
    }

    .search .contact-buttons .btn {
        padding: 8px;
        font-size: 0.9rem;
        border-radius: 8px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .search .btn-outline-success {
        color: #008f36;
		border-color: #008f36;
    }

    .search .btn-outline-success:hover {
        background-color: #25d366;
        color: #fff;
    }

    .search .star-rating {
        display: flex;
        flex-direction: <?php echo $language === 'he' ? 'row' : 'row-reverse'; ?>;
        gap: 8px;
        font-size: 1.2rem;
        cursor: pointer;
    }

    .search .star {
        color: #ccc;
        transition: color 0.3s ease, transform 0.3s ease;
    }

    .search .star i {
        transition: all 0.3s ease;
    }

    .search .star:hover i, .star:hover ~ .star i, .star.filled i, .star.filled ~ .star i {
        color: #ffc107;
        transform: scale(1.2);
    }

   .search  .star:focus {
        outline: 2px solid var(--primary-color);
        outline-offset: 2px;
    }

    .search .range-container {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .search .form-range {
        -webkit-appearance: none;
        appearance: none;
        height: 6px;
        background: #ddd;
        border-radius: 50px;
        outline: none;
        transition: background 0.3s ease;
    }

    .search .form-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        background: var(--primary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .search .form-range::-webkit-slider-thumb:hover {
        transform: scale(1.2);
        box-shadow: 0 0 0 5px rgba(0, 123, 255, 0.2);
    }

    .search .range-values {
        font-size: 0.9rem;
        color: var(--text-muted);
        margin-top: 8px;
        text-align: <?php echo $language === 'he' ? 'right' : 'left'; ?>;
    }

    .search .route-info {
        background: #fff !important;
        border-radius: 8px;
        box-shadow: 0 2px 5px var(--shadow-color);
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
	
	.search .highlighted .route-info {
        background: #000 !important;
        border-radius: 8px;
        box-shadow: 0 2px 5px var(--shadow-color);
        transition: transform 0.3s ease, opacity 0.3s ease;
    }


    .search .route-info h4 {
        color: var(--primary-color);
        font-size: 0.9rem;
    }

    .search .route-info p {
        font-size: 0.85rem;
        color: var(--text-muted);
    }

    .search .badge {
        font-size: 0.9rem;
		display: block;
		padding: 6px 10px;
    }
.room .highlighted .btmborder{
	border:1px solid #fff;
	color:#fff;
}
.room .navbar-nav .nav-link:hover{
	background-color:#000;
}
.room .masonry-gallery {
        background: #fff;
        padding: 25px;
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        margin-bottom: 25px;
    }

.room .grid {
  background: #fff;
  max-width: 1200px;
  
}
.room .grid-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        cursor: pointer;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
		border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
    }
/* clearfix */
.room .grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.room .grid-item {
  width: 400px;
  height: auto;
  padding: 15px;
  float: right;
  
  
}

.room .grid-item--width2 { width: 400px; }
.room .grid-item--width3 { width: 480px; }
.room .grid-item--width4 { width: 640px; }

.room .grid-item--height2 { height: 200px; }
.room .grid-item--height3 { height: 260px; }
.room .grid-item--height4 { height: 360px; }

.room .mod{
	display:none !important;
}
.room .des{
	display:block !important;
}
.room .csd {
    display:none;
}
.room .pricing-contact-box .pricing-list .list-group-item span{
	font-size: 1.3vw;
    font-weight: 500;
}
.me-3 {
    margin-left: 1rem !important;
}
.room .text-muted{
	font-size:1.3rem;
	color:#000 !important;
}
.room .fs-5 {
    font-size: 1.45rem !important;
}
    body {
        background-color: var(--background-light);
        font-family: 'Rubik', sans-serif;
    }

    .room .room-card {
        border: none;
        border-radius: 15px;
        overflow: hidden;
        background: #fff;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .room .lg-outer .lg-inner {
        direction: ltr;
    }
	.room .pricing-contact-box ul{
		padding: 0px;
	}
	.room .asasd{
		display: block !important;
	}
	.room .axc{
		justify-content: space-between;
	}
    .room .room-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px var(--shadow-color);
    }

    .room .card-img-top {
        height: 500px;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .room .room-card:hover .card-img-top {
        transform: scale(1.02);
    }

    .room .section-title {
        color: #000;
        border-bottom: 2px solid var(--primary-color);
        padding-bottom: 10px;
        display: inline-block;
        transition: color 0.3s ease;
    }

    .room .section-title:hover {
        color: var(--primary-color);
    }

    .room .section-subtitle {
		color: #fff;
		position: relative;
		padding-right: 30px;
		background-color: #000;
		border-radius: 5px;
		padding: 10px 30px;
	}

    .room .section-subtitle::before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 20px;
        height: 2px;
        background: #fff;
        transform: translateY(-50%);
    }

    .room .section-box {
        background: #fff;
        padding: 25px;
        margin: 25px 0;
        border-radius: 10px;
        box-shadow: 0 4px 15px var(--shadow-color);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .room .section-box:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px var(--shadow-color);
    }

    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @keyframes slideUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .room .animate-fade-in {
        animation: fadeIn 1s ease forwards;
    }

    .room .animate-slide-up {
        animation: slideUp 0.8s ease forwards;
    }

    .room #map {
        height: 600px;
        border-radius: 10px;
        box-shadow: 0 4px 15px var(--shadow-color);
    }

    .room .map-toggle-btn {
        border-radius: 50px;
        padding: 10px 20px;
        transition: var(--transition);
    }

    .room .map-toggle-btn:hover {
        background-color: var(--primary-color);
        color: #fff;
        transform: scale(1.05);
    }

    .room .input-group.rtl-input-group {
        direction: <?php echo $language === 'he' ? 'rtl' : 'ltr'; ?>;
        flex-direction: row;
        gap: 0.25rem;
    }

    .room .form-control.input-shadow {
        border: none;
        box-shadow: 0 2px 10px var(--shadow-color);
        transition: box-shadow 0.3s ease;
    }

    .room .form-control.input-shadow:focus {
        box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);
        border-color: var(--primary-color);
    }

    .room .btn-hover-scale {
        transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    }

    .room .btn-hover-scale:hover {
        transform: scale(1.01);
    }

    .room .pricing-list .list-group-item {
        background: #fff;
        border: none;
        padding: 15px 20px;
        transition: var(--transition);
    }

    .room .pricing-list .list-group-item:hover {
        background: var(--background-light);
        transform: translateX(5px);
    }

    .room .pricing-list .list-group-item:hover .price-icon {
        transform: rotate(360deg);
    }

    .room .price-icon {
        color: #000;
        transition: transform 0.3s ease;
    }

    .room .amenities-list .list-group-item {
        background: #fff;
        border: none;
        padding: 12px 20px;
        transition: var(--transition);
    }

    .room .amenities-list .list-group-item:hover {
        background: var(--background-light);
        transform: translateX(5px);
    }

    .room .amenity-icon {
        color: #000;
        transition: transform 0.3s ease;
    }

    .room .amenities-list .list-group-item:hover .amenity-icon {
        transform: rotate(360deg);
    }

    .room .room-features-list {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        padding: 25px;
        gap: 10px;
    }

    .room .me-2 {
        margin-left: .5rem !important;
    }

    .room .room-features-list .list-group-item {
        width: 48%;
        background: #fff;
        border: none;
        padding: 12px 20px;
        transition: var(--transition);
    }

    .room .room-features-list .list-group-item:hover {
        background: var(--background-light);
        transform: translateX(5px);
    }

    .room .room-features-list .list-group-item:hover .feature-icon {
        transform: rotate(360deg);
    }

    .room .feature-icon {
        color: #000;
        transition: transform 0.3s ease;
    }

    .room .pricing-contact-box {
        background: linear-gradient(135deg, #fff, #f1f1f1);
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 4px 15px var(--shadow-color);
    }

    .room .pricing-contact-box .pricing-list .list-group-item {
        background: transparent;
    border-bottom: 1px solid #000;
    padding: 19px 16px;
    border-radius: 0;
    }

    .room .pricing-contact-box .pricing-list .list-group-item:hover {
        background: rgb(255 111 97 / 0%);
        transform: translateX(5px);
    }

    .room .pricing-contact-box .pricing-list .list-group-item:hover .price-icon {
        transform: rotate(360deg);
    }

    .room .price-badge {
        font-size: 1.5rem;
        font-weight: 600 !important;
		padding: 5px 10px;
        background-color: #000 !important;
        color: #fff;
    }

    .room .contact-buttons {
        width: 100%;
        gap: 10px;
    }

    .room .contact-buttons .btn {
        flex: 1;
        padding: 12px;
        font-size: 1.1rem;
        border-radius: 8px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
		margin: 10px 0;
    }

    .room .swiper-container {
        max-width: 100%;
        padding: 15px;
        position: relative;
        box-sizing: border-box;
    }

    .room .swiper-slide .gallery-image {
        width: 100%;
        height: 400px;
        object-fit: cover;
        border-radius: 10px;
        box-shadow: 0 4px 15px var(--shadow-color);
        transition: transform 0.5s ease;
    }

    .room .swiper-slide:hover .gallery-image {
        transform: scale(1.03);
    }

    .room .swiper-button-prev,
    .room .swiper-button-next {
        color: #fff;
        width: 40px;
        height: 40px;
        background: var(--primary-color);
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 10px;
        transition: var(--transition);
    }

    .room .swiper-button-prev:hover,
    .room .swiper-button-next:hover {
        background: #0056b3;
    }

    .room .swiper-button-prev:after,
    .room .swiper-button-next:after {
        font-size: 18px;
    }

    .room .swiper-pagination {
        bottom: 10px;
    }

    .room .swiper-pagination-bullet {
        background: var(--primary-color);
        opacity: 0.7;
    }

    .room .swiper-pagination-bullet-active {
        opacity: 1;
    }

    .room .lg-sub-html {
        font-family: 'Rubik', sans-serif;
        font-size: 14px;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.7);
        padding: 10px;
        text-align: right;
        direction: <?php echo $language === 'he' ? 'rtl' : 'ltr'; ?>;
    }

    .room .review-card {
        border: none;
        border-radius: 10px;
        background: #fff;
        transition: var(--transition);
    }

    .room .review-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px var(--shadow-color);
    }

    .room .review-form {
        background: #fff;
        border-radius: 15px;
    }

    .room .star-rating {
        display: flex;
        flex-direction: <?php echo $language === 'he' ? 'row-reverse' : 'row'; ?>;
        justify-content: flex-end;
        gap: 8px;
        font-size: 28px;
        cursor: pointer;
        direction: <?php echo $language === 'he' ? 'rtl' : 'ltr'; ?>;
    }

    .room .star {
        color: #ccc;
        transition: color 0.3s ease, transform 0.3s ease;
    }

    .room .star i {
        transition: all 0.3s ease;
    }

    .room .star:hover i,
    .room .star:hover ~ .star i,
    .room .star.selected i,
    .room .star.selected ~ .star i {
        color: #ffc107;
        transform: scale(1.2);
    }

    .room .star:focus {
        outline: 2px solid var(--primary-color);
        outline-offset: 2px;
    }

    .room #char-count {
        font-size: 14px;
        transition: color 0.3s ease;
    }

    /* Nearby Rooms Styles */
    .room .nearby-room-card {
        border: none;
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
.room .room-features-list, .room .list-group-flush, .room .list-group{
	padding: 10px;
}
.room .room-features-list .list-group-item, .room .amenities-list .list-group-item, .room .pricing-list .list-group-item{
	padding: 0px 0px;
	font-size: 20px;
}
    .room .nearby-room-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px var(--shadow-color);
    }

    .room .nearby-room-card .card-img-top {
        height: 200px;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .room .room .nearby-room-card:hover .card-img-top {
        transform: scale(1.05);
    }

    .room .nearby-room-card .card-body {
        padding: 15px;
    }

    .room .nearby-room-card .card-title {
        color: #333;
        margin-bottom: 10px;
        transition: color 0.3s ease;
    }

    .room .nearby-room-card .card-title:hover {
        color: var(--primary-color);
    }

    .room .nearby-room-card .btn {
        width: 100%;
        padding: 8px;
        font-size: 0.9rem;
        transition: var(--transition);
    }

    .room .nearby-room-card .btn:hover {
        background-color: var(--primary-color);
        color: #fff;
        transform: scale(1.05);
    }
@media (max-width: 1200px) {
    .room .pricing-contact-box .pricing-list .list-group-item span {
        font-size: 1.6vw;
    }
}
    @media (max-width: 767px) {
        .room .card-img-top {
            height: 300px;
        }
		.room .pricing-contact-box .pricing-list .list-group-item span{
			font-size: 4vw;
		}
		.room .section-box {
			padding: 10px;
		}
		.room .fs-5 {
    font-size: 1.2rem !important;
}
.room .room-features-list, .room .list-group-flush, .room .list-group{
	padding: 10px;
}
.room .room-features-list .list-group-item, .room .amenities-list .list-group-item, .room .pricing-list .list-group-item{
	padding: 0px 0px;
	font-size: 18px;
}




.room .mod{
	display:block !important;
}
.room .des{
	display:none !important;
}
.room .csd {
    background: #0000006b;
    position: absolute;
    bottom: 0;
    height: 65px;
    width: 100%;
	display:block;
    color: #fff;
    padding: 10px;
    font-size: 30px;
}
.room .fs-6 {
    font-size: 1.2rem !important;
}
        .room #map {
            height: 300px;
        }

        .room .swiper-slide .gallery-image {
            height: 250px;
        }

        .room .swiper-container {
            padding: 10px;
        }

        .room .room-features-list .list-group-item {
            width: 100%;
        }

        .room .form-control, .btn-primary, .section-subtitle, .alert {
            font-size: 14px;
        }

        .room .pricing-contact-box {
            padding: 15px;
        }

        .room .contact-buttons .btn {
            font-size: 1rem;
            padding: 10px;
        }

        .room .price-badge {
            font-size: 1.2rem;
            padding: 8px 15px;
			
        }

        .room .nearby-room-card .card-img-top {
            height: 150px;
        }

        .room .nearby-room-card .card-body {
            padding: 10px;
        }

        .room .nearby-room-card .card-title {
            font-size: 0.9rem;
        }

        .room .nearby-room-card .btn {
            font-size: 0.8rem;
            padding: 6px;
        }
    }