@font-face {
  font-family: "Azonix";
  src: url("../Azonix.otf");
}

.hero-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  padding-bottom: 50px;
}
.text-alt-title {
  font-family: Azonix;
  font-size: 26px;
  font-weight: normal;
}

.text-title {
  font-family: Azonix;
  font-size: 83px;
}

.parrafo {
  font-size: 13px !important;
  width: 80% !important;
  text-align: left !important;
}

.container-loaderC {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 25%;
}

.loader-community {
  width: 66px;
  height: 66px;
  border: 3px dotted #fff;
  border-style: solid solid dotted dotted;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
  display: none;
}
.loader-community::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px dotted #895fe3;
  border-style: solid solid dotted;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  animation: rotationBack 1s linear infinite;
  transform-origin: center center;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.containerCofreVideo {
  width: 100%;
  overflow: hidden;
}
.containerCofreVideo > video {
  width: 100%;
}

.containerStar {
  position: absolute;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.containerStar > svg{
  opacity: 0.15;
  scale: 1.25;
}

.containerStar > img{
  position: absolute;
  opacity: 0.05;
}

.spacing-section-model-ast {
  margin-top: 7rem;
}

.container-section-comm-ast {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-right: 10%;
  width: 100vw;
}

.container-img-ast {
  position: relative;
}

.container-img-ast > img {
  height: 100%;
  object-fit: cover;
  margin-left: -25%;
}

.gradient-ast-left {
  border-radius: 668px;
  background: #3f6e86;
  filter: blur(150px);
  width: 550px;
  height: 150px;
  flex-shrink: 0;
  position: absolute;
}

.circular-gradient-1-comm {
  width: 1159px;
  height: 1159px;
  flex-shrink: 0;
  border-radius: 1159px;
  background: rgba(137, 95, 227, 0.10);
  filter: blur(100px);
  position: absolute;
  bottom: -75%;
  left: -20%;
}

.circular-gradient-2-comm {
  width: 1159px;
  height: 800px;
  flex-shrink: 0;
  border-radius: 859px;
  opacity: 0.2;
  background: var(--gradient4, linear-gradient(90deg, rgba(137, 95, 227, 0.81) -3.1%, rgba(117, 232, 252, 0.69) 100.31%));
  filter: blur(200px);
  position: absolute;
  bottom: -55%;
  right: -35%;
}

.container-slider-communnity {
  display: none;
}

.laucher-comm-mb {
  display: none;
}