@use "./custom" as *;

// import commponent
@use "components/buttons";
@use "components/animations";
@use "components/notification";

//import sections
@use "sections/navbar";
@use "sections/homeIntro";
@use "sections/services";
@use "sections/whyChoose";
@use "sections/popularPackages";
@use "sections/packages";
@use "sections/testimonial";
@use "sections/sss";
@use "sections/blog";
@use "sections/footer";
@use "sections/introCategory";
@use "sections/introBlog";
@use "sections/category";
@use "sections/blogDetail";
@use "sections/success";
@use "sections/modals";
@use "sections/payment";
@use "sections/contact";
@use "sections/order";
@use "sections/fastOrder";

* {
  font-family: $roobert;
  text-decoration: none !important;
  list-style: none !important;
}


body {
  background-color: $background !important;
  min-height: 100vh;
  overflow-x: hidden;
  padding-right: 0 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.container {
  max-width: 102rem !important;
}

.fa-trovo {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/trovo.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-dlive {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/dlive.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-clubhouse {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/clubhouse.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-likeapp {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/likeapp.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-kwai {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/kwai.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-onlyfans {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/onlyfans.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-opensea {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/opensea.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-dailymotion {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/dailymotion.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-netflix {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/netflix.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-discord {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/discord.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-tinder {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/tinder.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-pubg {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/pubg.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-shazam {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/shazam.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}

.fa-nonolive {
  height: 2.5625rem;
  width: 2.5625rem;
  background: no-repeat url("../icons/nonolive.svg");
  background-position: center;
  background-size: contain;
  display: block;
  &::before {
    content: "";
    display: none;
  }
}


.alert{
  top: 1.5rem;
  right: 1.5rem;
  z-index: 9999;
  position: fixed !important;
}