html {
  scroll-behavior: smooth;
}

.pointer {
  cursor: pointer;
}

@media (min-width: 992px) {
  .width-80 {
    max-width: 80%;
  }
  .width-60 {
    max-width: 60%;
  }
  .width-40 {
    max-width: 40%;
  }
  .width-20 {
    max-width: 20%;
  }
}

.shadow-xs {
  box-shadow: 0 1px 1px 0 rgba(111, 111, 111, 0.25);
}

.rounded-xs {
  border-radius: 2px;
}

@media (min-width: 576px){
  .modal-xs {
      max-width: 125px;
  }
}


.navbar-light .navbar-nav .nav-link {
  color: #647484;
}
.dropdown-item {
  color: #647484;
}
/* ------------------- Component: FONTS ------------------- */

.b-6 {
  font-weight: 600;
}
.b-8 {
  font-weight: 800;
}
.f-50 {
  font-size: .5rem;
}
.f-60 {
  font-size: .6rem;
}
.f-70 {
  font-size: .7rem;
}
.f-80 {
  font-size: .8rem;
}
.f-90 {
  font-size: .9rem;
}
.f-100 {
  font-size: 1rem;
}
.f-125 {
  font-size: 1.25rem;
}
.f-150 {
  font-size: 1.5rem;
}
.f-175 {
  font-size: 1.75rem;
}
.f-200 {
  font-size: 2rem;
}
.f-250 {
  font-size: 2.5rem;
}
.f-300 {
  font-size: 3rem;
}
.f-400 {
  font-size: 4rem;
}
.f-500 {
  font-size: 5rem;
}
.f-600 {
  font-size: 6rem;
}
.f-700 {
  font-size: 7rem;
}
.f-800 {
  font-size: 8rem;
}
.lh-100 {
  line-height: 1;
}
.lh-150 {
  line-height: 1.5;
}
.lh-200 {
  line-height: 2;
}
.lh-250 {
  line-height: 2.5;
}
.lh-300 {
  line-height: 3;
}
/* ------------------- Component: FONTS ------------------- */

/* ------------------- Component: spaces -------------------  */
.pt-6 {
  padding-top: 4rem!important;
}
.pt-7 {
  padding-top: 5rem!important;
}
.pt-8 {
  padding-top: 6rem!important;
}
.pt-9 {
  padding-top: 7rem!important;
}
.pt-10 {
  padding-top: 8rem!important;
}
.pb-6 {
  padding-bottom: 4rem!important;
}
.pb-7 {
  padding-bottom: 5rem!important;
}
.pb-8 {
  padding-bottom: 6rem!important;
}
.pb-9 {
  padding-bottom: 7rem!important;
}
.pb-10 {
  padding-bottom: 8rem!important;
}
.py-6 {
  padding-top: 4rem!important;
  padding-bottom: 4rem!important;
}
.py-7 {
  padding-top: 5rem!important;
  padding-bottom: 5rem!important;
}
.py-8 {
  padding-top: 6rem!important;
  padding-bottom: 6rem!important;
}
.py-9 {
  padding-top: 7rem!important;
  padding-bottom: 7rem!important;
}
.py-10 {
  padding-top: 8rem!important;
  padding-bottom: 8rem!important;
}
.mt-6 {
  margin-top: 4rem!important;
}
.mt-7 {
  margin-top: 5rem!important;
}
.mt-8 {
  margin-top: 6rem!important;
}
.mt-9 {
  margin-top: 7rem!important;
}
.mt-10 {
  margin-top: 8rem!important;
}
.mb-6 {
  margin-bottom: 4rem!important;
}
.mb-7 {
  margin-bottom: 5rem!important;
}
.mb-8 {
  margin-bottom: 6rem!important;
}
.mb-9 {
  margin-bottom: 7rem!important;
}
.mb-10 {
  margin-bottom: 8rem!important;
}
.my-6 {
  margin-top: 4rem!important;
  margin-bottom: 4rem!important;
}
.my-7 {
  margin-top: 5rem!important;
  margin-bottom: 5rem!important;
}
.my-8 {
  margin-top: 6rem!important;
  margin-bottom: 6rem!important;
}
.my-9 {
  margin-top: 7rem!important;
  margin-bottom: 7rem!important;
}
.my-10 {
  margin-top: 8rem!important;
  margin-bottom: 8rem!important;
}
/* ------------------- Component: spaces -------------------  */

/* ------------------- strat border ------------------- */
.border-blue {
  border-color: #048ed0!important;
}
.border-green {
  border-color: #00c799!important;
}
.border-red {
  border-color: #ff001e!important;
}
.border-yellow {
  border-color: #fd935a!important;
}
.border-aqua {
  border-color: #00c0ef!important;
}
.border-gray-05 {
  border-color: #f8f9fb!important;
}
.border-light-blue {
  border-color: #a6e2ff!important;
}
.border-orange {
  border-color: #ff7a59!important;
}
.border-gray-10 {
  border-color: #e6e9ef!important;
}
.border-gray-30 {
  border-color: #e6e9ef!important;
}
.border-gray-70 {
  border-color: #647484!important;
}
.border-gray-90 {
  border-color: #33475b!important;
}
.border-black {
  border-color: #111111!important;
}
.border-fuchsia {
  border-color: #f012be!important;
}
.border-purple {
  border-color: #6f42c1!important;
}
.border-light-purple {
  border-color: #a676ff!important;
}
.border-maroon {
  border-color: #d81b60!important;
}
/* ------------------- END border ------------------- */

/* ------------------- Component: Text colors ------------------- */
.text-red {
  color: #ff001e!important;
}
a.text-red:focus, a.text-red:hover {
  color: #c9210c!important;
}
.text-yellow {
  color: #fd935a!important;
}
a.text-yellow:focus, a.text-yellow:hover {
  color: #fc5c06!important;
}
.text-aqua {
  color: #00c0ef!important;
}
a.text-aqua:focus, a.text-aqua:hover {
  color: #007c9a!important;
}
.text-blue {
  color: #0086E6!important;
}
a.text-blue:focus, a.text-blue:hover {
  color: #005591!important;
}
.text-orange {
  color: #ff7a59!important;
}
a.text-orange:focus, a.text-orange:hover {
  color: #ff3604!important;
}
.text-black {
  color: #111111!important;
}
a.text-black:focus, a.text-black:hover {
  color: #000!important;
}
.text-light-blue {
  color: #a6e2ff!important;
}
a.text-light-blue:focus, a.text-light-blue:hover {
  color: #51c6ff!important;
}
.text-green {
  color: #00c799!important;
}
a.text-green:focus, a.text-green:hover {
  color: #427200!important;
}
.text-gray-05 {
  color: #f8f9fb!important;
}
a.text-gray-05:focus, a.text-gray-05:hover {
  color: #c2cbdc!important;
}
.text-gray-10 {
  color: #e6e9ef!important;
}
a.text-gray-10:focus, a.text-gray-10:hover {
  color: #b2bbce!important;
}
.text-gray-30 {
  color: #7c8490!important;
}
a.text-gray-30:focus, a.text-gray-30:hover {
  color: #aaafb7!important;
}
.text-gray-70 {
  color: #647484!important;
}
a.text-gray-70:focus, a.text-gray-70:hover {
  color: #3f4a54!important;
}
.text-gray-90 {
  color: #33475b!important;
}
a.text-gray-90:focus, a.text-gray-90:hover {
  color: #151d25!important;
}
.text-fuchsia {
  color: #f012be!important;
}
a.text-fuchsia:focus, a.text-fuchsia:hover {
  color: #a30a80!important;
}
.text-purple {
  color: #6f42c1!important;
}
a.text-purple:focus, a.text-purple:hover {
  color: #4a2b83!important;
}
.text-light-purple {
  color: #a676ff!important;
}
a.text-light-purple:focus, a.text-light-purple:hover {
  color: #6f21ff!important;
}
.text-maroon {
  color: #d81b60!important;
}
a.text-maroon:focus, a.text-maroon:hover {
  color: #8d123e!important;
}
/* ------------------- Component: Text colors ------------------- */

/* ------------------- Component: BG colors ------------------- */
.bg-red {
  background-color: #ff001e !important;
}
.bg-yellow {
  background-color: #fd935a !important;
}
.bg-aqua {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #048ed0 !important;
}
.bg-light-blue {
  background-color: #a6e2ff !important;
}
.bg-green {
  background-color: #00c799!important;
}
.bg-orange {
  background-color: #ff7a59 !important;
}
.bg-gray-05 {
  background-color: #f8f9fb !important;
}
.bg-gray-10 {
  background-color: #e6e9ef !important;
}
.bg-gray-30 {
  background-color: #aaafb7 !important;
}
.bg-gray-70 {
  background-color: #647484 !important;
}
.bg-gray-90 {
  background-color: #33475b !important;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #6f42c1 !important;
}
.bg-light-purple {
  background-color: #a676ff !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
/* ------------------- Component: END BG colors ------------------- */

/* ------------------- Component: gradient BG colors ------------------- */

.bg-blue-01-g {
  background-image: -webkit-linear-gradient(bottom left, #337ab7, #3dc2f5);
  background-image: linear-gradient(to top right, #337ab7, #3dc2f5);
}
.bg-blue-02-g {
  background: linear-gradient(326.55deg, #00548C 0%, #0065B7 100%);
}
.bg-blue-03-g {
  background: #37ABFF linear-gradient(0deg, #0086E6 0%, rgba(55,171,255,0) 100%);;
}
.bg-blue-04-g {
  background: linear-gradient(40deg,#45cafc,#303f9f)!important;
}
.bg-aqua-g {
  background-image: -webkit-linear-gradient(bottom left, #0098bd, #85e7ff);
  background-image: linear-gradient(to top right, #0098bd, #85e7ff);
}
.bg-yellow-g {
  background-image: -webkit-linear-gradient(bottom left, #ff8a4b, #ffb892);
  background-image: linear-gradient(to top right, #ff8a4b, #ffb892);
}
.bg-red-g {
  background-image: -webkit-linear-gradient(bottom left, #e4301a, #ff8b7d);
  background-image: linear-gradient(to top right, #e4301a, #ff8b7d);
}
.bg-orange-g {
  background-image: -webkit-linear-gradient(bottom left, #ff7755, #ff9f87);
  background-image: linear-gradient(to top right, #ff7755, #ff9f87);
}
.bg-green-g {
  background-image: -webkit-linear-gradient(bottom left, #00c799, #68ffe3);
  background-image: linear-gradient(to top right, #00c799, #68ffe3);
}
.bg-gray-g {
  background-image: -webkit-linear-gradient(bottom left, #647484, #a9bfd2);
  background-image: linear-gradient(to top right, #647484, #a9bfd2);
}
.bg-light-gray-g {
  background-image: -webkit-linear-gradient(bottom left, #eef0f3, #fafcfd);
  background-image: linear-gradient(to top right, #eef0f3, #fafcfd);
}
.bg-purple-01-g {
  background-image: -webkit-linear-gradient(bottom left, #613da2, #b48cff);
  background-image: linear-gradient(to top right, #613da2, #b48cff);
}
.bg-purple-02-g {
  background: linear-gradient(40deg,#ff6ec4,#7873f5)!important
}
.bg-blue-green-g {
  background-image: -webkit-linear-gradient(left, #00a4bd, #00bda5);
  background-image: linear-gradient(to right, #00a4bd, #00bda5);
}
.bg-auqa-green-g {
  background: linear-gradient(40deg,#2096ff,#05ffa3)!important;
}
.bg-peach-g {
  background: linear-gradient(40deg,#ffd86f,#fc6262)!important;
}
/* ------------------- Component: end gradient BG colors ------------------- */

/* ------------------- Component: transparent BG colors ------------------- */
.bg-white-t1{
  background-color: rgba(245, 245, 245, 0.1);
}
.bg-white-t2{
  background-color: rgba(245, 245, 245, 0.2);
}
.bg-white-t3{
  background-color: rgba(245, 245, 245, 0.3);
}
.bg-white-t4{
  background-color: rgba(245, 245, 245, 0.4);
}
.bg-white-t5{
  background-color: rgba(245, 245, 245, 0.5);
}
.bg-white-t6{
  background-color: rgba(245, 245, 245, 0.6);
}
.bg-white-t7{
  background-color: rgba(245, 245, 245, 0.7);
}
.bg-white-t8{
  background-color: rgba(245, 245, 245, 0.8);
}
.bg-white-t9{
  background-color: rgba(245, 245, 245, 0.9);
}
.bg-black-t1{
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-black-t2{
  background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-t3{
  background-color: rgba(0, 0, 0, 0.3);
}
.bg-black-t4{
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-black-t5{
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-t6{
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-t7{
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-t8{
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-black-t9{
  background-color: rgba(0, 0, 0, 0.9);
}
/* ------------------- Component: END transparent BG colors ------------------- */

/* ------------------- border classes ------------------- */
.border-1 {
  border-width:1px !important;
}
.border-2 {
  border-width:2px !important;
}
.border-3 {
  border-width:3px !important;
}
.border-4 {
  border-width:4px !important;
}
.border-5 {
  border-width:5px !important;
}
.border-6 {
  border-width:6px !important;
}
.border-7 {
  border-width:7px !important;
}
.border-8 {
  border-width:8px !important;
}
.border-9 {
  border-width:0px !important;
}
.border-10 {
  border-width:10px !important;
}
/* ------------------- END border classes ------------------- */

 /*
 * line shape
 * -------------------
 */
 .line-shape {
  width: 80px;
  height: 2px;
  margin-top: 15px;
}
.line-shape-center {
  margin-left: calc(50% - 40px);
}
 /*
 * END line shape
 * -------------------
 */

 /*
 * STARRT form-label-group
 * -------------------
 */

 .form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  height: 3.125rem;
  padding: .75rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #777;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}

 /*
 * END form-label-group
 * -------------------
 */

 /*
 * LOGIN PAGE
 * -------------------
 */
 .wrap-split {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row-reverse;
}

.wrap-split-right {
  width: 560px;
  min-height: 100vh;
  display: block;
}

.wrap-split-left {
  width: calc(100% - 560px);
  position: relative;
  z-index: 1;
}

 /*
 * END LOGIN PAGE
 * -------------------
 */

 #faq-rtl {
  direction: rtl;
  text-align: right;
}