.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}
body.bh-header-transparent .arazzo-banner-img-component{width:100%;height:calc(100vh + 17.7vh)}
.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(174deg,rgba(0,0,0,0.00) 35.81%,rgba(0,0,0,0.50) 101.19%);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:30px;font-style:italic;line-height:28px;letter-spacing:0;text-align:center;text-transform:capitalize;color:#fff;font-family:"Playfair Display",serif !important;font-style:italic}
@media(max-width:767px){.arazzo-banner .arazzo-banner-img-dsk{display:none}
body.bh-header-transparent .arazzo-banner-img-component{height:100dvh}
.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(174deg,rgb(0 0 0 / 6%) 35.81%,rgb(0 0 0 / 0) 101.19%);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:120%;letter-spacing:0;text-align:center;text-transform:capitalize;padding:0 16px}
.arazzo-banner-content-logo{width:139px;height:100px}
.arazzo-banner-content-component{position:absolute;bottom:32%;left:50%;transform:translate(-50%,-35%);display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}
}
@media(min-width:1200px){body.bh-header-transparent .arazzo-banner-img-component{height:calc(100vh + 17.7vh)}
}
@media(min-width:1400px){body.bh-header-transparent .arazzo-banner-img-component{height:calc(100vh)}
}
@media(min-width:1800px){body.bh-header-transparent .arazzo-banner-img-component{height:calc(100vh - 13vh);max-height:unset}
}