/* ====== FONTS ====== */
@import url("webfonts.css");

/* ====== SCROLL ====== */
::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
}

::-webkit-scrollbar-track {
    background: rgb(var(--clr--white));
    box-shadow: inset 2px 2px 3px rgba(rgb(var(--clr--primary--black)), 0.4);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    background: rgb(var(--clr--secondary--orange));
    box-shadow: inset 0px 0px 8px rgba(var(--clr--primary--black), 0.4);
}

:root {
    --clr--primary--orange: 248, 91, 0; /* #F85B00 */
    --clr--secondary--orange: 248, 103, 18; /* #F86712 */
    --clr--primary--black: 12, 18, 12; /* #0C120C */
    --clr--secondary--black: 0, 0, 0; /* #000000 */
    --clr--white: 255, 255, 255; /* #ffffff */
    --clr--gray: 109, 114, 117; /* #6D7275 */

    --fnt--satoshi: 'Satoshi', sans-serif;
    --fnt--sentient: 'Sentient', sans-serif;
}

html,
body {
    color: rgb(var(--clr--secondary--black));
    font-size: clamp(16px, 1vw, 22px);
    font-weight: 400;
    font-family: var(--fnt--satoshi);
    line-height: 1.2;
    background: rgb(var(--clr--white));
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

*[onclick] {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 5px 0;
    line-height: 1.1;
    font-weight: 600;
}

h1 {
    font-size: clamp(38px, 2.5vw, 60px);
}

h2 {
    font-size: clamp(31px, 2.5vw, 48px);
}

h3 {
    font-size: clamp(21px, 1.2vw, 36px);
}

h4 {
    font-size: clamp(18px, 1.1vw, 27px);
}

h5 {
    font-size: clamp(17px, 0.9vw, 23px);
}

h6 {
    line-height: 1.3;
}

p,
ul, ol {
    font-size: clamp(17px, 1vw, 22px);
    line-height: 1.3;
}

p:nth-last-of-type(1) {
    margin-bottom: 0;
}

ul, ol {
    padding-left: 20px;
}

ul.copy-lists li {
    margin-bottom: 20px;
}

.small,
small {
    display: inline-block;
    font-weight: 400;
    line-height: 1.2;
    font-size: 14px !important;
}

a {
    color: currentColor;
}

.desktop {
    display: block !important;
}

.mobile {
    display: none !important;
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    max-width: 100%;
}

.section-row {
    padding: 3% 0;
    position: relative;
}

.section-row-large {
    padding: 6% 0;
    position: relative;
}

section {
    position: relative;
}

.header-banner {
    position: relative;
}

.header-image-banner {
    padding-top: 12%;
}

.header-image-banner.orange-overlay:before,
.header-image-banner.black-overlay:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.header-image-banner.orange-overlay:before {
    background: url('https://d3cz49hqob92aj.cloudfront.net/wp-content/uploads/header-image-overlay.png') 0 0;
    opacity: .25;
}

.header-image-banner.black-overlay:before {
    background: rgb(var(--clr--primary--black));
    opacity: .65;
}

.titles {
    padding: 10px 0;
    position: relative;
}

.titles .page-title {
    color: rgb(var(--clr--secondary--orange));
    font-size: clamp(31px, 2.5vw, 60px);
    padding-block: 3%;
}

.titles .article-title {
    font-size: clamp(31px, 2.5vw, 60px);
    font-family: var(--fnt--sentient);
}

.titles .section-title {
    color: rgb(var(--clr--secondary--orange));
    font-size: clamp(21px, 1.2vw, 36px);
    padding-bottom: 7px;
    border-bottom: 2px solid rgb(var(--clr--primary--black));
}

.titles .article-date {
    color: rgb(var(--clr--gray));
    font-weight: 300;
    font-family: var(--fnt--sentient);
}

.reforms-title {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.article-header {
    width: 100%;
    max-width: 768px;
    padding-bottom: 35px;
    margin-bottom: 35px;
    position: relative;
}

.article-header:after {
    content: "";
    background-color: rgb(var(--clr--secondary--orange));
    width: 220px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.article-sections .section-title {
    font-style: italic;
    font-family: var(--fnt--sentient);
}

.header-image-header {
    width: 100%;
    max-width: 768px;
    position: relative;
}

.header-image-header .header-image-title {
    color: rgb(var(--clr--white));
    font-size: clamp(32px, 2.5vw, 60px);
    font-family: var(--fnt--sentient);
    padding-bottom: 40px;
    margin-bottom: 30px;
    position: relative;
}

.header-image-header .header-image-title:after {
    content: "";
    background-color: rgb(var(--clr--secondary--orange));
    width: 250px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.header-image-header .header-image-date,
.header-image-header .header-image-author {
    color: rgb(var(--clr--white));
    font-weight: 300;
    font-family: var(--fnt--sentient);
}

.fw100 {
    font-weight: 100;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700,
strong {
    font-weight: 700;
}

.fw900 {
    font-weight: 900;
}

.ls {
    letter-spacing: 1.5px;
}

.italic {
    font-style: italic;
}

.fnt--satoshi {
    font-family: var(--fnt--satoshi);
}

.fnt--sentient {
    font-family: var(--fnt--sentient);
}

/* ====== COLORS ====== */
.clr--primary--orange {
    color: rgb(var(--clr--primary--orange)) !important;
}

.clr--secondary--orange {
    color: rgb(var(--clr--secondary--orange)) !important;
}

.clr--primary--black {
    color: rgb(var(--clr--primary--black)) !important;
}

.clr--secondary--black {
    color: rgb(var(--clr--secondary--black)) !important;
}

.clr--gray {
    color: rgb(var(--clr--gray)) !important;
}

.clr--white {
    color: rgb(var(--clr--white)) !important;
}

.bgclr--primary--orange {
    color: rgb(var(--clr--primary--black));
    background-color: rgb(var(--clr--primary--orange));
}

.bgclr--secondary--orange {
    color: rgb(var(--clr--primary--black));
    background-color: rgb(var(--clr--secondary--orange));
}

.bgclr--primary--black {
    color: rgb(var(--clr--white));
    background-color: rgb(var(--clr--primary--black));
}

.bgclr--secondary--black {
    color: rgb(var(--clr--white));
    background-color: rgb(var(--clr--secondary--black));
}

.bgclr--white {
    color: rgb(var(--clr--primary--black));
    background-color: rgb(var(--clr--white));
}

.bgclr--gray {
    color: rgb(var(--clr--primary--black));
    background-color: rgb(var(--clr--gray));
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

/* Input Fields */
.form-control {
    color: rgb(var(--clr--white));
    font-size: clamp(15px, .9vw, 19px);
    font-weight: 500;
    line-height: 1.3;
    min-height: 30px;
    padding: 10px;
    background-color: transparent;
    border: 0 solid rgb(var(--clr--white));
    border-bottom: 1px solid rgb(var(--clr--white));
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.form-control:disabled {
    background-color: rgb(var(--clr--white), .2);
    opacity: .6;
}

.form-control:focus {
    color: rgb(var(--clr--white));
    background-color: transparent;
    border-bottom: 1px solid rgb(var(--clr--primary--black));
    outline: 0;
    box-shadow: none;
    transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -o-transition: ease-in .3s;
}

select.form-control {
    background: url("https://d3cz49hqob92aj.cloudfront.net/wp-content/uploads/icon-chevron-down-black.svg") no-repeat calc(100% - 10px);
    background-size: 15px 15px;
}

.hero-interaction-form div#reformHeroUserDetailSection .form-control {
    border-bottom: 2px solid rgb(var(--clr--primary--black));
}

.hero-interaction-form div#reformHeroUserDetailSection .form-control:focus {
    border-bottom: 2px solid rgb(var(--clr--white));
}

.form-control::-webkit-input-placeholder {
    color: rgba(var(--clr--white), .8);
}

.form-control:-ms-input-placeholder {
    color: rgba(var(--clr--white), .8);
}

.form-control::placeholder {
    color: rgba(var(--clr--white), .8);
}

.hero-interaction-form div#reformHeroUserDetailSection .form-control::-webkit-input-placeholder {
    font-weight: 600;
    color: rgba(var(--clr--primary--black), .8);
}

.hero-interaction-form div#reformHeroUserDetailSection .form-control::-ms-input-placeholder {
    font-weight: 600;
    color: rgba(var(--clr--primary--black), .8);
}

.hero-interaction-form div#reformHeroUserDetailSection .form-control::placeholder {
    font-weight: 600;
    color: rgba(var(--clr--primary--black), .8);
}

.call-reforms-wrapper .call-reforms-form textarea.form-control::-webkit-input-placeholder {
    color: rgba(var(--clr--primary--black), .8);
}

.call-reforms-wrapper .call-reforms-form textarea.form-control:-ms-input-placeholder {
    color: rgba(var(--clr--primary--black), .8);
}

.call-reforms-wrapper .call-reforms-form textarea.form-control::placeholder {
    color: rgba(var(--clr--primary--black), .8);
}

textarea.form-control {
    min-height: 120px;
}

.hero-interaction .hero-interaction-form.steps-white-bg textarea.form-control,
.hero-interaction .hero-interaction-form.steps-white-bg1 textarea.form-control {
    color: rgb(var(--clr--primary--black));
    height: 350px;
    border: 1px solid rgb(211, 212, 211);
}

.white-form .form-control {
    color: rgb(var(--clr--primary--black));
    border: 0 solid rgb(var(--clr--primary--black));
    border-bottom: 1px solid rgb(var(--clr--primary--black));
}

.white-form textarea.form-control {
    color: rgb(var(--clr--primary--black));
    height: 350px;
    border: 1px solid rgb(211, 212, 211);
}

.hero-interaction .hero-interaction-form.steps-white-bg textarea.form-control::-webkit-input-placeholder,
.hero-interaction .hero-interaction-form.steps-white-bg1 textarea.form-control::-webkit-input-placeholder {
    font-weight: 600;
    color: rgba(var(--clr--primary--black), .5);
}

.hero-interaction .hero-interaction-form.steps-white-bg textarea.form-control::-ms-input-placeholder,
.hero-interaction .hero-interaction-form.steps-white-bg1 textarea.form-control::-ms-input-placeholder {
    font-weight: 600;
    color: rgba(var(--clr--primary--black), .5);
}

.hero-interaction .hero-interaction-form.steps-white-bg textarea.form-control::placeholder,
.hero-interaction .hero-interaction-form.steps-white-bg textarea.form-control::placeholder {
    font-weight: 600;
    color: rgba(var(--clr--primary--black), .5);
}

.white-form .form-control::-webkit-input-placeholder {
    color: rgba(var(--clr--primary--black), .8);
}

.white-form .form-control:-ms-input-placeholder {
    color: rgba(var(--clr--primary--black), .8);
}

.white-form .form-control::placeholder {
    color: rgba(var(--clr--primary--black), .8);
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 0 solid rgb(var(--clr--white));
    border-bottom: 1px solid rgb(var(--clr--white));
    -webkit-text-fill-color: var(--clr--primary--black);
    box-shadow: 0 0 0px 1000px rgba(var(--clr--white), 0.1) inset;
    -webkit-box-shadow: 0 0 0px 1000px rgba(var(--clr--white), 0.1) inset;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -moz-transition: background-color 5000s ease-in-out 0s;
    -ms-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
}

.valid-feedback {
    background: #dcffef;
    padding: 20px;
    border: 1px solid #a7dfc6;
    border-radius: 5px;
}

.valid-feedback p {
    color: #198754 !important;
}

.invalid-feedback {
    width: 100%;
    margin-top: 2px;
    font-size: 14px;
    color: rgb(var(--clr--white));
    background-color: rgb(228, 8, 56);
    padding: 5px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

/* ====== RADIO GROUP ====== */
.radioButtongrp {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 20px;
}

.horizontal-radios {
    margin: 10px 0 0 0;
    flex-direction: row;
    gap: 20px;
}

.contain {
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}

.radioButtongrp input[type="radio"] {
    visibility: hidden;
    position: absolute;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: rgb(var(--clr--white));
    border: 2px solid rgb(var(--clr--primary--black));
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.contain input:checked ~ .checkmark:after {
    display: block;
}

.contain .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: rgb(var(--clr--primary--orange));
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.radio-selector {
    color: rgb(var(--clr--white));
    font-size: 17px;
    position: relative;
    width: 100%;
    cursor: pointer;
    padding: 0 0 0 30px;
    line-height: 1;
}

/* ====== BUTTONS ====== */
.btn {
    font-size: clamp(17px, 1.4vw, 22px);
    font-weight: 700 !important;
    color: rgb(var(--clr--secondary--orange));
    line-height: 1.1;
    transition: ease-in .4s;
    -webkit-transition: ease-in .4s;
    -moz-transition: ease-in .4s;
    -ms-transition: ease-in .4s;
    -o-transition: ease-in .4s;
    width: fit-content;
    padding: 6px 45px 8px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: none;
    position: relative;
}

.btn:hover,
a:hover {
    text-decoration: none;
}

.btn:focus,
.btn-close:focus {
    outline: none;
    box-shadow: none !important;
}

.btn i {
    margin-left: 10px;
}

.btn-large {
    font-size: 24px;
}

.btn-fullwidth {
    width: 100%;
}

.primary--btn {
    color: rgb(var(--clr--secondary--orange));
    background-color: rgb(var(--clr--primary--black));
    border: 2px solid rgb(var(--clr--primary--black));
}

.primary--btn:hover {
    color: rgb(var(--clr--primary--black));
    background-color: rgb(var(--clr--white));
    border: 2px solid rgb(var(--clr--primary--black));
}

.secondary--btn {
    color: rgb(var(--clr--primary--black));
    background-color: rgb(var(--clr--secondary--orange));
    border: 2px solid rgb(var(--clr--secondary--orange));
}

.secondary--btn:hover {
    color: rgb(var(--clr--primary--black));
    background-color: rgb(var(--clr--white));
    border: 2px solid rgb(var(--clr--primary--black));
}

.secondary--btn:active,
.secondary--btn:focus-visible {
    color: rgb(var(--clr--primary--black)) !important;
    background-color: rgb(var(--clr--white)) !important;
    border: 2px solid rgb(var(--clr--white)) !important;
}

.reform-btn-group {
    justify-content: center;
    gap: 20px;
}

.reform-btn-group > .btn {
    flex: unset;
}

.bar-graph-wrapper {
    height: 45px;
    margin-bottom: 15px;
    display: flex;
}

.bar-graph-wrapper .item-yes {
    background-color: rgb(var(--clr--secondary--orange));
}

.bar-graph-wrapper .item-no {
    background-color: rgb(var(--clr--primary--black));
}

.bar-graph-wrapper .item-notsure {
    background-color: rgb(var(--clr--white));
}

.bar-graph-legends {
    color: rgb(var(--clr--white));
    text-align: center;
    display: flex;
    justify-content: center;
}

.bar-graph-legends span.bar-graph-value,
.bar-graph-legends span.bar-graph-single-value,
.bar-graph-legends span.bar-graph-single-legend {
    min-width: max-content;
    display: block;
}

.bar-graph-legends span.bar-graph-single-value,
.bar-graph-legends span.bar-graph-single-legend {
    font-family: var(--fnt--sentient);
}

.bar-graph-legends span.bar-graph-single-value {
    font-size: 24px;
}

.bar-graph-legends span.bar-graph-single-legend {
    font-size: 16px;
    font-style: italic;
}

/* Grid laout */
.grid-two-items,
.grid-three-items,
.grid-four-items,
.grid-five-items {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.grid-two-items > * {
    width: calc((100% / 2) - 13px);    
}

.grid-three-items > * {
    width: calc((100% / 3) - 10px);    
}

.grid-four-items > * {
    width: calc((100% / 4) - 12px);    
}

.grid-five-items > * {
    width: calc((100% / 5) - 12px);    
}

/* OWL CAROUSEL */
.owl-loaded {
    width: 100%;
}

.owl-stage-outer {
    overflow: hidden;
}

.owl-stage {
    display: flex;
}

.owl-item {
    vertical-align: top;
    display: flex;
}

.owl-nav {
    width: 100%;
}

.owl-dots {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.owl-dots button.owl-dot {
    background-color: rgba(var(--clr--secondary--orange), .3);
    width: 15px;
    height: 15px;
    border: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.owl-dots button.owl-dot.active {
    background-color: rgb(var(--clr--primary--black));
}

.disabled {
    display: none;
}

/* ====== HEADER ====== */
header {
    width: 100%;
    padding: 5px 0;
    background-color: rgb(var(--clr--primary--orange));
}

.logo {
    max-width: 200px;
    padding: 10px 0;
    line-height: 1;
    position: relative;
}

.logo img {
    position: relative;
}

/* ====== NAVIGATION ====== */
div#reform-header-menu {
    justify-content: flex-end;
}

nav.navbar-container {
    justify-content: space-between;
}

ul#menu-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

.navbar-light .navbar-nav .nav-link,
.menu-item a {
    text-decoration: none;
    color: rgb(var(--clr--white));
    font-size: clamp(15px, 1vw, 21px);
    padding: 10px 15px;
}

.navbar-light .navbar-nav .active-nav .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.menu-item.current-menu-item a,
.menu-item:hover a {
    color: rgb(var(--clr--secondary--black));
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    -webkit-text-stroke: 0.5px rgb(var(--clr--primary--black));
}

.navbar-light .navbar-nav li.nav-item ul.sub-nav,
ul#menu-menu li.menu-item ul.sub-menu {
    min-width: 250px;
    padding: 10px;
    margin: 0;
    list-style: none;
    background: rgb(226, 226, 226);
    border: none;
    border-radius: 10px;
    position: absolute;
    z-index: 9;
    display: none;
}

.navbar-light .navbar-nav li.nav-item:hover ul.sub-nav,
ul#menu-menu li.menu-item:hover ul.sub-menu {
    display: block;
}

.navbar-light .navbar-nav li.nav-item ul.sub-nav li a,
ul#menu-menu li.menu-item ul.sub-menu li a {
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
}

.navbar-light .navbar-nav li.nav-item ul.sub-nav li a:hover,
ul#menu-menu li.menu-item ul.sub-menu li a:hover {
    color: rgb(var(--clr--white));
    background-color: rgb(var(--clr--secondary--orange));
}

.navbar-toggler {
    border: 0;
}

.navbar-toggler:focus {
    box-shadow: unset;
}

.navbar-icon {
    background-color: rgb(var(--clr--white));
    width: 32px;
    height: 3px;
    margin: 6px 0;
    display: block;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-icon:nth-of-type(1),
button.navbar-toggler.button-toggled .navbar-icon:nth-of-type(1) {
    transform: rotate(45deg) translate(7px, 7px);
}

.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-icon:nth-of-type(2),
button.navbar-toggler.button-toggled .navbar-icon:nth-of-type(2) {
    opacity: 0;
}

.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-icon:nth-of-type(3),
button.navbar-toggler.button-toggled .navbar-icon:nth-of-type(3) {
    transform: rotate(-45deg) translate(5px, -6px);
}

.navbar-light .navbar-toggler.collapsed .navbar-icon {
    opacity: 1 !important;
    transform: rotate(0deg) translate(0px, 0px) !important;
    -webkit-transform: rotate(0deg) translate(0px, 0px) !important;
    -moz-transform: rotate(0deg) translate(0px, 0px) !important;
    -ms-transform: rotate(0deg) translate(0px, 0px) !important;
    -o-transform: rotate(0deg) translate(0px, 0px) !important;
}

/* Hero Section */
section.hero-banner {
    background-color: rgb(var(--clr--primary--black));
}

.hero-container {
    width: 100%;
    height: 100%;
    min-height: 80vh;
    position: relative;
}

.hero-container:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(var(--clr--primary--black),.4);
    position: absolute;
    top: 0;
    left: 0;
}

.hero-container video,
.hero-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-category {
    color: rgb(var(--clr--white));
    font-weight: 400;
    font-family: var(--fnt--sentient);
    padding-left: 50px;
    position: absolute;
    bottom: 5%;
    left: 5%;
    z-index: 9;
}

.hero-category span.hero-category-label {
    font-size: 21px;
    font-weight: 600;
    color: rgb(var(--clr--secondary--orange));
    display: block;
    width: fit-content;
    padding-bottom: 5px;
    border-bottom: 10px solid rgb(var(--clr--secondary--orange));
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    position: absolute;
    left: -40px;
    bottom: 45px;
}

.hero-interaction {
    width: 100%;
    max-width: 768px;
    height: 100%;
    padding: 8% 10%;
}

.hero-interaction .hero-interaction-header {
    background-color: rgb(var(--clr--white));
    padding: 35px;
}

.hero-interaction .hero-interaction-header .hero-interaction-logo {
    display: block;
    margin-inline: auto;
}

.hero-interaction .hero-interaction-header .hero-title {
    font-size: clamp(26px, 2.2vw, 60px);
    text-transform: uppercase;
    word-break: break-word;
}

.hero-interaction .hero-interaction-header.remove-form-header .hero-title {
    display: none;
}

.hero-interaction .hero-interaction-header .hero-title span.hero-quotation {
    font-size: 110px;
    font-weight: 700;
    display: block;
    height: 60px;
}

.hero-interaction .hero-interaction-header .hero-title span.hero-highlight {
    font-family: var(--fnt--sentient);
    font-style: italic;
    color: rgb(var(--clr--secondary--orange));
}

.hero-interaction .hero-interaction-footerbg {
    background-color: rgb(var(--clr--secondary--orange));
    margin-inline: -35px;
}

.hero-interaction .hero-interaction-footer {
    color: rgb(var(--clr--white));
    text-align: center;
    margin-bottom: 20px;
}

.hero-interaction .hero-interaction-form {
    background-color: rgb(var(--clr--secondary--orange));
    padding: 35px;
}

.hero-interaction .hero-interaction-form.steps-white-bg,
.hero-interaction .hero-interaction-form.steps-white-bg1 {
    background-color: rgb(var(--clr--white));
    padding-block: 0;
    border-bottom: 30px solid rgb(var(--clr--secondary--orange));
}

.hero-interaction .hero-interaction-form.steps-whitebg-noborder {
    background-color: rgb(var(--clr--white));
    padding-block: 0;
}

.hero-interaction .hero-interaction-form.steps-gray-bg {
    background-color: rgb(109, 114, 117);
}

.hero-interaction .hero-interaction-form .hero-interaction-quiz,
.hero-interaction .hero-interaction-form .hero-interaction-quiz-small {
    color: rgb(var(--clr--white));
}

.hero-interaction .hero-interaction-form .hero-interaction-quiz {
    font-size: clamp(23px, 1.6vw, 42px);
}

.hero-interaction .hero-interaction-form .hero-interaction-quiz-small {
    font-size: clamp(18px, 1.2vw, 27px);
}

.hero-interaction .hero-interaction-form p,
.hero-interaction .hero-interaction-form ul,
.hero-interaction .hero-interaction-form ol {
    color: rgb(var(--clr--white));
}

.hero-interaction .hero-interaction-form .yesno-btns {
    width: 185px;
}

.hero-interaction .hero-interaction-form .hero_interaction_end_sucess {
    color: rgb(var(--clr--white));
}

.hero-interaction .hero-interaction-form .interaction-poll-results {
    font-family: var(--fnt--sentient);
    color: rgb(var(--clr--white));
    font-style: italic;
    font-weight: 400;
    margin-bottom: 20px;
}

.hero-interaction .hero-interaction-form .steps-black-texts p,
.hero-interaction .hero-interaction-form .steps-black-texts ul {
    color: rgb(var(--clr--primary--black));
}

.hero-interaction .hero-interaction-form .steps-black-texts ul li {
    margin-bottom: 20px;
}

/* Rolling Banner */
.rollingbanner {
    background-color: rgb(var(--clr--primary--black));
    max-width: 100%;
    padding-block: 15px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
}

.scrolling {
    color: rgb(var(--clr--secondary--orange));
    display: flex;
    white-space: nowrap;
    animation: scroll 100s linear infinite;
    -webkit-animation: scroll 100s linear infinite;
}

.rollingbanner .petitionstat,
.rollingbanner .pollstat,
.rollingbanner .reformstat ,
.rollingbanner .mpstat{
    display: inline-block;
    padding: 0 75px;
    flex-shrink: 0;
}

.rollingbanner .petitionstat,
.rollingbanner .pollstat  {
    font-style: italic;
    font-family: var(--fnt--sentient);
}

.rollingbanner .reformstat {
    font-weight: 600;
    font-family: var(--fnt--satoshi);
}

.rollingbanner .mpstat {
    font-family: var(--fnt--satoshi);
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}

/* Trend Reforms */
.trendy-reforms-header {
    background: rgb(var(--clr--gray));
    background: -moz-linear-gradient(90deg, rgba(var(--clr--gray),1) 0%, rgba(var(--clr--primary--black), 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(var(--clr--gray),1) 0%, rgba(var(--clr--primary--black), 1) 100%);
    background: linear-gradient(90deg, rgba(var(--clr--gray),1) 0%, rgba(var(--clr--primary--black), 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6d7275",endColorstr="#0c120c",GradientType=1);
    padding: 10px 35px;
}

.trendy-reforms-header .trendy-reforms-maintitle {
    color: rgb(var(--clr--white));
    font-size: clamp(16px, .9vw, 20px);
    font-weight: 400;
    text-align: right;
}

.trendy-reforms-header .trendy-reforms-maintitle span {
    font-style: italic;
}

.trendy-reforms-item {
    display: flex;
}

.trendy-reforms-item:nth-last-of-type(odd) {
    background-color: rgb(var(--clr--secondary--orange));
}

.trendy-reforms-item:nth-last-of-type(even) {
    background-color: rgb(var(--clr--white));
}

.trendy-reforms-item .trendy-reforms-topic {
    width: calc((100% / 12)* 5);
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 20px;
}

.trendy-opinion-topic {
    width: calc((100% / 12)* 5);
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 20px;
    position: relative;
}

.trendy-opinion-topic {
    position: relative;
}

.trendy-opinion-topic:after {
    content: "";
    background-color: rgba(var(--clr--primary--black),.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.trendy-opinion-topic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trendy-reforms-item .trendy-reforms-topic .trendy-topic-wrapper {
    display: flex;
    align-items: flex-end;
    gap: 15px;
}

.trendy-opinion-wrapper {
    background-color: rgb(var(--clr--primary--black));
    display: flex;
    align-items: stretch;
}

.trendy-reforms-item .trendy-reforms-topic .trendy-reforms-count {
    font-size: 72px;
    text-align: center;
    line-height: 60px;
    padding-right: 15px;
    width: 65px;
}

.trendy-reforms-item:nth-last-of-type(odd) .trendy-reforms-topic .trendy-reforms-count {
    color: rgb(var(--clr--primary--black));
    border-right: 4px solid rgb(var(--clr--primary--black));
}

.trendy-reforms-item:nth-last-of-type(even) .trendy-reforms-topic .trendy-reforms-count {
    color: rgb(var(--clr--secondary--orange));
    border-right: 4px solid rgb(var(--clr--secondary--orange));
}

.trendy-reforms-item .trendy-reforms-topic .trendy-title-wrapper {
    width: calc(100% - 80px);
}

.trendy-reforms-item .trendy-reforms-topic .trendy-reforms-title {
    font-weight: 500;
    font-style: italic;
    font-family: var(--fnt--sentient);
    margin: 0;
}

.trendy-reforms-item .trendy-reforms-topic a.trendy-topic-cta {
    font-weight: 600;
    text-decoration-thickness: 2px;
    width: calc(100% - 80px);
}

.trendy-reforms-item .trendy-reforms-image {
    width: calc((100% / 12) * 7);
    height: 200px;
    position: relative;
}

.trendy-opinion-text {
    width: calc((100% / 12) * 7);
    padding: 25px;
    position: relative;
    display: flex;
    align-items: center;
}

.trendy-opinion-text p {
    color: rgb(var(--clr--white));
    font-weight: 400;
    font-family: var(--fnt--sentient);
}

.trendy-reforms-item .trendy-reforms-image {
    position: relative;
}

.trendy-reforms-item:nth-of-type(odd) .trendy-reforms-image:after,
.trendy-reforms-item:nth-of-type(even) .trendy-reforms-image:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.trendy-reforms-item:nth-of-type(odd) .trendy-reforms-image:after {
    background-color: rgba(var(--clr--secondary--orange),.3);
}

.trendy-reforms-item:nth-of-type(even) .trendy-reforms-image:after {
    background-color: rgba(var(--clr--white),.3);
}

.trendy-reforms-item .trendy-reforms-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 650 / 208;
    object-fit: cover;
}

.trendy-reforms-item .trendy-reforms-image span.trendy-reforms-category {
    color: rgb(var(--clr--white));
    font-family: var(--fnt--sentient);
    line-height: 1;
    text-transform: uppercase;
    width: 145px;
    padding-left: 10px;
    display: block;
    border-left: 4px solid rgba(var(--clr--white),.7);
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 9;
}

.trendy-reforms-body {
    width: 100%;
    height: 100%;
    padding: 6%;
    display: flex;
    align-items: center;
}

.trendy-opinion-cta {
    font-size: clamp(21px, 1.2vw, 36px);
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    background-color: rgb(var(--clr--secondary--orange));
    width: 100%;
    height: 100%;
    padding: 8%;
    display: flex;
    align-items: center;
    gap: 15px;
}

.trendy-opinion-cta img {
    width: 50px;
}

.trendy-reforms-body .trendy-body-wrapper {
    padding-top: 45px;
    position: relative;
}

.trendy-reforms-body .trendy-body-wrapper:before {
    content: "";
    background-color: rgb(var(--clr--secondary--orange));
    width: 200px;
    max-width: 100%;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.trendy-reforms-body .trendy-body-wrapper p {
    font-size: clamp(21px, 1.4vw, 36px);
    font-weight: 600;
}

.trendy-reforms-body .trendy-body-wrapper p span.trendy-body-text {
    color: rgb(var(--clr--secondary--orange));
    font-weight: 400;
    font-style: italic;
}

span.text-highlight {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

span.text-highlight span {
    position: relative;
    z-index: 9;
}

span.highlight-round .rounded-highlight {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 8;
}

span.highlight-underline .underlined-highlight {
    width: 100%;
    height: auto;
    object-fit: fill;
    position: absolute;
    bottom: -4px;
    left: 0;
}

.trendy-opinion-titlewrapper {
    width: 100%;
    max-width: 320px;
    position: absolute;
    bottom: 15px;
    left: 25px;
    z-index: 9;
}

.trendy-opinion-titlewrapper .trendy-opinion-title {
    color: rgb(var(--clr--white));
    font-size: clamp(21px, 1.2vw, 36px);
    font-weight: 400;
    font-style: italic;
    font-family: var(--fnt--sentient);
}

.trendy-opinion-titlewrapper .trendy-opinion-title span.trendy-opinion-subtitle {
    color: rgb(var(--clr--secondary--orange));
    font-size: clamp(16px, 0.9vw, 23px);
    font-family: var(--fnt--satoshi);
    display: block;
}

.trendy-opinion-titlewrapper .trendy-opinion-title span.trendy-opinion-subtitle span {
    font-style: italic;
}

span.ellipsis {
    color: rgb(var(--clr--secondary--orange));
}

/* Recent Reforms */
.reforms-tabs .nav-link {
    color: rgb(var(--clr--primary--black));
    font-weight: 600;
    line-height: 1.3;
    padding: 0;
}

.reforms-tabs .nav-link:hover,
.reforms-tabs .nav-link.active {
    color: rgb(var(--clr--secondary--orange));
}

.reforms-tabs .nav-link + .dropdown-menu {
    padding: 10px;
    margin: 0;
    background-color: rgb(226, 226, 226);
    border: none;
    min-width: max-content;
}

.reforms-tabs .nav-link + .dropdown-menu li a {
    font-size: 17px;
    font-weight: 600;
}

.reforms-tabs .nav-link + .dropdown-menu li a:hover,
.reforms-tabs .nav-link + .dropdown-menu li a.active {
    color: rgb(var(--clr--white));
    background-color: rgb(var(--clr--secondary--orange));
}

.reforms-wrapper {
    display: flex;
    gap: 10px;
}

.reforms-wrapper .reforms-block {
    width: calc(100% - 365px);
    display: flex;
    gap: 15px;
}

.reforms-wrapper .reforms-block .single-reforms-cell {
    background-color: rgb(var(--clr--primary--black));
    display: flex;
    flex-direction: column;
}

.reforms-wrapper .reforms-home-carousel .single-reforms-cell {
    width: 100%;
}

.reforms-wrapper .reforms-block .single-reforms-empty {
    background-color: rgba(var(--clr--primary--black),.1);
    width: 100%;
    height: 100%;
}

.reforms-wrapper .reforms-block .single-reforms-cell .single-reforms-image {
    width: 100%;
    aspect-ratio: 4 / 3;
    position: relative;
}

.reforms-wrapper .reforms-block .single-reforms-cell .single-reforms-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reforms-wrapper .reforms-block .single-reforms-cell .single-reforms-image .single-reforms-category {
    color: rgba(var(--clr--white),.6);
    font-family: var(--fnt--sentient);
    text-transform: uppercase;
    position: absolute;
    top: 20px;
    right: 25px;
}

.reforms-wrapper .reforms-block .single-reforms-cell .single-reforms-copy {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 25px;
}

.reforms-wrapper .reforms-block .single-reforms-cell .single-reforms-copy .single-reforms-topic {
    color: rgb(var(--clr--secondary--orange));
    font-weight: 400;
    font-style: italic;
    font-family: var(--fnt--sentient);
}

.reforms-wrapper .reforms-block .single-reforms-cell .single-reforms-copy .single-reforms-cta {
    color: rgb(var(--clr--secondary--orange));
    text-align: right;
}

.reforms-wrapper .reforms-more-cta {
    width: 350px;
}

.reforms-wrapper .reforms-more-cta .reforms-more-link {
    color: rgb(var(--clr--secondary--orange));
    font-size: clamp(21px, 1.2vw, 36px);
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    background-color: rgb(var(--clr--primary--black));
    width: 100%;
    height: 100%;
    padding: 6%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.reforms-wrapper .reforms-more-cta .reforms-more-link img {
    width: 50px;
}

/* Data Analysis */
.data-analysis-wrapper {
    min-height: 600px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.data-analysis-wrapper .data-analysis-topic {
    width: 100%;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
}

.data-analysis-wrapper .data-analysis-topic .data-analysis-title {
    color: rgb(var(--clr--primary--black));
    font-family: var(--fnt--sentient);
    font-size: clamp(21px, 1.8vw, 36px);
    font-weight: 400;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: flex-end;
    gap: 15px;
}

.data-analysis-wrapper .data-analysis-topic .data-analysis-title span {
    color: rgb(var(--clr--secondary--orange));
    font-size: 100px;
    height: 60px;
    display: block;
}

.data-analysis-wrapper .data-analysis-frame {
    width: 100%;
    min-height: 500px;
}

.data-analysis-wrapper .data-analysis-frame img {
    width: 100%;
    height: 100%;
}

.reevaluate-ndis {
    color: rgb(var(--clr--secondary--orange));
    font-family: var(--fnt--sentient);
    font-style: italic;
    font-weight: 400;
    padding-top: 6%;
    padding-bottom: 3%;
}

.reevaluate-ndis a {
    text-decoration: none;
}

.reevaluate-ndis img {
    width: 60px;
    margin-right: 15px;
}

.analysis-share {
    background: rgb(var(--clr--secondary--orange));
    background: -moz-linear-gradient(90deg, rgba(var(--clr--secondary--orange), 1) 0%, rgba(var(--clr--secondary--orange), 1) 50%, rgba(var(--clr--primary--black), 1) 50%, rgba(var(--clr--primary--black), 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(var(--clr--secondary--orange), 1) 0%, rgba(var(--clr--secondary--orange), 1) 50%, rgba(var(--clr--primary--black), 1) 50%, rgba(var(--clr--primary--black), 1) 100%);
    background: linear-gradient(90deg, rgba(var(--clr--secondary--orange), 1) 0%, rgba(var(--clr--secondary--orange), 1) 50%, rgba(var(--clr--primary--black), 1) 50%, rgba(var(--clr--primary--black), 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f86712",endColorstr="#0c120c",GradientType=1);
}

.analysis-share .share-wrapper {
    background-color: rgb(var(--clr--primary--black));
    border: 0;
}

.analysis-share .share-icons a {
    color: rgb(var(--clr--white));
}

.data-analysis-frame svg {
    overflow: visible !important;
}

/* Opinion & Analysis Section */
.opinion-analysis-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.opinion-analysis-wrapper .opinion-analysis-item {
    padding: 6% 30px;
    width: 66.66%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    position: relative;
}

.opinion-analysis-wrapper .opinion-analysis-item:nth-child(3n + 1) {
    width: 33.34%;
    background-color: rgb(var(--clr--primary--black));
}

.opinion-analysis-wrapper .opinion-analysis-item:nth-child(2) {
    background-color: rgb(var(--clr--white));
    border: 1px solid transparent;
    border-top: 1px solid rgb(var(--clr--primary--black));
    border-right: 1px solid rgb(var(--clr--primary--black));
}

.opinion-analysis-wrapper .opinion-analysis-item:nth-child(3) {
    background-color: rgb(var(--clr--secondary--orange));
}

.opinion-analysis-wrapper .opinion-analysis-item:last-child {
    padding: 0;
}

.opinion-analysis-wrapper .opinion-analysis-item .opinion-analysis-title {
    font-size: clamp(28px, 1.8vw, 42px);
}

.opinion-analysis-wrapper .opinion-analysis-item:nth-child(1) .opinion-analysis-title {
    color: rgb(var(--clr--secondary--orange));
}

.opinion-analysis-wrapper .opinion-analysis-item:nth-child(2) .opinion-analysis-title,
.opinion-analysis-wrapper .opinion-analysis-item:nth-child(3) .opinion-analysis-title {
    color: rgb(var(--clr--primary--black));
}

.opinion-analysis-wrapper .opinion-analysis-item p {
    font-weight: 500;
}

.opinion-analysis-wrapper .opinion-analysis-item:nth-child(1) p, 
.opinion-analysis-wrapper .opinion-analysis-item:nth-child(3) p {
    color: rgb(var(--clr--white));
}

.opinion-analysis-wrapper .opinion-analysis-item:nth-child(2) p {
    color: rgb(var(--clr--primary--black));
}

.opinion-analysis-wrapper .opinion-analysis-item .opinion-analysis-cta {
    color: rgb(var(--clr--primary--black));
    font-weight: 600;
    position: absolute;
    bottom: 15px;
    right: 25px;
}

.opinion-analysis-wrapper .opinion-analysis-item:nth-child(1) .opinion-analysis-cta {
    color: rgb(var(--clr--secondary--orange));
}

.opinion-analysis-wrapper .opinion-analysis-more {
    color: rgb(var(--clr--secondary--orange));
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    background-color: rgb(var(--clr--primary--black));
    width: 100%;
    height: 100%;
    padding: 6%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.opinion-analysis-wrapper .opinion-analysis-more img {
    width: 50px;
}

/* Call for Reforms */
.call-reforms-wrapper {
    display: flex;
}

.call-reforms-wrapper .call-reforms-text {
    background: url("https://d3cz49hqob92aj.cloudfront.net/wp-content/uploads/lets-reform-the-future.jpg") no-repeat 50% 50%;
    background-size: cover;
    width: calc((100% / 12) * 5);
    padding: 5% 5% 10% 5%;
}

.call-reforms-wrapper .call-reforms-text .call-reforms-copy {
    width: 100%;
    padding-top: 10%;
    position: relative;
}

.call-reforms-wrapper .call-reforms-text .call-reforms-copy:before {
    content: "";
    background-color: rgb(var(--clr--white));
    width: 150px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.call-reforms-wrapper .call-reforms-text .call-reforms-copy h2 {
    color: rgb(var(--clr--white));
    font-size: clamp(21px, 1.6vw, 36px);
    margin-bottom: 30px;
}

.call-reforms-wrapper .call-reforms-text .call-reforms-copy p {
    color: rgb(var(--clr--white));
    font-size: clamp(18px, 1.5vw, 36px);
    font-weight: 400;
}

.call-reforms-wrapper .call-reforms-form {
    background-color: rgb(var(--clr--primary--black));
    width: calc((100% / 12) * 7);
    padding: 5%;
}

.call-reforms-wrapper .call-reforms-form .form-control {
    padding: 15px 10px;
}

.call-reforms-wrapper .call-reforms-form .form-control:focus {
    border-bottom: 1px solid rgb(var(--clr--secondary--orange));
}

.call-reforms-wrapper .call-reforms-form textarea.form-control {
    color: rgb(var(--clr--primary--black));
    background-color: rgb(var(--clr--white));
    min-height: 250px;
}

#reformHeroUserDetailSection .form-control {
    color: rgb(var(--clr--primary--black));
}

.call-reforms-wrapper .call-reforms-form a.btn {
    width: 100%;
    max-width: 350px;
    margin-inline: auto;
}

.g-recaptcha > div {
    margin: 0 auto 30px;
}

/* Reforms Category Page */
.reforms-archieve-wrapper {
    min-height: calc(100vh - 185px);
    display: flex;
    gap: 20px;
}

.reforms-filter-wrapper {
    width: 280px;
    box-shadow: 15px 3px 15px 0px rgba(var(--clr--secondary--black),0.06);
    -webkit-box-shadow: 15px 3px 15px 0px rgba(var(--clr--secondary--black),0.06);
    -moz-box-shadow: 15px 3px 15px 0px rgba(var(--clr--secondary--black),0.06);
}

.reforms-toggle {
    color: rgb(var(--clr--white));
    background-color: rgb(var(--clr--secondary--orange));
    width: 40px;
    height: 35px;
    cursor: pointer;
    border: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    position: relative;
    z-index: 9;
}

.reforms-filter-wrapper .reforms-filter-category {
    margin-block: 35px;
}

.reforms-filter-wrapper .reforms-filter-category:first-child {
    margin-top: 100px;
}

.reforms-filter-wrapper .reforms-filter-title {
    font-weight: 600;
    padding: 15px;
}

.reforms-filter-wrapper .reforms-filter-title .reforms-filter-dropdown {
    text-decoration: none;
    padding-bottom: 8px;
    border-bottom: 3px solid rgb(var(--clr--primary--black));
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reforms-filter-wrapper .reforms-filter-title i {
    color: rgb(var(--clr--secondary--orange));
}

.reforms-filter-wrapper .reforms-filter-list {
    display: flex;
    flex-direction: column;
}

.reforms-filter-wrapper .reforms-filter-list .reforms-filter-item {
    text-decoration: none;
    padding: 5px 15px;
}

.reforms-filter-wrapper .reforms-filter-list .reforms-filter-item:hover,
.reforms-filter-wrapper .reforms-filter-list .reforms-filter-item.active {
    color: rgb(var(--clr--secondary--orange));
}

.reforms-filter-wrapper .reforms-filter-list .reforms-filter-item.active {
    font-weight: 700;
}

.reforms-archieve-grid {
    width: calc(100% - 300px);
}

.reforms-archieve-grid .reforms-wrapper .reforms-block {
    width: 100%;
}

.reforms-pagination-wrapper {
    margin-block: 50px;
}

.reforms-pagination-wrapper .reforms-pagination-link {
    color: rgb(var(--clr--secondary--orange));
    padding: 0 7px;
    border: 0px solid transparent;
    box-shadow: none;
}

.reforms-pagination-wrapper .active > .reforms-pagination-link {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    background-color: transparent;
}

.reforms-pagination-wrapper .nav-links {
    color: rgb(var(--clr--secondary--orange));
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
}

/* Reforms Single */
.reform-form-wrapper {
    display: flex;
}

.reform-form-copy {
    width: calc(100% - 350px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.reform-form-copy .legislation-copy-item {
    min-height: calc(100% / 4);
    padding: 40px 20px;
}

.reform-form-copy .legislation-copy-item:nth-of-type(odd) {
    background-color: rgb(var(--clr--secondary--orange));
}

.reform-form-copy .legislation-copy-item:nth-of-type(even) {
    background-color: rgb(var(--clr--primary--black));
}

.reform-form-copy .legislation-copy-item .legislation-copy-title,
.reform-form-copy .legislation-copy-item .legislation-copy-subtitle {
    font-size: clamp(21px, 1.2vw, 36px);
    position: relative;
}

.reform-form-copy .legislation-copy-item:nth-of-type(odd) .legislation-copy-title,
.reform-form-copy .legislation-copy-item:nth-of-type(odd) .legislation-copy-subtitle {
    color: rgb(var(--clr--primary--black));
}

.reform-form-copy .legislation-copy-item:nth-of-type(even) .legislation-copy-title,
.reform-form-copy .legislation-copy-item:nth-of-type(even) .legislation-copy-subtitle {
    color: rgb(var(--clr--secondary--orange));
}

.reform-form-copy .legislation-copy-item .legislation-copy-title {
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.reform-form-copy .legislation-copy-item .legislation-copy-title:after {
    content: "";
    width: 150px;
    height: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.reform-form-copy .legislation-copy-item:nth-of-type(odd) .legislation-copy-title:after {
    background-color: rgb(var(--clr--primary--black));
}

.reform-form-copy .legislation-copy-item:nth-of-type(even) .legislation-copy-title:after {
    background-color:  rgb(var(--clr--secondary--orange));
}

.reform-form-copy .legislation-copy-item .legislation-copy-subtitle {
    font-weight: 400;
    margin-bottom: 20px;
}

.reform-form-copy .legislation-copy-item p {
    color: rgb(var(--clr--white));
}

.reform-form {
    width: 350px;
    padding: 20px;
    border: 1px solid rgb(var(--clr--primary--black));
}

.reform-form .reform-form-header {
    font-size: clamp(21px, 1.2vw, 36px);
    margin-bottom: 35px;
}

.reform-form .btn {
    margin-inline: auto;
}

.reform-form .reform-form-footer img {
    max-width: 150px;
    margin-inline: auto;
    display: block;
}

.share-wrapper {
    padding: 40px 25px;
    border-left: 35px solid rgb(var(--clr--secondary--orange));
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

.share-wrapper .share-text {
    width: calc(100% - 275px);
}

.share-wrapper .share-header {
    color: rgb(var(--clr--secondary--orange));
    font-size: clamp(21px, 1.2vw, 36px);
}

.share-wrapper .share-copy {
    color: rgb(var(--clr--secondary--orange));
    font-style: italic;
    font-family: var(--fnt--sentient);
}

.share-icons {
    width: 200px;
}

.share-icons a {
    color: rgb(var(--clr--primary--black));
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.share-icons a:hover {
    color: rgb(var(--clr--secondary--orange));
}

.share-icons a i {
    font-size: 36px;
}

.legislation-btn {
    font-size: clamp(21px, 1.3vw, 36px);
    font-weight: 700;
    margin-top: 45px;
}

.legislation-btn a {
    color: rgb(var(--clr--secondary--orange));
}

/* Poll Page */
.poll-subtitle {
    font-size: clamp(21px, 1.2vw, 36px);
    margin-bottom: 45px;
}

.poll-subtitle span {
    color: rgb(var(--clr--secondary--orange));
    font-style: italic;
    font-family: var(--fnt--sentient);
    display: block;
}

.single-poll-item {
    padding-bottom: 15px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(109, 114, 117, .4);
}

.single-poll-item .poll-title {
    font-size: clamp(18px, 1.1vw, 27px);
    font-family: var(--fnt--sentient);
    margin-bottom: 25px;
}

/* Trending Results */
.trending-results-title-wrapper {
    padding-bottom: 15px;
    margin-bottom: 35px;
    border-bottom: 2px solid rgb(var(--clr--primary--black));
}

.trending-results-title {
    font-style: italic;
    font-weight: 600;
    font-family: var(--fnt--sentient);
}

.trending-results .trendy-reforms-item .trendy-reforms-topic,
.trending-results .trendy-reforms-item .trendy-reforms-image {
    width: 50%;
}

.trending-results .trendy-reforms-item .trendy-reforms-topic .trendy-title-wrapper {
    max-width: 350px;
}

.trending-results .trendy-reforms-item .trendy-reforms-topic {
    padding: 25px;
    align-items: flex-start;
}

.trending-results .trendy-reforms-item .trendy-reforms-topic a.trendy-topic-cta {
    max-width: 350px;
    margin-left: 80px;
}

.trending-results .trendy-reforms-item:nth-last-of-type(even) .trendy-reforms-topic a.trendy-topic-cta {
    color: rgb(var(--clr--secondary--orange));
}

/* Opinion and Analysis */
.opinion-single {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(var(--clr--gray), .2);
    display: flex;
    justify-content: space-between;
    gap: 35px;
}

.opinion-single-image {
    width: 300px;
    min-height: 200px;
    background: #f1f1f1;
    border-left: 15px solid rgb(var(--clr--secondary--orange));
}

.opinion-single-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.opinion-single-copy {
    width: calc(100% - 335px);
    padding: 10px
}

.opinion-single-title {
    color: rgb(var(--clr--secondary--orange));
    font-size: clamp(24px, 2.1vw, 52px);
    margin-bottom: 20px;
}

p.opinion-single-excerpt {
    margin-bottom: 20px;
}

.opinion-single-cta {
    color: rgb(var(--clr--secondary--orange));
}

.copy-wrapper {
    padding-top: 50px;
    margin-top: 50px;
    position: relative;
}

.copy-wrapper:before {
    content: "";
    background-color: rgb(var(--clr--secondary--orange));
    width: 150px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
}

.opinion-single-wrapper {
    padding-left: calc((100% - 1320px) / 2);
    display: flex;
    gap: 35px;
}

.opinion-article-wrapper {
    width: calc(100% - 450px);
}

.opinion-article .key-points ul li,
.opinion-article .key-points p {
    margin-bottom: 20px;
}

.didyou-like-banner {
    width: 100%;
    max-width: 450px;
    margin-bottom: 20px;
}

.disyou-like-header {
    color: rgb(var(--clr--secondary--orange));
    background-color: rgb(var(--clr--primary--black));
    padding: 10% 20px 20px;
}

.didyou-like-title {
    font-size: clamp(21px, 1.6vw, 36px);
    padding-bottom: 30px;
    margin-bottom: 20px;
    position: relative;
}

.didyou-like-title:after {
    content: "";
    background-color: rgb(var(--clr--secondary--orange));
    width: 150px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.didyou-like-copy {
    height: 630px;
    padding: 20px 20px 40px 20px;
    background-size: cover !important;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 70px;
}

.didyou-like-copy::after {
    content: "";
    background-color: rgb(var(--clr--primary--black));
    width: 100%;
    height: 100%;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
}

.didyou-like-text,
.didyou-like-logo {
    color: rgb(var(--clr--white));
    width: 100%;
    position: relative;
    z-index: 9;
}

.didyou-like-copytitle {
    font-size: clamp(21px, 1.6vw, 36px);
}

.didyou-like-copycta {
    color: rgb(var(--clr--secondary--orange));
}

.didyou-like-logo {
    width: 150px;
}

/* Call for Reform */
.howto-reform-header {
    color: rgb(var(--clr--secondary--orange));
    font-size: clamp(21px, 1.6vw, 36px);
    text-align: center;
    background-color: rgb(var(--clr--primary--black));
    padding: 15px;
    margin-bottom: 15px;
}

.howto-reform-item {
    width: 100%;
    height: 500px;
    padding: 25px;
    background-size: cover !important;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.howto-reform-item:after {
    content: "";
    background: rgb(var(--clr--white));
    background: -moz-linear-gradient(0deg, rgba(var(--clr--white), 1) 0%, rgba(var(--clr--white), 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(var(--clr--white), 1) 0%, rgba(var(--clr--white), 0) 100%);
    background: linear-gradient(0deg, rgba(var(--clr--white), 1) 0%, rgba(var(--clr--white), 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    width: 100%;
    height: 300px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: ease-in .3s;
    -webkit-transition: ease-in .3s;
    -moz-transition: ease-in .3s;
    -ms-transition: ease-in .3s;
    -o-transition: ease-in .3s;
}

.howto-reform-item:hover:after {
    background: rgb(var(--clr--white));
    background: -moz-linear-gradient(0deg, rgba(var(--clr--white), 1) 0%, rgba(var(--clr--white), 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(var(--clr--white), 1) 0%, rgba(var(--clr--white), 0) 100%);
    background: linear-gradient(0deg, rgba(var(--clr--white), 1) 0%, rgba(var(--clr--white), 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    height: 500px;
}

.howto-reform-copy {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 9;
}

.howto-reform-count {
    font-size: 60px;
}

/* Error Page */
section.error-404 {
    min-height: calc(100vh - 184px);
}

.error-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.error-title {
    color: rgb(var(--clr--secondary--orange));
    font-size: clamp(48px, 5vw, 92px);
    font-weight: 700;
}

/* PowerBI Report */
.powerBI-card {
    height: 100%;
    overflow: hidden;
}

.pb-data-analysis {
    height: 75vh;
}

.powerBI-card iframe.bireport {
    width: 100%;
    height: 100%;
    /* height: calc(100% + 60px); */
    border: 0;
}

/* Modal Legislation */
.modal-legislation .modal-header-legislation {
    padding-bottom: 0;
    border: 0;
    justify-content: flex-end;
    gap: 15px;
}

.modal-legislation .modal-header-legislation .btn-close {
    margin: 0;
}

.modal-legislation .modal-content {
    background-color: rgb(var(--clr--gray));
    height: 90vh;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.modal-legislation .modal-content iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* Footer */
footer {
    text-align: center;
    background-color: rgb(var(--clr--secondary--orange));
}

footer p,
footer a {
    font-size: clamp(15px, .9vw, 21px);
    color: rgb(var(--clr--white));
    display: inline-block;
}

footer a:hover {
    color: rgb(var(--clr--primary--black)) !important;
}

.social--footer {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    padding-bottom: 20px;
}

.social--footer a {
    font-size: 21px;
    color: rgb(var(--clr--white));
}

/* Chart JS Styles */
.analysis-title {
    color: rgb(var(--clr--white));
    font-size: clamp(21px, 1.5vw, 36px);
    font-style: italic;
    font-weight: 400;
    margin-bottom: 35px;
}

.data-analysis-board {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
}

.two-side-analysis > * {
    padding: 30px;
}

.four-side-analysis > * {
    padding: 5%;
}

.two-side-analysis .left-side-analysis,
.two-side-analysis .right-side-analysis {
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
}

.four-side-analysis > .first-analysis,
.four-side-analysis > .forth-analysis {
    width: 45%;
}

.four-side-analysis > .second-analysis,
.four-side-analysis > .third-analysis {
    width: 55%;
}

div#actionsTakenChart,
div#surveyResponsesChart,
div#surveyResponsesPieChart,
div#stateDistributionChart {
    width: 100%;;
}

.response-chart-wrapper,
.party-chart-wrapper {
    width: 100%;
    display: flex;
    gap: 15px;
}

.party-chart-wrapper {
    justify-content: space-between;
}

div#partyDistributionPieChart {
    width: calc(100% - 130px);
}

.party-labels {
    font-size: 20px;
    margin-bottom: 10px;
    white-space: nowrap;
}

#surveyResponsesDescription {
    width: 35% !important;
}

#surveyResponsesPieChart {
    width: 65% !important;
}

.pichart-annotations p {
    color: rgb(var(--clr--white));
    font-size: 14px;
    line-height: 1;
}

.gender-wrapper {
    margin-bottom: 30px;
}

.gender-wrapper:last-of-type {
    margin-bottom: 0;
}

.gender-stats {
    width: fit-content;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.gender-stats .stats-item .man-pattern {
    color: rgb(var(--clr--white));
    width: 26px;
    aspect-ratio: 1 / 2;
    fill: rgb(var(--clr--white));
}

.gender-stats .stats-item.active .man-pattern {
    fill: rgb(var(--clr--secondary--orange));
}

.gender-stats-copy {
    display: flex;
    align-items: center;
    gap: 15px;
}

.gender-stats-value {
    color: rgb(var(--clr--secondary--orange));
    font-size: clamp(31px, 2.5vw, 48px);
    font-weight: 300;
}

.gender-stats-heading,
.gender-stats-subheading {
    font-size: clamp(17px, 0.9vw, 23px);
    font-weight: 500;
    margin: 0;
}

.gender-stats-heading {
    color: rgb(var(--clr--secondary--orange));
}

.gender-stats-subheading {
    color: rgb(var(--clr--white));
}

.statistic-error {
    color: rgb(164, 164, 164);
    background: rgb(245, 245, 245);
    width: 100%;
    padding: 15px;
    border: 0;
    border-left: 5px solid rgb(215, 83, 81);
}

.statistic-error p {
    line-height: 1;
}

.bar-tooltips {
    font-size: 14px;
    color: rgb(var(--clr--primary--black));
    padding: 10px;
    max-width:150px;
}

.pie-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
}

.data-analysis-board svg {
    overflow: visible !important;
}

/* Loader */
.statistic-loading-main {
    width: 100%;
    height: 500px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader {
    --loader-bg: no-repeat radial-gradient(farthest-side, rgb(var(--clr--secondary--orange)) 93%, rgba(var(--clr--secondary--orange),0));
    width: 40px;
    height: 20px;
    background: var(--loader-bg) 0 0, var(--loader-bg) 50% 0;
    background-size: 8px 8px;
    position: relative;
    clip-path: inset(-200% -100% 0 0);
    animation: loader-0 1.5s linear infinite;
    -webkit-animation: loader-0 1.5s linear infinite;
}

.loader:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 12px;
    background: rgb(var(--clr--secondary--orange));
    left: -16px;
    top: 0;
    animation: loader-1 1.5s linear infinite, loader-2 0.5s cubic-bezier(0, 200, .8, 200) infinite;
    -webkit-animation: loader-1 1.5s linear infinite, loader-2 0.5s cubic-bezier(0, 200, .8, 200) infinite;
}

.loader:after {
    content: "";
    position: absolute;
    inset: 0 0 auto auto;
    width: 8px;
    height: 8px;
    background: rgb(var(--clr--secondary--orange));
    animation: loader-3 1.5s linear infinite;
    -webkit-animation: loader-3 1.5s linear infinite;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

@keyframes loader-0 {
    0%,
    30% {
        background-position: 0 0, 50% 0;
    }

    33% {
        background-position: 0 100%, 50% 0;
    }

    41%,
    63% {
        background-position: 0 0, 50% 0;
    }

    66% {
        background-position: 0 0, 50% 100%;
    }

    74%,
    100% {
        background-position: 0 0, 50% 0;
    }
}

@keyframes loader-1 {
    90% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    95% {
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
    }

    100% {
        left: calc(100% - 8px);
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
    }
}

@keyframes loader-2 {
    100% {
        top: -0.1px;
    }
}

@keyframes loader-3 {
    0%,
    80%,
    100% {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }

    90% {
        transform: translate(26px);
        -webkit-transform: translate(26px);
        -moz-transform: translate(26px);
        -ms-transform: translate(26px);
        -o-transform: translate(26px);
    }
}