/*=======  Subscibe  =======*/
.footer-subscibe-area {
    background-color: $white;
    .subscribe-text {
        .subscribe-form {
            position: relative;
            input {
                width: 100%;
                border: none;
                height: 90px;
                background-color: $main-bg;
                padding-left: 50px;
                padding-right: 230px;
                font-size: 16px;
                letter-spacing: 3px;
                color: #aeaeae;
                @media #{$lsm} {
                    padding-left: 20px;
                    padding-right: 200px;
                }
                @media #{$xsm} {
                    padding-left: 20px;
                    padding-right: 20px;
                    height: 70px;
                }
            }
            button {
                position: absolute;
                right: 15px;
                bottom: 15px;
                top: 15px;
                background-color: $primary-color;
                color: $white;
                font-size: 14px;
                font-weight: 700;
                text-transform: uppercase;
                border: none;
                width: 200px;
                letter-spacing: 3px;
                @include transition(0.3s);
                @media #{$lsm} {
                    width: 180px;
                }

                @media #{$xsm} {
                    position: unset;
                    width: 100%;
                    height: 60px;
                }
                &:hover {
                    background-color: $black;
                }
            }
        }
    }
}