/* ------------------------------- FONTS ADDED ------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


/* remove before sending */
body { margin: 0; }





/* ------------------------------ HEADER STYLING ---------------------------------- */

.header_main { height: 50px; background: #007940; display: flex; align-items: center; 
    justify-content: flex-end; padding: 10px 40px; }
.header_main .as-container { display: flex; align-items: center; }
.header-contact { display: flex; align-items: center; }
.header-contact a { font-family: 'Lato'; color: #fff; font-weight: 600; text-decoration: none;
    font-size: 12pt; margin: 0px 8px; border-right: 1px solid #fff; padding-right: 18px; 
    transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease; }
.header-contact a:last-child { border-right: 0px; }
.header-social { display: flex; align-items: center; justify-content: center; }
.header-social a { margin: 0px 12px; display: flex; align-items: center; }
.header-social a img { max-height: 18px; }
.logo-header-container { height: 115px; display: flex; align-items: center; justify-content: center; }
.logo-header-container .as-container { max-width: 1000px; width: 100%; height: inherit;
    display: flex; align-items: center; border-bottom: 1px solid #bababa; }
.as-breadcrumbs { max-width: 990px; margin: 15px auto 0px auto; color: #888888; font-family: 'Lato';
    font-size: 11pt; }
/* ---------------------------------------------------------------------------------- */
.header-contact a:hover { color: #76DB4C; }



/* ------------------------------ GLOBAL STYLING ---------------------------------- */

h1 { font-family: 'Lato'; font-weight: 600; font-size: 30pt; color: #007940; }
h3 { font-family: 'Lato'; font-size: 21pt; margin-bottom: 15px; margin-top: 35px; color: #007940; font-weight: 600; }
h4 { font-family: 'Lato'; font-size: 13pt; color: #007940; font-weight: 600; }
h5 { font-family: 'Lato'; font-size: 16pt; margin-bottom: 0; color: #007940; font-weight: 800; }
p { font-family: 'Lato'; font-size: 12pt; line-height: 1.3; color: #555555; }



/* ------------------------------ MAIN CONTENT STYLING ---------------------------------- */

.page_title { max-width: 600px; }
.main_content_wrapper { display: flex; flex-direction: column; justify-content: center;
    align-items: center; width: 100%; }
.main_content { max-width: 1000px; padding: 10px 0 30px 0; }

.page_creation_date p { margin: 0; margin-right: 20px; color: #888888; }
.page_creation_date { display: flex; max-width: 400px; align-items: center;
    justify-content: flex-start; margin: 0px 5px 8px 5px; }
.cs_twocol_row { display: flex; flex-direction: row; justify-content: flex-start; }
.cs_col { width: 100%; margin: 0 30px 0 0; }
.cs_col ul { list-style: none; padding-left: 12px; }
.cs_col ul li { display: flex; align-items: center; margin-bottom: 15px; font-family: 'Lato'; color: #555555; }
.cs_col ul li:before { content: ''; min-width: 6px; width: 6px; height: 6px; display: block; background: #007940;
    border-radius: 30px; margin-right: 16px; }
.cs_challenges { margin-bottom: 30px; }
.cs_solution { margin-bottom: 30px; }