
@font-face {
    font-family: 'Aeonik';
    font-display: swap;
    src: url('./fonts/Aeonik-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Aeonikbold';
    font-display: swap;
    src: url('./fonts/Aeonik-Bold.woff2') format('woff2');
}

body{
  background: #07182c;
  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: #fff;
}
p,ul,li,a{
  font-family: 'Aeonik', sans-serif;
  color: #dedede;
}
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%;
    height: auto;
}

.hero-div {
    text-align: center;
}
.hero-text {
    margin-top: -35px;
}

h1.hero-title {
    margin-bottom: 20px;
    font-size: 2.1rem;
}
a.btn.hero-btn {
    background: #1dff95;
    margin-top: 23px;
    color: #002224;
    font-weight: 700;
    font-family: 'Aeonikbold';
    font-size: 18px;
    padding: 12px 56px;
    border-radius: 13px;
}
/*list section*/
.list-box ul li a{
      text-decoration: none;
      color: #d1d1d1;
      display: block;
}
.list-box ul li  {


    background: #152638;
    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: #07182a;
    padding: 30px 0px;
}
h2.new-section-title {
    text-align: center;
    color: #fff;
    font-size: 2rem;
    margin-bottom: 1.25rem;
}

p.new-sub-text {
    text-align: center;
    color: #fff;
    width: 90%;
    margin: auto;
    font-size: 16px;
    margin-bottom: 5%;
}
.new-box {
    background-image: url('./img/bg-icon.png');
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px 47px;
    margin-bottom: 38px;
    min-height: 390px;
    max-height: 390px;
}
img.box-img {
    width: 92px;
    padding-top: 20px;
    margin-bottom: 10px;
    height: 112px;
}

h3.box-title {
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 10px;
}

p.box-des {
    color: #c4bebe;
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin-bottom: 57px;

}
.faq-item:first-of-type {
    margin-top: 2rem;
}

.faq-section { padding: 60px 0; background: #07182C; }
.faq-item { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.faq-question { color: #FFF; font-size: 20px; font-weight: 600; margin-bottom: 10px; }
.faq-answer { color: #D1D1D1; font-size: 16px; line-height: 1.6; }


