.site-header {
    background: rgb(17 17 17);
    z-index: 2000;
    box-shadow: 0px 2px 3px rgb(181 165 165 / 20%);
}
img.img-fluid.logo {
    max-width: 136px !important;
}
nav.navbar.navbar-dark.py-lg-2 {
    padding: 0px !important;
}
a.navbar-brand {
    padding: 0px;
}
.site-header .navbar .menus-holder .nav-link {
    font-weight: 600;
}
footer .footer-logo-img {
    width: 200px;
}
footer {
    background: #111111;
    margin-top: 0px;
}
img.card-img {
    border-radius: 20px 20px 0px 0px;
}
span.badge.text-dark.bg-white.py-1.px-2.rounded.text-uppercase.fw-bold {
    display: none;
}
span.tool {
    float: left;
    height: 24px;
    width: 24px;
}
.tool {
    cursor: default;
    position: relative;
    border-right: 1px solid #dfdfdf;
    padding: 2px;
    margin-right: 5px;
}

.tool:hover {
  color: red;
}

.tool:hover::before {
  position: absolute;
  content: attr(data-title);
  background-color: #000;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  top: -25px; right: 50%;
  padding: 3px 8px;
  transform: translate(50%,-50%);
  white-space: nowrap;
  overflow-wrap: break-word;
}

.tool:hover::after {
  position: absolute;
  content: '\25BC';
  height:1.25rem;
  color: #000;
  top: -12px; right:70%;
  transform: scale(1.8,1) translate(50%,-50%);
}
.btnbook {
    border: 1px solid #ffc978;
    border-radius: 25px;
    background: #ffc978;
    color: #fff;
    padding: 3px 20px;
}
.site-header .navbar .navbar-brand {
   
    border-right: 0;
    padding-right: 15rem;
}
.btn-primary:hover {
    color: #fff;
    
}
.btnbook:hover {
    color: #ffffff;
}
body {
    background: #111111;
    color: #fff;
}
.site-header .navbar .menus-holder .nav-link {
    color: #ffffff;
}
.btn {
    color: #ffffff;
}
.btn:hover {
    color: #d3d1d1;
}
.text-white { color: #ffffff !important }
.btn-primary {
    background-color: #da8646;
    border-color: #e5924e;
}
.text-gray-500 , .text-gray-600 {
    
    color: #fff !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #111111;
    border-color: #d8d0d0;
}
.form-select, .form-control, label, .btn {
    padding: 0.3rem 2rem;
    font-size: 0.8rem;
}
span.badge {
background: #111111 !important;
    border: 1px solid #51433f !important;
    padding: 10px 20px;
    width: 100%;
    box-shadow: rgb(255 235 59 / 33%) 0px 6px 24px 0px, rgb(255 189 91 / 62%) 0px 0px 0px 1px;
}

@media screen and (max-width: 480px) {
.site-header .navbar .navbar-brand {
    border-right: 0;
    padding-right: 0rem;
}
h1 { font-size: 22px !important }
}