#topnav {
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

    #topnav .navbar-nav .nav-link {
        font-weight: 500;
        padding: .75rem 1rem;
    }

    #topnav .btn {
        border-radius: 999px;
    }


.btn {
    border-radius: .6rem;
}

.btn-warning {
    font-weight: 600;
}

#topnav .btn-warning {
    box-shadow: 0 4px 12px rgba(255,159,28,.35);
}

.form-control,
.input-group-text {
    border-radius: .6rem;
}

    .form-control:focus {
        box-shadow: 0 0 0 .2rem rgba(0,115,206,.15);
    }

.searchbox .input-group-text {
    background: #f8f9fa;
}

.surface {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
body {
    line-height: 1.6;
}

h1, h2, h3 {
    letter-spacing: -.01em;
}

h1 {
    font-weight: 700;
}

.dots-bg {
    width: 100%;
    height: auto;
    opacity: 0.5;
    display: block;
    margin: 0 auto;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem 1.1rem;
    font-size: .95rem;
    font-weight: 600;
    border-radius: 999px;
    text-decoration: none;
    transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;
}

.cta-apply {
    background-color: #ff9f1c;
    color: #0a2a43;
}

    .cta-apply:hover,
    .cta-apply:focus {
        background-color: #e88900;
        box-shadow: 0 6px 16px rgba(255,159,28,.45);
        transform: translateY(-1px);
        color: #0a2a43;
    }

.cta-prospectus {
    background-color: #0073ce;
    color: #fff;
}

    .cta-prospectus:hover,
    .cta-prospectus:focus {
        background-color: #005fa8;
        box-shadow: 0 6px 16px rgba(0,115,206,.45);
        transform: translateY(-1px);
        color: #fff;
    }