#hero360-banner{
    position:relative;
    width:var(--hero360-width,100%);
    height:var(--hero360-height-desktop,480px);
    overflow:hidden;
    display:flex;
    box-sizing:border-box;
    isolation:isolate;
}

#hero360-banner .hero360-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    z-index:-3;
}

#hero360-banner .hero360-overlay{
    position:absolute;
    inset:0;
    background:var(--hero360-overlay-color,#000);
    opacity:var(--hero360-overlay-opacity,.35);
    z-index:-2;
}

#hero360-banner .hero360-inner{
    position:relative;
    width:min(100% - 40px,var(--hero360-content-max,1200px));
    margin-left:auto;
    margin-right:auto;
    color:var(--hero360-text-color,#fff);
    z-index:1;
}

#hero360-banner.hero360-v-top{
    align-items:flex-start;
}
#hero360-banner.hero360-v-center{
    align-items:center;
}
#hero360-banner.hero360-v-bottom{
    align-items:flex-end;
}

#hero360-banner.hero360-v-top .hero360-inner{padding-top:50px;}
#hero360-banner.hero360-v-bottom .hero360-inner{padding-bottom:50px;}

#hero360-banner.hero360-align-left .hero360-inner{text-align:left;}
#hero360-banner.hero360-align-center .hero360-inner{text-align:center;}
#hero360-banner.hero360-align-right .hero360-inner{text-align:right;}

#hero360-banner .hero360-title{
    margin:0 0 18px;
    color:inherit;
    font-size:var(--hero360-title-size,48px);
    line-height:1.1;
    font-weight:700;
}

#hero360-banner .hero360-content{
    font-size:var(--hero360-content-size,20px);
    line-height:1.55;
}

#hero360-banner .hero360-content p{
    margin:0 0 14px;
}

#hero360-banner .hero360-actions{
    margin-top:25px;
}

#hero360-banner .hero360-button{
    display:inline-block;
    padding:14px 26px;
    border-radius:6px;
    background:var(--hero360-button-bg,#fff);
    color:var(--hero360-button-color,#111);
    text-decoration:none;
    font-weight:700;
    transition:transform .2s ease,opacity .2s ease;
}

#hero360-banner .hero360-button:hover{
    transform:translateY(-1px);
    opacity:.9;
}

@media (max-width: 1024px){
    #hero360-banner{
        height:var(--hero360-height-tablet,400px);
    }
    #hero360-banner .hero360-title{
        font-size:clamp(32px,var(--hero360-title-size,48px),56px);
    }
}

@media (max-width: 767px){
    #hero360-banner{
        height:var(--hero360-height-mobile,300px);
    }
    #hero360-banner.hero360-hide-mobile{
        display:none !important;
    }
    #hero360-banner .hero360-inner{
        width:min(100% - 28px,var(--hero360-content-max,1200px));
    }
    #hero360-banner .hero360-title{
        font-size:clamp(28px,9vw,var(--hero360-title-size,48px));
    }
    #hero360-banner .hero360-content{
        font-size:clamp(15px,4.5vw,var(--hero360-content-size,20px));
    }
}