color {
    color: #23A3E5;
    color: #1D257A;
    color: #ABCDE8;
}

.section-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.top-section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.tracking-unit-input {
    display: flex;
    gap: 20px;
}

.tracking-unit-awd {
    width: 30%;
}

.tracking-enter-number {
    width: 50%;
}

.tracking-unit-button {
    width: 20%;
}

.tracking-unit-awd select {
    padding: 5px;
    /* border-radius: 10px; */
    width: 100%;
}

.tracking-enter-number input {
    padding: 5px;
    /* border-radius: 10px; */
    width: 100%;
}

.tracking-unit-button button {
    padding: 5px;
    /* border-radius: 10px; */
    width: 100%;
}

.top-section {
    position: relative;
    z-index: 999;
    /* Set a high z-index for the top section */
    background-color: #1D257A;
    padding: 7px;
    width: 100%;
    margin-bottom: 10px;
}

.top-section .container {
    /* max-width: 1200px; */
    /* margin: 0 auto; */
}

.top-section .col {
    text-align: center;
    color: #333;
}

/* Adjust the navbar z-index */

#navbar {
    margin-top: 10px;
    z-index: 998;
    /* Set a lower z-index for the navbar */
}

#navbar .nav-link {
    color: #1D257A;
}

@media(max-width:800px) {
    .tracking-unit {
        margin-bottom: 10px;
    }
    .section-container {
        display: inline;
    }
    .tracking-unit-input {
        gap: 0px;
    }
    .tracking-unit-awd select {
        border-radius: 0px;
    }
    .tracking-enter-number input {
        border-radius: 0px;
    }
    .tracking-unit-button button {
        /* padding: 5px; */
        border-radius: 0px;
        /* width: 100%; */
    }
    #navbar {
        margin-top: 20px;
    }
    .section-social-media {
        display: none;
    }
}