a:active {
  text-decoration:none;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999 !important;
  top: 0;
  left: 0;
  background-color: #0c4522;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 170px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 15px;
  color: white;
  display: block;
  transition: 0.3s;
}

.sidenav .side-mu .nav-item a:hover {
  color: #e93a3a;
}

.sidenav .closebtn {
  position: absolute;
  top: -10px;
  right: 5px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.side-mu .nav-item .nav-link{
    color: black;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.side-ft{
    bottom: 0px;
    position: absolute;
    left: 74px;
}
.crd_h{
    min-height: -webkit-fill-available;
}
.bg-green{
    background-color: #0c4522;
}
.hajj_log {
    border: 1px solid #0c4522;  
}
.text-33{
    font-size: 33px;
}
/*--------search lost----------------->

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
}

input {
  border: 1px solid lightgray;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}

.search_lt input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
  width:100%;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.text-18{
    font-size: 18px;
}
.text-12{
    font-size: 12px;
}
/*-----------------input mobile number-------*/
.input-group > .intl-tel-input.allow-dropdown {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}

.input-group > .intl-tel-input.allow-dropdown > .flag-container {
    z-index: 4;
}

.iti-flag {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.png");
    }
}

/*------------------------close--------*/