@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');


@font-face {
    font-family: 'Ta-Bold';
    src: url("../fonts/Bebas Neue Pro Bold.woff") format('woff');
}

@font-face {
    font-family: 'Ta-Book';
    src: url("../fonts/Bebas Neue Pro Book.woff") format('woff');
}

@font-face {
    font-family: 'Ta-Middle';
    src: url("../fonts/Bebas Neue Pro Middle.woff") format('woff');
}

@font-face {
    font-family: 'Ta-Regular';
    src: url("../fonts/Bebas Neue Pro Regular.woff") format('woff');
}

@font-face {
    font-family: 'Ta-Thin';
    src: url("../fonts/Bebas Neue Pro Thin.woff") format('woff');
}


* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Lato', sans-serif;
}

.clearfix {
    clear: both;
}

.read-more-button {
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    width: 150px;
}

.apply-now-button {
    border: 1px solid #000;
    background-color: #000;
    float: right;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    width: 150px;
   
}

.read-more-button:hover {
    background-color: #fff;
    color: #3B80EE;
}

.header-banner {
    height: 200px;
    width: 200px;
    background-image: url("../images/hero-image.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.lato-f-weight-normal {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

.lato-f-weight-regular {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.f-ta-regular {
    font-family: 'Ta-Regular', sans-serif !important;
}

.f-ta-middle {
    font-family: 'Ta-Middle', sans-serif !important;
}

.f-ta-book {
    font-family: 'Ta-Book', sans-serif !important;
}

.f-ta-bold {
    font-family: 'Ta-Bold', sans-serif !important;
}

.top-nav-menu {
    margin-right: 15px;
    color: #000;
}

.section-heading {
    font-family: 'Ta-Middle', sans-serif;
    font-size: 48px;
}

.hero-button {
    position: absolute;
    top: 80px;
    right: 120px;
    padding: 10px 35px 10px 35px !important;
}

.card-heading {
    margin-bottom: 10px;
    font-size: 24px;
    color: #3B80EE;
    text-decoration: none;
}

.button:hover {
    background-color: #2665ee;
    color: #fff;
    text-decoration: none;
}

.card-body {
    color: #303E4B;
    font-size: 16px;
}

.container-width {
    width: 90%;
    max-width: 1150px;
    margin: 0 auto;
}

.flex-sect {
    padding: 20px 0;
    font-family: 'Lato', sans-serif;
}

.text-center {
    text-align: center;
}

.text-bold {
    font-weight: bold;
}

.text-black {
    color: #000;
}

.width-200 {
    width: 200px
}

.border-white {
    border: 1px solid #fff;
}

.border-grey {
    border: 1px solid #ccc;
}

.border-top-light-white {
    border-top: 1px solid #444;
}

.font-grey {
    color: #999
}

.bg-white {
    background-color: #fff;
}

.bg-dark-blue {
    background-color: #0A1D3E;
}

.text-white {
    color: #fff
}

.padding-20 {
    padding: 20px;
}

.blue-bg {
    background-color: #3B80EE;
}

.bg-light-grey {
    background-color: #E9EEF5;
}

.bg-footer {
    background-color: #000B1C;
}

.logo-container {
    float: left;
    width: 50%;
}

.button {
    background-color: #3B80EE;
    padding: 15px 35px 15px 35px;
    border: 2px solid #fff;
}

.ta-navbar {
    margin-bottom: 0;
}

.p-5 {
    padding: 5px
}

.social-icon-nav {
    margin-right: 15px;
}

.f-20 {
    font-size: 20px;
}

.f-24 {
    font-size: 24px;
}

.f-18 {
    font-size: 18px;
}

.f-16 {
    font-size: 16px;
}