#dropdown-lang,#dropdown-auth {
    display: none;
    position: absolute;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    width: 150px;
    z-index: 1000;
    right: 0;
}
#dropdown-lang .rtl {
    right: 0;
  }
/* Show when the "dropdown-open" class is added */
#dropdown-lang.dropdown-open {
    display: block;
}
#dropdown-auth.dropdown-open {
    display: block;
}
.form-control.error-border{
    border-color: #cd7a7a !important;
}
#stores_previous,#stores_next,.paginate_button{
    display: inline;
    list-style: none;
}

#stores_previous a,#stores_next a,.paginate_button a{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.paginate_button.active a{
    background-color:red;
    color:#fff
}
.side-nav{
    width: 25%
}
@media (max-width: 765px) {
.dashboard,.form-input{
  flex-direction:column!important
}
.side-nav{
    width: 100%
}
}
@media (max-width: 1024px) {
    .plan-column {
      display: none;
    }
    .plan-column.active {
      display: table-cell;
    }
    .plan-toggle-buttons {
      display: flex;
      justify-content: center;
      gap: 1rem;
      margin-bottom: 1rem;
    }
  }
  @media (min-width: 1025px) {
    .pricing-table-button {
        display: none;
      }
  }
  .pricing-table-button {
    border-radius: 15px;
    padding: 5px 0;
    background-color: #f0f0f0;
  }
  .border-color {
    border: rgb(223 212 212 / 25%) !important;
  }


.main-features-nav>li.uc-active::before {
    border-color: var(--color-red) !important;

}

.btn-ghost-phenix {
    background: #ea43354a !important;
    color: #ea4335 !important;
    border-color: #ea4335 !important;
}
.loader-btn {
    width: 30px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 8px solid rgb(233, 237, 238);
    border-right-color: #ea4335;
    margin: auto;
    animation: l2 1s infinite linear;
  }
  @keyframes l2 {to{transform: rotate(1turn)}}
.loader {
  width: fit-content;
  padding-bottom: 5px;
  font-weight: bold;
  font-family: monospace;
  font-size: 30px;
  overflow: hidden;
  color: #0000;
  text-shadow: 0 0 0 #000,10ch 0 0 #000;
  background: linear-gradient(#000 0 0) bottom left/0% 3px no-repeat;
  animation: l14 1.5s infinite;
}
.loader:before {
  content: "Loading...";
}
@keyframes l14 {
    80%  {text-shadow:    0  0 0 #000,10ch 0 0 #000;background-size:100% 3px}
    100% {text-shadow: -10ch 0 0 #000,0    0 0 #000}
}
.package-options {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.package-btn {
  position: relative;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  /* padding: 10px 18px; */
  cursor: pointer;
  /* transition: all 0.2s ease; */
  /* background: #fff; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* min-width: 50px; */
}

.package-btn:hover {
  border-color: #ff0033;
  /* background-color: #ffe6ea; */
  transform: translateY(-2px);
}

.package-btn input {
  display: none;
}

.package-btn span {
  font-size: 15px;
  font-weight: 500;
  display: block;
  pointer-events: none;
  white-space: nowrap;
  padding: 3px 6px;
}

/* لما يتحدد */
.package-btn input:checked + span {
  background-color: #ff0033;
  color: #fff;
  border-radius: 10px;
  /* padding: 10px 18px; */
}

/* خلي البوكس نفسه كلو يصير أحمر */
.package-btn input:checked + span,
.package-btn input:checked ~ * {
  background-color: #ff0033;
  color: #fff;
  border-color: #ff0033;
}