header{
    z-index: 100000;
}

header nav {
    display: block;

    a {
        margin-right: 10px
    }
}
.header-1{
    position: sticky;
    top:0;
    color:var(--font-color);
    a{
        &:hover{
            color: color-mix(in srgb, var(--font-color), white 50%);
        }
    }
}


.header-adv-1 {
    min-height: 100vh;
    background-image: url("/upload/services/2147813112.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    .topbar {
        background-color: var(--bg-color);
    }
    .content {
        display: flex;
        width: 100%;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        h4 {
            margin-bottom: 40px;
            font-size: 40px;
        }

        .tagline {
            font-size: 20px;
            max-width: 800px;
        }
        .col-md-6{
            display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
        }

    }
}

.header-adv-2 {
    margin-top: 150px;
    min-height: 100vh;
    background-image: url("/upload/services/2147813112.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    display: flex;
    flex-direction: column;

    .topbar {
        background-color: var(--bg-color);
    }

    .content {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        h4 {
            margin-bottom: 40px;
            font-size: 40px;
        }

        .tagline {
            font-size: 20px;
            max-width: 800px;
        }


    }
}

.cta {
    margin: auto;
    margin-top: 40px!important;
    max-width: 400px;

    a {
        cursor: pointer;
        display: block;
        width: 100%;
        padding: 12px 24px;
        background-color: rgb(43, 92, 226);
        color: white;
        border: 2px solid transparent;
        border-radius: 12px;
        font-weight: bold;
        font-size: 18px;
        &:hover {
            background-color: rgb(46, 71, 185);
            border: 2px solid rgb(43, 92, 226);
        }
    }
}

.cta-2{
    a{
        border-radius: 0;
    }
}