:root {
    --vivid-azure: #05B8FD;
    --vivid-orange: #FFA500;
    --azure-light: #87CEEB;
    --orange-light: #FFD700;
    --text-dark: #333;
    --bg-gradient: linear-gradient(135deg, rgba(5, 184, 253, 0.08) 0%, rgba(255, 165, 0, 0.08) 100%);
    --bg-gradient-dark: linear-gradient(to right, #05B8FD, #F97306);
}


#scroll_top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--vivid-azure) 0%, var(--vivid-orange) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(5, 184, 253, 0.3);
    z-index: 1000;
}

    #scroll_top:hover {
        bottom: 35px;
    }

    #scroll_top.show {
        transform: scale(1);
    }

.nav-link {
    font-weight: bold;
}

    .nav-link:hover {
        background-color: #05B8FD;
        color: white !important;
        font-weight: bold !important;
    }

.nav-item {
    font-size: x-large;
}

.vr {
    opacity: 1;
}

.border-bottom {
    border-color: #05B8FD !important;
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
}

.border-top {
    border-color: #05B8FD !important;
}

.container-fluid {
    padding: 0;
    /* width: 100% !important; */
}

.list-group-item {
    border: none;
    background-color: transparent;
}

.social-media-link:hover {
    background-color: floralwhite;
    cursor: pointer;
}

:root {
    --primary-accent: #0085FF;
    --secondary-accent: #f67d0b;
    --heading-text: #333333;
    --background: #f7f7f7;
    --card-bg: #ffffff;
    --link-highlight: #004a7c;
    --border-muted: #cccccc;
    --success-status: #0085FF;
}

.gradient-background-footer {
    background: #020024;
    /*background: linear-gradient(178deg, rgba(2, 0, 36, 1) 0%, rgba(117, 117, 209, 1) 0%, rgba(0, 225, 255, 1) 56%);*/
    background: linear-gradient(135deg, var(--primary-accent) 0%, var(--secondary-accent) 100%);
    color: white;
}

.gradient-background-copyright {
    background: #020024;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(26, 118, 237, 1) 47%, rgba(13, 110, 253, 1) 53%);
    color: white;
    height: 50px;
}

.copyright {
    transform: translateY(50%);
    text-align: center;
}

.logo-float {
    transform: translateY(-50%);
    text-align: center;
    margin: auto;
    display: block;
    border: solid;
    border-width: thin;
    border-color: #05B8FD;
    border-radius: 30px;
    background-color: white;
    padding: 10px;
}

.ul-share-on {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.li-share-on {
    float: left;
}

.li-a-share-on {
    display: block;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

.flip-image {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.vr {
    color: #05B8FD;
}

.error {
    color: red;
}