/*==================================================
=             GLOBAL ABMC STYLES                   =
==================================================*/

/* Reset and Defaults */
html, body { 
}

.hide {
    display: none !important;
}


/*==================================================
=                 TYPOGRAPHY                      =
==================================================*/

h1, h2, h3, h4, h5, h6 { 
}

.abmc-eybrow {
	color: #00205C;
font-family: Spectral;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 127%; /* 22.86px */
letter-spacing: 3.6px;
text-transform: uppercase;
}

/*==================================================
=                 LAYOUT & GRID                   =
==================================================*/

/*------ Common Containers ------*/
.container-33 {
    width: 33%;
    padding: 0;
    margin: 0;
}

.container-66 {
    width: 66%;
    padding: 0;
    margin: 0;
}

@media (max-width: 768px) {
    .container-33, .container-66 {
        width: 100%;
    padding: 0;
    margin: 0;
    }
}

/*------ Flexbox & Alignment ------*/
.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*------ Common Grid Image ------*/

.4-3-image {
    width: 100%; /* Ensure the container fills its parent */
    aspect-ratio: 4 / 3; /* Maintain the 4:3 aspect ratio */
    overflow: hidden; /* Prevent overflow */
    position: relative;
}

.4-3-image img {
    width: 100%; /* Make the image fill the container width */
    height: 100%; /* Fill the container height */
    object-fit: cover; /* Ensure the image covers the area without stretching */
    display: block;
}


/*==================================================
=                      PILLS                       =
==================================================*/

.pill-container {
	
	display: flex;
height: 30px; 
align-items: center;
gap: 15px;
text-align: center;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 30px; /* 214.286% */
}

.pill-info {
	color: #00205C;
	border-radius: 50px;
padding: 5px 15px !important; 
	border: 1px solid #00205C;
	background: #FAFAFF;
}

.pill-warning {
	color: #4E3B00;
	border-radius: 50px;
padding: 5px 15px !important; 
	border: 1px solid #C90;
	background: #FFF8E3;
}

/*==================================================
=                 COLORS & THEMES                 =
==================================================*/

:root { 
}

/*==================================================
=                 NAVIGATION                      =
==================================================*/

.navbar { 
}

.navbar a { 
}

/*==================================================
=                 BUTTONS                         =
==================================================*/

.btn { 
}


/*==================================================
=                 HEADER                           =
==================================================*/

.header { 
}

/*==================================================
=                 FOOTER                          =
==================================================*/

.footer { 
}