/* ==========================================
   CONTAINER
========================================== */

.container{

    width:min(92%, var(--container-width));

    max-width:var(--container-width);

    margin-inline:auto;

}

.container-sm{

    max-width:900px;

    margin-inline:auto;

}

.container-lg{

    max-width:1600px;

    margin-inline:auto;

}

.container-fluid{

    width:100%;

    padding-inline:var(--container-padding);

}
.hero-content>*{

    animation:fadeUp .8s both;

}

.hero-content>*:nth-child(1){

    animation-delay:.1s;

}

.hero-content>*:nth-child(2){

    animation-delay:.2s;

}

.hero-content>*:nth-child(3){

    animation-delay:.3s;

}

.hero-content>*:nth-child(4){

    animation-delay:.4s;

}
.hero-layout{

    grid-template-columns:42% 58%;

    gap:90px;

}
section{
    padding:var(--space-7) 0;
}

.container{
    width:min(1200px,92%);
    margin:auto;
}