@font-face {
    font-family: 'Aeonik';
    src: url('Overpass-Regular.ttf') format('opentype');
}

@font-face {
    font-family: 'Aeonikbold';
    src: url('GeometosNeueUltra.otf') format('opentype');
}

body {
    background: #f4f6f6;
    margin: 0px;
    padding: 0px;
    font-family: 'Aeonik', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, ul, li, ol, a {
    margin: 0px;
    padding: 0px;
}

ul, li, ol {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Aeonikbold', sans-serif;
    color: #102d40;
}

p, ul, li, a {
    font-family: 'Aeonik', sans-serif;
    color: #4c6270;
}

img {
    max-width: 100%;
}

/* Header css */
.header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
}

.logo-div {
    text-align: center;
    padding: 15px 0px;
}

img.logo {
    width: 200px;
}

.hero-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 150px 0px 20px 0px;
}

.hero-section .row {
    align-items: center;
}

img.hero-img {
    width: 85%;
}

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

.hero-text {
    margin-top: -35px;
}

h1.hero-title {
    margin-bottom: 20px;
}

a.btn.hero-btn {
    background: #0ba5ec;
    margin-top: 23px;
    color: #fff;
    font-weight: 700;
    font-family: 'Aeonikbold';
    font-size: 18px;
    padding: 12px 56px;
    border-radius: 40px;
}

/* list section */
.list-box ul li a {
    text-decoration: none;
    color: #4c6270;
}

.list-box ul li {
    background: #fff;
    border-radius: 9px;
    padding: 8px 10px 8px 10px;
}

.list-box ul li {
    margin-bottom: 18px;
}

.list-box ul li a img {
    margin-right: 10px;
}

.list-section {
    padding: 40px;
    padding-bottom: 81px;
}

.list-section .container {
    max-width: 450px;
}

/* New section */
.new-section {
    background: #f4f6f6;
    padding: 30px 0px;
}

h2.new-section-title {
    text-align: center;
    color: #102d40;
    font-size: 32px;
    margin-bottom: 10px;
}

p.new-sub-text {
    text-align: center;
    color: #4c6270;
    width: 90%;
    margin: auto;
    font-size: 16px;
    margin-bottom: 77px;
}

.new-box {
    border: 1px solid #CBD6D8;
    border-radius: 40px;
    text-align: center;
    padding: 20px 47px;
    margin-bottom: 38px;
    min-height: 390px;
    max-height: 390px;
}


img.box-img {
    width: 111px;
    padding-top: 20px;
    margin-bottom: 10px;
}

h4.box-title {
    color: #102d40;
    font-size: 22px;
    margin-bottom: 10px;
}

p.box-des {
    color: #4c6270;
    font-size: 15px;
    margin-bottom: 57px;
}