@font-face {
    font-family: "FS-Elliot-Pro-Regular";
    src:
        url("../css/FS-Elliot-Pro-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    }

    /* Base */
    :root { --brand-blue:#1f2e8d; --link:#0066cc; }
    * { box-sizing: border-box; }
    html, body { height: 100%; }
    body.fs-elliot {
        margin: 0;
        padding: 0;
        font-family: "FS-Elliot-Pro-Regular";
        background: #1f2e8d;
        color: #fff;
        line-height: 1.6;
    }
    .sr-only {
    position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
    clip:rect(0,0,0,0); border:0;
    }

    /* Layout */
    .container {
        max-width: 100%;
        margin: 0px auto;
    }

    /* 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 */
    .info-section { margin-top: 100px; }
    .lead { font-size: 17px;
    	line-height: 1.6;
	text-align: justify;
	margin-top: 50px;
	margin-bottom: 50px; }

    .flex-image-row {
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	gap: 16px;
    	min-height: 60px;
    }

    .org-name {
   	font-size: 0.9rem; 
	line-height: 1.1; 
	text-align: left; 
     }

    .globe-logo { max-height: 48px; }
    .ntc-logo { max-height: 60px; }

    /* Buttons */
    .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 {
        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: #001476;
        color: #fff;
    }

    .button2 {
        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;
    }

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

    /* Responsive Styles */
    @media (max-width: 768px) {

        .lead { font-size: 17px; text-align: left; }
        .org-name { font-size: 12px; }
        .button { display:block; margin-right:10px; text-align:center; }
        .flex-image-row { flex-direction: row; }
        .globe-logo { max-height: 35px !important; }
        .ntc-logo { max-height: 40px !important; }
    }