body{
    margin: 0px;
    object-fit: contain;
    background-color: #20254d;
}
.page-container{

}
.error:not(input):not(textarea){
    text-align: left;
    display: block;
    color: red;
    line-height: 2;
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
}
.header-logo-container{
    padding: 20px 16px;
    text-align: center;
}
.logo-img{
    width: 114px;
}
.content-layer{
    min-height: calc(100vh - 114px);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    box-shadow: 0 -5px 6px -3px rgba(0, 0, 0, 0.2), 0 -9px 12px 1px rgba(0, 0, 0, 0.14);
    background-color: #f1f1f1;
    /* padding: 16px 8px; */
    text-align: center;
    padding: 16px 24px 16px 24px;
}
.title1{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 32px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #111111;
    text-align: left;
    margin: 20px 0px 16px 0px;
}
.subtitle{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: center;
    color: #111111;
    max-width: 248px;
    margin: 0 auto 44px;
}
.podcast-link{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: #20254d;
    text-decoration: none;
    text-align: center;
}
.podcast-link span{
    vertical-align: middle;
    margin-right: 8px;
}
.forward-img{
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin-left: 10px;
}
.podcast-img{
    width: 100%;
    max-width: 400px;
    margin: 18px auto 50px auto;
    display: block;
}
input{
    /* opacity: 0.4; */
    font-family: 'Nunito Sans', sans-serif;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.75;
    letter-spacing: 0.16px;
    color: #090909;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    padding: 12px 0px;
    width: 100%;
}
input:focus {
    outline-offset: 0px;
    outline: 0;
}
.next-btn{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.34px;
    text-align: center;
    color: #ffffff !important;
    border-radius: 20px;
    background-color: #00836c !important;
    padding: 10px 36px;
    margin-top: 50px;
    text-transform: none;
}
.next-btn .mdc-button__ripple{
    border-radius: 20px;
}
button:focus{
    outline-offset: 0px;
    outline: 0;
}
.max_container{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after{
    background-color: #3a7460;
}
i.material-icons{
    font-size: 26px;
    line-height: 1.54;
    font-weight: bold;
    color: #20254d;
    vertical-align: middle;
}
textarea{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.11px;
    color: #090909;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    padding: 12px 0px;
    width: 100%;
}
textarea:focus {
    outline-offset: 0px;
    outline: 0;
}