p{
    text-align: justify;
}
/* Topbar-marquee */
#topbar-marquee {
    display: flex;
    width: 100%;
    background-color: #022742;
    color: white;
    font-size: 1.1rem;
    overflow: hidden;
}

#topbar-marquee marquee {
    width: 100%;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
}

#topbar-marquee marquee a {
    text-decoration: none;
    color: #3fada8;
}

#topbar-marquee marquee:hover {
    animation-play-state: paused;
}
#navbarNav{
    font-size: 1.15rem;
}
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    z-index: 10000;
    
}
#navbarNav a:hover, #navbarNav .active a.nav-link{
    color: #3fada8;
}
.navbar-nav > li:last-child .dropdown-menu{
    left: auto;
    right: 0;
}
.dropdown-item:focus{
    background-color: transparent;
    opacity: 0.5;
}
/* heading animation */
#heading-animation {
    overflow: hidden;
    white-space: nowrap;
    border: 2px solid red;
}

#heading-animation h2 {
    color: #dee2e6;
    font-size: 2rem;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    animation: typing 2.5s steps(20,end) forwards, blink-caret 0.5s step-end 2.5s 1 forwards;
}

@keyframes typing {
    from {
        width: 0;
    }
    to {
        width: 60%;
    }
}

.container{
    color: #022742;
}
#stats{
    display: flex;
    width: 55%;
}
.table,.table th, .table td{
    border: none;
}
.table{
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px;
    margin-left: 0px !important;
    width: 100% !important;
}
td {
    color: #dee2e6;
}
.custom-image{
    width: 60rem;
    height: 33rem;
    align-items: center;
    
}

footer {
    background-color: #e4e3e3;
    padding: 1rem;
    text-align: center;
}

.footer-logo {
    height: 50px; /* Adjust the height as needed */
    filter: grayscale(100%);
}

.footer-nav {
    list-style: none;
    padding: 0;
}

.footer-nav li {
    display: inline;
    margin: 0 10px;
}

.footer-nav a {
    text-decoration: none;
    color: #6f6e6e;
}

.footer-nav a:hover {
    opacity: 0.7;
}
.copyright {
    font-size: 14px;
    color: #6f6e6e;
}
.copyright a{
    text-decoration: none;
    color: #6f6e6e;
    font-weight: bold;
    font-size: 1rem;
}
.copyright a:hover{
    opacity: 0.7;
}
.company-name {
    font-size: 18px;
    font-weight: bold;
    color: #6f6e6e;
}
.company-name a{
    text-decoration: none;
    color: #6f6e6e;
    font-weight: bold;
}
.company-name a:hover{
    opacity: 0.7;
}
.contact_img{
    margin-bottom: 25px;
}
.mapping{
    margin-top: 3rem;
}
#preloader{
    background: #000 url(Images/atom.gif) no-repeat center center;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 100;
}