/* ===== components.css ===== */

/* --- SECTION TITLE --- */
.section-title {
    text-align:center;
    margin-bottom:80px;
}

.section-title h2 {
    font-size:46px;
    color:var(--white);
    margin-bottom:20px;
}

.section-title p {
    max-width:700px;
    margin:auto;
    color:#bdbdbd;
}

/* --- SECTION TITLE SIZE FIX --- */
.section-title {
    margin-bottom: 60px;
}

.section-title h2 {
    font-size: 36px;
}

/* --- GLASS CARD --- */
.glass {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(214,177,95,.15);
    backdrop-filter:blur(15px);
    border-radius:30px;
    box-shadow:var(--shadow);
}

/* --- BACK TO TOP --- */
.back-to-top {
    position:fixed;
    bottom:30px;
    left:30px;
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--gold);
    color:var(--primary);
    font-size:20px;
    cursor:pointer;
    z-index:999;
    box-shadow: 0 0 40px rgba(214,177,95,.3);
    transition:.4s;
}

.back-to-top:hover {
    transform:translateY(-8px);
}