.content{
    .form{
        position: fixed;
        background: #fff;
        box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.2);
        border-radius: 0.4rem;
        padding: 2rem;
        transition: 0s;
        bottom: -100%;
        z-index: var(--scroll-to-top-index);
        @include min(tablet){
            @include flex-direction(column);
            left: -74rem;
            height: fit-content;
            top: 45vh;
            position: fixed;
        }
        .maintext{
            display: block;
            color: #00889e;
            margin: 1rem 0 0;
            font-size: 1.8rem;
            font-weight: 500;
            line-height: 1.5;
        }
        .subscribe{
            font-size: 1.6rem;
            font-weight: 300;
            line-height: 1.5;
            color: #6b7982;
            text-align: left;
        }
        .privacytext{
            font-size: 1.6rem;
            font-weight: 300;
            line-height: 1.5;
            color: #6b7982;
            text-align: left;
        }
        .closeBtn{  
            position: absolute;
            right: 1rem;
            top: 1rem;
            width: 2.5rem;
            height: 2.5rem;
            cursor: pointer;
            z-index: 2;
            border: none;
            color: #00889e;
        }
    }
    @include min(tablet)
    {
        .active{
            width: 70rem;
            left: 2rem;
            z-index: 15;
        }
    }
    @include max(mobile)
    {
        .active{
            bottom: 30%;
        }
    }
    
}

.contentPage {
    padding: 3.2rem 1.6rem;
    width: 100%;
    background: var(--newsletter-container-background-color);
    z-index: var(--scroll-to-top-index);
    .formPage {
        padding: 2.4rem 1.6rem;
        border-radius: 0.8rem;
        box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.2);
        background: var(--newsletter-body-background-color);
        @include flex-direction(column);
        @include min(tablet) {
            margin: 0 auto;
            padding: 2.4rem;
            max-width: var(--main-container-max);
        }
    }
}  

.contentFooter{
    background: #fff;
    box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.2);
    border-radius: .4rem;
    padding: 1.5rem;
    
    .formFooter{
        display: block;
        .maintext{
            display: block;
            margin-bottom: 1rem;
            font-size: 1.6rem;
            font-weight: 500;
            line-height: 1.5;
            color: #08202e;
        }
        .subscribe{
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
            color: #6b7982;
            font-weight: 400;
            line-height: 1.5;
        }
        form{
            flex-direction: (column);
        }
        .privacytext{
            display: inline-block;
            width: 100%;
            font-size: 1.2rem;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.5;
            letter-spacing: normal;
            color: #a8a8a8;
            vertical-align: super;
        }
    }
}