#home-hero
{
    padding: 110px 25px 60px;
    background-color: var(--primary);
}
#home-hero .cs-container
{
    max-width: 1280px;
    position: relative;
}
#home-hero .cs-hero-title, #home-hero .cs-text
{
    z-index: 1;
    color: #fff;
}
#home-hero .cs-hero-title
{
    margin-bottom: 2rem;
}
#home-hero .cs-text
{
    opacity: .8;
    font-size: clamp(1rem,3vw,1.25rem);
}
#home-hero .second-line
{
    margin-bottom: 2rem;
}
#home-hero .home-content
{
    display: flex;
    flex-direction: column;
    text-align: center;
}
#home-hero .home-content .cta-buttons
{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#home-hero .home-content a
{
    margin: auto;
}
@media only screen and (min-width: 457px)
{
    #home-hero
    {
        padding: 125px 43px 60px;
    }
    #home-hero .home-content
    {
        max-width: 800px;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: start;
    }
    #home-hero .home-content .cs-hero-title
    {
        margin-bottom: 2.5rem;
    }
    #home-hero .home-content .cs-text
    {
        padding-right: 5rem;
    }
    #home-hero .home-content .second-line
    {
        margin-bottom: 2.5rem;
    }
    #home-hero .home-content .cta-buttons
    {
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    #home-hero .home-content .cta-buttons a
    {
        margin: 0;
    }
}
@media only screen and (min-width: 1024px)
{
    #home-hero
    {
        padding: 120px 70px 120px;
        position: relative;
    }
    #home-hero .spotlight
    {
        width: 589px;
        height: 589px;
        border-radius: 589px;
        opacity: .200000003;
        background: #5f71f6;
        filter: blur(127px);
        position: absolute;
        top: -300px;
        left: -200px;
    }
    #home-hero .circle-lines-1
    {
        position: absolute;
        top: -182px;
        left: 50%;
        transform: translateX(-50%);
        width: 271px;
        height: 367px;
        border-radius: 462px;
        border: 1px solid #fff;
        opacity: .150000006;
    }
    #home-hero .circle-lines-1:before
    {
        content: "";
        position: absolute;
        top: -80px;
        left: 50%;
        transform: translateX(-50%);
        width: 399px;
        height: 541px;
        border-radius: 462px;
        border: 1px solid #fff;
    }
    #home-hero .circle-lines-1:after
    {
        content: "";
        position: absolute;
        top: -175px;
        left: 50%;
        transform: translateX(-50%);
        width: 529px;
        height: 717px;
        border-radius: 462px;
        border: 1px solid #fff;
    }
    #home-hero .circle-lines-2
    {
        position: absolute;
        top: -469px;
        left: 50%;
        transform: translateX(-50%);
        width: 695px;
        height: 941px;
        border-radius: 462px;
        border: 1px solid #fff;
        opacity: .150000006;
    }
    #home-hero .circle-lines-2:before
    {
        content: "";
        position: absolute;
        top: -100px;
        left: 50%;
        transform: translateX(-50%);
        width: 857px;
        height: 1161px;
        border-radius: 462px;
        border: 1px solid #fff;
    }
}