html {
  scroll-behavior: smooth;
}

.my-p {
  margin: 20px 0px;
  line-height: 26px;
  font-size: 18px;
  color: #222;
  word-wrap: break-word;
}

ul {
  list-style-type: none;
}

/* FORM */
.sorser .form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 450px;
  padding: 20px;
  border-radius: 20px;
  position: relative;
  background-color: #1a1a1a;
  color: #fff;
  border: 1px solid #333;
  margin: 0 auto;
}
.sorser .titles {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -1px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 30px;
  color: #00bfff;
}
.sorser .titles::before,
.sorser .titles::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  border-radius: 50%;
  left: 0px;
  background-color: #00bfff;
}
.sorser .titles::after {
  animation: pulse 1s linear infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
.logos svg {
  width: 100%;
  height: 200px;
}
#redblocks > * {
  transform: translate3d(160px, -93px, 0);
  -webkit-animation: moveblocks 4s 1s ease infinite;
  animation: moveblocks 4s 1s ease infinite;
}

@-webkit-keyframes moveblocks {
  0% {
    transform: translate3d(160px, -93px, 0);
  }
  50%,
  100% {
    transform: translate(0);
  }
}

@keyframes moveblocks {
  0% {
    transform: translate3d(160px, -93px, 0);
  }
  50%,
  100% {
    transform: translate(0);
  }
}
#firstBlock {
  transform: translate3d(160px, -93px, 0);
  -webkit-animation: firstBlock 4s 1s ease infinite;
  animation: firstBlock 4s 1s ease infinite;
}

#blockdis {
  -webkit-animation: blockdis 4s 1s ease infinite;
  animation: blockdis 4s 1s ease infinite;
}

@-webkit-keyframes blockdis {
  30% {
    opacity: 1;
  }
  40%,
  100% {
    opacity: 0;
    transform: translate3d(-160px, 93px, 0);
  }
}

@keyframes blockdis {
  30% {
    opacity: 1;
  }
  40%,
  100% {
    opacity: 0;
    transform: translate3d(-160px, 93px, 0);
  }
}
@-webkit-keyframes firstBlock {
  0%,
  15% {
    opacity: 0;
  }
  40%,
  100% {
    opacity: 1;
  }
}
@keyframes firstBlock {
  0%,
  15% {
    opacity: 0;
  }
  40%,
  100% {
    opacity: 1;
  }
}
#redblocksparticles g:nth-child(1) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(2) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(3) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(4) polygon {
  opacity: 0.35;
  -webkit-animation: glow 4s 1s ease infinite;
  animation: glow 4s 1s ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(1) {
  -webkit-animation: dots 4s 1050ms ease infinite;
  animation: dots 4s 1050ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(2) {
  -webkit-animation: dots 4s 1100ms ease infinite;
  animation: dots 4s 1100ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(3) {
  -webkit-animation: dots 4s 1150ms ease infinite;
  animation: dots 4s 1150ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(4) {
  -webkit-animation: dots 4s 1200ms ease infinite;
  animation: dots 4s 1200ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(5) {
  -webkit-animation: dots 4s 1250ms ease infinite;
  animation: dots 4s 1250ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(6) {
  -webkit-animation: dots 4s 1300ms ease infinite;
  animation: dots 4s 1300ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(7) {
  -webkit-animation: dots 4s 1350ms ease infinite;
  animation: dots 4s 1350ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(8) {
  -webkit-animation: dots 4s 1400ms ease infinite;
  animation: dots 4s 1400ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(9) {
  -webkit-animation: dots 4s 1450ms ease infinite;
  animation: dots 4s 1450ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(10) {
  -webkit-animation: dots 4s 1500ms ease infinite;
  animation: dots 4s 1500ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(11) {
  -webkit-animation: dots 4s 1550ms ease infinite;
  animation: dots 4s 1550ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(12) {
  -webkit-animation: dots 4s 1600ms ease infinite;
  animation: dots 4s 1600ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(13) {
  -webkit-animation: dots 4s 1650ms ease infinite;
  animation: dots 4s 1650ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(14) {
  -webkit-animation: dots 4s 1700ms ease infinite;
  animation: dots 4s 1700ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(15) {
  -webkit-animation: dots 4s 1750ms ease infinite;
  animation: dots 4s 1750ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(16) {
  -webkit-animation: dots 4s 1800ms ease infinite;
  animation: dots 4s 1800ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(17) {
  -webkit-animation: dots 4s 1850ms ease infinite;
  animation: dots 4s 1850ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(18) {
  -webkit-animation: dots 4s 1900ms ease infinite;
  animation: dots 4s 1900ms ease infinite;
}

#redblocksparticles g:nth-child(1) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

#redblocksparticles g:nth-child(2) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

#redblocksparticles g:nth-child(3) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

#redblocksparticles g:nth-child(4) g circle:nth-child(19) {
  -webkit-animation: dots 4s 1950ms ease infinite;
  animation: dots 4s 1950ms ease infinite;
}

@-webkit-keyframes glow {
  0%,
  45% {
    opacity: 0;
  }
  60%,
  100% {
    opacity: 0.35;
  }
}

@keyframes glow {
  0%,
  45% {
    opacity: 0;
  }
  60%,
  100% {
    opacity: 0.35;
  }
}
@-webkit-keyframes dots {
  0%,
  35% {
    transform: translate(0);
    opacity: 0;
  }
  60%,
  80% {
    transform: translate(55px, -35px);
    opacity: 1;
  }
  100% {
    transform: translate(55px, -35px);
    opacity: 0;
  }
}
@keyframes dots {
  0%,
  35% {
    transform: translate(0);
    opacity: 0;
  }
  60%,
  80% {
    transform: translate(55px, -35px);
    opacity: 1;
  }
  100% {
    transform: translate(55px, -35px);
    opacity: 0;
  }
}
#purplebg > :nth-child(1) {
  -webkit-animation: up 2s 500ms ease infinite alternate;
  animation: up 2s 500ms ease infinite alternate;
}

#purplebg > :nth-child(2) {
  -webkit-animation: up 2s 1000ms ease infinite alternate;
  animation: up 2s 1000ms ease infinite alternate;
}

#purplebg > :nth-child(3) {
  -webkit-animation: up 2s 1500ms ease infinite alternate;
  animation: up 2s 1500ms ease infinite alternate;
}

#purplebg > :nth-child(4) {
  -webkit-animation: up 2s 2000ms ease infinite alternate;
  animation: up 2s 2000ms ease infinite alternate;
}

#purplebg > :nth-child(5) {
  -webkit-animation: up 2s 2500ms ease infinite alternate;
  animation: up 2s 2500ms ease infinite alternate;
}

#purplebg > :nth-child(6) {
  -webkit-animation: up 2s 3000ms ease infinite alternate;
  animation: up 2s 3000ms ease infinite alternate;
}

#purplebg > :nth-child(7) {
  -webkit-animation: up 2s 3500ms ease infinite alternate;
  animation: up 2s 3500ms ease infinite alternate;
}

#purplebg > :nth-child(8) {
  -webkit-animation: up 2s 4000ms ease infinite alternate;
  animation: up 2s 4000ms ease infinite alternate;
}

#purplebg > :nth-child(9) {
  -webkit-animation: up 2s 4500ms ease infinite alternate;
  animation: up 2s 4500ms ease infinite alternate;
}

#purplebg > :nth-child(10) {
  -webkit-animation: up 2s 5000ms ease infinite alternate;
  animation: up 2s 5000ms ease infinite alternate;
}

#purplebg > :nth-child(11) {
  -webkit-animation: up 2s 5500ms ease infinite alternate;
  animation: up 2s 5500ms ease infinite alternate;
}

#purplebg > :nth-child(12) {
  -webkit-animation: up 2s 6000ms ease infinite alternate;
  animation: up 2s 6000ms ease infinite alternate;
}

#purplebg > :nth-child(13) {
  -webkit-animation: up 2s 6500ms ease infinite alternate;
  animation: up 2s 6500ms ease infinite alternate;
}

#purplebg > :nth-child(14) {
  -webkit-animation: up 2s 7000ms ease infinite alternate;
  animation: up 2s 7000ms ease infinite alternate;
}

#purplebg > :nth-child(15) {
  -webkit-animation: up 2s 7500ms ease infinite alternate;
  animation: up 2s 7500ms ease infinite alternate;
}

#purplebg > :nth-child(16) {
  -webkit-animation: up 2s 8000ms ease infinite alternate;
  animation: up 2s 8000ms ease infinite alternate;
}

#purplebg > :nth-child(17) {
  -webkit-animation: up 2s 8500ms ease infinite alternate;
  animation: up 2s 8500ms ease infinite alternate;
}

#purplebg > :nth-child(18) {
  -webkit-animation: up 2s 9000ms ease infinite alternate;
  animation: up 2s 9000ms ease infinite alternate;
}

#purplebg > :nth-child(19) {
  -webkit-animation: up 2s 9500ms ease infinite alternate;
  animation: up 2s 9500ms ease infinite alternate;
}

#purplebg > :nth-child(20) {
  -webkit-animation: up 2s 10000ms ease infinite alternate;
  animation: up 2s 10000ms ease infinite alternate;
}

@-webkit-keyframes up {
  to {
    transform: translate(0, -25px);
  }
}

@keyframes up {
  to {
    transform: translate(0, -25px);
  }
}
#bottomparticles > :nth-child(1) {
  -webkit-animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(1) {
  -webkit-animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(1) {
  -webkit-animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(2) {
  -webkit-animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(2) {
  -webkit-animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(2) {
  -webkit-animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(3) {
  -webkit-animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(3) {
  -webkit-animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(3) {
  -webkit-animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 900ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(4) {
  -webkit-animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(4) {
  -webkit-animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(4) {
  -webkit-animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1200ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(5) {
  -webkit-animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(5) {
  -webkit-animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(5) {
  -webkit-animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1500ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(6) {
  -webkit-animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(6) {
  -webkit-animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(6) {
  -webkit-animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 1800ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(7) {
  -webkit-animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(7) {
  -webkit-animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(7) {
  -webkit-animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2100ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(8) {
  -webkit-animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(8) {
  -webkit-animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(8) {
  -webkit-animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2400ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(9) {
  -webkit-animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(9) {
  -webkit-animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(9) {
  -webkit-animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 2700ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(10) {
  -webkit-animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(10) {
  -webkit-animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(10) {
  -webkit-animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3000ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(11) {
  -webkit-animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(11) {
  -webkit-animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(11) {
  -webkit-animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3300ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles > :nth-child(12) {
  -webkit-animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#bottomparticles2 > :nth-child(12) {
  -webkit-animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

#redglowparticles > :nth-child(12) {
  -webkit-animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
  animation: particles 4s 3600ms ease infinite alternate,
    p 2s ease infinite alternate;
}

@-webkit-keyframes p {
  85%,
  100% {
    opacity: 0;
  }
}

@keyframes p {
  85%,
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes particles {
  0%,
  100% {
    transform: translate(0);
  }
  50% {
    transform: translate(10px, 15px);
  }
}
@keyframes particles {
  0%,
  100% {
    transform: translate(0);
  }
  50% {
    transform: translate(10px, 15px);
  }
}
.particlespoly {
  -webkit-animation: p 2s ease infinite alternate;
  animation: p 2s ease infinite alternate;
}

#d-app g:nth-child(1) {
  -webkit-animation: updown 2s 200ms ease-in-out infinite alternate;
  animation: updown 2s 200ms ease-in-out infinite alternate;
}

#d-app g:nth-child(2) {
  -webkit-animation: updown 2s 400ms ease-in-out infinite alternate;
  animation: updown 2s 400ms ease-in-out infinite alternate;
}

#d-app g:nth-child(3) {
  -webkit-animation: updown 2s 600ms ease-in-out infinite alternate;
  animation: updown 2s 600ms ease-in-out infinite alternate;
}

#d-apps2 g:nth-child(1) {
  -webkit-animation: updown 2s 200ms ease-in-out infinite alternate;
  animation: updown 2s 200ms ease-in-out infinite alternate;
}

#d-apps2 g:nth-child(2) {
  -webkit-animation: updown 2s 400ms ease-in-out infinite alternate;
  animation: updown 2s 400ms ease-in-out infinite alternate;
}

#d-apps2 g:nth-child(3) {
  -webkit-animation: updown 2s 600ms ease-in-out infinite alternate;
  animation: updown 2s 600ms ease-in-out infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(1) {
  -webkit-animation: updown 2s 50ms ease infinite alternate;
  animation: updown 2s 50ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(2) {
  -webkit-animation: updown 2s 100ms ease infinite alternate;
  animation: updown 2s 100ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(3) {
  -webkit-animation: updown 2s 150ms ease infinite alternate;
  animation: updown 2s 150ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(4) {
  -webkit-animation: updown 2s 200ms ease infinite alternate;
  animation: updown 2s 200ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(5) {
  -webkit-animation: updown 2s 250ms ease infinite alternate;
  animation: updown 2s 250ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(6) {
  -webkit-animation: updown 2s 300ms ease infinite alternate;
  animation: updown 2s 300ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(7) {
  -webkit-animation: updown 2s 350ms ease infinite alternate;
  animation: updown 2s 350ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(8) {
  -webkit-animation: updown 2s 400ms ease infinite alternate;
  animation: updown 2s 400ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(9) {
  -webkit-animation: updown 2s 450ms ease infinite alternate;
  animation: updown 2s 450ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(10) {
  -webkit-animation: updown 2s 500ms ease infinite alternate;
  animation: updown 2s 500ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(11) {
  -webkit-animation: updown 2s 550ms ease infinite alternate;
  animation: updown 2s 550ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(12) {
  -webkit-animation: updown 2s 600ms ease infinite alternate;
  animation: updown 2s 600ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(13) {
  -webkit-animation: updown 2s 650ms ease infinite alternate;
  animation: updown 2s 650ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(14) {
  -webkit-animation: updown 2s 700ms ease infinite alternate;
  animation: updown 2s 700ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(15) {
  -webkit-animation: updown 2s 750ms ease infinite alternate;
  animation: updown 2s 750ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(16) {
  -webkit-animation: updown 2s 800ms ease infinite alternate;
  animation: updown 2s 800ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(17) {
  -webkit-animation: updown 2s 850ms ease infinite alternate;
  animation: updown 2s 850ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(18) {
  -webkit-animation: updown 2s 900ms ease infinite alternate;
  animation: updown 2s 900ms ease infinite alternate;
}

#d-apps2wrapper g:nth-child(3) g > circle:nth-child(19) {
  -webkit-animation: updown 2s 950ms ease infinite alternate;
  animation: updown 2s 950ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(1) {
  -webkit-animation: updown 2s 50ms ease infinite alternate;
  animation: updown 2s 50ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(2) {
  -webkit-animation: updown 2s 100ms ease infinite alternate;
  animation: updown 2s 100ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(3) {
  -webkit-animation: updown 2s 150ms ease infinite alternate;
  animation: updown 2s 150ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(4) {
  -webkit-animation: updown 2s 200ms ease infinite alternate;
  animation: updown 2s 200ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(5) {
  -webkit-animation: updown 2s 250ms ease infinite alternate;
  animation: updown 2s 250ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(6) {
  -webkit-animation: updown 2s 300ms ease infinite alternate;
  animation: updown 2s 300ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(7) {
  -webkit-animation: updown 2s 350ms ease infinite alternate;
  animation: updown 2s 350ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(8) {
  -webkit-animation: updown 2s 400ms ease infinite alternate;
  animation: updown 2s 400ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(9) {
  -webkit-animation: updown 2s 450ms ease infinite alternate;
  animation: updown 2s 450ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(10) {
  -webkit-animation: updown 2s 500ms ease infinite alternate;
  animation: updown 2s 500ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(11) {
  -webkit-animation: updown 2s 550ms ease infinite alternate;
  animation: updown 2s 550ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(12) {
  -webkit-animation: updown 2s 600ms ease infinite alternate;
  animation: updown 2s 600ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(13) {
  -webkit-animation: updown 2s 650ms ease infinite alternate;
  animation: updown 2s 650ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(14) {
  -webkit-animation: updown 2s 700ms ease infinite alternate;
  animation: updown 2s 700ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(15) {
  -webkit-animation: updown 2s 750ms ease infinite alternate;
  animation: updown 2s 750ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(16) {
  -webkit-animation: updown 2s 800ms ease infinite alternate;
  animation: updown 2s 800ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(17) {
  -webkit-animation: updown 2s 850ms ease infinite alternate;
  animation: updown 2s 850ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(18) {
  -webkit-animation: updown 2s 900ms ease infinite alternate;
  animation: updown 2s 900ms ease infinite alternate;
}

#d-appswrapper g:nth-child(2) g > circle:nth-child(19) {
  -webkit-animation: updown 2s 950ms ease infinite alternate;
  animation: updown 2s 950ms ease infinite alternate;
}

@-webkit-keyframes updown {
  100% {
    transform: translate(0, -20px);
  }
}

@keyframes updown {
  100% {
    transform: translate(0, -20px);
  }
}
#Layer_1 > g:nth-child(2) > g:nth-child(18) > g:nth-child(12) {
  -webkit-animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
  animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
}

@-webkit-keyframes arrows {
  to {
    transform: translate(25px, 25px);
  }
}

@keyframes arrows {
  to {
    transform: translate(25px, 25px);
  }
}
#Layer_1 > g:nth-child(2) > g:nth-child(17) > g:nth-child(13) {
  -webkit-animation: arrows2 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
  animation: arrows2 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
}

@-webkit-keyframes arrows2 {
  to {
    transform: translate(-25px, -25px);
  }
}

@keyframes arrows2 {
  to {
    transform: translate(-25px, -25px);
  }
}
#Layer_1 > g:nth-child(2) > g:nth-child(17) > g:nth-child(12) {
  -webkit-animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
  animation: arrows 1s ease-in-out infinite alternate,
    p 2s ease infinite alternate;
}

/* comments */
body:before {
  content: "mobile";
  display: none;
}
@media (min-width: 720px) and (max-width: 1023px) {
  body:before {
    content: "tablet";
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  body:before {
    content: "desktop";
  }
}
@media (min-width: 1280px) {
  body:before {
    content: "desktop-wide";
  }
}
:root {
  --t-text-list: #005ab4;
}
@media (prefers-color-scheme: dark) {
  :root {
    --t-text-list: #ff6669;
  }
}
:root {
  --t-a-underline: #005ab4;
  --t-a-underline-hover: #8d0614;
  --t-a-underline-active: #6a0b0c;
}
@media (prefers-color-scheme: dark) {
  :root {
    --t-a-underline: #ff6669;
    --t-a-underline-hover: #ff9193;
    --t-a-underline-active: #ffbbbc;
  }
}
:root {
  --t-button-label: #22211d;
  --t-button-label-bg: #ebebe5;
  --t-button-label-hover: #dadad2;
}
@media (prefers-color-scheme: dark) {
  :root {
    --t-button-label: #f5f5f2;
    --t-button-label-bg: #4e4d47;
    --t-button-label-hover: #5e5d56;
  }
}
:root {
  --t-caret-icon-red-mask: #005ab4;
}
@media (prefers-color-scheme: dark) {
  :root {
    --t-caret-icon-red-mask: #ff6669;
  }
}

a {
  text-decoration: none !important;
}

:root {
  --primary-0: #2e0003;
  --primary-10: #510006;
  --primary-20: #880009;
  --primary-30: #b5000c;
  --primary-40: #e3000f;
  --primary-50: #e8323e;
  --primary-60: #eb4c57;
  --primary-70: #ee666f;
  --primary-80: #f3999f;
  --primary-90: #f9cccf;
  --primary-95: #fce5e7;
  --primary-99: #fff7f8;
  --primary-100: #fffbfb;
  --primary-40-opacity-0: rgba(227, 0, 15, 0);
  --primary-40-opacity-8: rgba(227, 0, 15, 0.08);
  --primary-40-opacity-12: rgba(227, 0, 15, 0.12);
  --primary-40-opacity-16: rgba(227, 0, 15, 0.16);
  --primary-40-opacity-24: rgba(227, 0, 15, 0.24);
  --primary-40-opacity-48: rgba(227, 0, 15, 0.48);
  --primary-40-opacity-64: rgba(227, 0, 15, 0.64);
  --primary-40-opacity-88: rgba(227, 0, 15, 0.88);
  --primary-95-opacity-0: rgba(252, 229, 231, 0);
  --primary-95-opacity-8: rgba(252, 229, 231, 0.08);
  --primary-95-opacity-12: rgba(252, 229, 231, 0.12);
  --primary-95-opacity-16: rgba(252, 229, 231, 0.16);
  --secondary-0: #000;
  --secondary-5: #111;
  --secondary-10: #222;
  --secondary-20: #333;
  --secondary-30: #444;
  --secondary-40: #555;
  --secondary-50: #666;
  --secondary-60: #999;
  --secondary-70: #b3b3b3;
  --secondary-80: #ccc;
  --secondary-90: #e6e6e6;
  --secondary-95: #f2f2f2;
  --secondary-99: #fafafa;
  --secondary-100: #fff;
  --secondary-0-opacity-0: rgba(0, 0, 0, 0);
  --secondary-0-opacity-8: rgba(0, 0, 0, 0.08);
  --secondary-0-opacity-12: rgba(0, 0, 0, 0.12);
  --secondary-0-opacity-16: rgba(0, 0, 0, 0.16);
  --secondary-0-opacity-24: rgba(0, 0, 0, 0.24);
  --secondary-0-opacity-32: rgba(0, 0, 0, 0.32);
  --secondary-0-opacity-48: rgba(0, 0, 0, 0.48);
  --secondary-0-opacity-64: rgba(0, 0, 0, 0.64);
  --secondary-0-opacity-88: rgba(0, 0, 0, 0.88);
  --secondary-60-opacity-0: rgba(153, 153, 153, 0);
  --secondary-60-opacity-8: rgba(153, 153, 153, 0.08);
  --secondary-60-opacity-12: rgba(153, 153, 153, 0.12);
  --secondary-60-opacity-16: rgba(153, 153, 153, 0.16);
  --secondary-100-opacity-0: rgba(255, 255, 255, 0);
  --secondary-100-opacity-8: rgba(255, 255, 255, 0.08);
  --secondary-100-opacity-12: rgba(255, 255, 255, 0.12);
  --secondary-100-opacity-16: rgba(255, 255, 255, 0.16);
  --secondary-100-opacity-24: rgba(255, 255, 255, 0.24);
  --secondary-100-opacity-48: rgba(255, 255, 255, 0.48);
  --secondary-100-opacity-64: rgba(255, 255, 255, 0.64);
  --secondary-100-opacity-88: rgba(255, 255, 255, 0.88);
  --tertiary-0: #131210;
  --tertiary-10: #292623;
  --tertiary-20: #5c554e;
  --tertiary-30: #8f8479;
  --tertiary-40: #c1b2a4;
  --tertiary-50: #decbb9;
  --tertiary-60: #e6d4c0;
  --tertiary-70: #ebdbc9;
  --tertiary-80: #f2e8dc;
  --tertiary-90: #f8f4ed;
  --tertiary-95: #fcfbf7;
  --tertiary-99: #fefdfa;
  --tertiary-100: #fff;
  --tertiary-80-opacity-0: rgba(242, 232, 220, 0);
  --tertiary-80-opacity-8: rgba(242, 232, 220, 0.08);
  --tertiary-80-opacity-12: rgba(242, 232, 220, 0.12);
  --tertiary-80-opacity-16: rgba(242, 232, 220, 0.16);
  --tertiary-80-opacity-24: rgba(242, 232, 220, 0.24);
  --tertiary-80-opacity-48: rgba(242, 232, 220, 0.48);
  --tertiary-80-opacity-64: rgba(242, 232, 220, 0.64);
  --tertiary-80-opacity-88: rgba(242, 232, 220, 0.88);
  --tertiary-90-opacity-0: rgba(248, 244, 237, 0);
  --tertiary-90-opacity-8: rgba(248, 244, 237, 0.08);
  --tertiary-90-opacity-12: rgba(248, 244, 237, 0.12);
  --tertiary-90-opacity-16: rgba(248, 244, 237, 0.16);
  --tertiary-90-opacity-24: rgba(248, 244, 237, 0.24);
  --tertiary-90-opacity-48: rgba(248, 244, 237, 0.48);
  --tertiary-90-opacity-64: rgba(248, 244, 237, 0.64);
  --tertiary-90-opacity-88: rgba(248, 244, 237, 0.88);
  --neutral-0: #000;
  --neutral-10: #211a19;
  --neutral-20: #362f2e;
  --neutral-30: #4d4544;
  --neutral-40: #655c5b;
  --neutral-50: #7f7574;
  --neutral-60: #998f8d;
  --neutral-70: #b4a9a7;
  --neutral-80: #d0c4c2;
  --neutral-90: #e5d8d6;
  --neutral-95: #f2e8e6;
  --neutral-99: #fcf8f7;
  --neutral-100: #fff;
  --neutral-99-opacity-0: rgba(252, 248, 247, 0);
  --neutral-99-opacity-8: rgba(252, 248, 247, 0.08);
  --neutral-99-opacity-12: rgba(252, 248, 247, 0.12);
  --neutral-99-opacity-16: rgba(252, 248, 247, 0.16);
  --spacing-0: 0;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-72: 72px;
  --spacing-80: 80px;
  --border-0: 0;
  --border-4: 4px;
  --border-8: 8px;
  --border-12: 12px;
}
.is-darktheme {
  --primary-0: #fffbfb;
  --primary-10: #fff7f8;
  --primary-20: #fce5e7;
  --primary-30: #f9cccf;
  --primary-40: #e3000f;
  --primary-50: #ee666f;
  --primary-60: #eb4f57;
  --primary-70: #e8323e;
  --primary-80: #e3000f;
  --primary-90: #b5000c;
  --primary-95: #880009;
  --primary-99: #5a0006;
  --primary-100: #2e0003;
  --primary-40-opacity-0: rgba(227, 0, 15, 0);
  --primary-40-opacity-8: rgba(227, 0, 15, 0.08);
  --primary-40-opacity-12: rgba(227, 0, 15, 0.12);
  --primary-40-opacity-16: rgba(227, 0, 15, 0.16);
  --primary-40-opacity-24: rgba(227, 0, 15, 0.24);
  --primary-40-opacity-48: rgba(227, 0, 15, 0.48);
  --primary-40-opacity-64: rgba(227, 0, 15, 0.64);
  --primary-40-opacity-88: rgba(227, 0, 15, 0.88);
  --primary-95-opacity-0: rgba(255, 255, 255, 0);
  --primary-95-opacity-8: rgba(255, 255, 255, 0.08);
  --primary-95-opacity-12: rgba(255, 255, 255, 0.12);
  --primary-95-opacity-16: rgba(255, 255, 255, 0.16);
  --secondary-0: #fff;
  --secondary-5: #fcfcfc;
  --secondary-10: #f2f2f2;
  --secondary-20: #e6e6e6;
  --secondary-30: #ccc;
  --secondary-40: #b3b3b3;
  --secondary-50: #999;
  --secondary-60: #666;
  --secondary-70: #555;
  --secondary-80: #444;
  --secondary-90: #333;
  --secondary-95: #222;
  --secondary-99: #111;
  --secondary-100: #111;
  --secondary-0-opacity-0: rgba(255, 255, 255, 0);
  --secondary-0-opacity-8: rgba(255, 255, 255, 0.08);
  --secondary-0-opacity-12: rgba(255, 255, 255, 0.12);
  --secondary-0-opacity-16: rgba(255, 255, 255, 0.16);
  --secondary-0-opacity-24: rgba(255, 255, 255, 0.24);
  --secondary-0-opacity-48: rgba(255, 255, 255, 0.48);
  --secondary-0-opacity-64: rgba(255, 255, 255, 0.64);
  --secondary-0-opacity-88: rgba(255, 255, 255, 0.88);
  --secondary-60-opacity-0: rgba(255, 255, 255, 0);
  --secondary-60-opacity-8: rgba(255, 255, 255, 0.08);
  --secondary-60-opacity-12: rgba(255, 255, 255, 0.12);
  --secondary-60-opacity-16: rgba(255, 255, 255, 0.16);
  --secondary-100-opacity-0: rgba(17, 17, 17, 0);
  --secondary-100-opacity-8: rgba(17, 17, 17, 0.08);
  --secondary-100-opacity-12: rgba(17, 17, 17, 0.12);
  --secondary-100-opacity-16: rgba(17, 17, 17, 0.16);
  --secondary-100-opacity-24: rgba(17, 17, 17, 0.24);
  --secondary-100-opacity-48: rgba(17, 17, 17, 0.48);
  --secondary-100-opacity-64: rgba(17, 17, 17, 0.64);
  --secondary-100-opacity-88: rgba(17, 17, 17, 0.88);
  --tertiary-0: #fff;
  --tertiary-10: #fefdfa;
  --tertiary-20: #fcfbf7;
  --tertiary-30: #f8f4ed;
  --tertiary-40: #f2e8dc;
  --tertiary-50: #ebdbc9;
  --tertiary-60: #e6d4c0;
  --tertiary-70: #decbb9;
  --tertiary-80: #c1b2a4;
  --tertiary-90: #8f8479;
  --tertiary-95: #5c554e;
  --tertiary-99: #292623;
  --tertiary-100: #131210;
  --tertiary-80-opacity-0: rgba(193, 178, 164, 0);
  --tertiary-80-opacity-8: rgba(193, 178, 164, 0.08);
  --tertiary-80-opacity-12: rgba(193, 178, 164, 0.12);
  --tertiary-80-opacity-16: rgba(193, 178, 164, 0.16);
  --tertiary-80-opacity-24: rgba(193, 178, 164, 0.24);
  --tertiary-80-opacity-48: rgba(193, 178, 164, 0.48);
  --tertiary-80-opacity-64: rgba(193, 178, 164, 0.64);
  --tertiary-80-opacity-88: rgba(193, 178, 164, 0.88);
  --tertiary-90-opacity-0: rgba(143, 132, 121, 0);
  --tertiary-90-opacity-8: rgba(143, 132, 121, 0.08);
  --tertiary-90-opacity-12: rgba(143, 132, 121, 0.12);
  --tertiary-90-opacity-16: rgba(143, 132, 121, 0.16);
  --tertiary-90-opacity-24: rgba(143, 132, 121, 0.24);
  --tertiary-90-opacity-48: rgba(143, 132, 121, 0.48);
  --tertiary-90-opacity-64: rgba(143, 132, 121, 0.64);
  --tertiary-90-opacity-88: rgba(143, 132, 121, 0.88);
}
.is-sporttheme {
  --secondary-0: #fcfcfd;
  --secondary-5: #ebeef4;
  --secondary-10: #ebeef4;
  --secondary-20: #bec7da;
  --secondary-30: #9aa8c6;
  --secondary-40: #8092b7;
  --secondary-50: #5e729c;
  --secondary-60: #4c5e85;
  --secondary-70: #3e4e6f;
  --secondary-80: #323e58;
  --secondary-90: #242d40;
  --secondary-95: #181e2a;
  --secondary-99: #0d1017;
  --secondary-100: #242d40;
  --secondary-0-opacity-0: rgba(252, 252, 253, 0);
  --secondary-0-opacity-8: rgba(252, 252, 253, 0.08);
  --secondary-0-opacity-12: rgba(252, 252, 253, 0.12);
  --secondary-0-opacity-16: rgba(252, 252, 253, 0.16);
  --secondary-0-opacity-24: rgba(252, 252, 253, 0.24);
  --secondary-0-opacity-32: rgba(252, 252, 253, 0.32);
  --secondary-0-opacity-48: rgba(252, 252, 253, 0.48);
  --secondary-0-opacity-64: rgba(252, 252, 253, 0.64);
  --secondary-0-opacity-88: rgba(252, 252, 253, 0.88);
  --secondary-60-opacity-0: rgba(76, 94, 133, 0);
  --secondary-60-opacity-8: rgba(76, 94, 133, 0.08);
  --secondary-60-opacity-12: rgba(76, 94, 133, 0.12);
  --secondary-60-opacity-16: rgba(76, 94, 133, 0.16);
  --secondary-100-opacity-0: rgba(36, 45, 64, 0);
  --secondary-100-opacity-8: rgba(36, 45, 64, 0.08);
  --secondary-100-opacity-12: rgba(36, 45, 64, 0.12);
  --secondary-100-opacity-16: rgba(36, 45, 64, 0.16);
  --secondary-100-opacity-24: rgba(36, 45, 64, 0.24);
  --secondary-100-opacity-48: rgba(36, 45, 64, 0.48);
  --secondary-100-opacity-64: rgba(36, 45, 64, 0.64);
  --secondary-100-opacity-88: rgba(36, 45, 64, 0.88);
}

html {
  box-sizing: border-box;
  color: #383f4e;
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

html {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif;
}

body {
  font-size: 16px;
  overflow-x: hidden;
}

@media (min-width: 1024px) {
  body {
    background-color: #f5f6f8;
  }
}

@media print {
  body {
    font-size: 9pt;
    background-color: #fff;
  }
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body,
h1,
h2,
p,
ul {
  margin: 0;
  padding: 0;
  font-weight: inherit;
}

img {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  font-family: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.message__dropdown-trigger:after {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  flex-shrink: 0;
  height: 2rem;
  width: 2rem;
}

@supports not (display: grid) {
}

.main {
  background-color: #fff;
}

@media (min-width: 1024px) {
  .main {
    background-color: #ffffff;
  }
}

@media print {
  .main {
    background-color: #fff;
  }
}

.message__dropdown-trigger:after {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  flex-shrink: 0;
  height: 2rem;
  width: 2rem;
}

.button {
  border-radius: 0.4rem;
  display: inline-block;
  font-weight: 600;
}

.button {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .button {
  letter-spacing: 0.314px;
}

.button:hover {
  cursor: pointer;
}

.button--subscribe {
  font-size: 1.6rem;
  line-height: 1.25;
  letter-spacing: 0.011rem;
  background-color: #ffc700;
  color: #2a303b;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 28rem;
  width: 100%;
  margin: 0 auto;
}

.button--subscribe:hover {
  background-color: #eab002;
}

@supports (font-variation-settings: normal) {
}

.message__headline {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 600;
}

.message__link {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.message__cta {
  font-size: 1.3rem;
  line-height: 1.38;
  margin-top: 0.4rem;
}

.message__cta--register {
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 0.8rem;
  margin-top: 0;
}

@media (min-width: 768px) {
  .message__cta--register {
    max-width: 34.3rem;
  }
}

.message__wrapper-register {
  display: flex;
  flex-direction: column;
  padding: 0;
  position: relative;
}

@media (min-width: 576px) {
  .message__wrapper-register {
    padding: 0 1.6rem;
  }
}

@media (min-width: 768px) {
  .message__wrapper-register {
    margin: 0 auto;
    max-width: 66.4rem;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .message__wrapper-register {
    flex-direction: row;
    max-width: 100rem;
    padding: 0 1.6rem;
  }
}

@supports (font-variation-settings: normal) {
}

@media (min-width: 1024px) {
  @supports (font-variation-settings: normal) {
  }
}

@media (min-width: 1024px) {
  @supports (font-variation-settings: normal) {
  }
}

@media (min-width: 1024px) {
  @supports (font-variation-settings: normal) {
  }
}

.message--register {
  position: sticky;
  background-color: #fff6d3;
  border-top: 0.1rem solid #eab002;
  width: 100%;
  max-width: none;
  max-width: initial;
  grid-template-columns: initial;
  height: auto;
  z-index: 15;
  bottom: 0;
  padding: 1.6rem;
}

@media (min-width: 768px) {
  .message--register {
    margin-right: 0;
    padding: 2.4rem 1.6rem;
  }
}

.message--hidden {
  display: none;
}

.message__headline {
  color: #000;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: normal;
  text-align: center;
}

.message__headline {
  font-family: Georgia, Droid-serif, serif;
}

html:not(.fonts-loaded) .message__headline {
  letter-spacing: -0.645px;
}

@supports (font-variation-settings: normal) {
}

@media (min-width: 360px) {
  .message__headline {
    font-size: 2.4rem;
    line-height: 1.16;
  }
}

@supports (font-variation-settings: normal) {
}

.message__description-dropdown {
  color: #000;
  display: none;
  height: 15rem;
  -webkit-mask-image: linear-gradient(#fff 0%, #fff 11rem, transparent);
  mask-image: linear-gradient(#fff 0%, #fff 11rem, transparent);
  mask-mode: luminance;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  overflow-y: scroll;
}

.message__description-dropdown {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .message__description-dropdown {
  letter-spacing: 0.314px;
}

html:not(.fonts-loaded) .message__description-dropdown > * {
  letter-spacing: 0.314px;
}

@media (min-width: 360px) {
  .message__description-dropdown {
    height: auto;
    -webkit-mask-image: none;
    mask-image: none;
    overflow: auto;
  }
}

.message__paragraph {
  line-height: 1.375;
  font-size: 1.6rem;
}

.message__paragraph:not(:first-of-type) {
  margin-top: 1.2rem;
}

.message__paragraph--register {
  font-size: 1.4rem;
  line-height: 2rem;
}

.message__paragraph--register:not(:first-of-type) {
  margin-top: 0;
}

.message__paragraph--register:not(:last-child) {
  margin-bottom: 1.6rem;
}

.message__link {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .message__details {
    margin-right: 0.8rem;
    max-width: 58.7rem;
  }
}

.message__actions-wrapper {
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .message__actions-wrapper {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-top: 2rem;
    width: 24rem;
  }
}

.message__headline--register {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1.6rem;
  text-align: left;
}

.message__headline--register {
  font-family: "Trebuchet MS", "DINCondensed-Bold", "Roboto Condensed",
    "Arial Narrow", sans-serif;
}

html:not(.fonts-loaded) .message__headline--register {
  letter-spacing: -1.607px;
}

html:not(.fonts-loading) .message__headline--register {
  letter-spacing: 0.05rem;
}

@media (min-width: 1024px) {
  .message__headline--register {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}

.message__dropdown-trigger {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  color: #026b9c;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  margin: 0;
  margin-bottom: 2rem;
  padding: 0;
  position: relative;
  text-align: left;
}

.message__dropdown-trigger {
  font-family: Arial, Roboto, sans-serif;
}

html:not(.fonts-loaded) .message__dropdown-trigger {
  letter-spacing: 0.314px;
}

.message__dropdown-trigger:focus {
  outline: 0;
}

.message__dropdown-trigger:after {
  content: "";
  display: flex;
  height: 1.8rem;
  position: absolute;
  right: -2.8rem;
  top: 0.2rem;
  transform: rotate(90deg);
  width: 1.8rem;
}

.message__cmp-wrapper {
  font-size: 1.4rem;
  text-align: center;
}

.message__cmp-link {
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.message__link--register {
  color: #026b9c;
}

@supports (font-variation-settings: normal) {
}

@supports (font-variation-settings: normal) {
}

@supports (font-variation-settings: normal) {
}

.page__view-more--trigger:not(:checked) + .page__actions-container {
  overflow: visible;
}

@supports (font-variation-settings: normal) {
}

.article__title {
  color: #2a303b;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.25;
}

/* .article__title {
  font-family: Georgia, Droid-serif, serif
} */

html:not(.fonts-loaded) .article__title {
  letter-spacing: -0.645px;
}

html:not(.fonts-loaded) .article__title > * {
  letter-spacing: -0.645px;
}

.article__author {
  align-items: center;
  display: flex;
  max-width: 70%;
}

@media (min-width: 768px) {
  .article__author {
    max-width: 28rem;
  }
}

@media not all and (-webkit-min-device-pixel-ratio: 0),
  not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
  }
}

@media (max-width: 1023px) {
  .main--with-contextual-nav {
    margin-top: 0rem;
  }

  /* .main {
    background-color: #f0f4fb;
  } */
}

@supports (font-variation-settings: normal) {
}

@supports (font-variation-settings: normal) {
}

@media (min-width: 1024px) {
  @supports (font-variation-settings: normal) {
  }
}

.footer {
  position: relative;
  z-index: 4;
  -webkit-font-smoothing: antialiased;
  background-color: #2a303b;
  color: #e8eaee;
  padding: 4rem 1.6rem;
}

@media print {
  .footer {
    display: none;
  }
}

.footer {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif;
}

@media (min-width: 768px) {
  .footer {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .footer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
}

.footer__social {
  margin-top: 1.6rem;
  /* display: flex */
}

@media (min-width: 1024px) {
  .footer__social {
    margin-top: 0;
  }
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .message__dropdown-trigger:after {
    background-size: auto;
  }
}

.tf-hide {
  display: none !important;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

:root {
  --box-height: 38px;
  --box-width: 38px;
  --currentColor: #dd1f26;
  --color-black: $on-surface-300;
}

.social-sharing {
  display: flex;
  align-items: center;
}

.social-sharing ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.social-sharing ul li {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

@media (min-width: 300px) and (max-width: 1024px) {
  .social-sharing ul li {
    width: 34px;
    height: 34px;
  }
}

.social-sharing ul li img {
  width: 100%;
  height: auto;
  margin: 0px;
}

.social-sharing ul li:last-child {
  margin-right: 0;
}

.social-sharing ul li:hover {
  opacity: 0.5;
}

.article--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

@media (min-width: 300px) and (max-width: 1024px) {
  .article--top {
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 12px;
  }
}

.article--top-bar {
  display: flex;
  align-items: center;
}

.article--top-bar-right {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.article--top-bar-right span {
  font-size: 12px;
  line-height: 12px;
  color: #212121;
  margin-right: 8px;
}

.article__details {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 300px) and (max-width: 1024px) {
  .article__details {
    flex-direction: column;
    margin-top: 8px;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }
}

.article__details div {
  margin-right: 8px;
}

.article__author {
  font-size: 12px;
}

.article__accreditation {
  font-size: 10px;
  margin-top: 8px;
}

.article__accreditation img {
  height: 16px;
  display: block;
}

.article__title {
  font-size: 32px;
  color: #212121;
  line-height: 36px;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 16px;
}

@media (min-width: 300px) and (max-width: 1024px) {
  .article__title {
    font-size: 24px;
    line-height: 30px;
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

.article__date {
  font-size: 10px;
  color: #212121;
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.article__date:before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  margin-right: 6px;
  background-image: url("/img/icon-time-black.svg");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 50%;
}

.article__social-share {
  display: flex;
  justify-content: left;
  align-items: center;
}

@media (min-width: 300px) and (max-width: 1024px) {
  .article__social-share {
    margin-top: 16px;
  }
}

.article__social-share .bookmark {
  flex: 0 0 auto;
}

.article__social-share .bookmark .button__icon {
  border: 1px solid #e9e9e9;
  align-items: center;
  height: 34px;
  justify-content: space-evenly;
  padding: 0 16px;
  font-size: 12px;
  line-height: 30px;
  color: #212121;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.article__social-share .bookmark .button__icon:hover,
.article__social-share .bookmark .button__icon:focus {
  background-color: #e9e9e9;
}

.article__social-share .bookmark .button__icon img {
  margin-right: 4px;
}

.article__social-share .bookmark .button__icon.show {
  display: flex;
}

@media (min-width: 300px) and (max-width: 1024px) {
  .article__social-share .bookmark .button__icon {
    padding: 0 8px;
    line-height: 32px;
  }

  .article__social-share .bookmark .button__icon img {
    margin-right: 0;
  }

  .article__social-share .bookmark .button__icon span {
    display: none;
  }
}

.article__social-share .button__icon {
  border: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
  height: 34px;
  justify-content: space-evenly;
  padding: 0 16px;
  font-size: 12px;
  line-height: 30px;
  color: #212121;
  margin-right: 12px;
  border-radius: 25px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

@media (min-width: 300px) and (max-width: 1024px) {
  .article__social-share .button__icon {
    margin-right: 8px;
  }
}

.article__social-share .button__icon:last-child {
  margin-right: 0;
}

.article__social-share .button__icon:hover,
.article__social-share .button__icon:focus {
  background-color: #e9e9e9;
}

@media (min-width: 300px) and (max-width: 1024px) {
  .article__social-share .button__icon {
    padding: 0 16px;
    line-height: 32px;
    white-space: nowrap;
  }
}

.article__social-share .button__icon img {
  height: 18px;
  width: auto;
  margin-right: 4px;
}

.article__social-share span {
  font-size: 12px;
  margin-right: 4px;
}

@media (min-width: 300px) and (max-width: 1024px) {
  #main-content {
    overflow: hidden;
  }
}
.tf-hide {
  display: none !important;
}

.most-read-widget {
  background-color: #fff;
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.06);
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
}

.most-read-widget input {
  display: none;
}

.most-read-widget input:checked + label {
  color: #21418d;
  border-bottom: 3px solid #21418d;
}

.most-read-widget label {
  width: 50%;
  color: #909090;
  text-align: center;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  padding: 11px 13px;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: color 0.2s ease, border 0.2s ease;
  -moz-transition: color 0.2s ease, border 0.2s ease;
  -o-transition: color 0.2s ease, border 0.2s ease;
  transition: color 0.2s ease, border 0.2s ease;
}

.most-read-widget label:hover {
  color: #21418d;
  border-bottom: 3px solid #21418d;
}

.most-read-widget #tab-0:checked ~ #content-tab-0 {
  display: block;
}

.most-read-widget__tab {
  display: none;
  width: 100%;
}

.most-read-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.most-read-widget ul li:nth-of-type(1):before {
  content: "1";
}

.most-read-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.most-read-widget ul li:nth-of-type(2):before {
  content: "2";
}

.most-read-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.most-read-widget ul li:nth-of-type(3):before {
  content: "3";
}

.most-read-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.most-read-widget ul li:nth-of-type(4):before {
  content: "4";
}

.most-read-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.most-read-widget ul li:nth-of-type(5):before {
  content: "5";
}

.most-read-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.most-read-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.most-read-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.most-read-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.most-read-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.most-read-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.most-read-widget label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.4px;
}

.most-read-widget__tab {
  border-top: 1px solid #e9e9e9;
}

.most-read-widget__tab ul li {
  display: flex;
  align-items: center;
  padding: 8px 0;
}

.most-read-widget__tab ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 12px;
}

.most-read-widget__tab ul li:before {
  font-size: 24px;
  line-height: 30px;
  color: #e9e9e9;
  font-weight: bold;
  border-right: 3px solid #e9e9e9;
  min-width: 49px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-right: none;
}

.most-read-widget__tab ul li a {
  display: flex;
  color: #212121;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  padding: 0 16px 0 0;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.most-read-widget__tab ul li a:hover {
  color: #545454;
}

.most-read-widget .adblock.ad--loaded {
  margin: 8px 0 16px 0;
}

.most-read-widget .adblock div:first-of-type {
  margin-bottom: 0;
}
.newsletter-subscription__blurb img {
  width: 66px;
  height: 52px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 16px;
  flex: 0 0 auto;
}

.newsletter-subscription {
  padding: 16px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}

.newsletter-subscription__image-url img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
}

.newsletter-subscription {
  background: #fff;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}

.newsletter-subscription__heading {
  display: flex;
  margin-bottom: 16px;
}

.newsletter-subscription__heading-text {
  margin-right: 8px;
}

.newsletter-subscription__heading-text div {
  font-size: 24px;
  line-height: 26px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
  margin: 0 0 8px;
}

.newsletter-subscription__heading-text p {
  font-size: 13px;
  margin: 0;
}

.newsletter-subscription__blurb {
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: flex-start;
  margin: 16px 0 0;
}

.newsletter-subscription__blurb img {
  width: 54px;
  margin-right: 16px;
  flex: 0 0 auto;
}

.newsletter-subscription__blurb p {
  margin: 0;
}

.newsletter-subscription__btn {
  font-size: 15px;
  background-color: #212121;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-size: 15px;
  text-align: center;
  display: block;
  margin-top: 16px;
}

.newsletter-subscription__btn:hover,
.newsletter-subscription__btn:focus,
.newsletter-subscription__btn:active {
  background-color: #080808;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}

.newsletter-subscription__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.newsletter-subscription__image-url {
  width: calc(32px + 100%);
  height: 214px;
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  margin-left: -16px;
}

.newsletter-subscription {
  padding: 16px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}

.newsletter-subscription__image-url img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
}

@font-face {
  font-family: "proximanova-bold";
  src: url("/fonts/proximanova-bold-webfont.woff2") format("woff2"),
    url("/fonts/bold/proximanova-bold-webfont.woff") format("woff"),
    url("/fonts/bold/proximanova-bold-webfont.ttf") format("truetype"),
    url("/fonts/bold/proximanova-bold-webfont.svg#proxima_novaregular")
      format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "proximanova-regular";
  src: url("/fonts/proximanova-regular-webfont.woff2") format("woff2"),
    url("/fonts/regular/proximanova-regular-webfont.woff") format("woff"),
    url("/fonts/regular/proximanova-regular-webfont.ttf") format("truetype"),
    url("/fonts/regular/proximanova-regular-webfont.svg#proxima_novaregular")
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "proximanova-boldit";
  src: url("/fonts/proximanova-boldit-webfont.woff2") format("woff2"),
    url("/fonts/bold/proximanova-boldit-webfont.woff") format("woff"),
    url("/fonts/bold/proximanova-boldit-webfont.ttf") format("truetype"),
    url("/fonts/bold/proximanova-boldit-webfont.svg#proxima_novaregular")
      format("svg");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "proximanova-regularit";
  src: url("/fonts/proximanova-regularit-webfont.woff2") format("woff2"),
    url("/fonts/regular/proximanova-regularit-webfont.woff") format("woff"),
    url("/fonts/regular/proximanova-regularit-webfont.ttf") format("truetype"),
    url("/fonts/regular/proximanova-regularit-webfont.svg#proxima_novaregular")
      format("svg");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}


.adblock {
  text-align: center;
  margin: 0 auto;
  min-height: 1px;
  margin-bottom: 16px;
  position: relative;
}

.adblock.ad--loaded {
  max-height: 100%;
}

.adblock div:first-of-type {
  margin-bottom: 16px;
  height: 100%;
}

@media (min-width: 10px) and (max-width: 768px) {
  .adblock div:first-of-type {
    margin-bottom: 8px;
  }
}

@media (min-width: 10px) and (max-width: 768px) {
  .adblock {
    width: 100%;
  }
}

.tf-hide {
  display: none !important;
}

@supports (--custom: property) {
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

a {
  background-color: rgba(0, 0, 0, 0);
}

b {
  font-weight: bolder;
}

img {
  border-style: none;
}

button,
input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button {
  text-transform: none;
}

button,
[type="button"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

*,
*:after,
*:before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

@media (min-width: 768px) {
  html {
    overflow-y: scroll;
  }
}

html,
body {
  margin: 0;
  padding: 0;
  height: auto;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

img {
  max-width: 100%;
  vertical-align: bottom;
  height: auto;
  position: relative;
}

img:-moz-loading {
  visibility: hidden;
}

img:before {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f5f5f5;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover,
a:focus,
a:active {
  outline: 0;
}

::selection,
::-webkit-selection,
::-moz-selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}

body {
  margin: 0;
  font-family: "proximanova-regular", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #212121;
  background-color: #f0f4fb;
}

@media (min-width: 1024px) {
  body {
    padding-top: 58px;
  }
}

@media (min-width: 768px) {
  body {
    /* padding-top: 58px; */
    background-color: #fafafa;
  }
}

@media (min-width: 1024px) {
  .mobile {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .desktop {
    display: none !important;
  }
}

.wrapper {
  width: 980px;
  margin: auto;
}

#main-content {
  cursor: default;
}

@media (min-width: 10px) and (max-width: 1023px) {
  #main-content {
    padding-bottom: 60px;
    width: 100vw;
    position: relative;
    background-color: #f0f4fb;
  }
}

@media (min-width: 1023px) {
  #main-content {
    margin-bottom: 0px;
    padding: 0;
  }

  .footer--rhs {
    width: 996px;
    padding: 8px;
    margin: auto;
    text-align: center;
  }

  #main-content.wrapper {
    width: 996px;
    padding: 8px;
    background-color: #fafafa;
  }
}

.container {
  display: flex;
  flex-flow: row nowrap;
}

input:focus {
  outline: 0;
}

input[type="text"] {
  border: none;
  padding: 8px 16px;
  font-size: 16px;
}

button,
input,
label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.brandbar {
  height: 50px;
  top: 0;
  background-color: #000;
  margin-bottom: 8px;
  display: flex;
  cursor: default;
  z-index: 11;
  position: fixed;
  width: 100%;
}

.brandbar .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brandbar__links {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 0;
}

.brandbar__links li {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}

.brandbar__links li > a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-family: "proximanova-bold", sans-serif;
  display: block;
  line-height: 18px;
}

.brandbar__links li > a:hover {
  text-decoration: underline;
}

.brandbar__links .links--image {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
}

.brandbar__links .links--image a {
  display: flex;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.brandbar__links .links--image a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.brandbar__links .links--image a img {
  max-height: 22px;
}

.brandbar__links .links--image:after {
  display: none;
}

.brandbar__links .links--image-text {
  margin-right: 5px;
  padding: 0;
  min-height: 22px;
}

.brandbar .auth {
  margin: 0;
  padding: 0;
  display: flex;
}

.brandbar .auth li {
  list-style: none;
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
}

.brandbar .auth__login a {
  font-size: 12px;
  color: #fff;
  font-family: "proximanova-bold", sans-serif;
  width: auto;
  text-align: center;
}

.brandbar .auth__login a:hover {
  text-decoration: underline;
}

.brandbar .links--dropdown {
  color: #fff;
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  display: inline-block;
  padding: 17px 10px;
  width: 115px;
  flex: 0 0 auto;
}

.brandbar .links--dropdown > span:after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13px;
}

.brandbar .links--dropdown:hover > span:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.brandbar .links--dropdown:hover .brandbar__dropdown {
  display: flex;
}

.brandbar .links__dropdown--image {
  display: flex;
  align-items: center;
  width: auto;
  min-height: 48px;
  margin-right: 5px;
  padding: 12px 0;
}

.brandbar .links__dropdown--image img {
  margin-right: 8px;
  max-height: 24px;
}

.brandbar .links__dropdown--image > span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.brandbar .links__dropdown--image:after {
  display: none;
}

.brandbar__dropdown {
  position: absolute;
  top: 49px;
  right: 0;
  z-index: 100;
  padding: 22px 15px;
  background-color: #fff;
  display: none;
  justify-content: space-between;
  width: auto;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}

.brandbar__dropdown:before {
  content: "";
  width: 100%;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 0;
}

.brandbar__dropdown--column {
  color: #212121;
  font-size: 14px;
  line-height: 20px;
  font-family: "proximanova-bold", sans-serif;
  width: 145px;
  margin: 0 15px;
}

.brandbar__dropdown--column a {
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  display: block;
  margin-bottom: 8px;
}

.brandbar__dropdown--column a:hover {
  text-decoration: underline;
}

.brandbar__dropdown--column a:last-child {
  margin-bottom: 0;
}

.social-links-container ul {
  margin: 0;
  padding: 0;
}

.social-links-container ul li {
  display: inline-block;
}

header .social-links {
  position: relative;
  margin: 0;
}

header .social-links .social-control {
  display: flex;
}

header .social-links .social-control .social-item {
  margin: 0 0 0 8px;
  flex: auto;
}

header .social-links .social-control .social-item a {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

header .social-links .social-control .social-item a img {
  height: 22px;
}

header .social-links .social-control .social-item a:hover {
  opacity: 0.7;
}

header .social-links-container ul li {
  display: block;
}

.footer .social-links {
  flex-direction: column;
  margin: 20px auto 10px;
}

@media (min-width: 1024px) {
  .header {
    background-color: #fff;
    /* margin-bottom: 8px; */
    -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }

  .header-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    padding: 0 16px;
  }

  .header-container--content {
    margin-left: 16px;
    display: flex;
    align-items: center;
    min-width: 680px;
    height: 40px;
    justify-content: flex-end;
  }

  .header__logo {
    display: inline-block;
    flex: 1;
  }

  .header__logo.news24 > img {
    width: auto;
    height: 55px;
  }

  .header__logo > img {
    width: auto;
    height: 55px;
  }

  .header__search {
    position: relative;
    min-width: 270px;
  }

  .header__search input[type="text"] {
    font-size: 16px;
    color: #909090;
    margin-bottom: 0;
    padding: 0 40px;
    height: 40px;
    width: 100%;
    border: 1px solid #909090;
    background-color: #fff;
    transition: 0.2s ease-in border, 0.2s ease-in outline;
    overflow: hidden;
    border-radius: 100px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .header__search input[type="text"]:focus {
    background-color: #ebecf2;
  }

  .header .social-links {
    height: 31px;
  }

  .header .social-links .social-control .social-item {
    width: 31px;
  }

  .header .social-links .social-control .social-item a img {
    height: 31px;
  }
}

@media (min-width: 10px) and (max-width: 1023px) {
  .header {
    background-color: #fff;
    color: #212121;
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
  }

  .header__logo {
    display: inline-block;
    font-size: 0;
  }

  .header__logo > img {
    height: 29px;
    width: auto;
  }

  .header__content {
    display: inline-block;
    font-size: 0;
  }

  .header__content #auth-section {
    display: flex;
    align-items: center;
    height: 40px;
  }
}

@media (min-width: 10px) and (max-width: 1023px) and (min-width: 10px) and (max-width: 1023px) {
  .header__content #auth-section {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    height: auto;
  }
}

@media (min-width: 10px) and (max-width: 1023px) {
  .header .auth {
    margin: 0;
    padding: 0;
  }

  .header .auth li {
    list-style: none;
    display: inline-block;
    margin-left: 8px;
  }

  .header .auth__subscribe a {
    font-size: 15px;
    background-color: #dd1f26;
    color: #fff;
    font-family: "proximanova-regular", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    height: 26px;
    line-height: 26px;
    font-size: 11px;
    padding: 0 20px;
    width: auto;
    font-family: "proximanova-bold", sans-serif;
  }

  .header .auth__subscribe a:hover,
  .header .auth__subscribe a:focus,
  .header .auth__subscribe a:active {
    background-color: #b0191e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }

  .header .auth__subscribe a:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }

  .header .auth__login a {
    font-size: 11px;
    color: #212121;
    font-family: "proximanova-bold", sans-serif;
  }

  .header .auth__login a:hover {
    text-decoration: underline;
  }
}

.sticky-header {
  top: 0;
  width: 100%;
  z-index: 99;
  display: flex;
  flex-direction: column;
  position: sticky;
  position: -webkit-sticky;
  background-color: #eceff5;
}

.header__nav {
  background-color: #fff;
}

@media (min-width: 10px) and (max-width: 768px) {
  .header__nav {
    background-color: #fff;
    margin: 0;
    position: relative;
    margin-bottom: 4px;
  }

  /* .header__nav:after {
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(to right, rgba(164, 164, 164, 0) 0%, rgba(164, 164, 164, 0.2) 50%, rgba(164, 164, 164, 0.8) 100%)
  } */
}

.header__nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .header__nav ul {
    display: flex;
    justify-content: flex-start;
  }
}

@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul {
    text-align: justify;
    padding: 0 8px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

.header__nav ul > li {
  display: inline-block;
  position: relative;
}

@media (min-width: 768px) {
  .header__nav ul > li {
    flex: 0 1 auto;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
  }
}

@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul > li {
    height: 43px;
    text-align: center;
    margin-right: 20px;
  }
}

.header__nav ul > li a {
  position: relative;
  text-decoration: none;
  color: #212121;
  font-size: 13px;
  padding: 13px 12px;
  display: block;
}

@media (min-width: 768px) {
  .header__nav ul > li a {
    font-weight: 400;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
}

@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul > li a {
    font-size: 10px;
    letter-spacing: 1px;
    color: rgba(33, 33, 33, 0.5);
    text-transform: uppercase;
    font-family: "proximanova-bold", sans-serif;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 5px;
  }
}

.header__nav ul > li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  opacity: 0;
  height: 3px;
  background-color: #d0021b;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.header__nav ul > li a.is-active {
  color: #c00000;
}

@media (min-width: size) {
  .header__nav ul > li a.is-active {
    color: #212121;
  }
}

.header__nav ul > li a.is-active:after {
  opacity: 1;
}

@media (min-width: 768px) {
  .header__nav ul > li:hover a {
    color: #c00000;
  }

  .header__nav ul > li:hover a:after {
    opacity: 1;
  }

  .header__nav ul > li:hover .sub-nav {
    display: flex;
  }
}

.header__nav ul > li.has-children:before {
  content: "";
  width: 12px;
  height: 9px;
  position: absolute;
  top: 20px;
  right: 4px;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.header__nav ul > li.has-children a {
  padding: 13px 22px 13px 12px;
}

.header__nav ul > li.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 16px;
}


.header__nav ul > li.has-children.is-active.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 16px;
}

.header__nav ul > li .sub-nav,
.header__nav ul > li .sub-nav-child {
  flex-direction: column;
  display: none;
  background-color: #fff;
  position: absolute;
  min-width: 180px;
  top: 100%;
  left: 0;
  z-index: 10;
  -webkit-border-radius: 0 0 2px 2px;
  -khtml-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
}

.header__nav ul > li .sub-nav > li,
.header__nav ul > li .sub-nav-child > li {
  text-align: left;
}

.header__nav ul > li .sub-nav > li a,
.header__nav ul > li .sub-nav-child > li a {
  font-size: 11px;
  letter-spacing: 0.71px;
  color: #212121;
  padding: 8px 16px;
  text-transform: uppercase;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.header__nav ul > li .sub-nav > li a:hover,
.header__nav ul > li .sub-nav-child > li a:hover {
  background-color: #f3f3f3;
}

.header__nav ul > li .sub-nav > li a:after,
.header__nav ul > li .sub-nav-child > li a:after {
  display: none;
}

.header__nav ul > li .sub-nav > li.has-children:before {
  top: 12px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.header__nav ul > li .sub-nav > li.has-children:hover:before {
  right: 7px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.header__nav ul > li .sub-nav > li:hover .sub-nav-child {
  display: flex;
}

.header__nav ul > li .sub-nav-child {
  left: 100%;
  top: 0;
}

@media (min-width: 768px) {
  .footer {
    background-color: #fff;
  }
}

.footer__nav ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.footer__nav ul li {
  list-style: none;
}

@media (min-width: 768px) {
  .footer__nav ul li {
    display: inline-block;
    margin-right: 5px;
    position: relative;
  }

  .footer__nav ul li:after {
    content: "|";
    margin-left: 5px;
    font-size: 13px;
  }

  .footer__nav ul li:last-child:after {
    display: none;
  }

  .footer__nav ul li a {
    color: #212121;
    font-size: 13px;
    font-family: "proximanova-bold", sans-serif;
  }

  .footer__nav ul li a:hover {
    text-decoration: underline;
  }
}

.footer--rhs {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 16px;
  margin-bottom: 24px;
}

.footer__app-links {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.footer__app-links a {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  /* width: 50%; */
  margin-bottom: 4px;
}

.footer__app-links a:hover {
  opacity: 0.8;
}

.footer__app-links a img {
  height: 50px;
}

.footer__social-title {
  display: block;
  font-family: "proximanova-bold", sans-serif;
  color: dimgray;
  font-size: 14px;
}

.footer__social .social-links {
  margin: 8px auto;
}

.footer__social .social-links .social-control .social-item {
  margin: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.footer__social .social-links .social-control .social-item:hover {
  opacity: 0.8;
}

.footer__social .social-links .social-control .social-item a img {
  width: 30px;
  height: 30px;
}

.footer__copyright {
  font-size: 13px;
  color: #212121;
  line-height: 20px;
  display: block;
  margin: 16px 0;
}

.footer__copyright .popia {
  /* display: inline-flex; */
  flex-direction: column;
  margin-bottom: 10px;
}

.footer__copyright a {
  color: #212121;
  display: block;
  line-height: 24px;
}

.footer__copyright a:hover {
  text-decoration: underline;
}

.footer__copyright a.footer__btn {
  background: #212121;
  display: inline-block;
  line-height: 20px;
  font-size: 10px;
  letter-spacing: 0.6px;
  text-align: left;
  color: #fff;
  text-transform: uppercase;
  padding: 0 8px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  margin-top: 8px;
  width: fit-content;
}

.footer__copyright a.footer__btn:hover,
.footer__copyright a.footer__btn:focus,
.footer__copyright a.footer__btn:active {
  background-color: #080808;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}

.footer__copyright a.footer__contact {
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
}

.footer__copyright a.footer__contact:before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 8px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/img/email.svg");
}

@media (min-width: 10px) and (max-width: 1024px) {
  .footer__nav {
    position: fixed;
    left: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    z-index: 99;
    background: #fff;
    height: 61px;
    display: flex;
    align-items: center;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    -o-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
  }
}

.footer__nav ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}

@media (min-width: 10px) and (max-width: 1024px) {
  .footer__nav ul {
    text-align: center;
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 43px;
  }
}

.footer__nav ul li {
  flex: 1;
}

.footer__nav ul li:hover.discover_btn .footer__nav-item--icon img {
  right: 1px;
  top: 14px;
}

.footer__nav ul li.discover_btn .footer__nav-item--icon {
  width: 52px;
  height: 52px;
  border-radius: 26px;
  display: inline-block;
  margin-top: -27px;
  background: #21418d;
}

.footer__nav ul li.discover_btn .footer__nav-item--icon img {
  right: 1px;
  top: 14px;
}

.footer__nav ul li.discover_btn .footer__nav-item--title {
  padding-top: 5px;
}

.footer__nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__nav-item--icon {
  width: 25px;
  height: 30px;
  margin: 0 auto;
  text-align: center;
  vertical-align: bottom;
  overflow: hidden;
  position: relative;
}

.footer__nav-item--icon img {
  height: 25px;
  width: 50px;
  position: absolute;
  right: -100%;
  top: 0;
  max-width: none;
}

.footer__nav-item--title {
  font-size: 10px;
  display: block;
  color: #212121;
  margin-top: 4px;
  font-family: "proximanova-bold", sans-serif;
  line-height: 4px;
  padding: 0 8px 10px;
  white-space: nowrap;
}

.footer__nav-item:hover .footer__nav-item--title,
.footer__nav-item.is-active .footer__nav-item--title {
  color: #21418d;
}

.footer__nav-item:hover .footer__nav-item--icon img,
.footer__nav-item.is-active .footer__nav-item--icon img {
  right: 0;
}

.footer__nav-item:focus {
  outline: 0;
}

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.auth__subscribe > a {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  width: auto;
  text-align: center;
  padding: 0 16px;
  font-family: "proximanova-bold", sans-serif;
  font-size: 12px;
}

.auth__subscribe > a:hover,
.auth__subscribe > a:focus,
.auth__subscribe > a:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}

.auth__subscribe > a:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

.header__nav {
  border-top: 1px solid #e9e9e9;
}

.header__nav ul > li a {
  font-size: 12px;
}

.header__nav ul > li.has-children:before {
  top: 18px;
}

.header__nav ul > li.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 14px;
}

.header__nav ul > li.has-children.is-active.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 14px;
}

.header__logo {
  width: auto;
  height: 55px;
  flex: 1;
  background-image: url(/img/logo.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 10px) and (max-width: 1023px) {
  .header__logo {
    height: 29px;
  }
}

.header__logo img {
  display: none;
}

@font-face {
  font-family: "proximanova";
  src: url("/fonts/proximanova-bold-webfont.woff2") format("woff2");
  font-weight: bold;
}
@font-face {
  font-family: "proximanova";
  src: url("/fonts/proximanova-regular-webfont.woff2") format("woff2");
  font-weight: 400;
}
body {
  font-family: "proximanova" !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  background-color: #f5f5f5;
  /* padding-top: 48px; */
  /* padding-bottom: 58px; */
  overflow: clip;
}
.MuiGrid-root.MuiGrid-container.css-1d7k0f3 .MuiBox-root img {
  width: 32px !important;
  height: 32px !important;
  max-width: none;
}
.MuiBox-root.css-2pv4ez {
  margin-bottom: 10px;
}
.MuiGrid-root.MuiGrid-item.css-ug9dob .MuiBox-root.css-0 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.platform-name {
  color: rgb(0, 102, 178);
  font-weight: bold;
}
.platform-name:hover {
  color: rgb(0, 66, 117);
}
main a img {
  margin: 20px 0px;
}
h2 {
  font-weight: bold !important;
  margin-bottom: 10px !important;
  font-size: 26px !important;
}
.number {
  color: red;
  font-weight: bold;
  font-size: 20px;
}
.container {
  max-width: none !important;
}
.comentar-btn {
  width: 100%;
  text-align: center;
  margin: 20px auto;
}
.comentar-btn button {
  background: #0066b2;
  color: white;
  padding: 10px 70px;
  border-radius: 20px;
}
.comentar-btn button:hover {
  background: #014070;
}
.border-gray-300 {
  border-bottom: 1px solid;
}
#block-content {
  padding: 8px;
  background-color: #f5f5f5;
  max-width: 996px;
  margin: auto;
}
.article__title {
  font-size: 32px !important;
  line-height: 36px !important;
}
.weather-widget {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 12px;
}
.weather-widget__data--city {
  font-weight: bold;
}
.weather-widget--locked .weather-widget__image:after {
  content: "";
  width: 40px;
  height: 26px;
  display: block;
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  background-image: url(/img/icon-weather-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.weather-widget__data {
  border-left: 1px solid #e9e9e9;
  margin-left: 12px;
  padding: 2px 0 2px 12px;
}
.weather-widget--locked {
  margin-left: 12px;
  min-width: 190px;
}
.main.main {
  padding: 16px;
  border-radius: 2px;
  position: relative;
  max-width: 664px;
  margin-right: 16px;
  align-self: flex-start;
}
#block-content {
  display: flex;
}
.article__author .article__date {
  display: none;
}
@media (max-width: 1024px) {
  .main.main {
    margin-bottom: 150px;
  }
}
@media (max-width: 770px) {
  body {
    overflow-x: hidden;
    overflow-y: auto;
  }
  #block-content {
    flex-direction: column;
    padding: 0px;
  }
  .main.main {
    max-width: none;
    margin-right: 0px;
    margin-bottom: 0px;
  }
  .aside-bar {
    margin-bottom: 100px;
  }
  .article__details {
    flex-direction: column-reverse;
  }
  .article__author {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  .article__author .article__date {
    display: flex;
  }
  .article--top-bar {
    display: none;
  }
  body {
    padding-top: 0px;
  }
  .weather-widget--locked {
    min-width: auto !important;
  }
  .weather-widget__data {
    display: none;
  }
  .header__content {
    display: flex;
  }
  .header__nav {
    margin-bottom: 0px;
  }
}
@media (max-width: 500px) {
  .article__title {
    font-size: 25px !important;
    line-height: 30px !important;
  }
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/mui-icons.woff2") format("woff2");
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons.like {
  color: #3b82f6;
}

.f1t-form-field {
  padding-bottom: 10px;
}

.f1t-form-field__label {
  display: none;
}

.f1t-form__submit {
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  border: 0 solid #e5e7eb;
  border-radius: 8px;
  background: #7ed321;
  border-radius: 20px;
  padding: 15px;
  font-size: 20px;
  box-shadow: 0px 4px 0px #69b31f, 0px 254px 102px rgba(6, 26, 45, 0.01),
    0px 143px 86px rgba(6, 26, 45, 0.05), 0px 63px 63px rgba(6, 26, 45, 0.09),
    0px 16px 35px rgba(6, 26, 45, 0.1), 0px 0px 0px rgba(6, 26, 45, 0.1);
  margin-top: 20px;
}

.f1t-form-field {
  position: relative;
}

.f1t-form-field__error {
  font-size: 12px;
  margin-top: 5px;
}

.f1t-form-field label {
  display: block;
}

.f1t-form-field input {
  display: block;
  width: 100%;
  border: solid 1.2px var(--color-bg-3, #b1b5be);
  border-radius: 4px;
  background: var(--color-bg-quiz, #fff);
  outline: none;
  height: 60px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  padding: 8px 12px;
  color: #0f172a;
}

.f1t-form-field input:focus {
  border-color: rgb(0, 195, 255);
}

.f1t-form-field input::placeholder {
  opacity: 1;
}

.iti__selected-flag {
  border-radius: 0;
}

.f1t-form-field--error input,
.f1t-form-field--error textarea,
.f1t-form-field--error select {
  border-color: red;
}

.f1t-form-field--phone input {
  padding-right: 6px;
  padding-left: 52px;
}

.f1t-modal__text h3 {
  font-size: 24px;
  font-weight: 700;
  color: #000;
}

.f1t-modal__text p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

@media (max-width: 575px) {
  .f1t-modal__text h3 {
    font-size: 20px;
  }

  .f1t-modal__text p {
    font-size: 14px;
  }
}

*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
} /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
*,
::after,
::before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
::after,
::before {
  --tw-content: "";
}
:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mt-4 {
  margin-top: 1rem;
}
.flex {
  display: flex;
}
.h-12 {
  height: 3rem;
}
.w-12 {
  width: 3rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.cursor-pointer {
  cursor: pointer;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-full {
  border-radius: 9999px;
}
.border {
  border-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.object-cover {
  object-fit: cover;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-semibold {
  font-weight: 600;
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.transition-colors {
  transition-property: color, background-color, border-color, fill, stroke,
    -webkit-text-decoration-color;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.hover\:text-green-500:hover {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (min-width: 768px) {
  .md\:p-8 {
    padding: 2rem;
  }
}