.arazzo-banner{position:relative;overflow:hidden}
.arazzo-banner-img-component{height:400px;width:100%}
.arazzo-img-dsk,.arazzo-img-mob{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;object-fit:cover;transition:opacity 1.2s ease-in-out,transform 6s ease;z-index:0}
.arazzo-img-dsk.active,.arazzo-img-mob.active{opacity:1;z-index:1}
@keyframes dissolve{0{opacity:0;transform:scale(1.05)}
100%{opacity:1;transform:scale(1)}
}
.arazzo-banner .arazzo-banner-img-dsk{width:100%;height:400px}
.arazzo-banner .arazzo-banner-img-dsk .arazzo-img-dsk{width:100%;height:100%}
.arazzo-banner-img-dsk::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(173.52deg,rgba(0,0,0,0) 4.77%,rgba(0,0,0,0.5) 75.89%);z-index:1}
.arazzo-banner .arazzo-banner-img-mob{display:none}
.arazzo-banner-content-component{position:absolute;bottom:-37px;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}
.arazzo-banner-content-logo{width:167px;height:120px}
.Arazzo_logo{width:100%;height:100%}
.arazo-banner-content-heading{font-family:"Archivo";font-weight:400;font-size:24px;line-height:28px;letter-spacing:0;text-align:center;text-transform:capitalize;color:#fff}
@media(max-width:767px){.arazzo-banner .arazzo-banner-img-dsk{display:none}
.arazzo-banner .arazzo-banner-img-mob{display:block;width:100%;height:400px}
.arazzo-banner-img-mob::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(173.52deg,rgba(0,0,0,0) 4.77%,rgba(0,0,0,0.5) 75.89%);z-index:1}
.arazzo-img-mob{width:100%;height:100%}
.arazo-banner-content-heading{font-family:"Archivo";font-weight:400;font-size:20px;line-height:24px;letter-spacing:0;text-align:center;text-transform:capitalize}
.arazzo-banner-content-logo{width:139px;height:100px}
.arazzo-banner-content-component{position:absolute;bottom:-46px;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}
}