/* =====================
CARDS
===================== */

.card{

background:white;

border-radius:15px;

padding:25px;

box-shadow:
0 5px 20px rgba(0,0,0,.08);

}

/* =====================
BADGE
===================== */

.badge{

display:inline-block;

padding:6px 12px;

border-radius:30px;

background:#0d6efd;

color:white;

font-size:12px;

}

/* =====================
BUTTONS
===================== */

.btn{

display:inline-block;

padding:14px 28px;

border-radius:8px;

transition:.3s;

}

/* =====================
SECTION TITLE
===================== */

.section-title{

text-align:center;

margin-bottom:60px;

}

.section-title h2{

font-size:42px;

margin-bottom:15px;

}

.section-title p{

color:#777;

}

/* =====================
FORM LABELS
===================== */

label{
    display:block;
    margin-bottom:6px;
    font-weight:600;
    color:#334155;
}

.contact-form label,
.auth-box label,
.settings-container label,
.login-box label{
    margin-top:12px;
}

/* =====================
COMING SOON
===================== */

.coming-soon-section{
    text-align:center;
    padding:120px 20px;
}

.coming-soon-section h1{
    margin-bottom:16px;
}

.coming-soon-section p{
    color:#64748b;
    margin-bottom:24px;
}