.whatsapp {
  font-size: 1.5rem;
  font-weight: 700;
  color: green;
}
.whatsappchat {
  position: fixed;
  display: none;
  right: 30px;
  bottom: 50%;
  z-index: 99;
}
.pdetail img{
  margin: 0 auto;
  width: 80%;
}

.gmapf{
  min-height:300px ;
  /* minHeight: '300px;', border:'0;', allowfullscreen="", aria-hidden="false", tabIndex="0" */
  border: 0px;
  
}
.text-body {
  color: white !important;
}
.prolink a {
  color:white;
  font-size: 1rem;
  border: 1px solid rgb(33, 194, 0);
  width: auto;
  padding: 4px 8px;
  border-radius: 0.25rem;
}
.prolink a:hover{
  color: black;
  background-color: white;
}
/* @media (max-width: 991.98px) { 
    .logo{height: 20vh;}
    } */

.drkbck {
  background: rgba(0, 0, 0, 0.4);
  padding: 10px 20px;
  border-radius: 0.5rem;
  border: solid 1px green;
}
.watsup {
  background: rgba(0, 0, 0, 0.5) !important;
  color: white !important;
}
.btn-secondary {
  color: white !important;
}
.btn-secondary:hover {
  background-color: #1f661f !important;
}

.lb-outerContainer {
  height: 100% !important;
  /* width:auto !important; */
  align-items: center;
}
.lb-image {
  width: auto !important;
  height: 80vh !important;
  margin: 0 auto !important;
}
.lb-dataContainer {
  width: 100px !important;
}
@media only screen 
  and (min-width: 1367px) { 
    .logo {
      height: 140px;
      margin-top: -100px;
    }
    .logotrans {
      position: absolute;
      background: rgba(255, 255, 255, 0.7);
      margin-top: 55px;
      padding: 3px 10px;
      border-radius: 0.35rem;
    }
    .fs-4 {
      font-size: 2.5rem !important;
  }
}
@media only screen 
  and (min-width: 991px) 
  and (max-width: 1366px) { 
    .logo {
      height: 100px !important;
      margin-top: -100px;
    }
    .logotrans {
      position: absolute;
      background: rgba(255, 255, 255, 0.7);
      margin-top: 15px !important;
      padding: 3px 10px;
      border-radius: 0.35rem;
    }
} 
@media only screen 
  and (min-width: 769px) 
  and (max-width: 990px) { 
    .logo {
      height: 100px !important;
      margin-top: -100px;
    }
    .logotrans {
      position: absolute;
      background: rgba(255, 255, 255, 0.7);
      margin-top: 15px !important;
      padding: 3px 10px;
      border-radius: 0.35rem;
    }
    .car-inner-text {
      font-size: 2rem !important;
      background: rgba(0, 0, 0, 0.3);
      padding: 5px 10px;
      border-radius: 0.325rem;
    }
} 
@media only screen 
and (min-width: 481px) 
and (max-width: 768px) { 
  .logo {
    height: 80px !important;
    margin-top: -100px;
  }
  .logotrans {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    margin-top: 20px !important;
    padding: 3px 10px;
    border-radius: 0.35rem;
  }
} 

/* for cellphones */
@media only screen 
and (max-width: 480px) { 
  .logo {
    height: 10vh !important;
    margin-top: 20px !important;
    position: absolute !important;
  }
  .logotrans {
   
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    margin-top: 55px !important;
    width: auto !important;
    padding: 3px 10px;
    height: 22vh;
  }
  .fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
  }
  .car-inner-text {
    font-size: calc(1rem + 0.3vw) !important;
    width: 80% !important;
    margin: 0 auto !important;
  }
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 2rem !important;
  }
  .carbtn {
    padding: 4px 10px !important;
    margin-top: 12px !important;
    margin-left: 10% !important;
  }
  .btn-secondary {
    color: white !important;
    padding: 4px 10px !important;
    margin-top: 12px !important;
    margin-left: 10% !important;
  }
  .lb-close {
    width: 20px !important;
    height: 20px !important;
    background: url(/assets/img/xmark.png) top right no-repeat !important;
  }

} 
/* @media (max-width: 991.98px) {
        .logo {
            height: 15vh !important;
            margin-top: 20px;
        }
        .logotrans{
        
            position: absolute;
            background: rgba(255, 255, 255, 0.7);
            margin-top: 10px;
        }
        .car-inner-text{
        
            font-size: 1.5rem !important;
            background: rgba(0,0,0,.3);
            padding: 5px 10px;
            border-radius: .325rem;
          
    }
    } */

.navbar-light .navbar-toggler {
  margin-left: 80% !important;
}
.car-inner-text {
  font-size: 2rem;
  background: rgba(0, 0, 0, 0.3);
  padding: 5px 10px;
  border-radius: 0.325rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #4ec2f8 !important;
  content: var(--bs-breadcrumb-divider, "|") !important;
}
.tbl-head{
  
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  */
 
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.2rem !important;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  
}
th{
  padding: 3px !important
}