@font-face {
    font-family: 'ge-inspira-sans';
    src: url('../fonts/GEInspiraSans.otf'), url('../fonts/geinspirasans-webfont.woff');
}

@font-face {
    font-family: 'ge-inspira-sans-bold';
    src: url('../fonts/GEInspiraSans-Bold.otf'), url('../fonts/geinspirasans-bold-webfont.woff');
}


/* Box sizing rules */

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

html {
    font-size: 62.5%;
    font-family: 'ge-inspira-sans', 'Open Sans';
}

body {
    font-size: 1.6rem;
    background-color: #ffffff;
    font-family: 'ge-inspira-sans', 'Open Sans';
}


/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}


/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul[role='list'],
ol[role='list'] {
    list-style: none;
}


/* Set core root defaults */

html:focus-within {
    scroll-behavior: smooth;
}


/* Set core body defaults */

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.3;
    color: #1E2F46;
    font-size: 1.6rem;
}


/* A elements that don't have a class get default styles */

a:not([class]) {
    text-decoration-skip-ink: auto;
    text-decoration: none;
}

a {
    color: #005CB9;
}

a:hover {
    text-decoration: none;
}


/* Make images easier to work with */

img,
picture {
    max-width: 100%;
    display: block;
}

.img_fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
    font: inherit;
}

.error {
    font-size: 1.2rem;
    color: red;
    margin: 5px 0px;
}

button:focus {
    outline: none;
}

.bg_gray {
    background-color: #FAFAFA;
}

.bg_white {
    background-color: #FFFFFF;
}

.viewmore_btn {
    color: #13294B;
    cursor: pointer;
    -webkit-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
}

.viewmore_btn:hover {
    color: #005EB8;
}

.status_btn {
    padding: 7px 10px!important;
    border-radius: 5px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: 'ge-inspira-sans'!important;
    font-size: 1.2rem!important;
    font-weight: normal;
    letter-spacing: 0px!important;
}

.status_btn:focus {
    box-shadow: none;
}

.complete_btn {
    background-color: #00BF6F;
}

.progress_btn {
    background-color: #ECC87E;
}

.failed_btn {
    background-color: #FF7B88;
}

.start_btn {
    background-color: #B1B3B3;
}

h1 {
    font-size: 4rem;
    font-family: 'ge-inspira-sans-bold', 'Open Sans';
}

h2 {
    font-size: 3.2rem;
    font-family: 'ge-inspira-sans-bold', 'Open Sans';
    line-height: 1;
}

h3 {
    font-size: 3rem;
    font-family: 'ge-inspira-sans-bold', 'Open Sans';
}

h4 {
    font-size: 2.6rem;
    font-family: 'ge-inspira-sans-bold', 'Open Sans';
}

h5 {
    font-size: 2.4rem;
    font-family: 'ge-inspira-sans-bold', 'Open Sans';
}

h6 {
    font-size: 1.8rem;
    font-family: inherit;
    line-height: 1.3;
}

p {
    font-size: 1.6rem;
    font-family: inherit;
    line-height: 1.5;
}

.shadow_1 {
    -webkit-box-shadow: 0px 0px 6px 0px #c7c7c7;
    box-shadow: 0px 0px 6px 0px #c7c7c7;
}

.shadow_2 {
    -webkit-box-shadow: 0px 0px 6px 0px #7b7b7b;
    box-shadow: 0px 0px 6px 0px #7b7b7b;
}

.allLink {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
}


/* buttons */

.btn {
    position: relative;
    font-family: 'ge-inspira-sans-bold', 'Open Sans';
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 1.5px;
    padding: 1rem 2rem;
    padding-bottom: 0.7rem;
    border: 0;
    transition: all 0.2s ease;
}

.btn_lg {
    padding: 1.7rem 2rem;
}

.btn_sm {
    padding: 1.2rem 2rem;
    padding-bottom: 0.8rem;
}

.btn-blue {
    text-transform: uppercase;
    color: #ffffff;
    background-color: #005DB7;
    border: 1px solid #005DB7;
    box-shadow: none;
}

.btn-white {
    text-transform: uppercase;
    color: #005DB7;
    background-color: #ffffff;
    border: 1px solid #005DB7;
    box-shadow: none;
}

.btn-skyBlue{
    text-transform: uppercase;
    color: #ffffff;
    background-color: #00B5E2;
    border: 1px solid #00B5E2;
    box-shadow: none;
}

.para_14 {
    font-size: 1.4rem;
}

.para_12 {
    font-size: 1.2rem;
}

.module_color {
    color: #B1B3B3;
}

.module_name_Color {
    color: #13294B;
}

.hover-translate-y-n3 {
    transition: all 0.2s ease;
}

.hover-translate-y-n3:hover {
    transform: translateY(-3px) !important;
}

.btn-blue:hover {
    color: #005DB7;
    background-color: #ffffff;
    border: 1px solid #005DB7;
}

.btn-white:hover {
    color: #ffffff;
    background-color: #005DB7;
    border: 1px solid #005DB7;
}

.btn-skyBlue:hover {
    color: #00B5E2;
    background-color: #ffffff;
    border: 1px solid #00B5E2;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.border_1_efe {
    border: 1px solid #EFEFEF;
}

.border_radius-5 {
    border-radius: 5px;
    overflow: hidden;
}

.hover_shadow {
    box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 3%);
    transition: all 0.4s ease-in-out;
}

.hover_shadow:hover {
    box-shadow: 0 1rem 3rem rgb(31 45 61 / 13%) !important;
    transform: translateY(-5px) !important;
}

.text_bold {
    font-family: 'ge-inspira-sans-bold', 'Open Sans';
}

.text_normal {
    font-family: 'ge-inspira-sans', 'Open Sans';
}

.margin_bottom25 {
    margin-bottom: 25px;
}


/* media query */

@media (max-width: 997px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.3em;
    }
    h1 {
        font-size: 3.4rem;
    }
    h2 {
        font-size: 3rem;
    }
    h3 {
        font-size: 2.8rem;
    }
    h4 {
        font-size: 2.4rem;
    }
    h5 {
        font-size: 2.2rem;
    }
    h6 {
        font-size: 1.7rem;
        font-family: inherit;
    }
    p {
        font-size: 1.6rem;
        font-family: inherit;
    }
}

@media(max-width:834px) {
    .banner_wrapper {
        height: 180px!important;
        background-position: 60% 100%!important;
        background-size: cover!important;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 90%;
    }
}

@media (max-width: 767px) and (orientation:portrait) {
    .container {
        max-width: 100%;
    }
    h1 {
        font-size: 3rem;
    }
    h2 {
        font-size: 2.8rem;
    }
    h3 {
        font-size: 2.6rem;
    }
    h4 {
        font-size: 2.2rem;
    }
    h5 {
        font-size: 2rem;
    }
    h6 {
        font-size: 1.7rem;
        font-family: inherit;
    }
    p {
        font-size: 1.6rem;
        font-family: inherit;
    }
}

@media (max-width: 667px) {
    h1 {
        font-size: 3rem;
    }
    h2 {
        font-size: 2.8rem;
    }
    h3 {
        font-size: 2.6rem;
    }
    h4 {
        font-size: 2.2rem;
    }
    h5 {
        font-size: 2rem;
    }
    h6 {
        font-size: 1.7rem;
        font-family: inherit;
    }
    p {
        font-size: 1.6rem;
        font-family: inherit;
    }
}

@media(max-width:414px) {
    .banner_wrapper {
        height: 250px!important;
    }
}