/* ====== FONTS ====== */
@import url("https://use.typekit.net/vft0yas.css"); /* Arial */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); /* Open Sans */
@import url("https://use.typekit.net/nwl1fqp.css"); /* Open Sans Condensed */

:root {
  --clr--green: 1, 98, 65; /* #016241 */
  --clr--light--green: 63, 171, 73; /* #3FAB49 */
  --clr--yellow: 255, 194, 14; /* #FFC20E */
  --clr--red: 97, 19, 30; /* #61131E */
  --clr--black: 34, 31, 32; /* #221F20 */
  --clr--white: 255, 255, 255; /* #ffffff */

  --fnt--arial: "arial", sans-serif;
  --fnt--open--sans: "Open Sans", sans-serif;
  --fnt--open--sans--condensed: "open-sans-condensed", sans-serif;
}

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

.public-comments__wrapper_carousel::-webkit-scrollbar {
  width: 0.65em;
  height: 0.65em;
}

::-webkit-scrollbar-track {
  background: rgb(var(--clr--white));
  box-shadow: inset 1px 1px 2px rgba(var(--clr--black), 0.2);
}

.public-comments__wrapper_carousel::-webkit-scrollbar-track {
  border: 1px solid rgb(214, 214, 214);
  box-shadow: unset;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

::-webkit-scrollbar-thumb {
  background: rgb(var(--clr--red));
  background: linear-gradient(0deg, rgba(var(--clr--red), 1) 0%, rgb(239, 239, 239) 50%, rgba(var(--clr--red), 1) 100%);
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
}

.public-comments__wrapper_carousel::-webkit-scrollbar-thumb {
  background: rgb(165, 165, 165) !important;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 5px 0;
  line-height: 1.2;
  font-weight: 700;
  border-bottom: 0;
}

h1 {
  font-size: clamp(32px, 3vw, 82px);
}

h2 {
  font-size: clamp(23px, 1.8vw, 36px);
}

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

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

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

h6 {
  line-height: 1.2;
}

p {
  font-size: clamp(17px, 1.1vw, 23px);
  line-height: 1.2;
}

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

p:has(+ ul),
p:has(+ ol) {
  margin-bottom: .6rem !important;
}

ul, ol {
  font-size: clamp(19px, 1.3vw, 27px);
  line-height: 1.4;
  padding-left: 50px;
}

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

a {
  color: currentColor;
}

.desktop {
  display: inline-block !important;
}

.mobile {
  display: none !important;
}

.hidden {
  display: none;
}

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

img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(235, 235, 235);
  border: 2px dashed rgb(173, 173, 173);
}

section {
  position: relative;
  overflow-x: hidden;
}

.section-row {
  padding-block: clamp(40px, 3vw, 92px);
  position: relative;
}

.titles {
  margin-bottom: 1.75rem;
}

.titles:not(.title ~ *) {
  margin-bottom: 0;
}

.titles > h1,
.titles > h2 {
  color: rgb(var(--clr--red));
  font-size: clamp(24px, 2.7vw, 60px);
  font-family: var(--fnt--open--sans);
  font-weight: 900;
  line-height: 1.1;
}

.titles__highlighter {
  color: rgb(var(--clr--light--green));
  font-style: italic;
}

.titles__sub-heading {
  color: rgb(107, 114, 129);
  font-size: clamp(17px, 1.1vw, 23px);
  text-align: center;
  text-transform: unset;
  /* max-width: 700px; */
  margin: 15px auto 0;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.title-header {
  text-align: center;
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
}

.sub-heading > h3 {
  font-size: clamp(25px, 1.8vw, 36px);
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}

.fw100 {
  font-weight: 100 !important;
}

.fw300 {
  font-weight: 300 !important;
}

.fw400 {
  font-weight: 400 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw600 {
  font-weight: 600 !important;
}

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

.fw900 {
  font-weight: 900 !important;
}

.ls {
  letter-spacing: 1.5px;
}

.italic {
  font-style: italic;
}

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

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

.fnt--open--sans--condensed {
  font-family: var(--fnt--open--sans--condensed);
}

.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;
}

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

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

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

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

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

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

.bgclr--light--green {
  color: rgb(var(--clr--black));
  background-color: rgb(var(--clr--light--green));
}

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

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

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

/* Input Fields */
.form-control {
  color: rgb(var(--clr--black));
  font-size: 15px;
  font-weight: 400;
  line-height: 1.1;
  min-height: 30px;
  padding: 8px 10px;
  background-color: rgb(var(--clr--white));
  border: 1px solid rgb(var(--clr--black));
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

textarea.form-control {
  min-height: 175px;
  padding: 8px 10px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

select.form-control {
  background: rgb(229, 229, 229);
  background-position: calc(100% - 12px) calc(100% - 12px);
  background-repeat: no-repeat;
  background-size: 20px;
}

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

.form-control:focus {
  color: rgb(var(--clr--black));
  background-color: rgb(var(--clr--white));
  border: 1px solid rgb(var(--clr--yellow));
  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;
}

/* 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: 2px solid rgb(var(--clr--green));
  -webkit-text-fill-color: var(--clr--black);
  box-shadow: 0 0 0px 1000px rgba(var(--clr--black), 0.1) inset;
  -webkit-box-shadow: 0 0 0px 1000px rgba(var(--clr--black), 0.1) inset;
  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;
}

.invalid-feedback {
  color: rgb(var(--clr--white));
  font-size: 15px;
  font-weight: 500;
  background-color: rgb(220, 53, 69);
  padding: 5px 10px;
}

/* ====== BUTTONS ====== */
.btn {
  font-size: clamp(17px, 1.1vw, 23px);
  font-weight: 600;
  color: rgb(var(--clr--white));
  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: 100%;
  padding: 10px 30px !important;
  margin: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.btn * {
  transition: ease-in .4s;
  -webkit-transition: ease-in .4s;
  -moz-transition: ease-in .4s;
  -ms-transition: ease-in .4s;
  -o-transition: ease-in .4s;
}

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

.btn-large {
  font-size: clamp(21px, 1.5vw, 36px);
  padding: 25px 60px !important;
  position: relative;
  z-index: 9;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

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

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

.primary--btn.disabled {
  background-color: rgba(var(--clr--light--green), 0.6);
  border-color: rgba(var(--clr--light--green), 0.6);
  cursor: not-allowed;
  color: rgb(var(--clr--white));
}

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

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

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

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

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

.grid-six > * {
  width: calc((100% / 6) - 21px);
}

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

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

.owl-stage {
  display: flex;
}

.owl-item {
  padding: 0;
  vertical-align: top;
  display: flex;
  justify-content: center;
}

.carousel-controls button.owl-prev,
.carousel-controls button.owl-next{
  font-size: 15px;
  color: rgb(var(--clr--black));
  font-weight: 700;
  background: transparent;
  width: 35px;
  height: 35px;
  border: 1px solid rgb(210, 213, 219);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.carousel-controls button.owl-prev {
  left: -40px;
}

.carousel-controls button.owl-next{
  right: -40px;
}

.owl-dots {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 12px;
}

.owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  background: rgb(210, 213, 219);
  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: rgb(var(--clr--red));
}

.owl-loaded .disabled {
  display: none;
}

.public-comments__wrapper_carousel {
  max-height: 530px;
  padding-right: 15px;
  overflow: auto;
  position: relative;
  /* display: flex;
  justify-content: center;
  gap: 25px; */
}

.public-comments__wrapper_carousel.owl-loaded {
  display: block;
  overflow: visible;
}

.public-comments__wrapper_carousel .public-comments__wrapper_carousel_card {
  width: 100%;
  margin-block: 15px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  cursor: pointer;
}

/* .public-comments__wrapper_carousel > .public-comments__wrapper_carousel_card {
  min-width: calc((100% / 3) - 17px);
  width: calc((100% / 3) - 17px);
  position: relative;
  overflow: hidden;
} */

/* .public-comments__wrapper_carousel > .public-comments__wrapper_carousel_card:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgb(237, 237, 237);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
} */

.victorians-deserve-better__wrapper_carousel {
  max-height: 100%;
  padding-right: 15px;
  overflow: hidden;
  position: relative;
}

.victorians-deserve-better__wrapper_carousel.owl-loaded {
  display: block;
  overflow: visible;
}

.victorians-deserve-better__wrapper_carousel .victorians-deserve-better__wrapper_carousel_card {
  width: 100%;
  margin-block: 15px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.victorians-deserve-better__wrapper_carousel > .victorians-deserve-better__wrapper_carousel_card {
  min-width: 100%;
  position: relative;
  overflow: hidden;
}

.victorians-deserve-better__wrapper_carousel > .victorians-deserve-better__wrapper_carousel_card:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}

/* ====== HEADER ====== */
.header {
  width: 100%;
  padding: 20px 0;
  background: linear-gradient(120deg, rgb(var(--clr--green)), rgb(var(--clr--light--green)));
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.header__fixed-header {
  padding-block: 5px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.header > .container {
  position: relative;
}

.navbar > .container > .row {
  width: 100%;
}

.navbar-collapse {
  display: block;
  opacity: 1;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
}

.header__logo {
  max-width: 270px;
  padding: 0;
  line-height: 1;
  position: relative;
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}

.header__fixed-header .header__logo {
  max-width: 150px;
  padding: 0;
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}

.header__logo img {
  width: 100%;
  height: auto;
  position: relative;
}

/* ====== NAVIGATION ====== */
.header__navbar_collapse {
  justify-content: flex-end;
}

.header__navbar {
  justify-content: space-between;
  align-items: center;
  transition: ease-in .4s;
  -webkit-transition: ease-in .4s;
  -moz-transition: ease-in .4s;
  -ms-transition: ease-in .4s;
  -o-transition: ease-in .4s;
}

.header__fixed-header .header__navbar {
  padding: 5px 15px !important;
}

.header__navbar--container {
  display: flex;
}

ul#header__navbar_menu,
ul#header__navbar_button {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.header__navbar_collapse.collapsing {
  height: unset !important;
}

.menu-item {
  padding: 0;
  background: transparent;
  position: relative;
}

.menu-item a {
  color: rgb(var(--clr--white));
  font-size: clamp(16px, 1.1vw, 18px);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  padding: 6px 15px;
  display: block;
}

.menu-item.menu-item-has-children a {
  padding: 5px 15px;
}

.menu-item.current-menu-parent > a,
.menu-item.current-menu-item > a,
.menu-item:hover > a {
  color: rgb(var(--clr--yellow)) !important;
}

li.menu-item ul.sub-menu {
  width: 260px;
  padding: 10px !important;
  margin: 0;
  list-style: none;
  background: rgb(var(--clr--white));
  position: absolute;
  z-index: 9;
  display: none;
  box-shadow: 0 2px 10px rgba(var(--clr--black), 0.1);
  overflow: hidden !important;
}

li.menu-item:hover ul.sub-menu {
  display: block;
}

li.menu-item ul.sub-menu li a {
  color: rgb(var(--clr--black)) !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.2;
  text-underline-offset: 30px;
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent;
  text-decoration: none;
  background: transparent !important;
  width: unset !important;
  padding: 9px 15px !important;
  display: block;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

li.menu-item ul.sub-menu li a:hover {
  color: rgb(var(--clr--green)) !important;
  background-color: rgb(237, 245, 242) !important;
}

.nav-btn a {
  color: rgb(var(--clr--green)) !important;
  text-decoration: none;
  background-color: rgb(var(--clr--yellow));
  padding: 6px 25px !important;
  margin-left: 15px;
  border: 2px solid rgb(var(--clr--yellow));
  text-decoration: none !important;
  -webkit-text-stroke-width: .4px;
  -webkit-text-stroke-color: rgb(var(--clr--green));
  transition: ease-in .4s;
  -webkit-transition: ease-in .4s;
  -moz-transition: ease-in .4s;
  -ms-transition: ease-in .4s;
  -o-transition: ease-in .4s;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.nav-btn a:hover {
  color: rgb(var(--clr--yellow)) !important;
  background-color: rgb(var(--clr--green));
  border: 2px solid rgb(var(--clr--green));
  -webkit-text-stroke-color: rgb(var(--clr--yellow));
}

.header__navbar_toggler {
  padding: 5px 10px;
  margin-top: 7px;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.header__navbar_toggler:focus {
  box-shadow: unset;
}

.header__navbar_icon {
  background-color: rgb(var(--clr--white));
  width: 32px;
  height: 3px;
  margin: 4px 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;
}

.header__navbar .header__navbar_toggler[aria-expanded="true"] .header__navbar_icon:nth-of-type(1),
button.header__navbar_toggler.button-toggled .header__navbar_icon:nth-of-type(1) {
  transform: rotate(45deg) translate(10px, 10px);
  -webkit-transform: rotate(45deg) translate(10px, 10px);
  -moz-transform: rotate(45deg) translate(10px, 10px);
  -ms-transform: rotate(45deg) translate(10px, 10px);
  -o-transform: rotate(45deg) translate(10px, 10px);
}

.header__navbar .header__navbar_toggler[aria-expanded="true"] .header__navbar_icon:nth-of-type(2),
button.header__navbar_toggler.button-toggled .header__navbar_icon:nth-of-type(2) {
  opacity: 0;
}

.header__navbar .header__navbar_toggler[aria-expanded="true"] .header__navbar_icon:nth-of-type(3),
button.header__navbar_toggler.button-toggled .header__navbar_icon:nth-of-type(3) {
  transform: rotate(-45deg) translate(5px, -6px);
  -webkit-transform: rotate(-45deg) translate(5px, -6px);
  -moz-transform: rotate(-45deg) translate(5px, -6px);
  -ms-transform: rotate(-45deg) translate(5px, -6px);
  -o-transform: rotate(-45deg) translate(5px, -6px);
}

.header__navbar .header__navbar_toggler.collapsed .header__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;
}

.header__search-icon {
  width: 40px;
  height: 40px;
  margin-top: 5px;
  margin-left: 25px;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.header__search-icon img {
  position: absolute;
  transition: opacity 0.2s ease;
}

.icon-close {
  opacity: 0;
  pointer-events: none;
}

.header__search-icon.is-active .icon-search {
  opacity: 0;
}

.header__search-icon.is-active .icon-close {
  opacity: 1;
}

.header__search-box {
  position: absolute;
  right: 50px;
  top: -7px;
  opacity: 0;
  pointer-events: none;
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transition: 0.25s ease;
  -webkit-transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  -o-transition: 0.25s ease;
}

.header__search-box.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

.header__search-box input {
  width: 1000px;
  border-radius: 6px;
  outline: none;
}

.header__search-button {
  border: 0;
  background: 0;
  position: absolute;
  top: 15px;
  right: 10px;
}

ul.header__navbar_social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 15px;
  margin-left: 10px;
}

ul.header__navbar_social-icons a {
  color: rgb(var(--clr--white));
  font-size: 18px;
}

ul.header__navbar_social-icons a:hover {
  color: rgb(var(--clr--yellow));
}

/* Hero */
.hero {
  background-color: rgb(var(--clr--red));
}

.hero__wrapper_video {
  width: 100%;
  max-width: 768px;
  height: auto;
  margin: 0 auto;
  display: block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

.hero__wrapper_counter {
  color: rgb(var(--clr--white));
  font-size: clamp(32px, 5vw, 110px);
  font-weight: 900;
  text-align: center;
  margin: 0 0 10px 0;
}

.hero__wrapper_counter-label {
  color: rgb(var(--clr--red));
  font-size: clamp(16px, 1.3vw, 36px);
  font-weight: 600;
  text-align: center;
  background-color: rgb(var(--clr--white));
  width: 100%;
  max-width: 620px;
  padding: 10px;
  margin: 0 auto;
  display: block;
}

/* You Pay the Price */
.you-pay-the-price__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 75px;
}

.you-pay-the-price__wrapper > * {
  color: rgb(var(--clr--red));
}

.you-pay-the-price__wrapper_heading {
  width: calc(100% * .42);
}

.you-pay-the-price__wrapper_copy {
  width: calc(100% * .45);
}

/* Poll */
.poll__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 75px;
}

.poll__wrapper_image {
  width: calc(100% * .4);
}

.poll__wrapper_image img {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.poll__wrapper_container {
  width: calc(100% * .6);
}

.poll__wrapper_container_title {
  color: rgb(var(--clr--red));
  font-size: clamp(24px, 2vw, 60px);
  margin-block: 10px;
}

.poll__wrapper_container_radio-group {
  width: 100%;
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}

.poll__wrapper_container_radio-group > * {
  width: calc((100% / 2) - 10px);
}

.poll__wrapper_container_radio-contain {
  position: relative;
}

.poll__wrapper_container_radio-contain input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.poll__wrapper_container_radio-checkmark {
  width: 100%;
  height: 100%;
  border: 1px solid rgb(229, 231, 235);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.poll__wrapper_container_radio-label:before {
  content: "";
  width: 30px;
  height: 30px;
  border: 2px solid rgb(112, 112, 112);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  top: 17px;
  left: 19px;
}

.poll__wrapper_container_radio-contain input:checked ~ .poll__wrapper_container_radio-checkmark {
  background-color: rgb(var(--clr--red));
  border: 1px solid rgb(var(--clr--red));
}

.poll__wrapper_container_radio-contain input:checked ~ .poll__wrapper_container_radio-label:before {
  border: 7px solid rgb(var(--clr--white));
}

.poll__wrapper_container_radio-label {
  font-size: 20px;
  font-weight: 500;
  min-width: calc((100% / 2) - 11px);
  padding: 20px 20px 20px 60px;
  margin: 0;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;;
}

.poll__wrapper_container_radio-contain input:checked ~ .poll__wrapper_container_radio-label {
  color: rgb(var(--clr--white));
}

.poll__wrapper_form {
  width: 100%;
  max-width: 480px;
  margin-top: 45px;
}

.poll__wrapper_form-submit-button {
  color: rgb(var(--clr--white));
  background-color: rgb(var(--clr--red));
  margin-top: 15px;
}

.poll__wrapper_form-submit-button:hover {
  color: rgb(var(--clr--black));
  background-color: rgb(var(--clr--yellow));
}

.poll__wrapper_container_stats-badge {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between
}

.poll__wrapper_container_stats-progress {
  width: calc(100% - 55px);
  height: 8px
}

.poll__wrapper_container_stats-progress-bar {
  background: rgb(var(--clr--green))
}

.poll__wrapper_container_stats-progress-bar {
  transition: width 0.8s ease-in-out;
  -webkit-transition: width 0.8s ease-in-out;
  -moz-transition: width 0.8s ease-in-out;
  -ms-transition: width 0.8s ease-in-out;
  -o-transition: width 0.8s ease-in-out
}

/* Victorians Deserve Better */
.victorians-deserve-better {
  background-color: rgb(99, 34, 45);
}

.victorians-deserve-better__wrapper {
  color: rgb(var(--clr--white));
  text-align: center;
}

.victorians-deserve-better__wrapper_heading {
  font-size: clamp(21px, 3vw, 72px);
  font-weight: 600;
}

.victorians-deserve-better__wrapper_video {
  width: 100%;
  max-width: 992px;
  height: auto;
  margin: 0 auto;
  display: block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

.victorians-deserve-better__wrapper_carousel {
  width: 100%;
  padding: 5rem 0;
  display: flex;
  align-items: center;
}

.victorians-deserve-better__wrapper_carousel_card {
  cursor: default !important;
}

.victorians-deserve-better__wrapper_carousel_card_number {
  color: rgb(var(--clr--white));
  font-size: clamp(36px, 5vw, 100px);
  font-weight: 700;
}

.victorians-deserve-better__wrapper_carousel_card_text {
  color: rgb(var(--clr--white));
  font-size: clamp(18px, 1.8vw, 36px);
}

/* Public Comments */
.public-comments__wrapper_carousel {
  margin-top: 1rem;
}

.public-comments__wrapper_carousel .owl-stage-outer {
  overflow: visible;
}

.public-comments__wrapper_carousel_card {
  padding: 20px;
  border: 2px solid rgb(229, 231, 235);
  border-radius: 15px;
}

.public-comments__wrapper_carousel_card p {
  font-size: clamp(17px, 1vw, 21px);
}

.public-comments__wrapper_carousel_card_label {
  color: rgb(var(--clr--red));
  font-size: clamp(17px, 0.9vw, 21px);
  font-weight: 400;
  background-color: rgb(235, 229, 231);
  display: inline-block;
  width: fit-content;
  padding: 5px 15px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.public-comments__wrapper_carousel_card_body {
  padding-block: 25px;
  margin-bottom: 25px;
  border-bottom: 2px solid rgb(229, 231, 235);
}

.carousel-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 35px;
}

.carousel-controls .owl-prev,
.carousel-controls .owl-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.carousel-controls .owl-dots {
  display: flex;
  gap: 8px;
}

.public-comments__counter {
  font-size: clamp(17px, 0.9vw, 21px);
  text-align: center;
  margin-top: 10px;
}

/* Add Your Voice */
.add-your-voice__wrapper {
  color: rgb(var(--clr--white));
  background: rgb(var(--clr--red));
  height: 100%;
  padding: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center;
  gap: 45px; */
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

/* .add-your-voice__wrapper_copy {
  width: calc(100% * .32);
  display: flex;
  flex-direction: column;
  gap: 16px;
} */

.add-your-voice__wrapper_form-container {
  /* width: calc(100% * .5); */
  margin-top: 25px;
}

.add-your-voice__wrapper_form-submit-button {
  color: rgb(var(--clr--black));
  background-color: rgb(var(--clr--white));
}

.add-your-voice__wrapper_form-submit-button.disabled {
  color: rgb(var(--clr--black));
  background-color: rgb(var(--clr--white));
}

.add-your-voice__wrapper_form-submit-button:hover {
  color: rgb(var(--clr--black));
  background-color: rgb(var(--clr--yellow));
}

.add-your-voice__return-message {
  font-size: clamp(17px, 0.9vw, 23px);
  text-align: center;
  background-color: rgb(var(--clr--green));
  padding: 10px;
  margin-top: 10px;
}

/* Can't Manage Money */
.cant-manage-money {
  background: rgb(239, 239, 239);
}

.cant-manage-money__wrapper_stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
  background: rgb(var(--clr--red));
  padding: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.4s ease;
  -webkit-transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.4s ease;
  -moz-transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.4s ease;
  -ms-transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.4s ease;
  -o-transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.4s ease;
}

.cant-manage-money__wrapper_stat-card:nth-of-type(even) {
  background: rgb(var(--clr--white));
}

.cant-manage-money__wrapper_stat-card.is-visible {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}

.cant-manage-money__wrapper_stat-card.is-lifted {
  transform: translate(-5px, -5px) !important;
  -webkit-transform: translate(-5px, -5px) !important;
  -moz-transform: translate(-5px, -5px) !important;
  -ms-transform: translate(-5px, -5px) !important;
  -o-transform: translate(-5px, -5px) !important;
  box-shadow: 5px 5px 0 0 rgb(var(--clr--black));
}

.cant-manage-money__wrapper_stat-card.is-lifted:nth-of-type(even) {
  box-shadow: 5px 5px 0 0 rgb(var(--clr--red));
}

.cant-manage-money__wrapper_stat-card.is-lifted:hover {
  transform: translate(0, 0) !important;
  -webkit-transform: translate(0, 0) !important;
  -moz-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  -o-transform: translate(0, 0) !important;
  box-shadow: 0 0 0 0 rgb(var(--clr--black));
}

.cant-manage-money__wrapper_stat-card.is-lifted:nth-of-type(even):hover {
  box-shadow: 0 0 0 0 rgb(var(--clr--red));
}

.cant-manage-money__wrapper_stat-card:first-child {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}

.cant-manage-money__wrapper_stat-card img {
  width: 140px;
}

.cant-manage-money__wrapper_stat-card_copy {
  text-align: center;
  width: 100%;
  padding: 0;
}

.cant-manage-money__wrapper_stat-card_copy p {
  color: rgb(var(--clr--white));
  font-size: clamp(18px, 1.2vw, 36px);
}

.cant-manage-money__wrapper_stat-card:nth-of-type(even) .cant-manage-money__wrapper_stat-card_copy p {
  color: rgb(var(--clr--black));
}

/* Error Page */
.error-message {
  min-height: 100vh;
  display: flex;
  align-items: center
}

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

.error-message__title {
  color: rgb(var(--clr--red));
  font-size: clamp(60px, 7.5vw, 120px);
  font-weight: 900
}

.error-message__back-button,.error-message__content p {
  font-size: 20px;
  line-height: 35px
}

.error-message__back-button {
  font-weight: 700;
  max-width: 350px;
  background: rgb(var(--clr--red));
  border: 2px solid rgb(var(--clr--red));
}

.error-message__back-button:hover {
  background: rgb(var(--clr--black)) !important;
  border: 2px solid rgb(var(--clr--black)) !important;
}

/* Footer */
.footer-banners {
  overflow: hidden;
}

.footer-banners__banner-grid {
  gap: 0;
}

.footer-banners__banner-grid > * {
  width: calc(100% / 4);
}

.footer-banners__banner-grid_card a {
  display: block;
}

.footer-banners__banner-grid_card img {
  width: 100%;
}

.stay-updated {
  background-color: rgb(0, 112, 74);
}

.stay-updated__wrapper_title {
  color: rgb(var(--clr--white)) !important;
  font-family: var(--fnt--open--sans--condensed);
  text-align: center;
}

.stay-updated__wrapper_form {
  margin-block: 25px;
}

.stay-updated__wrapper_form .form-control {
  color: rgb(var(--clr--white));
  background-color: rgb(0, 112, 74);
  border: 1px solid rgb(var(--clr--white));
}

.stay-updated__wrapper_form .form-control:focus {
  border: 1px solid rgb(var(--clr--yellow));
}

.stay-updated__wrapper_form .form-control::-webkit-input-placeholder {
  color: rgb(var(--clr--white));
}

.stay-updated__wrapper_form .form-control::-moz-placeholder {
  color: rgb(var(--clr--white));
}

.stay-updated__wrapper_form .form-control:-ms-input-placeholder {
  color: rgb(var(--clr--white));
}

.stay-updated__wrapper_form .form-control:-moz-placeholder {
  color: rgb(var(--clr--white));
}

.stay-updated__wrapper_form-submit-button {
  font-size: 18px;
  background-color: rgb(var(--clr--green));
  padding: 15px !important;
}

.stay-updated__wrapper_form-submit-button:hover {
  background-color: rgb(var(--clr--yellow));
}

.stay-updated__wrapper_socials {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.stay-updated__wrapper_socials a {
  color: rgb(var(--clr--white));
  text-decoration: none;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgb(var(--clr--white));
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.stay-updated__wrapper_socials a:hover {
  color: rgb(var(--clr--green));
  background-color: rgb(var(--clr--yellow));
  border: 1px solid rgb(var(--clr--yellow));
}

.footer {
  text-align: right;
}

.footer__nav_bar {
  list-style: none;
  display: flex;
  justify-content: end;
  gap: 15px;
  padding: 0;
  margin: 0;
}

.footer__nav_bar li {
  position: relative;
  padding-left: 15px;
}

.footer__nav_bar li:before {
  content: "";
  width: 2px;
  height: 15px;
  background-color: rgb(var(--clr--green));
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

.footer__nav_bar li:first-child:before {
  display: none;
}

.footer__nav_bar a {
  color: rgb(var(--clr--green));
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

.footer__disclaimer {
  padding-bottom: 15px;
}

.correct-answer {
  background-color: #59a359 !important;
}