@font-face {
        font-family: FS-Elliot-Pro-Regular;
        src: url(css/FS-Elliot-Pro-Regular.otf) format(opentype);
        font-weight: 400;
    }
    /* Global Styles */
    * {
        margin: 0;
        padding: 0;
    }

    body {
        /* background-color: #f5f5f5; */
        background-color: #1f2e8d;;
        color: #fff;
        line-height: 1.6;
    }

    .container {
        max-width: 100%;
        margin: 0px auto;
        padding: 20px;
    }

    /* Header Styles */
    header {
        text-align: center;
        margin-bottom: 30px;
        padding: 20px 0;
        /* border-bottom: 1px solid #ddd; */
    }
    header h1 {
    color: #a0e9ff;
    font-size: 2.5rem;
}

    /* Main Content Styles */

    .alert-icon {
        font-size: 3rem;
        color: #ffffff;
        margin-right: 20px;
        display: flex;
        align-items: center;
        clear: right;
    }
    .info-section, .action-section {
        margin-bottom: 30px;
    }

    h3 {
        color: #0066cc;
        margin-bottom: 15px;
        font-size: 1.5rem;
    }
    .button {
        display: inline-block;
        background-color: #e3e3e3;
        border-style: solid;
        border-color: #ffffff;
        color: #0066cc;
        padding: 12px 24px;
        text-decoration: none;
        margin-right: 10px;
        margin-top: 15px;
        transition: background-color 0.3s;
    }

    .button1 {
        display: inline-block;
        background-color: #e3e3e3;
        border-style: solid;
        border-color: #ffffff;
        color: #0066cc;
        padding: 12px 24px;
        text-decoration: none;
        margin-right: 200px;
        margin-top: 15px;
        transition: background-color 0.3s;
    }

    .button1:hover, .button2:hover {
        background-color: #1a1a1a;
    }

    .button2 {
        display: inline-block;
        background-color: #1f2e8d;
        border-style: solid;
        border-color: #ffffff;
        color: #ffffff;
        padding: 12px 24px;
        text-decoration: none;
        margin-right: 0px;
        margin-top: 15px;
        transition: background-color 0.3s;
    }

    .globe-logo {
        height: 40px;
        float: right;
    }

    .box {
        max-width: 600px;
        margin: 10% auto;
        padding: 20px;
    }


    /* Responsive Styles */
    @media (max-width: 768px) {
        header h1 {
            font-size: 2rem;
        }
        
        .alert-icon {
            margin-bottom: 15px;
            margin-right: 0;
            justify-content: left;
        }
        
        .button1, .button2 {
            display: block;
            margin-bottom: 10px;
            margin-right: 10px;
            text-align: center;
        }
        
    }