.rooah-survey { margin: 0 auto; }
.rooah-survey-slide { display: none; overflow: hidden; position: relative; }
.rooah-survey-slide.is-active { display: flex; flex-direction: column; }
.rooah-survey-body { flex: 1; }
.rooah-survey-field input, .rooah-survey-field textarea, .rooah-survey-field select { width: 100%; padding: 10px 12px; font: inherit; box-sizing: border-box; }
.rooah-survey-label { display: block; font-weight: 600; margin-bottom: 6px; }
.rooah-req { color: #b32d2e; }
.rooah-survey-options { display: flex; flex-direction: column; gap: 8px; }
.rooah-survey-option { display: flex; align-items: center; gap: 8px; }
.rooah-survey-option input { width: auto; }
.rooah-invalid { outline: 2px solid #b32d2e33; border-radius: 8px; padding: 4px; }
.rooah-survey-nav { display: flex; justify-content: space-between; }
.rooah-survey-nav button { background: transparent; border: none; color: #fff; font-weight: 700; padding: 16px 24px; cursor: pointer; letter-spacing: .03em; }
.rooah-survey-nav .rooah-survey-next, .rooah-survey-nav .rooah-survey-submit { margin-left: auto; background: rgba(0,0,0,.18); }
.rooah-survey-thanks { font-size: 18px; text-align: center; } .rooah-survey-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rooah-img-top .rooah-survey-image { height: 180px; }
.rooah-img-left-fixed.is-active, .rooah-img-right-fixed.is-active,
.rooah-img-left-center.is-active, .rooah-img-right-center.is-active { flex-direction: row; flex-wrap: wrap; }
.rooah-img-left-fixed .rooah-survey-image, .rooah-img-right-fixed .rooah-survey-image { width: 40%; align-self: stretch; }
.rooah-img-left-center .rooah-survey-image, .rooah-img-right-center .rooah-survey-image { width: 35%; align-self: center; }
.rooah-img-right-fixed .rooah-survey-image, .rooah-img-right-center .rooah-survey-image { order: 2; }
.rooah-img-left-fixed .rooah-survey-body, .rooah-img-right-fixed .rooah-survey-body,
.rooah-img-left-center .rooah-survey-body, .rooah-img-right-center .rooah-survey-body { width: 60%; flex: 1; }
.rooah-img-left-fixed .rooah-survey-nav, .rooah-img-right-fixed .rooah-survey-nav,
.rooah-img-left-center .rooah-survey-nav, .rooah-img-right-center .rooah-survey-nav { width: 100%; order: 3; }
.rooah-survey-bg { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: .18; }
.rooah-img-background .rooah-survey-body, .rooah-img-background .rooah-survey-nav { position: relative; }
@media (max-width: 640px) {
.rooah-img-left-fixed.is-active, .rooah-img-right-fixed.is-active,
.rooah-img-left-center.is-active, .rooah-img-right-center.is-active { flex-direction: column; }
.rooah-survey-image, .rooah-survey-body { width: 100% !important; }
} .rooah-survey-options.rooah-options-horizontal { flex-direction: row; flex-wrap: wrap; gap: 16px; } .rooah-survey-field[data-type="captcha"] { margin-top: 8px; }