@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");

      :root {
        --font: Lato;
        --alt-font: Lato;
        --accent-color: #1c3563;
        --secondary-color: #00718f;
        --link-color: #004c8f;
        --accent-highlight-color: #1c3563;
        --accent-highlight-background-color: #ebf0f9;
        --accent-tinted-color-70: #bbc2d0;
        --accent-tinted-color-80: #d2d7e0;
        --accent-tinted-color-90: #e8ebef;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #274a8b;
        --secondary-hover-color: #0099c2;
        --secondary-contrast-color: #fff;
        --link-hover-color: #0082f5;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/21fe0142-5cd1-4443-b5db-d2fe5e2bca32/pr7c1j684crk-LearnBackgroundGradient.png'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/21fe0142-5cd1-4443-b5db-d2fe5e2bca32/2pdtopadpovo-u3qic4qv2sml-LearnatACGMELogo_Panorama.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* Remove 'Next Section text' from appearing on hover */
.directional__nav a[href*='course-completed'] .directional__nav__label {
    display: none;
}

/* Hide the default arrow icon */
.directional__nav a[href*='course-completed'] .directional__nav__button--right i {
    display: none;
}

/* Add 'Finish' text inside button */
.directional__nav a[href*='course-completed'] .directional__nav__button--right::before {
    content: 'Finish';
    visibility: visible;
    display: inline;
    font-size: 1rem;
}

/* Resize button, round corners */
.directional__nav a[href*='course-completed'] .directional__nav__button--right {
    width: fit-content;
    padding: .25rem 1rem .5rem !important;
    height: auto;
    border-radius: 6px; /* Remove this if you don't want rounded corners */
}

/* Adds flag icon */
.directional__nav a[href*='course-completed'] .directional__nav__button--right::after {
    content: '\f11e'; /* If you don't have Font Awesome, remove this line or replace with a different icon or emoji */
    font-family: fontawesome;
    display: inline;
    font-size: 1rem;
    margin-left: .5rem;
}