h1{
    color: var(--title-color);

    font-family: var(--ff-title);
    font-size: var(--fs-title-1);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight-1);
}





h2{
    color: var(--title-color);

    font-family: var(--ff-title);
    font-size: var(--fs-title-2);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight-2);
}

@media screen and (max-width:480px) {
    h1{
        font-size: var(--fs-title-3);
        letter-spacing: var(--ls-tight-3);
    }

    h2{
        font-size: var(--fs-title-4);
        letter-spacing: var(--ls-tight-4);
    }
}

h3{
    color: var(--text-card-color);

    font-family: var(--ff-title);
    font-size: var(--fs-title-4);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight-4);
}

@media screen and (max-width:480px) {
    h3{
        font-size: var(--fs-title-5);
        letter-spacing: var(--ls-tight-5);
    }
}

h4{
    color: var(--title-color);

    font-family: var(--ff-title);
    font-size: var(--fs-title-6);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight-6);
}

h4.red{
    color: var(--primary-color-2);
}

h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white{
    color:var(--text-card-color);
}


p,
li{
    color: var(--title-color);
  
    font-family: var(--ff-title);
    font-size: var(--fs-text-section);
    font-weight: var(--fw-regular);
    letter-spacing: var(--ls-tight-7);
}

p.big-container{
    max-width: var(--content-big-container);
}

h1.sm-container,
h2.sm-container,
h3.sm-container,
h4.sm-container,
h5.sm-container,
h6.sm-container,
p.sm-container{
    max-width: var(--content-sm-container);
}


p.small{
    font-size: var(--fs-text-sm-section);
    letter-spacing: -0.16px;
}

p > b{
    font-weight: var(--fw-bold);
}
li.white,
p.white{
    color: var(--text-card-color);
}

p.blue{
    color: var(--primary-color);
}

p.center{
    text-align: center;
}

@media screen and (max-width:480px) {
    p.center{
        text-align: left;
    }
}

.button{
    display: flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: fit-content;
    align-self: stretch;
    border-radius: 8px;
    border: 2px solid var(--primary-primary---2, #97CBFF);
    background: var(--primary-primary---2, linear-gradient(180deg, #97CBFF 0%, #07F 100%));
    margin: 0 auto;
    color: var(--standart-white, #FFF);

    /* navigation/btn */
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.16px;
    text-transform: uppercase;
}

.flex {
  display: flex;
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.center {
  align-items: center;
  justify-content: center;
}

.spaced {
  justify-content: space-between;
}

.nowrap {
  flex-wrap: nowrap;
}