@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;1,400&family=Ovo&display=swap");

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  animation-name: fadeOut;
  animation-duration: 1s;
  animation-play-state: paused;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

#preloader.hidden{
    display:none;
}

#preloaderImgWrapper {
  width: 40vw;
  height: 40vw;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}



nav.navbar{
    background-color: white !important;
}

.img-full, .about__icon, .how__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body {
  overflow-x: hidden;
}

.page-header{

}

.shadow-custom{
    box-shadow: 0px 5px 70px 0px rgba(38.00000000000003, 42.00000000000001, 76.00000000000006, 0.1) !important;
}

.img-potrait {
  width: auto;
  height: 100%;
  object-fit: contain;
}

.img-landscape {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.mt-lg {
  margin-top: 15vh !important;
}

.w-max, .w-max__ex-md {
  width: max-content !important;
}


.point {
  cursor: pointer;
}

.gold {
  color: #FEC107;
}

.text-black {
  color: black !important;
}

.bg-gold {
  background-color: #FEC107 !important;
}

.primary {
  color: #0070F4 !important;
}

.bg-blue {
  background-color: #0070F4 !important;
}

.bg-light-fade {
  background-color: rgb(242, 244, 247);
}

.light-fade {
  color: rgb(242, 244, 247);
}
.navbar-toggler{
    border:none !important
}

body .admin-link {
  color: rgb(40, 40, 40);
}
body .admin-link-bg {
  background-color: rgb(243, 243, 243) !important;
}
body .admin-link-active > a {
  background-color: rgb(243, 243, 243) !important;
}

.cursor-default {
  cursor: default !important;
}

.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}

.w-75, .w-75__exp-md {
  width: 75%;
}
@media screen and (max-width: 767.99px) {
  .w-75__exp-md {
    width: 100%;
  }
}

.w-50, .w-50__exp-lg-100, .w-50__exp-lg-75, .w-50__exp-md-100, .w-50__exp-md-75 {
  width: 50%;
}
@media screen and (max-width: 767.99px) {
  .w-50__exp-md-75 {
    width: 75%;
  }
}
@media screen and (max-width: 767.99px) {
  .w-50__exp-md-100 {
    width: 100%;
  }
}
@media screen and (max-width: 991.99px) {
  .w-50__exp-lg-75 {
    width: 75%;
  }
}
@media screen and (max-width: 991.99px) {
  .w-50__exp-lg-100 {
    width: 100%;
  }
}

.tiny-text {
  font-size: calc(10px + 0.2vw);
}

.cursor-pointer {
  cursor: pointer !important;
}

.rotate-90 {
  transform: rotate(90deg);
}

.small-text {
  font-size: 12px;
}

.how__img--wrapper {
height: 100%;
}

.btn__main {
  background-color: #0070F4;
}
.btn__outline {
  outline: 1px solid #0070F4;
  color: #0070F4;
}

.about {
  margin-top: 10vh;
}
.about__wrapper {
  background-color: white;
  border-radius: 15px;
  height: 100%;
}
.about__bg {
  /*
  background: rgb(148,130,63);
  background: linear-gradient(0deg, rgba(148,130,63,1) 0%, rgba(91,82,48,1) 27%, rgba(0,0,0,1) 100%);
  */
  background-color: #242124;
  color: white;
  border-radius: 15px;
  background-size: cover;
  background-position: center;
}
.about__bg--text {
  padding-top: 5vh;
  padding-bottom: 5vh;
  margin-left: 7vw;
}
.about__btn {
  background-color: #AF6CFF;
  border-radius: 10px;
  border: none;
  color: white;
  margin-top:10px;
  display:inline-block;
  text-decoration: none;
}
.about__icon__wrapper {
  width: 50px;
  height: 50px;
  overflow: hidden;
  margin-bottom: 2vh;

  display: block;

}

.center {
  width: max-content;
  margin-left: auto !important;
  margin-right: auto !important;
}

.blur {
  left: 30%;
  bottom: 0;
  box-shadow: 1px 1px 250px 70px #ffd700;
}
.blur__md {
  left: 10%;
  bottom: 0;
  box-shadow: 1px 1px 100px 50px #ffd700;
}

ul.list {
  list-style-type: none;
  padding-left: 0;
}

.transaction-img--wrapper {
  box-shadow: 1px 1px 85px 15px #E6FFE6;
  width: 100%;
}
.transaction-img--wrapper img{
    border-radius: 10px;
  width: 100%;
}
.transaction-img--wrapper img{
    border-radius: 10px;
}

a.side-link {
  text-decoration: none;
  color: black;
}
a.side-link * {
  cursor: pointer;
}
a.side-link .link-text {
  text-decoration: underline;
}

.rate-bg {
  background-image: url("../images/currency converter bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
}

.currency-box {
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.35);
}
.currency-box input[type=text] {
  background-color: whitesmoke;
}

.glide__arrows, .glide__arrow, .glide__bullets {
  position: relative !important;
  bottom: 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  transform: translateY(0%) !important;
}

body .trans-hero-glide .glide__slide {
  text-align: center;
  white-space: nowrap;
  width: max-content !important;
}

.glide__arrows > * {
  box-shadow: none !important;
  border: none !important;
}

.carousel-img {
  width: 60px;
  height: 60px;
}

.transaction-bg {
  background-image: url("../images/currency converter bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
}

.trans-pill {
  background-color: rgba(255, 255, 255, 0.2);
}

.glide__slide .carousel-text{
    min-height: 100px !important;
}

.footer__links {
  display: block;
  text-decoration: none;
  color: black;
  margin: 1.5vh 0;
  width: 100%;
}
.footer__links:hover {
  color: #FEC107 !important;
}
.footer__icon {
  font-size: 1rem;
  margin: 0 5px;
  color: black;
}
@media screen and (max-width: 767.99px) {
  .footer__icon {
    font-size: calc(1rem + 1vw + 1vh);
  }
}
.footer__icon:hover {
  color: #FEC107;
}
.footer-logo-img {
  max-width: 80px;
  max-height: 70px;
}

.divider {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  width: 75%;
}
@media screen and (max-width: 767.99px) {
  .divider {
    width: 100%;
  }
}

.hero{
    margin-top:13%;
    min-height: 85vh;
}
.hero-section{

}
.hero_underline {
height: 30px;
width: 65% !important;
margin: auto;
}
.hero-bg-img {
  width: 80vw;
  height: auto;
}
.hero-mobile-bg{
    max-width:390px;
    height:580px;
    border-radius: 30px;
    overflow: hidden;
}
.hero-mobile-bg img{

    object-fit: cover;
}
.hero-mobile-bg{
    max-width:390px;
    height:580px;
    border-radius: 30px;
    overflow: hidden;
}
.hero-mobile-bg img{

    object-fit: cover;
}

nav .nav-link{
    font-weight: 500;
    font-family: "Montserrat",sans-serif !important;
}


body nav.navbar .offcanvas .offcanvas-title {
  width: 80px;
  height: auto;
}
body nav.navbar .navbar-toggler:focus {
  box-shadow: none;
  border: 2px solid #FEC107;
}

/*# sourceMappingURL=styles.css.map */

.page-header{
    margin-top:50px;
 min-height: 35vh;
color: white !important;
 margin-top:100px;
 background-image: url("../images/hero-dark.jpg");
 background-position: top;
 background-size: cover;
 background-attachment: fixed;
}





input.form-control

input,
input::placeholder {
    font-size: inherit !important;
}


@media screen and (max-width: 767.99px) {
    .w-max__ex-md {
      width: 100% !important;
    }

    .hero {
      min-height: max-content;
      display: flex;
      align-items: center;

    }
  }