﻿html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 100%
}

@media (min-width: 1024px) {
    .grid-container-widescreen {
        max-width: 87.5rem;
    }
}



.listing-section--color-white {
    background-color: #fff;
    color: #1c1d1f
}

    .listing-section--color-white .listing-section__inner::after, .listing-section--color-white .listing-section__inner::before {
        background-color: #fff
    }

.listing-section--color-dark-blue-gradient {
    color: #fff;
    background: linear-gradient(0deg,#112f4e 20%,#0b4778 56%,#005ea2 100%)
}

    .listing-section--color-dark-blue-gradient .listing-section__inner::after, .listing-section--color-dark-blue-gradient .listing-section__inner::before {
        background-color: #112f4e
    }

.listing-section--color-light-blue {
    background-color: #e8f5ff;
    color: #1c1d1f
}

    .listing-section--color-light-blue .listing-section__inner::after, .listing-section--color-light-blue .listing-section__inner::before {
        background-color: #e8f5ff
    }



    .m-w-100{
        max-width:100%;
    }

.usa-section{
    padding-top:2rem;
}



.background-container {
    position: relative; /* Establishes a positioning context for the pseudo-element */
    width: 100%;
    /*  height: 160px;Define a height for the container */
}

    .background-container::before {
        content: "";
        position: absolute;
        inset: 0;
        background-size: initial;
        opacity: 0.05;
        z-index: 0;
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: center;
    }

.background-container-globe::before {
    background-image: url(assets/images/New/HIT_Logo.png);
}


.background-container-laptop::before {
    background-image: url('assets//images/New/laptop.svg');
}

.background-container-stopwatch::before {
    background-image: url('assets//images/New/stopwatch.svg');
}

.background-container-checklist::before {
    background-image: url('assets//images/New/card-checklist.svg');
}

.background-container-graph::before {
    background-image: url('assets//images/New/graph-up-arrow.svg');
}


.main-content .grid-container {
    max-width: 87.5rem
}



/* HIT Home Page Styles */

.hit-home-hero-container {
    padding: 1.5rem !important;
    background-color: #0b47aa;
}

    .hit-home-hero-container .hit-banner-button {
        background-color: #99CCFF;
        color: #005599;
        position: relative
    }

.hit-home-ticker {
    height: 70px;
    padding: .5rem !important;
    margin: .25rem !important;
    border: 1px solid #fff !important;
    --bs-border-opacity: 1;
    justify-content: space-between !important;
    display: flex !important;
    background-color: #fff !important;
    border-radius: .375rem !important;
}


.hit-page-header {
    border-bottom: 1px solid #dfe1e2;
    background-color: #fff;
    margin-right: 3rem !important;
    margin-left: 3rem !important;
    width:100%;
}

.image-row {
    background-color: #f1eff9;
}

    .image-row .image-row-image-container:not(:last-child) {
        position: relative;
    }

    .image-row .image-row-image-container {
        height: 100%;
        text-align: center;
    }

        .image-row .image-row-image-container:not(:last-child)::after {
            content: '';
            position: absolute;
            top: 50%;
            right: -10px;
            transform: translateY(-50%);
            width: 24px;
            height: 100%;
            background: url(../assets/images/icons/chevron-right.svg) no-repeat center center;
            background-size: contain;
            background-color: white;
            pointer-events: none;
            /* border-right: solid 3px blue; */
            z-index: 99;
        }

.image-row-icon {
    width: 220px;
}

.text-small{
    font-size:small;
}