*,
::after,
::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

::selection,
::-moz-selection {
    background: #F5FD37;
    color: #1E2D7D
}

body,
input,
textarea,
select,
button {
    font-family: "Arial", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5em
}

button,
input[submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none
}

button:focus {
    outline: 0
}

b,
strong {
    font-weight: 900
}

html {
    font-size: 4vw
}

body {
    background-color: #1E2D7D;
    color: #fff
}

p {
    margin-bottom: 1.5em;
    margin-top: -0.2em;
    line-height: 1.5em
}

p:last-child {
    margin-bottom: 0
}

h1{
font-weight: 550;
text-transform: uppercase;
color:#1e2d7d;
margin:40px 0;
line-height: 2.0;
}
h5{
font-size: 1.5rem;
font-weight: 500;
text-transform: uppercase;
color:#1e2d7d;
margin-bottom:20px 0;
line-height:1.2;
}



h2,
h3,
h4,
h6 {
    /* margin-top: -0.3em; */
    margin-bottom: 1.5rem;
    font-family: "Arial", sans-serif;
    /* font-weight: 700; */
    line-height: 1.33333em
}



@media screen and (min-width: 576px) {
    html {
        font-size: calc(10px + 1vw)
    }

    h1,
    h2 {
        font-size: 2.5rem
    }
}

@media screen and (min-width: 768px) {
    html {
        font-size: calc(10px + 1vw)
    }

    h1{
        font-size: 3.0rem
    }
    h2 {
        font-size: 2.5rem
    }
}

@media screen and (min-width: 960px) {
    html {
        font-size: calc(8px + 1vw)
    }

    h1 {
        font-size: 4.5rem
    }
    h2{
        font-size: 2.5rem
    }
}

@media screen and (min-width: 1600px) {

    h1{
        font-size: 5.2rem
    }
     h2{
        font-size: 3.5rem
    }
}

.section {
    padding: 4.5rem 1.5rem 1.5rem;
}

 .hero-section {
    background-image: url(assets/img/Webinar_BG.jpg);
    /*background-image: url(assets/img/page_bg.jpg);*/
    background-size: cover;
    background-position: bottom right;
    text-align:center;
} 



.copyright {
    position: fixed;
    bottom: 1.5rem;
    left: 1.5rem;
    font-size: 12px;
    opacity: 0.5;
    color: #fff
}

.feedback-section .fp-scrollable {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /*justify-content: center;*/
    padding-bottom: 3rem
}

.feedback-section a {
    color: #1EB9DA
}

@media screen and (min-width: 576px) {
    .section {
        padding: 4rem 5rem 1rem
    }

    .brand {
        top: 1rem;
        left: 1rem;
        height: 1rem
    }

    .e-book-info-cover--text {
        display: inline
    }
}

@media screen and (min-width: 768px) {
     .hero-section {
         background-image: url(assets/img/Webinar_BG.jpg);
         /*background-image: url(assets/img/page_bg.jpg)*/
    } 

    .section .fp-scrollable {
        display: flex;
        flex-direction: column;
        /*justify-content: center;*/
        justify-content: flex-end;
        padding-bottom: 3rem
    }
}

@media screen and (min-width: 960px) {
    .section {
        padding: 4rem 14rem 1rem
    }
}

@media screen and (min-width: 1300px) {
    .section {
        padding: 4rem 25vw 1rem
    }
}

.form-form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.form-feedback {
    color: #F5FD37;
    font-weight: 400;
    font-size: 0.9rem;
    text-align: right;
    order: 2
}

.form-input {
    width: 100%;
    padding: 0.5rem 1rem;
    border: 0;
    font-weight: 400;
    font-family: "Arial", sans-serif;
    color: #1E2D7D;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #d4d6d8;
    box-shadow: 0 1px #d4d6d840 inset;
    transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
}

.form-input:focus {
    border-color: #00badb;
    box-shadow: 0 0 0 1px #00badb;
    color: #1e2d7d;
    outline: none;
}


.form-submit {
    order: 1;
    margin: 0.5rem 0
}

.privacy-notice {
    font-size: 0.9rem;
    font-weight: 400;
    text-align: right;
    margin: 0.5rem 0
}

.privacy-notice a {
    color: #1EB9DA
}

.btn,
.btn-submit {
    padding: 0.5rem 1rem;
    height: 2.5rem;
    cursor: pointer;
    border: 0;
    border-radius: 1.25rem;
    background-color: #1EB9DA;
    color: #1E2D7D;
    width: 100%;
}

.btn .bi,
.btn-cta .bi,
.btn-submit .bi {
    height: 1rem;
    margin-right: 0.5rem;
    margin-bottom: -0.1rem
}

.btn-cta {
    border-bottom-left-radius: 0;
    background-color: #F5FD37;
    color: #1E2D7D;
    transition: background-color 0.3s
}

.btn-cta:hover,
.btn-cta:focus,
.btn-cta:active {
    background-color: #33E27D
}

.btn-submit {
    font-family: "Arial", sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.btn-submit .bi {
    color: #fff
}

 
  .button--primary{
    background:#1e2d7d;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
  }

  .button{
    position: relative;
    display: inline-block;
    padding: 0 30px;
    line-height: 48px;
    border-radius: 2px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: background .25s ease-in-out,color .25s ease-in-out,box-shadow .25s ease-in-out;
}