.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-xs {
  --bs-icon-size: 1rem;
  width: calc(var(--bs-icon-size) * 1.5);
  height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
  --bs-icon-size: 1rem;
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon-xl {
  --bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), .2);
}

.bs-icon.bs-icon-semi-white {
  color: var(--bs-primary);
  background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

span {
  color: white !important;
}

.copyright {
  color: white !important;
}

.text-muted {
  color: #aaaaaa !important;
}

svg {
  color: #ff983d;
}

svg {
}

a {
  text-decoration: none;
}

body {
  width: 100%;
  font-family: 'Montserrat';
}

h1:hover {
  cursor: default !important;
}

.navbar-link {
  margin-right: 4px;
  margin-left: 4px;
  font-size: 14px;
  position: relative;
  text-decoration: none;
  color: white;
}

.navbar-link:hover {
  color: #ff983d !important;
}

@media (min-width: 992px) {
  .hero-title.color-main {
    font-size: 5rem;
    max-width: 1000px;
  }
}

.hero-button {
}

.navbar-link::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background-color: #ff983d;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

.navbar-link:hover::before {
  transform: scaleX(1);
}

.dropdown-item {
  font-weight: 350;
  font-size: 13px;
}

.hero-bg {
  width: 100%;
  height: 80vh;
  background-image: url('../../assets/img/bg.jpg') !important;
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: solid 3px #846cf0;
}

.search-input {
  width: 20rem;
}

.product-button {
  color: white;
  text-decoration: none;
  border: white 2px solid;
  width: 100%;
  display: flex;
  height: 2.5rem;
  font-size: 1.5rem;
  text-align: center !important;
  justify-content: center;
  margin-top: 2rem;
  transition: background ease-in-out 0.3s !important;
}

.product-button:hover {
  background: white !important;
  color: black !important;
  transition: background ease-in-out 0.3s !important;
}

.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-xs {
  --bs-icon-size: 1rem;
  width: calc(var(--bs-icon-size) * 1.5);
  height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
  --bs-icon-size: 1rem;
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon-xl {
  --bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), .2);
}

.bs-icon.bs-icon-semi-white {
  color: var(--bs-primary);
  background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

@media (max-width: 350px) {
  .search-input {
    visibility: hidden;
  }
}

@media (max-width: 600px) {
  .hero-title {
    padding-top: 7rem;
  }
}

@media (max-width: 600px) {
  .hero-title {
    padding-top: 7rem;
  }
}

@media (max-width: 600px) {
  .hero-title {
    padding-top: 7rem;
  }
}

@media (max-width: 600px) {
  .hero-title {
    padding-top: 7rem;
  }
}

.hero-title {
  transition: transform 0.3s ease-in-out;
}

.hero-title:hover {
  transform: scale(1.1) !important;
  transition: ease-in-out 0.3s !important;
}

h1 {
  color: white;
}

.hosting-title {
  font-family: 'Montserrat';
  font-size: 20px;
  width: 100%;
  margin: 0;
  padding: 10px;
  font-weight: 900;
  background-color: rgba(0, 0, 0, 0.7);
}

.hosting-item {
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  margin: 0;
  padding: 0;
  border: solid 1px;
}

.hosting-item > div {
  background: black;
}

.hosting-item:hover {
  cursor: pointer;
}

.order-button {
  color: white;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out;
  transition: transform 0.2s ease-in-out !important;
  padding-right: 18px;
  padding-left: 18px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 2px solid #88878c;
  border-radius: 7px;
  font-weight: 700;
}

.order-button:hover {
  background: linear-gradient(to top, #7157e6, #dad1ff) !important;
  transform: scale(1.1) !important;
  transition: transform 0.2s ease-in-out !important;
}

@media (min-width: 768px) {
  .hero-title {
  }
}

@media (max-width: 576px) {
  .hero-button {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
}

.hero-button {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.bg-white-300 {
  background: rgba(255, 255, 255, 0.3) !important;
}

.rounded-bottom-left {
  border-radius: 0;
  border-bottom-left-radius: .25rem!important;
}

.rounded-bottom-right {
  border-radius: 0;
  border-bottom-right-radius: .25rem!important;
}

.pricing-item {
  max-width: 100%;
}

@media (min-width: 576px) {
  .pricing-item {
    max-width: 80%;
  }
}

@media (min-width: 992px) {
  .pricing-item {
    max-width: 320px;
  }
}

@media (min-width: 1200px) {
  .pricing-item {
    max-width: 330px;
  }
}

.bi-check-lg {
  color: white !important;
}

.active {
  background-color: #846cf0 !important;
}

@media (max-width: 992px) {
  .small-image {
  }
}

@media (max-width: 992px) {
  .small-image {
    display: none !important;
  }
}

.discord-btn {
  font-size: 20px;
  color: white !important;
  text-decoration: none !important;
  font-family: 'Montserrat' !important;
  border: 2px solid #7157e6 !important;
  border-radius: 6px !important;
  padding: 6px !important;
  transition: background ease-in-out 0.3s !important;
}

.discord-btn:hover {
  background: #7157e6;
  transition: background ease-in-out 0.3s !important;
  color: white !important;
}

a {
}

a {
  color: white !important;
}

.link-secondary {
  color: white !important;
}

h3 {
  color: white !important;
}