.collapse {
  /*background-color: #f7f7f7;*/
}
.logo img{
/*     border: 1px solid yellow; */
    width: 160px;
    height: 45px;
    top: 5px;
    /*right: 10px;*/
}
.navbar
{
    border-top:1px solid #007bff;
}

.form-control{
	text-align: right;
	direction:rtl
}
.promoted {
    height: 200px;
}
.ly_more_data_slider{
    width: 100%; /* You can set the dimensions to whatever you want */
    height: 400px;
    object-fit: cover;
}
.currency-symbol {
    width: 10px; /* You can set the dimensions to whatever you want */
    height: 10px;
    object-fit: cover;
}
.love_or_not {
    width: 30px; /* You can set the dimensions to whatever you want */
    height: 25px;
    object-fit: cover;
}
.top-right {
	position: absolute;
	top: 8px;
	right: 20px;
	z-index: 1;
}
.img-counter-container {
	position: absolute;
	top: 50%;
	right: 50%;
	 opacity: 0.5;

}
.img-counter {
	 background-color:white;
}
.popover{
    max-width: 150%; /* Max Width of the popover (depending on the container!) */
}
.footer-list .list-group-item {
   background-color: #e9ecef;
   border-top: 0 none;
   color: black;
}
.footer-list .list-group-item a{
   color: black;
}
.ly-img-right-label{
    position: absolute;
    bottom: 30%;
    right: 5%;
    background-color: green;
    color: white;
}
.ly-img-left-label{
    position: absolute;
    bottom: 30%;
    left: 5%;
    background-color: purple;
    color: white;
}
.ly-paid-main{
	width: 15%; height:60%;position: fixed;top: 35%;
}

   .scrolling-wrapper{
	overflow-x: auto;
}
.card-block{
	height: 300px;
	background-color: #fff;
	border: none;
	background-position: center;
	background-size: cover;
	transition: all 0.2s ease-in-out !important;
	border-radius: 24px;
	&:hover{
		transform: translateY(-5px);
		box-shadow: none;
		opacity: 0.9;
	}
}
.card-img-top_promoted{
   height: 200px;
}
.checkbox-lg .form-check-input{
 top: .8rem;
 scale: 1.4;
 margin-right: 0.7rem;
 }

.checkbox-lg .form-check-label {
 padding-top: 13px;
 padding-right: 40px;
 }

.checkbox-xl .form-check-input {
 top: 1.2rem;
 scale: 1.7;
 margin-right: 0.8rem;
 }

.checkbox-xl .form-check-label {
 padding-top: 19px;
 }
 gmp-map {
         height: 100%;
       }
        @media screen and (min-width: 676px) {
               #ly-map-dialog {
                 max-width: 1000px; /* New width for default modal */
               }
           }
		   
		    .ly-ai-chat-loader-bg .modal-dialog{
      display: table;
      position: relative;
      margin: 0 auto;
      top: calc(50% - 24px);
    }

    .ly-ai-chat-loader-bg .modal-dialog .modal-content{
      background-color: transparent;
      border: none;
    }
	 #element-for-desktop-btn,#element-for-mobile-btn{
      animation-name: example;
       animation-duration: 4s;
         animation-delay: 2s;
         animation-iteration-count: 40;
    }
      @keyframes example {
        0% {transform: translateX(10px);}
                20% {transform: translateX(-5px);}
                50% {transform: translateX(-5px);}
                70% {transform: translateX(-5px);}
                80% {transform: translateX(10px);}
                90% {transform: translateX(10px);}
    }
	   #ly-map {
      position: relative;
      overflow: hidden;
      width: 100%;
      padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    }

    /* Then style the iframe to fit in the container div with full height and width */
    .responsive-iframe {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }
    #ly-autocomplete-list {
    position: absolute;
                max-height: 200px;
                overflow-y: auto;
                z-index: 1000;
                background: white;
                width: 100%;
                max-width: 350px;
                direction: rtl;
                margin-top: 0;
            }
            #ly-autocomplete-list div {
                padding: 15px;
                cursor: pointer;
                 font-size: 18px;
            }
            #ly-autocomplete-list div:hover {
                background-color: #f0f0f0;
            }
            @media (max-width: 400px) {
                #search, #ly-autocomplete-list {
                    max-width: 100%;
                }
            }
        .close-search-modal {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 25px;
            font-weight: bold;
            color: #000;
            cursor: pointer;
            background: none;
            border: none;
            outline: none;
        }
        #ly-search-address::placeholder {
            font-size: 18px; /* Adjust as needed */
        }

       .btn-rounded {
             border-radius: 50px;
           }
           .button-row {
             display: none;
           }
           .button-row.visible {
             display: flex;
           }
           .search-container {
             display: none; /* Hidden by default */
             margin-top: 20px;
           }
           .input-group-text {
             transition: background-color 0.3s ease, color 0.3s ease;
           }

           .input-group-text:hover {
             background-color: #007bff;  /* Bootstrap primary color */
             color: #fff;                /* White icon on hover */
             cursor: pointer;
           }

        .modal.slide-in-right.poplar .modal-dialog {
            position: fixed;
              right: 0;
              top: 0;
              bottom: 0;
              margin: 0;
              height: 100%;
              transform: translateX(100%);
              transition: transform 0.4s ease;
              width: 100%;
              max-width: 100%;
            }

            .modal.slide-in-right.poplar.show .modal-dialog {
              transform: translateX(0);
            }

            #ly-poplar-content {
              height: 100%;
               border: none;
               border-radius: 0;
               display: flex;
               flex-direction: column;
               justify-content: space-between;
			   width: 100%;
            }

            .ly-poplar-back-btn {
            position: absolute;
              top: 15px;
              left: 15px;
              font-size: 1.8rem;
              cursor: pointer;
              background: none;
              border: none;
              z-index: 1051;
              color: #000;
            }
              /* Bottom-right search button */
            .poplar-search-btn {
              position: absolute;
              bottom: 50px;
              z-index: 1050;
            }
            .poplar-modal-title {
              margin-left: 2.5rem;
            }
            /* Medium and up: 80% width */
            @media (min-width: 576px) {
              .modal.slide-in-right .modal-dialog {
                max-width: 80%;
              }
            }
          .checkbox-list.poplar {
             font-family: 'Assistant', sans-serif;
               direction: rtl;
               text-align: right;
               padding: 20px;
               background-color: #f9f9f9;
               list-style: none;
               padding: 0;
             }

             .checkbox-list.poplar li {
               margin-bottom: 10px;
             }

             .checkbox-list.poplar label {
               cursor: pointer;
             }