.class-layout{min-height:100vh}
.class-layout-content{background-color:rgba(0,0,0,0.5);margin-top:-100vh;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding-bottom:2.5rem;position:relative;z-index:5}
@media(min-width:768px){.class-layout-content{padding-bottom:3rem}
}
.class-layout-accordion .row{padding:.5rem 0;justify-content:space-between;opacity:50%}
.class-layout-accordion .row.active,.class-layout-accordion .row.active:hover{padding:1rem 0;border-bottom:solid 1px rgba(255,255,255,0.15);border-top:solid 1px rgba(255,255,255,0.15);opacity:100%}
.class-layout-accordion .row:last-child.active{border-bottom:0}
.class-layout-accordion .row:hover{opacity:80%}
.class-layout-btn{display:flex;width:100%;text-align:left}
.class-layout-btn:hover,.class-layout-btn:focus{opacity:100%}
.class-layout-count{margin-right:1.5rem}
@media(min-width:768px){.class-layout-count{width:2rem}
}
@media(min-width:992px){.class-layout-count{margin-right:2.5rem}
}
.class-layout-heading{flex-grow:1}
@media(max-width:767.98px){.class-layout-text{margin-top:1.5rem}
}
.class-layout .carousel{height:100vh;width:100%;position:sticky;top:0;z-index:1}
.class-layout .carousel-item{height:100vh;width:100%}
.class-layout .carousel-image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}
.cq-Editable-dom .class-layout .carousel-item{height:51rem !important}
.cq-Editable-dom .class-layout .carousel{height:51rem !important}
.cq-Editable-dom .class-layout-content{min-height:51rem !important;margin-top:-51rem !important}
.cq-Editable-dom .class-layout{min-height:51rem !important}