.site-footer{
    &.style-1{
		background: #000;
		height: 100% !important;
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		z-index: 1;
		background-blend-mode: luminosity;
			&:after{
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: var(--primary);
				z-index: -1;
				opacity: 0.9;
				background-blend-mode: luminosity;
			}
        .footer-top{
            background: #000;            
            .footer-title{
                text-transform: uppercase;
                font-weight: 700;
                letter-spacing: 1%;
                padding: 0;
                &::before,
                &::after{
                    display: none;
                }
            }
            .widget ul li a{
                color: $white;
                opacity: 0.8;
            }

         
			.dz-subscribe{
				.btn{
					border-radius: 0;
					height: 100%;
					border-radius: 0 10px 10px 0;
					text-transform: uppercase;
                    @include respond('phone'){
                         padding: 10px;
                     }
				}
				input{
					border: none;
					outline: none;
                    color: var(--title);
					&::placeholder{
						color: var(--title);
					}
				}
			}
        }

        .wrapper-inner{
            border-bottom: 1px solid rgba(255,255,255,0.2);
			padding-bottom:50px;
				  @include respond('tab-port'){
					padding-bottom:20px;
				  }
            .title{
                font-size: 24px;
                font-weight: 700;
                letter-spacing: 1%;
                color: $white;
                
                @include respond('phone'){
                    font-size: 22px;
                   }
            }

        }

        .footer-bottom{
            background: white;
			padding: 24px 0;
            color: $black;
            span{
                color: $black;
            }
        }
        
        .footer-link{
            display: flex;
            align-items: center;
            justify-content: end;
            column-gap: 1rem;
            li a{
                color: #666;
            }
            @include respond('phone-land'){
				justify-content: center;
			}
        }
    }
}