.subscribe-modal input:-webkit-autofill,
.subscribe-modal input:-webkit-autofill:hover,
.subscribe-modal input:-webkit-autofill:focus,
.subscribe-modal input:-webkit-autofill:active {
    color: white!important;
    -webkit-text-fill-color: white!important;
}

.subscribe-modal{
    position: absolute;
    margin: 0 auto;
    width: 100%;
    z-index: 10;
}

.subscribe-modal .input-rounded input{
    font-weight: 400!important;
    padding: 0px!important;
}

.subscribe-modal-container{
    background: var(--color-palette-soap-dark-active)!important;
    width: 450px!important;
    min-height: 300px;
    border-radius: 15px;
    padding: 20px 50px 50px 40px!important;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.subscribe-modal-title {
    color: var(--color-palette-dark-purple-light-active)!important;
    text-align: center;
    font-family: Lato!important;
    font-size: 28px!important;
    font-style: normal;
    font-weight: 700!important;
    line-height: 40px!important; /* 142.857% */
    margin: 0px;
}

.subscribe-modal-text{
    color: var(--color-palette-dark-purple-light-active)!important;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Display";
    font-size: 16px!important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    margin: 0px;
    padding-left: 25px;
    padding-right: 25px;
}

.subscribe-modal-button {
    height: 48px;
    background: #faaf38;
    font-family: "Red Hat Display";
    font-weight: bold;
    font-size: 16px!important;
    text-transform: capitalize!important;
    margin-top: 22px!important;
    margin-bottom: 0px;
    color: var(--color-palette-dark-purple-darker)!important;
}

#notified:disabled {
    color:#99868D!important;
    background: #F7CB9D;
    cursor: not-allowed;
}

.subscribe-modal {
    bottom: 80px;
}

.modal-success {
    width: 450px;
    min-height: 223px;
    border-radius: 15px;
    background: var(--color-palette-soap-dark-active);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.modal-success h2{
    color: var(--color-palette-dark-purple-light-active);
    text-align: center;
    font-family: Lato;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
}
.modal-success p{
    color: #EAE5ED;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

.btn-modal-success{
    border-radius: 33px;
    background: #FAAF38;
    color: white;
    display: flex;
    width: 100%;
    max-width: 350px;
    height: 48px;
    padding: 18px 44px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.btn-modal-success:hover {
    color: white;
}

@media (max-width: 640px) {

    .subscribe-modal-container{
        padding: 20px!important;
    }

}