/*-------------------------------------------------------------------------*/
/*------------------------------- navbar ----------------------------------*/
.navbar .icon-navbar-login {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    text-align: center;
    font-size: 21px;
    padding: 8px;
    color: #000;
}

.navbar .other-toggler {
    color: #ff6900;
    font-size: 31px;
    margin-top: 8px;
}

.navbar-toggler {
  outline: none

}

.navbar .FlexBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.small-navbar .fa-whatsapp {
  font-size: 22px;
    color: #fff;
    padding: 10px;
}

.small-navbar {
  display: none !important
}

/*------------------------------- navbar ----------------------------------*/
/*-------------------------------------------------------------------------*/














/*--------------------------------------------------------------*/
/*--------------------- روابط راس الصفحات ------------------------*/
.tabs {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.tab {
  position: relative;
  background: #F9F9F9;
  margin-left: -9px;
  display: flex;
  align-items: center;
  clip-path: polygon(15% 0%, 100% 0%, 86% 100%, 0% 100%);
  transition: background 0.3s;
  width: 110px;
  /* text-align: center; */
}

.tab:first-child {
  clip-path: none;
}

.tab a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
  display: flex;
  align-items: center;
    padding: 10px 20px;

}

.tab i {
  margin-left: 8px;
  font-size: 18px;
}

.tab.active {
  background: #ff6600;
}

.tab.active a {
  color: white;
}

/*--------------------- روابط راس الصفحات ------------------------*/
/*--------------------------------------------------------------*/


.small-footer {display: none;}


.section_plans .single-city {
    color: #6F6F6F;
    background: #F2F2F2;
    margin: 2px 0px;
    padding: 4px 8px;
    display: inline-block;
    border-radius: 6px;
}

.package-details {
    color: #818181;
}

.plan-picture {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}



@media (max-width: 575.98px) {
  .navbar-brand, .old-toggler, .large-login {display: none;}
  .navbar .icon-navbar-login { width: 30px;height: 30px;font-size: 16px;padding: 5px; }
  .navbar ul { padding-right: 11px; }
  .navbar .nav-large-whatsapp {display: none;}
  .small-navbar {  display: flex !important  }
  .join-now .box strong { font-size: 16px; padding: 10px; text-align: center; display: block; }

  .join-now .box a { font-size: 20px !important; display: block; border-radius: 42px; }

  .large-footer {display: none;}
  .small-footer {display: block;}
  .left-section { height: auto !important; padding: 50px; }
  .login-form { margin-top: 1px; }
  .tab {width: 91px;font-size: 13px;text-align: center;}
  .tab a {padding: 2px 13px }
  .tab i { font-size: 15px; }
  #cars .filter select { padding: 5px; }
  .upperbar-bg .overlay { padding: 35px; }
  .upperbar-bg .overlay h2  { font-size: 20px; margin-bottom: 30px; }
  .tabs {/* margin-right: 8px !important; */}
  .join-hotel .card-white { padding: 23px; }
  .box-input { padding: 3px 11px; }
  .box-input label { margin-top: -20px; padding: 0px 10px; font-size: 16px; }
  .visas-upperbar .overlay { padding: 50px 30px 150px 30px !important; background: #000000ad; color: #fff; }
  .visas-upperbar .overlay h2  { font-size: 20px; margin-bottom: 30px; }
  .upperbar { padding: 36px 36px 80px 36px; }
  
  .calendar-container { width: 100%; padding: 0px !important; }
.calendar-table th { padding: 7px; }
.steps-container .p-5  {
    padding: 19px 0px !important;
}
.calendar-container .month-slider-item { margin: 0 0px; font-size: 15px; padding: 6px; }

.calendar-container .calendar-table td { height: 45px; }
.box-upload { display: table; margin: auto; }







}