:root {
  --btn-radius: 5px;
}

body {
  direction: rtl;
  background: #000000;
}

#nav {
  border-radius: 0px 0px 50px 50px;
  border-bottom: 4px solid #858585;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -9.58%,rgba(255, 255, 255, 0.10) 110%);
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
  position: sticky;
  top: 0;
}

#nav .toggler {
  border-radius: 10px;
  background: linear-gradient(-50deg, var(--bs-btn-border-color) 29%, rgb(76,122,162) 54%, rgb(77,123,163) 77%, var(--bs-btn-border-color) 100%);
  border-style: none;
}

.footer {
  border-radius: 50px 50px 00px 00px;
  border-top: 4px solid #858585;
  border-bottom: 2px solid #858585;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -9.58%,rgba(255, 255, 255, 0.10) 110%);
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
}

.gradient-border {
  border-width: 1px;
  border-style: solid;
  border-image: radial-gradient(circle at center, white, black) 1;
}

.hue-background .background {
  border-radius: 437px;
  background: linear-gradient(180deg, rgba(133, 133, 133, 0.42) 19.5%, rgba(133, 133, 133, 0.00) 100%);
  filter: blur(34.25px);
}

.hue-background .text {
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: linear-gradient(180deg, #FFF 23.9%, rgba(255, 255, 255, 0.00) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.form-control, .form-select {
  border: 2px solid #FFF;
}

.btn {
  border-radius: var(--btn-radius);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn-special {
  background: linear-gradient(276deg, #103F91 12.4%, #41A5EE 100%);
}

.btn-secondary {
  border: 2px solid #FFF;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: var(--btn-radius) 0 0 var(--btn-radius);
  margin-right: calc(var(--bs-border-width) * -1);
  margin-left: margin-right: var(--bs-border-width);
}

.input-group > :not(:last-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: 0;
  margin-right: calc(var(--bs-border-width) * -1);
  margin-left: margin-right: var(--bs-border-width);
}

.carousel-control-prev, .carousel-control-next {
  width: 5%;
  background-color: #858585;
}

.card {
  background-color: #1c1a1d;
  border: solid #858585;
  border-width: 4px 1px 4px 1px;
  border-radius: 25px;
}

.card-simple {
  border: unset;
}

.row-styled {
  background-color: #1c1a1d;
  border-radius: 5px;
  color: #FFF;
}

.row-styled .heading {
  /*background-color: #4c7aa2;*/
}

.head-mark {
  margin-right: -15px;
  margin-left: 5px;
  background: linear-gradient(180deg, #41A5EE, #0041A1);
}

@media (min-width: 992px) {
  .f-lg {
    width: 992px !important;
  }
}

@media (min-width: 1200px) {
  .f-xl {
    width: 1200px !important;
  }
}

@media (min-width: 360px) {
  .f-xs {
    width: 360px !important;
  }
}

@media (min-width: 576px) {
  .f-sm {
    width: 576px !important;
  }
}

@media (min-width: 768px) {
  .f-md {
    width: 696px !important;
  }
}