@font-face {
  font-family: "Horyzen";
  src: url("./fonts/Horyzen-Light.otf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Horyzen";
  src: url("./fonts/Horyzen-Regular-10.otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Horyzen";
  src: url("./fonts/Horyzen-Bold-10.otf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Horyzen";
  src: url("./fonts/Horyzen-Extra-Bold-8.otf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Horyzen";
  src: url("./fonts/Horyzen-Headline(5-1).otf");
  font-weight: 800;
  font-style: normal;
}
body,
html {
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  background: #000429;
}

.wrapper {
  height: unset;
  width: unset;
  overflow: hidden;
}

:root {
  --primary-color: #a9b5ff;
}

.preloader {
  background-color: #000429;
}

.list-social,
.footer .footer__bottom .list-social {
  margin-top: 0;
}
.list-social li a,
.footer .footer__bottom .list-social li a {
  background: linear-gradient(264deg, rgb(173, 185, 255) 0%, rgb(74, 100, 250) 100%);
  border-radius: 5px;
}

.menu-item span {
  display: none;
}

.title {
  font-family: "Conthrax", sans-serif;
}

.bg-newsletter,
.bg-articulos,
.bg-articulos-2,
.bg-videos,
.bg-podcasts {
  background-repeat: no-repeat;
  background-size: contain;
}

.bg-newsletter {
  background-image: url("../assets/images/newsletter/header.png");
}

.bg-articulos {
  background-image: url("../assets/images/articulos/header.png");
}

.bg-articulos-2 {
  background-image: url("../assets/images/articulos/fondo.png");
  background-repeat: repeat-y;
}

.bg-videos {
  background-image: url("../assets/images/videos/header.png");
}

.bg-podcasts {
  background-image: url("../assets/images/podcasts/header.png");
}

.flotante {
  position: absolute;
}

.esfera-puntos {
  left: -258px;
  bottom: 20%;
}

.floating-element-1 {
  position: absolute;
  left: 160px;
  right: 0px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: zoomin-zoomout 1s 0.5s linear alternate infinite;
}
.floating-element-1:hover {
  filter: sepia(100%);
}
.floating-element-1 img {
  width: 80px;
}

.lineas-derecha-newsletter {
  right: -300px;
  top: 20%;
}
.lineas-derecha-newsletter img {
  width: 600px;
}

.circulo-carga-videos {
  right: -200px;
  top: 35%;
  animation: rotation 25s 1s linear infinite;
}

.circulo-carga-videos-2 {
  left: -200px;
  top: 60%;
  animation: rotation 30s 1s linear reverse infinite;
}

@keyframes pulse-anim2 {
  0% {
    box-shadow: rgb(54, 82, 249) 0 0 0 0;
  }
  100% {
    box-shadow: rgba(54, 82, 249, 0.0001) 0 0 0 20px;
  }
}
@keyframes zoomin-zoomout2 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes zoomin-zoomout3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.esfera-videos-1 {
  right: 80px;
  top: 58%;
  animation: zoomin-zoomout3 4s 1s linear alternate infinite;
}

.esfera-videos-2 {
  right: 60px;
  top: 33%;
  animation: zoomin-zoomout3 3s 1.5s linear alternate infinite;
}
.esfera-videos-2 img {
  width: 25px;
}

.esfera-videos-3 {
  left: 60px;
  top: 52%;
  animation: zoomin-zoomout3 4s 1s linear alternate infinite;
}
.esfera-videos-3 img {
  width: 70px;
}

.esfera-videos-4 {
  left: 30px;
  top: 72%;
  animation: zoomin-zoomout3 3s 1.5s linear alternate infinite;
}
.esfera-videos-4 img {
  width: 50px;
}

.action-btn {
  margin-top: 20px;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
  border: unset;
  background: unset;
}

.inner-page .wrapper {
  margin-top: 98px;
}
.inner-page .header {
  position: absolute;
  top: 0;
}

.header-top {
  display: none !important;
  background-color: #201d52;
  display: flex;
  justify-content: center;
  padding: 15px 0;
}
.header-top p a {
  background: linear-gradient(264.28deg, #DEC7FF -38.2%, #5C27FE 103.12%), #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h3,
.h3 {
  font-size: 38px;
}

h2,
.h2 {
  font-size: 50px;
}

.header {
  background-color: rgba(7, 10, 41, 0.8);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.header .header__right .main-nav .menu li .sub-menu li:hover > a {
  color: #5C27FE;
}
.header .header__right .main-nav .menu li .sub-menu .menu-item {
  background: rgb(255, 255, 255);
}
.header .header__right .main-nav .menu li a {
  font-size: 14px;
}
.header.is-fixed {
  background: rgba(7, 10, 41, 0.8);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

[data-aos^=fade][data-aos^=fade].aos-animate.roadmap-box {
  transform: translateZ(0) translateY(-112px);
}

[data-aos^=fade][data-aos^=fade].aos-animate.roadmap-box.right {
  transform: translateZ(0) translateY(0);
}

.roadmap__inner::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -40px;
  left: 50%;
  right: 50%;
  background: #1F223E;
  height: 103%;
  width: 1px;
}

.roadmap__main::after {
  content: unset;
}

.sub-heading,
.roadmap.s3 a,
.create .heading,
.swiper-slide .title,
.header .header__right .main-nav .menu li a {
  font-family: "Conthrax", sans-serif;
  letter-spacing: normal;
  font-size: 1.1rem !important;
  font-weight: 700;
}

.header .header__right .main-nav .menu .sub-menu li a {
  font-family: "Readex Pro", sans-serif;
  font-size: 14px !important;
  font-weight: 400;
}

.wrapper .block-text .sub-heading {
  border: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
  background: unset;
}
.wrapper .block-text .heading .purple,
.wrapper .block-text [data-word="Arbitrum?"] span {
  background: linear-gradient(264.28deg, #DEC7FF -38.2%, #5C27FE 103.12%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.wrapper .block-text .desc {
  font-size: 18px;
  line-height: 1.2;
}

@keyframes moveleft-moveright {
  0% {
    left: 0px;
  }
  50% {
    left: -100px;
  }
  100% {
    left: 0;
  }
}
@keyframes fade-in-from-left {
  0% {
    opacity: 0;
    left: -500px;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fade-in-from-center-zoomin-zoomout {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1.1);
  }
}
@keyframes fade-in-from-right {
  0% {
    opacity: 0;
    left: 500px;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fade-in-place {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes move-up-down {
  0% {
    opacity: 0;
    top: 50px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes zoomin-zoomout {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes move-up {
  0% {
    opacity: 0;
    bottom: -100px;
  }
  100% {
    opacity: 1;
    bottom: 0;
  }
}
.banner {
  background: unset;
  background-size: cover;
  padding-bottom: 0;
  background-image: url("../assets/images/home/fondo-banner.png");
}
.banner .banner__right {
  padding-bottom: 0;
}
.banner .banner__right .image {
  position: relative;
  width: unset;
  height: unset;
  margin-right: 0;
  box-shadow: unset;
  left: -150px;
}
.banner .banner__right .image::before, .banner .banner__right .image:after {
  display: none;
}
.banner .banner__right .image img {
  -o-object-fit: unset;
     object-fit: unset;
  height: unset;
}
.banner .banner__right .image .flotante {
  position: absolute;
  top: 0;
  width: 850px;
}
.banner .banner__right .image .img1-a {
  opacity: 0;
  animation: fade-in-from-left 3s 0s forwards;
}
.banner .banner__right .image .img1-b {
  opacity: 0;
  animation: fade-in-from-center-zoomin-zoomout 3s 0s alternate infinite;
}
.banner .banner__right .image .img1-c {
  opacity: 0;
  animation: fade-in-place 3s 0s alternate infinite;
}
.banner .banner__right .image .img1-d {
  opacity: 0;
  animation: move-up-down 3s 0s alternate infinite;
}
.banner .banner__right .image .img1-e {
  opacity: 0;
  animation: fade-in-from-right 2s 0s forwards;
}
.banner .banner__right .image .img1-f {
  opacity: 0;
  animation: move-up-down 3s 0s alternate infinite;
  z-index: 10;
}
.banner .banner__right .image .img1-g {
  opacity: 0;
  animation: move-up-down 3s 0s linear forwards;
  z-index: 9;
}

.about {
  padding-top: 120px;
  padding-bottom: 120px;
}
.about .about__right .images {
  position: relative;
}
.about .about__right .images .flotante {
  position: absolute;
  left: 0;
}
.about .about__right .images img {
  width: 100%;
}
.about .about__right .images::after {
  display: none;
}
.about .about__right .images .img2-a {
  width: 150%;
  left: -24%;
  top: -100px;
  animation: zoomin-zoomout 5s 1.5s linear alternate infinite;
}
.about .about__right .images .img2-b {
  opacity: 0;
  left: 40px;
  animation: fade-in-from-center-zoomin-zoomout 3s 1.5s linear forwards;
}
.about .about__right .images .img2-c {
  width: 180px;
  top: 114px;
  left: 39%;
  animation: zoomin-zoomout 3s 1.5s linear alternate infinite;
  z-index: 100;
}
.about .about__right .images .img2-d {
  animation: move-up-down2 6s 1.5s linear alternate infinite;
}
.about .about__right .images .img2-e {
  animation: move-up-down2 3s 1.5s linear alternate infinite;
}
.about .about__right .images .img2-f {
  animation: move-up-down2 9s 1.5s linear alternate infinite;
}
.about .about__right .images .img2-g {
  animation: move-up-down2 12s 1.5s linear alternate infinite;
}
.about .background-box {
  background-image: url("../assets/images/home/fondo-comofunciona.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.roadmap.s3 {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 170px;
}
.roadmap.s3 a {
  display: flex;
  width: 100%;
  justify-content: center;
}
.roadmap.s3 .roadmap-box {
  width: unset;
  margin: unset;
}
.roadmap.s3 .roadmap-box .time {
  top: 0;
}
.roadmap.s3 .swiper {
  min-height: 550px;
}
.roadmap.s3 .time {
  position: relative;
  left: 0;
  margin-bottom: 15px;
  padding: 0;
  border: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
}
.roadmap.s3 .roadmap-box {
  text-align: center;
  background: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
  padding: 25px 30px;
}
.roadmap.s3 .roadmap-box img {
  width: 15px;
  margin-right: 5px;
}
.roadmap.s3 .roadmap-box::after, .roadmap.s3 .roadmap-box::before {
  display: none;
}
.roadmap.s3 .box {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 15px;
}
.roadmap.s3 .box a {
  overflow: hidden;
}
.roadmap.s3 .box a:hover img {
  transform: scale(1.2);
}
.roadmap.s3 .box img {
  border-radius: 20px;
  transition: 0.5s all ease;
}
.roadmap.s3 .swiper-button-next,
.roadmap.s3 .swiper-button-prev {
  top: 30%;
}
.roadmap.s3 .swiper-pagination {
  position: relative;
  bottom: 15px;
}

.swiper-pagination-bullet {
  background: #5C27FE;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}

@keyframes animate-left-right {
  0% {
    transform: translateX(-50px);
  }
  50% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes move-up-down2 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(5px);
  }
}
.header__logo img {
  width: 80px;
  height: auto;
  padding: 15px 0;
}

.logo img {
  width: 100px;
}

.create {
  padding-bottom: 0;
}
.create .create__main::before {
  border-radius: 20px;
  background: url("../assets/images/home/fondo-latecnologiaarbitrum.png");
}
.create .create__main .newsletter .form-control:focus {
  border-color: #a9b5ff;
  box-shadow: unset;
}
.create .create__main .newsletter .action-btn {
  margin-top: 0;
  padding: 0;
  overflow: unset;
  color: #201d52;
  position: relative;
  right: 10px;
}
.create .create__main .newsletter .action-btn:hover {
  color: #fff;
}
.create .create__main .content .action-btn span {
  background: #222a53;
  border: 1px solid #222a53;
  color: #fff;
}
.create .create__main .images {
  position: relative;
  top: -11px;
}
.create .create__main img {
  width: 500px;
  animation: unset;
  top: -162px;
}
.create .create__main .img3-b1 {
  animation: zoomin-zoomout2 3s 1s linear alternate infinite;
}
.create .create__main .img3-e {
  opacity: 1;
  animation: move-up-down2 3s 1s linear alternate infinite;
}
.create .create__main .img3-f {
  opacity: 1;
  animation: move-up-down2 3s 1.5s linear alternate infinite;
}
.create .create__main .img3-h {
  opacity: 1;
  animation: move-up-down2 3s 2s linear alternate infinite;
}
.create .create__main .img3-i {
  opacity: 1;
  animation: move-up-down2 3s 4s linear alternate infinite;
}
.create .create__main .img3-g {
  opacity: 1;
  animation: move-up-down2 3s 2.5s linear alternate infinite;
}
.create .create__main .img3-d {
  opacity: 1;
  animation: move-up-down2 3s 3s linear alternate infinite;
}
.create .create__main .img3-c {
  opacity: 1;
  animation: move-up-down2 3s 6s linear alternate infinite;
}

.faq {
  padding-bottom: 0;
}
.faq .roadmap__main.s1 .swiper {
  min-height: 550px;
}
.faq .roadmap__main.s1 .time {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background: unset;
  position: relative;
  left: 0;
  margin-bottom: 15px;
  padding: 0;
  border: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
}
.faq .roadmap__main.s1 .time img {
  border-radius: unset !important;
}
.faq .roadmap__main.s1 .box {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.faq .roadmap__main.s1 .roadmap-box {
  position: absolute;
  left: 0;
  top: 50px;
  margin-top: 0;
  text-align: left;
  background: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
  padding: 25px 30px;
}
.faq .roadmap__main.s1 .roadmap-box img {
  width: 15px;
  margin-right: 5px;
}
.faq .roadmap__main.s1 .roadmap-box::after, .faq .roadmap__main.s1 .roadmap-box::before {
  display: none;
}
.faq .roadmap__main.s1 .roadmap-box .content .text {
  font-size: 20px;
}
.faq .roadmap__main.s1 .roadmap-box .action-btn {
  margin-top: 15px;
  padding: 0;
  border: unset;
}
.faq .roadmap__main.s1 .roadmap-box .action-btn span {
  background: #fff;
  color: #333;
}
.faq .roadmap__main.s1 .box {
  position: relative;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 15px;
}
.faq .roadmap__main.s1 .box img {
  border-radius: 20px;
}
.faq .roadmap__main.s1 .swiper-button-next,
.faq .roadmap__main.s1 .swiper-button-prev {
  top: 32%;
}
.faq .swiper-pagination {
  position: relative;
  bottom: 15px;
}
.faq .content-tab .text-coming-soon-float {
  position: absolute;
  top: 47%;
  left: 23%;
}
.faq .content-tab .wrap-video {
  margin: 15px 0;
}

.faq__main ul {
  border: unset;
}

@keyframes faq-home-animation {
  0% {
    background-size: 100%;
  }
  100% {
    background-size: 115%;
  }
}
.faq-home,
.about.after-main,
.roadmap.s2 {
  background-image: url("../assets/images/home/fondo-contenido.png");
  background-position: center;
  animation: faq-home-animation 15s 0.1s linear alternate infinite;
}

.faq-home .roadmap-box {
  width: unset;
  margin: unset;
}
.faq-home .roadmap-box .time {
  top: 0;
}

.roadmap.s2 {
  position: relative;
  padding: 0;
  margin: 100px 0 100px;
}
.roadmap.s2 .linea {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 150px;
}
.roadmap.s2 .swiper {
  min-height: 400px;
}
.roadmap.s2 .swiper::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(50, 79, 249) 10%, rgb(50, 79, 249) 90%, rgba(0, 4, 41, 0) 100%);
  top: 7%;
}
.roadmap.s2 .swiper-button-next,
.roadmap.s2 .swiper-button-prev {
  top: 45%;
}
.roadmap.s2 .bg-light-white {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  padding: 20px 0 50px;
}
.roadmap.s2 .container {
  max-width: 1140px;
}
.roadmap.s2 .swiper-pagination {
  position: relative;
  bottom: 15px;
}
.roadmap.s2 .roadmap__main.s1::after {
  content: unset;
}
.roadmap.s2 .roadmap-swiper .roadmap-box {
  padding: 15px;
  margin-top: 80px;
  background: rgba(255, 255, 255, 0.1);
  border-top: unset !important;
}
.roadmap.s2 .roadmap-swiper .roadmap-box::before {
  content: unset;
}
.roadmap.s2 .roadmap-swiper .roadmap-box .title::after {
  display: none;
}
.roadmap.s2 .roadmap-swiper .roadmap-box::after {
  width: 50px;
  height: 50px;
  top: -75px;
  left: 40%;
  border: 10px solid #1F223E;
}
.roadmap.s2 .roadmap-swiper .roadmap-box img {
  width: 15px;
  margin-right: 5px;
}
.roadmap.s2 .time {
  border: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
  padding: 15px 0 15px;
  text-align: left;
  position: relative;
  left: 0;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes moveup-movedown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
.ethereum-linkeable img {
  transition: all 0.5s ease;
}
.ethereum-linkeable:hover img {
  transform: scale(1.05) !important;
  filter: sepia(100%) !important;
}

.about.s2 {
  padding: 0;
}
.about.s2 img {
  margin-bottom: 0;
}
.about.s2 .about__main {
  position: relative;
  min-height: 500px;
}
.about.s2 .about__main .flotante {
  position: absolute;
  left: 0;
}
.about.s2 .about__main img {
  width: 100%;
}
.about.s2 .about__main a:hover {
  transform: scale(1.05);
  filter: sepia(100%);
}
.about.s2 .about__main .img4-l {
  opacity: 0;
  animation: fade-in-place 2s 1.5s alternate infinite;
}
.about.s2 .about__main .img4-m {
  opacity: 0;
  animation: fade-in-place 2s 3s alternate infinite;
}
.about.s2 .about__main .img4-e,
.about.s2 .about__main .img4-b,
.about.s2 .about__main .img4-c,
.about.s2 .about__main .img4-h,
.about.s2 .about__main .img4-i,
.about.s2 .about__main .img4-n {
  opacity: 0;
  animation: fade-in-from-center-zoomin-zoomout 3s 2s alternate infinite;
}
.about.s2 .about__main .img4-f {
  animation: moveup-movedown 12s 1.5s alternate linear infinite;
  width: 90px;
  top: 50px;
  left: unset;
  right: 230px;
  z-index: 10;
}
.about.s2 .about__main .img4-d {
  animation: zoomin-zoomout 2s 1.5s alternate linear infinite;
  width: 60px;
  bottom: 0;
  left: 250px;
  z-index: 10;
}
.about.s2 .about__main .img4-a {
  animation: zoomin-zoomout 3s 1.5s alternate linear infinite;
  width: 100px;
  top: 200px;
  z-index: 10;
}
.about.s2 .about__main .img4-j {
  display: none;
}
.about.s2 .about__main .img4-p {
  animation: moveup-movedown 10s 1.5s alternate linear infinite;
  left: 260px;
  top: 20px;
  width: 115px;
  z-index: 10;
}
.about.s2 .about__main .img4-o {
  animation: moveup-movedown 8s 1.5s linear alternate infinite;
  width: 100px;
  top: 60px;
  left: 100px;
  z-index: 10;
}

.faq__main.flat-tabs .toggle-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flat-accordion .newsletter-right-icon {
  width: 40px;
}
.flat-accordion .content .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
.flat-accordion .time {
  background: linear-gradient(264.28deg, #DEC7FF -38.2%, #5C27FE 103.12%), #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 30px 0 15px;
}
.flat-accordion .time img {
  width: 15px;
  margin-right: 5px;
}

.articulos .roadmap-box {
  padding: 15px;
  margin-top: 80px;
  background: rgba(255, 255, 255, 0.1);
}
.articulos .roadmap-box .time {
  border: unset;
  border-radius: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
  padding: 15px 0 15px;
  text-align: left;
  position: relative;
  left: 0;
  font-size: 20px;
}

.project.s2 .container {
  width: 1322px;
}

.project-box .image {
  height: unset;
}

.videos .project-box .content {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
.videos .wrap-video a {
  background-color: #b797fe;
}
.videos .title {
  font-size: 20px;
  text-align: center;
  margin-bottom: 60px;
}

.podcasts .blog-box-2 {
  display: flex;
  align-items: center;
}
.podcasts .blog-box-2 .content {
  padding: 0 30px;
}
.podcasts .blog-box-2 .image {
  width: 240px;
}
.podcasts .wrap-video a {
  background-color: #b797fe;
}
.podcasts .content a {
  background: linear-gradient(264.28deg, #DEC7FF -38.2%, #5C27FE 103.12%), #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 30px 0 15px;
}

.interna .list .time,
.interna .list p span {
  background: linear-gradient(264.28deg, #DEC7FF -38.2%, #5C27FE 103.12%), #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.interna .list .time img,
.interna .list p span img {
  width: 15px;
  margin-right: 5px;
}
.interna .list .line {
  background: #324ff9;
}
.interna .list .text-lead {
  display: flex;
  align-items: center;
}
.interna .list .text-big {
  font-size: 24px;
}
.interna .list .left-bar {
  width: 8px;
  height: 100px;
  margin-right: 20px;
  background: linear-gradient(264.28deg, #DEC7FF -38.2%, #5C27FE 103.12%), #FFFFFF;
}
.interna .list .title .title-2 {
  margin: 30px 0;
  font-size: 28px;
  font-size: 800;
}
.interna .list .content {
  padding: 0 20px;
}
.interna .list .bottom .recent {
  width: 100%;
}
.interna .list .bottom .recent .ac {
  background: url("../assets/images/interna/interna-boton-inferior.png");
  border-radius: 20px;
  width: 50%;
}
.interna .main ul {
  padding-left: 25px;
}
.interna .main ul li {
  list-style-type: circle;
  margin-bottom: 15px;
  font-size: 16px;
}

.roadmap__main.s1::after {
  content: unset;
}

.banner .block-text .heading span,
.header-top p a,
.block-text .sub-heading span,
.wrapper .block-text .heading .purple,
.wrapper .block-text [data-word="Arbitrum?"] span,
.roadmap-box .time,
.flat-accordion .time,
.podcasts .content a,
.interna .list .time,
.interna .list p span {
  color: #a9b5ff;
  background: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
  -webkit-text-fill-color: unset;
}

.roadmap-box::after {
  top: 45%;
}

.list-social li a:hover,
.action-btn span,
.faq__main ul li.active,
#scroll-top,
.roadmap-swiper .roadmap-box::after,
.footer .footer__bottom .list-social li a:hover,
.roadmap__main .icon,
.roadmap-box::after,
.create__main {
  background: linear-gradient(264deg, rgb(96, 102, 141) 0%, rgb(50, 67, 157) 100%);
}

.list-social li a:hover > i {
  color: #fff;
}

.swiper-pagination-bullet,
.roadmap__main.s1 .swiper-button-next:hover,
.roadmap__main.s1 .swiper-button-prev:hover {
  background: #a9b5ff;
}

.videos .wrap-video a,
.podcasts .wrap-video a {
  background-color: #3652f9;
}

.content-d .list-social {
  display: none;
}
.content-d .main .image img {
  height: auto;
}
.content-d .main .image.image-half {
  width: 50%;
  margin: 0 auto;
}

.blockquote-sm {
  padding-left: 30px;
}
.blockquote-sm.border-left {
  border-left: 2px solid #fff;
}

.esfera-puntos {
  animation: zoomin-zoomout2 3s 1.5s linear alternate infinite;
}

.lineas-derecha-newsletter {
  animation: zoomin-zoomout2 4s 1s linear alternate infinite;
}

.footer .footer__bottom {
  padding: 20px 0;
}

#scroll-top {
  bottom: 75px;
}

.modal {
  align-items: center;
  height: 100vh;
}
.modal .modal-content {
  background-color: transparent;
  border: unset;
}
.modal .modal-footer {
  justify-content: center;
  border: unset;
}
.modal.show {
  display: flex !important;
}

.bloglist {
  background-image: url("../assets/images/home/fondo-banner.png");
  background-repeat: repeat-y;
  background-size: contain;
}

.roadmap .flotante.mobile-view {
  display: none;
}

.page-roadmap .roadmap {
  padding-top: 60px;
}

.wf_customMessageBox {
  font-family: Arial, Helvetica, sans-serif;
  color: #132C14;
  background: #F5FAF5;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  max-width: 90%;
  width: -moz-max-content;
  width: max-content;
  word-break: break-word;
  z-index: 11000;
  border-radius: 6px;
  border: 1px solid #A9D3AB;
  min-width: 100px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
}

.wf_customCircle {
  position: relative;
  background-color: #12AA67;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  flex: none;
  margin-right: 7px;
}

.wf_customCheckMark {
  box-sizing: unset !important;
  position: absolute;
  transform: rotate(45deg) translate(-50%, -50%);
  left: 6px;
  top: 9px;
  height: 8px;
  width: 3px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.wf_customClose {
  box-sizing: border-box;
  position: relative;
  width: 18px;
  height: 18px;
}

.wf_customClose::after,
.wf_customClose::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 12px;
  height: 1.5px;
  background: #616E88;
  transform: rotate(45deg);
  border-radius: 5px;
  top: 8px;
  left: 1px;
}

.wf_customClose::after {
  transform: rotate(-45deg);
}

@media (max-width: 1440px) {
  .banner .banner__right .image {
    left: -155px;
  }
  .faq .roadmap__main.s1 .swiper {
    height: unset;
  }
  .flat-accordion .flat-toggle {
    background-color: rgba(0, 4, 41, 0.2);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  .project.s2 .container {
    width: 1140px;
  }
  .project-box .image {
    height: unset;
  }
  .roadmap .flotante.mobile-view {
    display: block;
    position: relative;
    text-align: center;
  }
  .roadmap .flotante.mobile-view .floating-element-1 {
    position: unset;
    animation: unset;
  }
  .faq.s3 .flotante.desktop-view {
    display: none;
  }
}
@media (max-width: 1199px) {
  .header #main-nav-mobi ul li a {
    font-size: 14px;
  }
  .header #main-nav-mobi .sub-menu .menu-item a {
    font-family: "Readex Pro", sans-serif;
  }
  .header__logo img {
    width: 50px;
  }
  .menu-item span {
    display: inline;
  }
  #main-nav {
    display: none;
  }
  .header .header__right .mobile-button {
    display: block;
  }
  .header .header__action {
    margin-right: 40px;
  }
  @keyframes moveleft-moveright {
    0% {
      left: 0;
    }
    100% {
      left: 50px;
    }
  }
  .project.s2 .container {
    width: inherit;
  }
  .page-roadmap .roadmap,
  .page-roadmap .project.s2,
  .bloglist {
    padding-top: 30px;
  }
}
@media (max-width: 1069px) {
  .create .create__main .images {
    top: -9px;
  }
}
@media (max-width: 991px) {
  .banner .banner__right {
    padding: 0;
    height: 350px;
  }
  .banner .banner__right .image {
    margin-top: 60px;
    top: -150px;
    left: 0;
    width: 30%;
    height: 30%;
    margin-left: unset;
  }
  .banner .banner__left {
    padding: 50px 0;
  }
  .about {
    padding-top: 0;
    padding-bottom: 0;
  }
  .about .col-lg-6:first-of-type {
    order: 2;
  }
  .about .about__right {
    height: 350px;
  }
  .about .about__right .images {
    top: -150px;
  }
  .esfera-puntos {
    display: none;
  }
  .about.s2 .about__main .img4-f {
    width: 60px;
    right: 150px;
  }
  .about.s2 .about__main .img4-p {
    width: 70px;
    left: 180px;
  }
  .about.s2 .about__main .img4-o {
    width: 60px;
    left: 80px;
  }
  .about.s2 .about__main .img4-a {
    width: 80px;
    top: 140px;
  }
  .create .create__main .images {
    display: none;
  }
  .footer .footer__bottom div .list {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .content-d {
    display: block;
  }
  .roadmap.s3 a {
    display: flex;
    justify-content: center;
  }
  .create .create__main .images {
    display: none;
  }
  .faq .roadmap__main.s1 .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .faq .content-tab .text-coming-soon-float {
    position: absolute;
    top: 45%;
    left: 34%;
  }
  .roadmap.s2 .roadmap-swiper .roadmap-box::after {
    left: 46%;
  }
  .about.s2 .about__main .img4-a,
  .about.s2 .about__main .img4-f,
  .about.s2 .about__main .img4-o,
  .about.s2 .about__main .img4-p {
    width: 50px;
  }
  .about.s2 .about__main .img4-d {
    left: 100px;
  }
  .about.s2 .about__main .img4-n,
  .about.s2 .about__main .img4-l,
  .about.s2 .about__main .img4-m {
    width: 1000px;
    left: -200px;
  }
  .about.s2 .about__main .img4-k {
    width: 1000px;
    left: -250px;
  }
  .about.s2 .about__main .img4-o {
    animation: moveup-movedown 7s 1.5s linear alternate infinite;
  }
  .about.s2 .about__main .img4-j {
    bottom: 150px;
    z-index: 9;
  }
  @keyframes moveleft-moveright {
    0% {
      left: -250px;
    }
    100% {
      left: -200px;
    }
  }
  [data-aos^=fade][data-aos^=fade].aos-animate.roadmap-box.right {
    transform: translateZ(0) translateY(-112px);
  }
  .podcasts .blog-box-2 .image {
    width: 100%;
    flex: 0 0 30%;
  }
  .podcasts .blog-box-2 .content {
    flex: 0 0 60%;
  }
  .podcasts .blog-box-2 .wrap-video {
    flex: 0 0 10%;
  }
  .about.s2 .about__main .img4-k {
    width: 800px;
    left: -130px;
    top: 90px;
  }
  .roadmap-box.right::before,
  .roadmap-box::before {
    content: unset;
  }
  .roadmap-box::after,
  .roadmap-box.right::after {
    top: -40px;
    right: 0;
    left: 51%;
  }
  .roadmap__main .icon.bottom,
  .icon {
    display: none;
  }
}
@media (max-width: 575px) {
  .header-top p {
    text-align: center;
  }
  h2,
  .h2 {
    font-size: 34px;
  }
  h3,
  .h3 {
    font-size: 28px;
  }
  h4,
  .h4 {
    font-size: 24px;
  }
  .banner .banner__right .image {
    top: -60px;
    left: -122px;
  }
  .banner .banner__right .image .flotante {
    width: 550px;
  }
  .banner .banner__right .image .img1-b {
    display: none;
  }
  .about .about__right .images {
    top: -60px;
    left: -40px;
  }
  .about .about__right .images img {
    width: 350px;
  }
  .about .about__right .images .img2-c {
    width: 100px;
    left: 50%;
    top: 100px;
  }
  .roadmap.s3 {
    margin-bottom: 50px;
  }
  .faq .roadmap__main.s1 .swiper,
  .roadmap.s3 .swiper {
    min-height: 400px;
  }
  .faq .content-tab .text-coming-soon-float {
    position: absolute;
    top: 50%;
    left: 20%;
  }
  .roadmap.s2 .roadmap-swiper .roadmap-box::after {
    left: 40%;
  }
  .about.s2 .about__main .img4-n,
  .about.s2 .about__main .img4-l,
  .about.s2 .about__main .img4-m {
    width: 1000px;
    left: -350px;
  }
  .about.s2 .about__main .img4-k {
    width: 800px;
    left: -250px;
    bottom: -20px;
  }
  @keyframes moveleft-moveright {
    0% {
      left: -250px;
    }
    100% {
      left: -230px;
    }
  }
  .wrap-video {
    margin-bottom: 0;
  }
  .footer .footer__bottom {
    text-align: center;
  }
  .footer .footer__bottom p {
    margin-top: 15px;
  }
  .podcasts .blog-box-2 {
    flex-direction: column;
  }
  .podcasts .blog-box-2 .wrap-video {
    margin-top: 25px;
  }
  .roadmap-box,
  .roadmap-box.right {
    margin-right: 0;
  }
  .roadmap-box::after,
  .roadmap-box.right::after {
    top: -40px;
    right: 0;
    left: 47%;
  }
  .block-text,
  .create .content,
  .faq-home p,
  .toggle-content,
  .podcasts .blog-box-2 .content,
  .roadmap-box,
  .roadmap-box .time,
  .bloglist .list.details {
    text-align: center !important;
  }
  .content-d .main .bottom {
    display: none;
  }
  .podcasts .blog-box-2 .image {
    width: 50%;
  }
  .about.s2 .about__main .img4-f {
    right: 12%;
  }
  .about.s2 .about__main .img4-p {
    left: 44%;
  }
  .about.s2 .about__main .img4-o {
    left: 13%;
  }
  .about.s2 .about__main .img4-n {
    left: -76%;
  }
  .create .create__main .newsletter .action-btn {
    margin-top: 25px;
    right: unset;
  }
  .roadmap__main .icon {
    left: 48%;
  }
}/*# sourceMappingURL=ajustes.css.map */