:root {
    --primary: #6209DB;
    --dark:#000000;
    --light:#ffffff;
    --grey:#f5f5f5;
}

body {
    font-family: 'Poppins', sans-serif;
}

.navbar {
    min-height: 90px;
}

.navbar .btn {
    padding: .625rem 1.25rem !important;
}

.text-primary {
    color:var(--primary) !important;
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary);

}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-light {
    background-color: var(--grey) !important;
}

.content {
    max-width: 500px;
}

section{
    height: 900px;
}
.step {
    position: relative;
    display: flex;
    justify-content: center;

}

.step::after {
    content: '';
    border-right:solid var(dark);
    height: 60px;
    position: absolute;
    top: 34px;
    opacity: .2;
}

.call-to-action{
    border-radius: 50px;

}

.call-to-action img {
    max-width: 280px;
}
@media (max-width:992px) {
    .navbar {
        position: relative !important;
    }

    section {
        height: unset !important;
    }
    .call-to-action img {
        max-width: 100% !important;
    }
}

.navbar-toogler:focus{
    box-shadow: none;
}