.footer{margin-top:100px;}
.footer-wrap{width:100%;display: flex;    justify-content: space-between;}
.footer-logo{width:153px;}
.footer-navigation{}
.footer-navigation h3{ margin-top:0; font-size: 22px;color: #A8A8A8;line-height: 42px;}
.footer-navigation ul{padding:0;margin:0;list-style: none;}
.footer-navigation ul li a{padding:0;margin:0;color:inherit;font-size: 20px;line-height: 42px;font-weight:400;}
.footer-navigation ul li a:hover{color:var(--wp--preset--color--primary-color);}
.footer-newsletter{flex: 0 0 380px;}
.footer-newsletter h3{font-size: 22px;color:#A8A8A8;line-height: 42px;    margin-top: 0;}
.footer-newsletter button{width: 100%;  border-radius: 40px;position: relative;}
.footer-newsletter button svg{right:29px;top:30px;position:absolute}
.footer-newsletter p{font-size:18px; color:var(--wp--preset--color--light-gray);}
.copyright-text{border-top:1px solid var(--wp--preset--color--light-gray);align-items: center;display: flex;padding:60px 0;margin-top:100px;justify-content: space-between;max-width: 100%;font-size:15px;opacity: 0.6;font-weight: 400;}
.sign-up-input{border:none;border-bottom:1px solid var(--wp--preset--color--light-gray);background: transparent;padding:20px 0;margin:0px 0 40px;width: 100%;font-size: 20px;line-height: 22px;color:#A8A8A8;}
.terms-and-policy{   display: flex;}
.terms-and-policy a{color:inherit;}
.privacy-policy{}
.privacy-policy:after{content:'|';margin:0 5px; }
.terms-of-service{}

.footer-top-element{    position: relative;
    top: -200px;
    margin-bottom: -200px;
    margin-top: 200px;}
@media screen and (max-width: 1324px){
    .footer-wrap{  padding:0 20px;box-sizing: border-box;}
}
@media screen and (max-width: 1024px){
        .footer-wrap{    flex-wrap: wrap;gap:50px;}
        .footer-logo {width: 153px;margin-right: calc(100% - 160px);}
        .footer-wrap > .footer-navigation{flex: 0 0 40%;}
        .footer-newsletter{flex:0 0 100%;}
        .copyright-text{}
}

@media screen and (max-width: 768px){
        .footer-wrap > .footer-navigation{flex: 0 0 40%;}
        .footer-navigation h3{font-size:20px;}

        .footer-navigation ul li a{font-size:17px;line-height: 38px;}
        .copyright-text {flex-direction: column-reverse;}


}
