/* 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;
}

#heading-animation h2 {
    color: #022742;
    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%;
    }
}
@media (max-width: 1200px) {
    #heading-animation h2 {
        font-size: 1rem; /* Adjust font size for smaller screens */
    }
}

.container{
    color: #022742;
}
@media (max-width: 800px) {
    #heading-animation h2 {
        font-size: 0.5 rem; /* Adjust font size for smaller screens */
        animation: none; /* Remove animation for smaller screens */
    }
}
.table{ 
    border-collapse: collapse;
    background-color: rgb(248, 252, 254);
}
.table,.table th, .table td{
    border: none;
}
 td {
    color: #022742;
}
.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;
}