/*NAVCSS*/
/* Assuming this is your .NET CSS file (e.g., Site.css) */
body {
    max-width: 2000px;
    margin-top: 20px;
    /*    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);*/
    margin: auto !important;
}
.dropbtn {
    text-decoration: none;
}
.Navset {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: azure;
    z-index: 9999;
    position: sticky;
    top: 0;
    background:white;
}
.sitebtns {
    display: flex;
    align-items: center;
}

.dropbtn {
    background-color: #063881;
    color: white;
    padding: 10px 14px;
    border: none;
    border-radius: 34px;
    font-weight:600;
}


.dropbtn:hover{
    background-color: #063881;
    color: white;
    padding: 10px 14px;
    border: none;
    border-radius: 34px;
    font-weight: 600;
}

.sitebtns .dropdown {
    margin-left: 10px;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: whitesmoke;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.fa {
    margin-right: 10px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

    .dropdown-content a:hover {
        background-color: #ddd;
    }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #063881;
}


/*FOOTERSCSS*/
.footer {
    background-color: lightskyblue;
    color: black;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.midservice {
    margin-left: 110px;
}

.highlight {
    background-color: blue;
    color: white;
    padding: 2px 4px; /* Add padding for better visibility */
    border-radius: 4px;
}

.footer-left {
    display: flex;
    gap: 40px;
    align-items: center;
}

    .footer-left img {
        width: 50px;
        height: 50px;
        /* border-radius: 50%;*/
        margin-right: 15px;
    }

.social-media {
    display: flex;
    gap: 15px; /* Adjust the gap as needed */
}

    .social-media a {
        color: #fff;
        text-decoration: none;
    }

.copyright {
    background-color: black;
    text-align: center;
}


    @media(max-width:560px) {

        .background-image-container-fluid {
            height: auto !important;
        }

        .midservice {
            margin-left: 10px !important;
        }
        .sitebtns{
            margin-left:0px;
            flex-wrap:wrap;
        }
        #pnlSignUp, #pnlLogin, #pnlProfile, #pnlLogout{
            margin-bottom:20px;
        }
    }

    .dropdown-content {
        right: 10px !important;
    }