@import "fonts-rtl.css";
@import "header.css";
@import "footer.css";
@import "scrollToTopBtn.css";
@import "tours-slider.css";
@import "hand-picked-comments.css";
@import "contact-us-fa.css";
@import "IntroLoader.css";
/*@import "customStyles.css";*/
/*@import "landing.css";*/
/*@import "toman.css";*/
/*@import "honors.css";*/
/*@import "home-banners.css";*/
/*@import "top-categories.css";*/
/*@import "teach-in-rayan.css";*/
/*@import "offer-teach-in-rayan.css";*/
/*@import "mob-socials-revealer.css";*/
/*@import "toast-alert.css";*/

:root {
  --red: #ed1b24;
  --gold: #a47300;
  --sand: #ddb281;
  --violet: #bc1fb4;
  --magenta: #e80875;
  --magenta2: #b00257;
  --dark-red: #a60808;
  --darker-red: #770303;
  --lighter-blue: #94b6d3;
  --light-blue: #33d8ff;
  --blue: #01c3ff;
  --blue3: #0daaff;
  --blue2: rgb(43, 187, 202);
  --blue4: #007bffff;
  --dark-blue: #005fa2;
  --darker-blue: #003675;
  --light-blue-font: #aad0e0;
  --light-bg: #fafafa;
  --lighter-blue-font: #bbcddc;
  --dark-bg: #1a1b1d;
  --dark-box-bg: #191e1f;
  --dark-input-bg: #54595d;
  --dark-font: #101010;
  --light-font: #f1f1f1;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  direction: rtl;
}

html {
  scroll-behavior: smooth !important;
}

body {
  font-family: Kalameh, sans-serif !important;
  font-weight: normal;
  font-size: 1vw;
  background-color: rgba(210, 210, 210, 23%);
  overflow-x: hidden !important;
  color: var(--dark-font);
}

#bg-light-mob {
  display: none;
}

#bg-light {
  display: block;
  width: 110%;
  height: 70vw;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
}

main {
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  z-index: 2;
}

img {
  -webkit-user-drag: none !important;
  pointer-events: none !important;
}

input {
  font-family: Kalameh, sans-serif !important;
  caret-color: var(--blue);
}

input[type="number"]::-webkit-inner-spin-button {
  display: none;
}

button:disabled {
  opacity: 0.6;
  cursor: not-allowed !important;
}

.flex-hz {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.flex-vr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.btn {
  padding: 0.6vw 0.8vw;
  border: none;
  outline: none;
  border-radius: 0.8vw;
  min-width: 1vw;
  font-family: Kalameh, sans-serif !important;
  font-size: 0.9vw;
  cursor: pointer;
  transition: all 0.4s;
}

.btn:hover {
  box-shadow: 0 0 0.4vw rgba(255, 255, 255, 0.4);
}

.btn * {
  pointer-events: none;
}

.btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

::-webkit-scrollbar {
  width: 0.45vw;
  background-color: silver;
}

::-webkit-scrollbar-thumb {
  background-color: var(--blue2);
  box-shadow: 0 0 0.5vw black;
  border-radius: 2vw;
}

ul {
  list-style: none;
}

a {
  text-decoration: none !important;
  color: var(--dark-font);
}

.input-group {
  position: relative;
}

.input-group > i {
  position: absolute;
  right: 0.25vw;
  bottom: 1.2vw;
  opacity: 0.6;
  z-index: 5;
  pointer-events: none !important;
}

.input-group input {
  padding: 1vw 3vw 1vw 1vw;
  border: none;
  outline: none;
  border-radius: 0.7vw;
  background: rgba(207, 215, 222, 0.5);
  font-size: 1vw;
  transition: all 0.2s;
  font-family: Kalameh, sans-serif !important;
  caret-color: var(--blue2);
  font-weight: 500;
}

select {
  font-family: Kalameh, sans-serif !important;
}

option {
  font-family: Kalameh, sans-serif !important;
}

.input-group input:hover {
  background: var(--lighter-blue-font);
}

.input-group input:focus {
  background: #d0c3c3;
}

.input-group input::placeholder {
  font-family: Kalameh, sans-serif !important;
}

input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
  padding: 0.5vw;
}

.input-group .drop-down-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: var(--light-bg);
  box-shadow: 0 0 1vw rgba(0, 0, 0, 0.3);
  border-radius: 0.7vw;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: end !important;
  align-items: center;
  gap: 0.5vw;
  transition: all 0.25s;
  font-family: Kalameh, sans-serif !important;
}

.input-group .drop-down-container .input-group {
  width: 95% !important;
  margin-top: 0.5vw;
}

.input-group .drop-down-container .input-group input[type="search"] {
  padding: 0.5vw 2.75vw 0.5vw 0.5vw;
  width: 100% !important;

  margin-top: 0.5vw;
  box-shadow: none !important;
  border: 0.15vw solid #ababab;
  cursor: auto;
  font-size: 0.92vw;
}

.input-group
  .drop-down-container
  .input-group
  input[type="search"]::placeholder {
  opacity: 0.45;
}

.input-group
  .drop-down-container
  .input-group
  input[type="search"]::-webkit-search-cancel-button {
  transform: scale(0.5);
}

.input-group .drop-down-container .input-group i {
  right: 1vw !important;
  top: 1.25vw !important;
}

.input-group.open .drop-down-container {
  height: 15vw;
}

.input-group .drop-down-container ul {
  width: 100%;
  height: 80%;
  overflow: auto;
  align-items: start !important;
  justify-content: start !important;
  position: relative;
}

.input-group .drop-down-container ul::-webkit-scrollbar {
  width: 0.35vw;
}

.input-group .drop-down-container ul li {
  width: 100%;
  padding: 1vw;
  cursor: pointer;
  transition: all 0.2s;
  justify-content: start !important;
  gap: 0.5vw;
}

.input-group .drop-down-container ul li:hover {
  background-color: rgba(35, 91, 155, 0.23);
}

.input-group .drop-down-container ul li.hide {
  display: none;
}
.drop-down-title {
  font-size: 0.86vw;
  background-color: #ddb28168;
  width: 100%;
  text-align: right;
  color: rgb(43, 187, 202);
  padding: 0.5vw;
  margin-top: 0.2vw;
  font-weight: 300;
}
@media screen and (max-width: 992px) {
  body {
    background-size: 270%;
  }

  .input-group > i {
    right: 1.5vw;
    opacity: 0.6;
    width: 4vw;
    font-size: 3.2vw;
    text-align: center;
  }

  .input-group input {
    padding: 2vw 7vw 2vw 2vw;
    border-radius: 10px;
    font-size: 2vw;
  }

  .input-group .drop-down-container {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    z-index: 10;
  }

  .input-group.open .drop-down-container {
    height: 25vw;
  }

  .input-group .drop-down-container ul::-webkit-scrollbar {
    width: 0.75vw;
  }

  .input-group .drop-down-container ul li {
    padding: 2vw;
    font-size: 2vw;
  }
}

@media screen and (max-width: 450px) {
  .drop-down-title {
    font-size: 3.86vw;
    padding: 2vw;
    margin-top: 2vw;
  }
  #bg-light {
    display: none !important;
  }

  #bg-dark {
    display: none !important;
  }

  #bg-light-mob {
    display: block;
    width: 107%;
    height: 195vw;
    position: fixed;
    z-index: 1;
    top: 10vw;
    left: 0;
  }

  body.dark #bg-light-mob {
    display: none;
  }

  body.dark #bg-dark-mob {
    display: block;
    width: 100%;
    height: 190vw;
    position: fixed;
    z-index: 1;
    top: 10vw;
    left: 0;
  }

  .input-group > i {
    right: 2.5vw;
    opacity: 0.6;
    width: 4.5vw;
    font-size: 3.8vw;
    text-align: center;
  }

  .input-group input {
    padding: 3vw 9vw 3vw 0;
    border-radius: 10px;
    font-size: 3.5vw;
    text-align: start;
  }

  .input-group .drop-down-container .input-group {
    margin-top: 2.5vw;
  }
  /* .input-group.full-dd.open .drop-down-container {
    height: 100vh;
    position: fixed;
    top: -19vh;
    z-index: 100 !important;
    right: -5vw;
    width: 100vw;
  } */
  /*.input-group.open .drop-down-container {*/
  /*  height: 45vh;*/
  /*  top: 101%;*/
  /*  width: 100%;*/
  /*  position: absolute;*/
  /*  box-shadow: 0 0 2vw rgba(0, 0, 0, 0.3) !important;*/
  /*  z-index: 20;*/
  /*  overflow: hidden;*/
  /*  border-radius: 3vw;*/
  /*}*/

  .input-group.open .drop-down-container {
    height: 100%;
    top: 0;
    width: 100%;
    position: fixed !important;
    box-shadow: 0 0 2vw rgba(0, 0, 0, 0.3) !important;
    z-index: 1000 !important;
    overflow: hidden;
    border-radius: 3vw;
  }
  .insert-passenger-details .input-group.open .drop-down-container {
    position: absolute !important;
    top: 101%;
    height: 65vw;
  }

  .input-group .drop-down-container .input-group input[type="search"] {
    padding: 0.5vw 5.25vw 0.5vw 0.5vw !important;
    font-size: 3.5vw !important;
    height: 12vw !important;
  }

  .input-group .drop-down-container ul::-webkit-scrollbar {
    width: 1.2vw;
  }

  .input-group.open
    .drop-down-container
    .input-group
    input[type="search"]::-webkit-search-cancel-button {
    margin-left: 3vw;
  }
  .input-group .drop-down-container ul {
    padding-bottom: 14vw;
    gap: 3vw;
  }

  .input-group .drop-down-container ul li {
    padding: 3.7vw 3.5vw;
    font-size: 3.9vw;
    gap: 3vw;
  }
  .input-group .drop-down-container ul li i {
    font-size: 4.8vw;
  }
  .input-group .drop-down-container .input-group input[type="search"] {
    padding: 0.5vw 6.25vw 0.5vw 0.5vw !important;
    font-size: 3vw;
    height: 10vw;
    margin-top: 0.5vw;
    box-shadow: none !important;
    border: 0.35vw solid #ababab;
  }
  /* .input-group
    .drop-down-container
    .input-group
    input[type="search"]
    ::placeholder {
    font-size: 3vw !important;
  } */
}