/* * {
        border: 1px dashed red !important;

    } */

    body {
        font-family: 'Aptifer', sans-serif !important;
        /* Use your custom font with a fallback font-family */

        background: linear-gradient(0deg,
                rgb(5, 60, 97) 0%,
                rgb(3, 37, 58) 80%,
                rgb(3, 37, 58) 100%);
    }

    
    @font-face {
        font-family: 'Aptifer';
        /* Specify your desired font family name */
        src: url('/font/Aptifer_Sans_LT_W01_Bold.ttf') format('truetype');
        /* Specify the path to your TTF font file */
        font-weight: normal;
        /* Specify the font weight (normal, bold, etc.) */
        font-style: normal;
        /* Specify the font style (normal, italic, oblique, etc.) */
    }



    /********** common setting **********/
    h2 {
        font-size: 2.8rem !important;
        font-weight: 700;
    }

    img {
        display: block;
        max-width: 100%;
    }

    a,
    button {
        cursor: pointer;
    }

    .jumbotron {
        margin-bottom: 0 !important;
    }

    .atlas-cta {
        border-radius: 22px !important;
        padding: 12px 30px !important;
        font-weight: 700;
        transition: .3s ease-in-out !important;
    }

    .atlas-cta:hover {
        text-decoration: none;
        transform: translateY(-5px);
    }

    .atlas-cta-wide {
        width: 100%;
    }

    .cta-green:hover {
        color: #FCEBDA;
        background: #FF8B1F;
    }

    .cta-blue:hover {
        color: #FCEBDA;
        background: #121a2e;
    }


    .cta-ghost:hover {
        color: #FCEBDA;
        background: #121a2e;
    }

    #banner {
        background-size: cover;
    }

    /********** banner **********/
    #banner header {
        overflow: hidden;
    }

    #banner header img {
        max-width: 80px;
    }

    /********** copyright **********/
    #copyright {
        background: #03253A;
        padding: 2rem 3rem;
    }

    #copyright #social-media a {
        width: 40px;
        height: 40px;
        border-radius: 99%;
        background: #FCEBDA;
        transition: .4s ease;
    }

    #copyright #social-media a i {
        color: #121a2e;
        font-size: 1.2rem;
        line-height: 40px;
    }

    #copyright #social-media a:hover {
        background: #FF8B1F;
    }

    #copyright #social-media a:hover i {
        color: #FCEBDA;
    }



    /********** RWD **********/
    @media (max-width: 575px) {
        #banner h1 {
            font-size: 3.6rem;
        }
    }

    .SoftwareLogos {
        max-width: 100%;
        max-height: 50%;
        margin-left: auto;
        margin-right: auto;

    }

    .darktext {
        color: #121a2e !important;

    }

    .lighttext {
        color: #FCEBDA !important;

    }

    .slightoverlay {
        background-color: rgb(5, 60, 94);
    }

    .headerthing {
        background-color: #03253A;
    }

    .yisi1 {
        padding: 10px;
    }

    .yisi2 {
        border-radius: 10px;
        display: grid;
    }

    .yisi2 a:hover {
        color: #FF8B1F !important;
        text-decoration: none;
    }

    .mainsize {
        font-size: 50px !important;
        color: #FF8B1F !important;
    }

    .orange {
        color: #FF8B1F !important;
    }


    .logo img {
        max-height: 100px;
    }

    .contact-info {
        text-align: right;

    }

    .contact-row {
        margin-top: 10px;
    }

    @media (max-width: 768px) {
        .header {
            flex-direction: column;
            text-align: center;
        }

        .contact-info {
            margin-top: 20px;
        }
    }

.banner{
    background-color: #03253A;
}