/* colors */
.btn-light-primary,
.bg-light-primary {
  background-color: #55cdef !important;
}

.btn-outline-primary {
  color: #2ac0eb !important;
  background-color: #fff;
  border-color: #2ac0eb !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
  background-color: #2ac0eb;
  color: #fff !important;
}

.btn-primary,
.bg-primary {
  background-color: #2ac0eb !important;
}

.btn-gradient-primary,
.bg-gradient-primary {
  background-image: linear-gradient(to right, #2196b7, #35c3ec) !important;
}

.border-light-primary {
  border-color: #55cdef !important;
}

.border-primary {
  border-color: #2ac0eb !important;
}

.text-light-primary {
  color: #55cdef !important;
}

.text-primary {
  color: #2ac0eb !important;
}

.btn-light-primary:hover, .btn-light-primary:active, .btn-light-primary:focus {
  background-color: #2ac0eb !important;
  color: #55cdef !important;
}

.btn-primary {
  border-color: #2ac0eb !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #55cdef !important;
}

.btn-light-secondary,
.bg-light-secondary {
  background-color: #a2e453 !important;
}

.btn-outline-secondary {
  color: #8bdd28 !important;
  background-color: #fff;
  border-color: #8bdd28 !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus {
  background-color: #8bdd28;
  color: #fff !important;
}

.btn-secondary,
.bg-secondary {
  background-color: #8bdd28 !important;
}

.btn-gradient-secondary,
.bg-gradient-secondary {
  background-image: linear-gradient(to right, #6cac1f, #91df33) !important;
}

.border-light-secondary {
  border-color: #a2e453 !important;
}

.border-secondary {
  border-color: #8bdd28 !important;
}

.text-light-secondary {
  color: #a2e453 !important;
}

.text-secondary {
  color: #8bdd28 !important;
}

.btn-light-secondary:hover, .btn-light-secondary:active, .btn-light-secondary:focus {
  background-color: #8bdd28 !important;
  color: #a2e453 !important;
}

.btn-secondary {
  border-color: #8bdd28 !important;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color: #a2e453 !important;
}

.btn-light-info,
.bg-light-info {
  background-color: #34c6ff !important;
}

.btn-outline-info {
  color: #01b8ff !important;
  background-color: #fff;
  border-color: #01b8ff !important;
}
.btn-outline-info:hover, .btn-outline-info:focus {
  background-color: #01b8ff;
  color: #fff !important;
}

.btn-info,
.bg-info {
  background-color: #01b8ff !important;
}

.btn-gradient-info,
.bg-gradient-info {
  background-image: linear-gradient(to right, #0190c7, #0ebcff) !important;
}

.border-light-info {
  border-color: #34c6ff !important;
}

.border-info {
  border-color: #01b8ff !important;
}

.text-light-info {
  color: #34c6ff !important;
}

.text-info {
  color: #01b8ff !important;
}

.btn-light-info:hover, .btn-light-info:active, .btn-light-info:focus {
  background-color: #01b8ff !important;
  color: #34c6ff !important;
}

.btn-info {
  border-color: #01b8ff !important;
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
  background-color: #34c6ff !important;
}

.btn-light-light,
.bg-light-light {
  background-color: #f2f4fa !important;
}

.btn-outline-light {
  color: #eff1f9 !important;
  background-color: #fff;
  border-color: #eff1f9 !important;
}
.btn-outline-light:hover, .btn-outline-light:focus {
  background-color: #eff1f9;
  color: #fff !important;
}

.btn-light,
.bg-light {
  background-color: #eff1f9 !important;
}

.btn-gradient-light,
.bg-gradient-light {
  background-image: linear-gradient(to right, #babcc2, #f0f2f9) !important;
}

.border-light-light {
  border-color: #f2f4fa !important;
}

.border-light {
  border-color: #eff1f9 !important;
}

.text-light-light {
  color: #f2f4fa !important;
}

.text-light {
  color: #eff1f9 !important;
}

.btn-light-light:hover, .btn-light-light:active, .btn-light-light:focus {
  background-color: #eff1f9 !important;
  color: #f2f4fa !important;
}

.btn-light {
  border-color: #eff1f9 !important;
}
.btn-light:hover, .btn-light:active, .btn-light:focus {
  background-color: #f2f4fa !important;
}

.btn-light-warning,
.bg-light-warning {
  background-color: #ef8c5c !important;
}

.btn-outline-warning {
  color: #eb6f33 !important;
  background-color: #fff;
  border-color: #eb6f33 !important;
}
.btn-outline-warning:hover, .btn-outline-warning:focus {
  background-color: #eb6f33;
  color: #fff !important;
}

.btn-warning,
.bg-warning {
  background-color: #eb6f33 !important;
}

.btn-gradient-warning,
.bg-gradient-warning {
  background-image: linear-gradient(to right, #b75728, #ec763d) !important;
}

.border-light-warning {
  border-color: #ef8c5c !important;
}

.border-warning {
  border-color: #eb6f33 !important;
}

.text-light-warning {
  color: #ef8c5c !important;
}

.text-warning {
  color: #eb6f33 !important;
}

.btn-light-warning:hover, .btn-light-warning:active, .btn-light-warning:focus {
  background-color: #eb6f33 !important;
  color: #ef8c5c !important;
}

.btn-warning {
  border-color: #eb6f33 !important;
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
  background-color: #ef8c5c !important;
}

.btn-light-danger,
.bg-light-danger {
  background-color: #ec5951 !important;
}

.btn-outline-danger {
  color: #e73026 !important;
  background-color: #fff;
  border-color: #e73026 !important;
}
.btn-outline-danger:hover, .btn-outline-danger:focus {
  background-color: #e73026;
  color: #fff !important;
}

.btn-danger,
.bg-danger {
  background-color: #e73026 !important;
}

.btn-gradient-danger,
.bg-gradient-danger {
  background-image: linear-gradient(to right, #b4251e, #e83a31) !important;
}

.border-light-danger {
  border-color: #ec5951 !important;
}

.border-danger {
  border-color: #e73026 !important;
}

.text-light-danger {
  color: #ec5951 !important;
}

.text-danger {
  color: #e73026 !important;
}

.btn-light-danger:hover, .btn-light-danger:active, .btn-light-danger:focus {
  background-color: #e73026 !important;
  color: #ec5951 !important;
}

.btn-danger {
  border-color: #e73026 !important;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  background-color: #ec5951 !important;
}

.btn-light-dark,
.bg-light-dark {
  background-color: #4f5562 !important;
}

.btn-outline-dark {
  color: #232b3b !important;
  background-color: #fff;
  border-color: #232b3b !important;
}
.btn-outline-dark:hover, .btn-outline-dark:focus {
  background-color: #232b3b;
  color: #fff !important;
}

.btn-dark,
.bg-dark {
  background-color: #232b3b !important;
}

.btn-gradient-dark,
.bg-gradient-dark {
  background-image: linear-gradient(to right, #1b222e, #2e3645) !important;
}

.border-light-dark {
  border-color: #4f5562 !important;
}

.border-dark {
  border-color: #232b3b !important;
}

.text-light-dark {
  color: #4f5562 !important;
}

.text-dark {
  color: #232b3b !important;
}

.btn-light-dark:hover, .btn-light-dark:active, .btn-light-dark:focus {
  background-color: #232b3b !important;
  color: #4f5562 !important;
}

.btn-dark {
  border-color: #232b3b !important;
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
  background-color: #4f5562 !important;
}

.btn-light-selectionBg,
.bg-light-selectionBg {
  background-color: #333333 !important;
}

.btn-outline-selectionBg {
  color: #000 !important;
  background-color: #fff;
  border-color: #000 !important;
}
.btn-outline-selectionBg:hover, .btn-outline-selectionBg:focus {
  background-color: #000;
  color: #fff !important;
}

.btn-selectionBg,
.bg-selectionBg {
  background-color: #000 !important;
}

.btn-gradient-selectionBg,
.bg-gradient-selectionBg {
  background-image: linear-gradient(to right, black, #0d0d0d) !important;
}

.border-light-selectionBg {
  border-color: #333333 !important;
}

.border-selectionBg {
  border-color: #000 !important;
}

.text-light-selectionBg {
  color: #333333 !important;
}

.text-selectionBg {
  color: #000 !important;
}

.btn-light-selectionBg:hover, .btn-light-selectionBg:active, .btn-light-selectionBg:focus {
  background-color: #000 !important;
  color: #333333 !important;
}

.btn-selectionBg {
  border-color: #000 !important;
}
.btn-selectionBg:hover, .btn-selectionBg:active, .btn-selectionBg:focus {
  background-color: #333333 !important;
}

.btn-light-selectionColor,
.bg-light-selectionColor {
  background-color: white !important;
}

.btn-outline-selectionColor {
  color: #fff !important;
  background-color: #fff;
  border-color: #fff !important;
}
.btn-outline-selectionColor:hover, .btn-outline-selectionColor:focus {
  background-color: #fff;
  color: #fff !important;
}

.btn-selectionColor,
.bg-selectionColor {
  background-color: #fff !important;
}

.btn-gradient-selectionColor,
.bg-gradient-selectionColor {
  background-image: linear-gradient(to right, #c7c7c7, white) !important;
}

.border-light-selectionColor {
  border-color: white !important;
}

.border-selectionColor {
  border-color: #fff !important;
}

.text-light-selectionColor {
  color: white !important;
}

.text-selectionColor {
  color: #fff !important;
}

.btn-light-selectionColor:hover, .btn-light-selectionColor:active, .btn-light-selectionColor:focus {
  background-color: #fff !important;
  color: white !important;
}

.btn-selectionColor {
  border-color: #fff !important;
}
.btn-selectionColor:hover, .btn-selectionColor:active, .btn-selectionColor:focus {
  background-color: white !important;
}

.btn-light-scrollTrackBg,
.bg-light-scrollTrackBg {
  background-color: #f4f4f4 !important;
}

.btn-outline-scrollTrackBg {
  color: #f1f1f1 !important;
  background-color: #fff;
  border-color: #f1f1f1 !important;
}
.btn-outline-scrollTrackBg:hover, .btn-outline-scrollTrackBg:focus {
  background-color: #f1f1f1;
  color: #fff !important;
}

.btn-scrollTrackBg,
.bg-scrollTrackBg {
  background-color: #f1f1f1 !important;
}

.btn-gradient-scrollTrackBg,
.bg-gradient-scrollTrackBg {
  background-image: linear-gradient(to right, #bcbcbc, #f2f2f2) !important;
}

.border-light-scrollTrackBg {
  border-color: #f4f4f4 !important;
}

.border-scrollTrackBg {
  border-color: #f1f1f1 !important;
}

.text-light-scrollTrackBg {
  color: #f4f4f4 !important;
}

.text-scrollTrackBg {
  color: #f1f1f1 !important;
}

.btn-light-scrollTrackBg:hover, .btn-light-scrollTrackBg:active, .btn-light-scrollTrackBg:focus {
  background-color: #f1f1f1 !important;
  color: #f4f4f4 !important;
}

.btn-scrollTrackBg {
  border-color: #f1f1f1 !important;
}
.btn-scrollTrackBg:hover, .btn-scrollTrackBg:active, .btn-scrollTrackBg:focus {
  background-color: #f4f4f4 !important;
}

.btn-light-scrollThumbBg,
.bg-light-scrollThumbBg {
  background-color: #a0a0a0 !important;
}

.btn-outline-scrollThumbBg {
  color: #888 !important;
  background-color: #fff;
  border-color: #888 !important;
}
.btn-outline-scrollThumbBg:hover, .btn-outline-scrollThumbBg:focus {
  background-color: #888;
  color: #fff !important;
}

.btn-scrollThumbBg,
.bg-scrollThumbBg {
  background-color: #888 !important;
}

.btn-gradient-scrollThumbBg,
.bg-gradient-scrollThumbBg {
  background-image: linear-gradient(to right, #6a6a6a, #8e8e8e) !important;
}

.border-light-scrollThumbBg {
  border-color: #a0a0a0 !important;
}

.border-scrollThumbBg {
  border-color: #888 !important;
}

.text-light-scrollThumbBg {
  color: #a0a0a0 !important;
}

.text-scrollThumbBg {
  color: #888 !important;
}

.btn-light-scrollThumbBg:hover, .btn-light-scrollThumbBg:active, .btn-light-scrollThumbBg:focus {
  background-color: #888 !important;
  color: #a0a0a0 !important;
}

.btn-scrollThumbBg {
  border-color: #888 !important;
}
.btn-scrollThumbBg:hover, .btn-scrollThumbBg:active, .btn-scrollThumbBg:focus {
  background-color: #a0a0a0 !important;
}

.btn-light-scrollThumbHoverBg,
.bg-light-scrollThumbHoverBg {
  background-color: #777777 !important;
}

.btn-outline-scrollThumbHoverBg {
  color: #555 !important;
  background-color: #fff;
  border-color: #555 !important;
}
.btn-outline-scrollThumbHoverBg:hover, .btn-outline-scrollThumbHoverBg:focus {
  background-color: #555;
  color: #fff !important;
}

.btn-scrollThumbHoverBg,
.bg-scrollThumbHoverBg {
  background-color: #555 !important;
}

.btn-gradient-scrollThumbHoverBg,
.bg-gradient-scrollThumbHoverBg {
  background-image: linear-gradient(to right, #424242, #5e5e5e) !important;
}

.border-light-scrollThumbHoverBg {
  border-color: #777777 !important;
}

.border-scrollThumbHoverBg {
  border-color: #555 !important;
}

.text-light-scrollThumbHoverBg {
  color: #777777 !important;
}

.text-scrollThumbHoverBg {
  color: #555 !important;
}

.btn-light-scrollThumbHoverBg:hover, .btn-light-scrollThumbHoverBg:active, .btn-light-scrollThumbHoverBg:focus {
  background-color: #555 !important;
  color: #777777 !important;
}

.btn-scrollThumbHoverBg {
  border-color: #555 !important;
}
.btn-scrollThumbHoverBg:hover, .btn-scrollThumbHoverBg:active, .btn-scrollThumbHoverBg:focus {
  background-color: #777777 !important;
}

/* mixins */
@font-face {
  font-family: "HS Dream";
  src: url("../fonts/HSDream-Light.eot");
  src: url("../fonts/HSDream-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/HSDream-Light.woff2") format("woff2"), url("../fonts/HSDream-Light.woff") format("woff"), url("../fonts/HSDream-Light.ttf") format("truetype"), url("../fonts/HSDream-Light.svg#HSDream-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
::-moz-selection {
  color: #fff;
  background: #000;
}

::selection {
  color: #fff;
  background: #000;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* start common style*/
* {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box !important;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "HS Dream";
  font-size: 16px;
}

html[lang=ar] {
  direction: rtl;
  text-align: right;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

::-webkit-scrollbar-track {
  border-radius: 50px !important;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -ms-border-radius: 50px !important;
  -o-border-radius: 50px !important;
}

::-webkit-scrollbar-thumb {
  border-radius: 50px !important;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  -ms-border-radius: 50px !important;
  -o-border-radius: 50px !important;
}

.btn {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  min-height: 40px;
  flex-grow: 1;
  width: 110px;
}
.btn:hover, .btn:focus, .btn:active {
  text-decoration: none;
  outline: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none !important;
}

.form-control {
  height: 50px;
  border-radius: 15px;
  font-size: 14px;
}
.form-control:focus {
  color: #000;
  border-color: #8bdd28;
  box-shadow: none;
}

.form-label {
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 14px;
}

a,
button {
  transition: all 0.5s ease-in-out;
}

:placeholder-shown::-webkit-input-placeholder {
  opacity: 1;
  color: #5C5C5C;
}

.owl-carousel {
  direction: ltr;
  touch-action: manipulation;
}

.flex-center, .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active, .ui-widget-header .ui-corner-all {
  display: flex;
  align-items: center;
  justify-content: center;
}

a {
  display: flex;
  align-items: center;
  text-decoration: none;
  text-transform: capitalize;
}
a.text-hover:hover, a.text-hover:focus {
  text-decoration: underline;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  line-height: 1.8;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.z-1 {
  z-index: 1;
}

.fs-14 {
  font-size: 14px;
}

.w-228 {
  width: 228px;
}

.card {
  padding: 20px;
  border-radius: 20px;
  background: #fff;
  -ms-box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.07);
  -o-box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.07) !important;
}

/* end common style*/
header {
  background: url(../img/bg.png) center center/cover no-repeat;
  position: relative;
}
header .main-info {
  min-height: 370px;
  width: 650px;
  max-width: 100%;
  padding-block: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
header .lang {
  color: #fff;
}
header .lang:hover {
  color: #8bdd28;
}
header::after {
  position: absolute;
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  background: linear-gradient(180deg, #000e17 0%, #044868 50%, #000e17 100%);
}
header .title {
  font-size: 36px;
  position: relative;
  margin-bottom: 30px;
}
header .title::before, header .title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -9px;
  width: 80px;
  height: 8px;
}
header .title::before {
  left: 0;
  background-color: #2ac0eb;
}
header .title::after {
  left: 80px;
  background-color: #8bdd28;
}

html[lang=ar] [type=email],
html[lang=ar] [type=number],
html[lang=ar] [type=tel],
html[lang=ar] [type=url] {
  direction: rtl;
}
html[lang=ar] .title::after {
  right: 80px;
  left: auto;
}
html[lang=ar] .title::before {
  right: 0;
  left: auto;
}

.side-img {
  width: 100%;
}

.ui-widget.ui-widget-content {
  border: 0;
  width: 100%;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 0;
  background: transparent;
  font-weight: normal;
  color: rgba(26, 26, 26, 0.6117647059);
  width: 33px;
  height: 31px;
  font-size: 12px;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 0;
  background: transparent;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-date-highlighted .ui-state-default {
  background: hsl(87, 87%, 88%);
  color: #8bdd28;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 0;
  background: #8bdd28;
  color: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #8bdd28;
  color: #fff;
}

.ui-widget-header {
  border: 0;
  background: transparent;
  color: #000;
  font-weight: normal;
  font-size: 14px;
}
.ui-widget-header .ui-corner-all {
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
}
.ui-widget-header .ui-corner-all .ui-icon {
  background: url(../img/arrow.svg) center center/cover no-repeat;
  filter: brightness(0);
  transition: all 0.5s ease-in-out;
}
.ui-widget-header .ui-corner-all:hover {
  background: hsl(87, 87%, 88%);
  color: #8bdd28;
}
.ui-widget-header .ui-corner-all:hover .ui-icon {
  filter: brightness(1);
}
.ui-widget-header .ui-corner-all.ui-datepicker-prev {
  left: 40px;
  right: auto;
}
.ui-widget-header .ui-corner-all.ui-datepicker-prev .ui-icon {
  transform: rotateY(-180deg);
}
.ui-widget-header .ui-corner-all.ui-datepicker-next {
  right: 40px;
}

.date-content {
  display: flex;
}

.times_card {
  overflow: auto;
  max-height: 450px !important;
  scrollbar-color: red yellow;
}

.form-content,
.data-content {
  display: none;
}

form .btn {
  height: 55px;
}

.data-content .title {
  width: 50px;
  display: inline-block;
}

/* Start Media Query */
@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
  header .title {
    font-size: 22px;
  }
  header .title::before, header .title::after {
    width: 55px;
  }
  header .title::after {
    left: 55px;
  }
  .date-content {
    flex-direction: column;
  }
  .form-control {
    height: 45px;
  }
  form .btn {
    height: 45px;
  }
  html[lang=ar] .title::after {
    right: 55px;
  }
}
/*Small Screen*/
@media (min-width: 768px) and (max-width: 991px) {
  .date-content {
    flex-direction: column;
  }
}
/*Medium Screen*/
@media (min-width: 992px) and (max-width: 1280px) {
  .date-content {
    flex-direction: column;
  }
}
/*Larger Screen*/
/* End Media Query *//*# sourceMappingURL=style.css.map */