/* Topbar CSS */

.topbarinfo {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Set padding to 0 for topbar's e-con-inner only */
.topbarinfo > .e-con-inner {
    padding-block-start: 0px !important;
    padding-block-end: 0px !important;
}

/* Center topbar vertically on desktop */
@media (min-width: 768px) {
    .topbarinfo {
        display: flex !important;
        align-items: center !important;
    }

    .topbarinfo > .e-con-inner {
        display: flex !important;
        align-items: center !important;
    }
}

/* Tagline slider text color */
.topbarinfo .nf-tagline-slider .marquee-slide .slide-text {
    color: #000000;
}

/* Adjust container widths for screens between 1300px and 1500px */
/* Give container 4 more space by reducing container 2 */
@media screen and (min-width: 1300px) and (max-width: 1500px) {
    .topbarprocecontainer2whyus {
        flex: 0 1 auto !important;
        flex-shrink: 1.5 !important;
        min-width: 0 !important;
    }

    .topbarprocecontainer4whyus {
        flex: 1 0 auto !important;
        flex-grow: 1.2 !important;
        min-width: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .topbarprocecontainer1whyus {
        width: 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    .topbarprocecontainer2whyus {
        width: 80% !important;
        flex: 0 0 80% !important;
        max-width: 80% !important;
    }

    .topbarprocecontainer3whyus {
        display: none !important;
    }

    .topbarprocecontainer4whyus {
        display: none !important;
    }
}