.bookinfo{margin-bottom:0 !important;}
.modal-dialog {
    max-width: 560px !important;
}
.calculate-content .btn {
   color:#FFF !important;
}
.serach{cursor:pointer;}
.snackbar {
    visibility: hidden;
    width: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: relative;
    z-index: 9999;
    bottom: 30px;
    font-size: 17px;
	display:none;
	transition: all 300ms linear 0s;
}

.show {
	display:block;
    visibility: visible !important;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
	
}
.ui-front {
    z-index: 9999 !important;
}


@media screen and (min-width:992px) {
 .navbar-nav .nav-link .badge {
    padding: 0;
	color: #fff;	
    position: absolute;
    top: 2px;
    display: block;
    font-size: 11px;
    right: 2px;
    background: #e7272d;	
    border-radius: 50px;
    width: 22px;
    line-height: 22px;
    box-shadow: none;
}
}

@media screen and (max-width:991px) {
    .sidebar-toggle-btn .nav-link .badge 
 {
    padding: 0;
    color: #fff;
    position: absolute;
    top: -15px;
    display: block;
    font-size: 11px;
    right: -11px;
    background: #e7272d;
    border-radius: 50px;
    width: 22px;
    line-height: 22px;
    box-shadow: none;
}
}
.top_header .navbar-nav .nav-link:hover .badge{
	color: #fff;
}

.map_area{
    position: relative;
}

.map_area .simple_btn:before{
    z-index: 0;
}

.map_area .simple_btn span{
    position: relative;
}

.map, .map iframe, .map img{
    width: 100%;
    height: 300px;
}

.cart-input-qty {
    max-width: 50px;
    text-align: center;
    border: 0px;
}

.cart-input-qrt-drop {
  /* Step 1: Hide the default browser arrow */
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert; 
  
  /* Step 2: Basic structure styling */
  width: 100%;
  padding: 5px 20px 5px 5px; /* Extra right padding so text doesn't overlap the arrow */
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;

  /* Step 3: Add the custom SVG arrow */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://w3.org' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center; /* Positions the arrow 12px from the right edge */
  background-size: 16px; /* Adjusts the size of the arrow */
}

/* Optional: Focus state styling */
.cart-input-qrt-drop:focus {
  outline: none;
  border-color: #ebbe33;
}