* {
    font-size: 13px;
    font-family: "Poppins", sans-serif ;
    font-style: normal;
}


/* colors */

:root {
    --yellow: #FCC700;
    --black: #1E1E1E;
}

/* text */

h1 { font-weight: 600!important; font-size: 36px!important; }
h2 { font-weight: 600!important; font-size: 30px!important; }
h3 { font-weight: 500!important; font-size: 28px!important; color: var(--black)!important;}
h4 { font-weight: 500!important; font-size: 18px!important;}
h5 { font-weight: 300!important; font-size: 14px!important; color: var(--yellow-text)!important;}
p{ font-weight: 300!important; font-size: 13px!important; color: var(--black-text)!important; line-height: 23px;}
a{ text-decoration: none!important;}

.text-yellow { color: var(--yellow);}
.text-black { color: var(--black);}


@media (max-width:768px){
    h1 { font-size: 30px!important; }
    h2 { font-size: 22px!important; }
    h3 { font-size: 16px!important; }
    h4 { font-size: 14px!important; }
    .h1-slider { font-size: 32px!important; }
}

body {
    background: black!important;
    color: white!important;
}


button {
    border-radius: 2rem!important;
    background-color: var(--yellow);
    color: var(--black);
    border: none;
    font-size: 13px!important;
    padding: 10px 20px;
}

/* HERO */

.hero {
    background: url('/assets/website/img/home-hero.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 800px;
    border-bottom-left-radius: 8rem;
    border-bottom-right-radius: 8rem;
    overflow: hidden;
}

.hero-content {
    height: 100%;
    position: relative;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
}

.hero-text h1 {
    font-size: 60px!important;
}

.hero-text {
    z-index: 1;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #00000040;
}

/* SOLUTIONS */

.card-dark {
    border: 1px solid var(--yellow);
    border-radius: 3rem;
}

.solutions .icon{
    display: grid;
    align-items: center;
    justify-content: center;
    height: auto;
}

.icon img {
    margin-top: -50%;
}

/* STEPS */

.steps {
  position: relative;
  width: 400px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  background: #333;
  transform: translateY(-50%);
  border-radius: 999px;
  overflow: hidden;
}

.progress {
  height: 100%;
  width: 0%;
  background: var(--yellow)!important;
  border-radius: 999px;
  transition: width 1s linear;
}

.step {
  width: auto;
  height: auto;
  background: #222;
  border-radius: 50%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 22px;
  font-weight: bold;
  transition: all 0.4s ease;
}

.step.active {
  transform: scale(1.2);
  box-shadow: 0 0 20px var(--yellow);
}


/* PLANS PAGE */