body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
}

.headerLogo{
    width: 200px;
}

/*Navigation-----------start*/

.navicons{
   color: #2FC1FF; 
}

a, .navicons:hover {
    color: white;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

/*Navigation-----------end*/

.navbar-transparent {
    background-color: transparent !important;
    z-index: 2;
    position: relative;
}

.navbar-nav .nav-link {
    color: white !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #d1d1d1 !important; /* Slightly lighter color on hover/focus */
}

.navbar-toggler-icon {
    filter: invert(1);
}

.top-bar {
    background-color: transparent !important;
    z-index: 2;
    position: relative;
}

.cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70vh; /* Adjust the height as needed */
    background: url('../images/coverphoto.jpg') no-repeat center center;
    background-size: cover;
    z-index: 1;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Adjust the opacity as needed */
    z-index: 1;
}

.cover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    color: white;
}

.social{
    margin-left: -100px;
}


.afternav{
    margin-top: 55vh;
    padding: 50px;
}

.topForm{
    color: rgb(58, 106, 236);
}